/*
Theme Name: original_theme
Description: This is our original theme.
Author: Wordpress Theme
Version: 1.0
*/

@charset "utf-8";

body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-size: 16px;
	line-height: 2;
	letter-spacing: .03em;
	font-feature-settings : "palt";
	text-align: left;
	background-color: #fff;
	font-family: 'Noto Sans JP', 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	/*font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif;*/
	-webkit-text-size-adjust: none;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
@media screen\0 {
	body {
		font-family: メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	}
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, select, p, blockquote, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	margin: 0px;
	padding: 0px;
	text-align: left;
}
main {
	display: block;
}
table {
	font-size: inherit; /* モダンブラウザ向け */
	font: 100%; /* Win IE 5-5.5､6(後方互換モード)向け */
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
input[type="radio"],input[type="checkbox"],label,button,input[type="submit"] {
	cursor: pointer;
}
input[type="submit"] {
	cursor: pointer;
}
input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="password"], input[type="date"], input[type="number"] {
	height: 58px;
	padding: 5px 20px;
	font-family: 'Noto Sans JP', 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 16px;
	font-weight: bold;
	border: none;
	background: #f3f6fa;
	box-sizing: border-box;
	border-radius: 0;
	-webkit-text-size-adjust: none;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
select {
	height: 58px;
	padding: 5px 10px;
	font-family: 'Noto Sans JP', 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #dddddd;
	box-sizing: border-box;
	border-radius: 0;
}
textarea {
	width: 100%;
	height: 200px;
	padding: 15px 20px;
	font-family: 'Noto Sans JP', 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 16px;
	font-weight: bold;
	border: none;
	box-sizing: border-box;
	border-radius: 0;
	vertical-align: top;
	background: #f3f6fa;
}
/* Webkit */
::-webkit-input-placeholder {
	color: #b8b8b8;
	opacity: 1;
}
/* Firefox 18 以前 */
:-moz-placeholder {
	color: #b8b8b8;
}
/* Firefox 19 以降 */
::-moz-placeholder {
	color: #b8b8b8;

	/* Firefox 19 以降のデフォルトでは */
	/* color ではなく opacity で色合いを調整しているため */
	/* 文字色を指定する場合、opacity を 1 にする必要がある */
	opacity: 1;
}
/* IE 10 以降 */
:-ms-input-placeholder {
	color: #b8b8b8 !important;
}
/* CSS4では以下のような名前の擬似クラスになるらしい */
/* おそらく今のところ対応ブラウザはない */
:placeholder-shown {
	color: #b8b8b8;
}
/* Android chrome対策 */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, select, p, blockquote, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	max-height:100%;
}

.clear {
	clear: both;
}
.clearfix {
	zoom: 100%;
}
.clearfix:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
a:link {
	color: #0B8BD2;
}
a:visited {
	color: #0B8BD2;
}
a.normal:link {
	color: #231815;
}
a.normal:visited {
	color: #231815;
}
a:hover {
	text-decoration: none;
}
a:active {
}
a.noline {
	text-decoration: none;
}
a.reverse {
	text-decoration: none;
}
a.reverse:hover {
	text-decoration: underline;
}
.linkBox {
	cursor: pointer;
}
body {
	text-align: center;
}
img {
	max-width: 100%;
	width: auto;
	height: auto;
	vertical-align: middle;
	-webkit-backface-visibility: hidden;
}
a { /* FireFox リンク選択時の点線を消す　*/
    overflow: hidden;
    outline: none;
}
.ov {
	transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ov:hover {	
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}
.ovImg:hover img {	
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}
.nowrap {
	white-space: nowrap;
}
.mincho {
	font-family: "Times New Roman", Georgia, YuMincho, '游明朝', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN','メイリオ',"HGS明朝E", 'MS P 明朝', 'MS PMincho', serif;
}
.gothic {
	font-family: 'Noto Sans JP', 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	/*font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;*/
}
.lato {
	font-family: 'Lato', sans-serif;
}
* {
	box-sizing: border-box;
}


@media screen and (max-width:767px){
	input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="password"], input[type="date"], input[type="number"] {
		height: 45px;
		padding: 5px 10px;
		font-size: 16px;
	}
	select {
		height: 45px;
		padding: 5px 10px;
		font-size: 16px;
	}
	textarea {
		height: 38.6470588vw;
		padding: 5px 10px;
		font-size: 16px;
	}
}

/**********************************

 general

***********************************/
/* margin-bottom */
.mb5  {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.mb55 {margin-bottom: 55px;}
.mb60 {margin-bottom: 60px;}
.mb65 {margin-bottom: 65px;}
.mb70 {margin-bottom: 70px;}
.mb75 {margin-bottom: 75px;}
.mb80 {margin-bottom: 80px;}
.mb85 {margin-bottom: 85px;}
.mb90 {margin-bottom: 90px;}
.mb95 {margin-bottom: 95px;}
.mb100 {margin-bottom: 100px;}
.mb110 {margin-bottom: 110px;}
.mb120 {margin-bottom: 120px;}
/* margin-top */
.mt5  {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
/* margin-left */
.ml5  {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml45 {margin-left: 45px;}
.ml50 {margin-left: 50px;}
/* margin-right */
.mr5  {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}
.mr50 {margin-right: 50px;}
/* padding-top */
.pt5  {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pt30 {padding-top: 30px;}
.pt40 {padding-top: 40px;}
.pt50 {padding-top: 50px;}
.pt60 {padding-top: 60px;}
.pt70 {padding-top: 70px;}
/* padding-bottom */
.pb5  {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.pb40 {padding-bottom: 40px;}
.pb50 {padding-bottom: 50px;}
.pb55 {padding-bottom: 55px;}
.pb60 {padding-bottom: 60px;}
.pb70 {padding-bottom: 70px;}
/* width */
.w10   {width: 10px;}
.w20   {width: 20px;}
.w30   {width: 30px;}
.w40   {width: 40px;}
.w50   {width: 50px;}
.w60   {width: 60px;}
.w70   {width: 70px;}
.w80   {width: 80px;}
.w90   {width: 90px;}
.w100  {width: 100px;}
.w110  {width: 110px;}
.w120  {width: 120px;}
.w130  {width: 130px;}
.w140  {width: 140px;}
.w150  {width: 150px;}
.w200  {width: 200px;}
.w240  {width: 240px;}
.w250  {width: 250px;}
.w300  {width: 300px;}
.w350  {width: 350px;}
.w400  {width: 400px;}
.w450  {width: 450px;}
.w500  {width: 500px;}
.wfull {width: 100%;}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
.alignC {
	text-align: center;
}
.alignR {
	text-align: right;
}
.alignL {
	text-align: left;
}
.veralignT {
	vertical-align: top;
}
.veralignM {
	vertical-align: middle;
}
.veralignB {
	vertical-align: bottom;
}
.indent {
	text-indent: -1em;
	padding-left: 1em;
}
.bold {
	font-weight: bold;
}
.red {
	color: #ff3f00;
}
.blue {
	color: #1184df;
}
.yellow {
	color: #ffff00;
}
.bgYellow {
	background-color: #fff100;
}
.marker {
	background: linear-gradient(transparent 60%, #ffbf00 60%);
}
@media screen\0 {
	.marker {
		font-family: Lato, メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
}
.underline {
	text-decoration: underline;
}
.large {
	font-size: 24px;
}
.large-x {
	font-size: 36px;
}
.small {
	font-size: 86%;
}
.js-objectFit {
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
	font-family: 'object-fit: cover; object-position: center;'
}
@media screen and (min-width:768px){
	.sp {
		display: none;
	}
}
@media screen and (max-width:767px){
	.pc {
		display: none;
	}
	.large {
		font-size: 15px;
	}
	.large-x {
		font-size: 18px;
	}
}

/**********************************

 parts

***********************************/
.define_wrap {
	padding: 0 24px;
}

.define_inner {
	max-width: 100%;
	width: 980px;
	margin: 0 auto;
}


@media screen and (max-width:767px){

	.define_wrap {
		padding: 0 4.66666667%;
	}
}

/* ---------------------------------------------------------
 投稿スタイル
--------------------------------------------------------- */
.entry_content {
	letter-spacing: .06em;
	line-height: 2;
}
.entry_content section,
.entry_content article,
.entry_content footer,
.entry_content header,
.entry_content div,
.entry_content dl,
.entry_content dt,
.entry_content dd,
.entry_content li,
.entry_content h1,
.entry_content h2,
.entry_content h3,
.entry_content h4,
.entry_content h5,
.entry_content h6,
.entry_content pre,
.entry_content form,
.entry_content fieldset,
.entry_content input,
.entry_content textarea,
.entry_content p,
.entry_content blockquote,
.entry_content th,
.entry_content td,
.entry_content caption {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.entry_content h1,
.entry_content h2,
.entry_content h3,
.entry_content h4,
.entry_content h5,
.entry_content h6 {
	clear: both;
	line-height: 1.846153846;
	margin: 1.5em 0;
	font-weight: 600;
}
.entry_content h1,
.entry_content h2,
.entry_content h3,
.entry_content h4 {
	padding: 15px 0;
	margin: 3em 0 1.2em 0;
	color: #008ad2;
	font-size: 18px;
	line-height: 1.5;
	border-top: 2px solid #008ad2;
	border-bottom: 1px solid #dddddd;
}
.entry_content h3 {
	/*font-size: 20px;*/
}
.entry_content h2 {
	/*font-size: 22px;*/
}
.entry_content h1 {
	/*font-size: 24px;*/
}

.entry_content strong {
	font-weight: bold;
}
.entry_content em {
	font-style: italic;
}
.entry_content mark,
.entry_content ins {
	background-color: #fff9c0;
	text-decoration: none;
}
.entry_content del {
	opacity: 0.8;
}
.entry_content a {
	color: #333;
	text-decoration: underline;
}
.entry_content a:hover {
	text-decoration: none;
}
.entry_content blockquote {
	padding: 0 0 0 17px;
	margin: 0 0 28px 0;
}
.entry_content blockquote p {
	margin: 0;
}
.entry_content ul {
	list-style: disc;
	margin: 0 0 28px;
	padding: 0 0 0 40px;
}
.entry_content ol {
	list-style-type: decimal;
	margin: 0 0 28px;
	padding: 0 0 0 40px;
}
.entry_content code {
}
.entry_content pre {
	margin: 0 0 1em;
	padding: 10px 3% 10px 3%;
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow: auto;
	background-color: #fcfcfc;
	border: 1px solid #eaeaea;
}
.entry_content p {
	margin: 1em 0 2.5em;
}
.entry_content table {
	width: 100%;
	border: 1px #d4d4d4 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 1em;
}
.entry_content table caption {
	text-align: center;
}
.entry_content table th {
	border: 1px #d4d4d4 solid;
	padding: 3px 10px;
	font-weight: bold;
}
.entry_content table td {
	border: 1px #d4d4d4 solid;
	padding: 3px 10px;
}
.entry_content .wp-block-image {
	margin-bottom: 2em;
}
.entry_content img {
	max-width: 100%;
	height: auto;
}
.entry_content iframe {
	max-width: 100%;
}
.entry_content .aligncenter {
	text-align: center;
	margin: 0 auto 1em;
	display: block;
}
.entry_content .alignleft {
	float: left;
	margin: 0 1em 0.857142857em 0;
}
.entry_content .alignright {
	float: right;
	margin: 0 0 0.857142857em 1em;
}

.entry_content .c-entryBox {
	padding: 25px 30px;
	font-size: 14px;
	background-color: #f6f6f6;
}

.entry_content *:first-child {
	margin-top: 0;
}

.entry_content *:last-child {
	margin-bottom: 0;
}

@media screen and (max-width:767px){

	.entry_content section,
	.entry_content article,
	.entry_content footer,
	.entry_content header,
	.entry_content div,
	.entry_content dl,
	.entry_content dt,
	.entry_content dd,
	.entry_content li,
	.entry_content h1,
	.entry_content h2,
	.entry_content h3,
	.entry_content h4,
	.entry_content h5,
	.entry_content h6,
	.entry_content pre,
	.entry_content form,
	.entry_content fieldset,
	.entry_content input,
	.entry_content textarea,
	.entry_content p,
	.entry_content blockquote,
	.entry_content th,
	.entry_content td,
	.entry_content caption {
	}

	.entry_content p {
		margin: 1em 0 1.5em;
	}

	.entry_content h1,
	.entry_content h2,
	.entry_content h3,
	.entry_content h4 {
		padding: 11px 0;
		margin: 2em 0 1em 0;
		font-size: 17px;
	}
	.entry_content h3 {
		/*font-size: 13px;*/
	}
	.entry_content h2 {
		/*font-size: 14px;*/
	}
	.entry_content h1 {
		/*font-size: 15px;*/
	}

	.entry_content .wp-block-image {
		margin-bottom: 1.3em;
	}

	.entry_content .c-entryBox {
		padding: 10px 15px;
		font-size: 12px;
	}

}

/**********************************

 layout

***********************************/
.l-wrap {
	position: relative;
	overflow: hidden;
}

.l-wrap.is-noneActive .l-main,
.l-wrap.is-noneActive .l-footer {
	pointer-events: none;
}

.l-cover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	background-color: rgba(0,0,0,.9);
	pointer-events: none;
	opacity: 0;
	transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.l-cover.is-active {
	opacity: 1;
	pointer-events: auto;
}

.l-main {
}

.l-pageTop {
	display: none;
	position: fixed;
	bottom: 50px;
	right: 50px;
	z-index: 5;
}

@media screen and (max-width:1023px){

	.l-pageTop {
		width: 60px;
		bottom: 24px;
		right: 24px;
	}
}

@media screen and (max-width:767px){

	.l-pageTop {
		width: 31px;
		bottom: 15px;
		right: 4%;
	}
}

/**********************************

 l-header

***********************************/
.l-header {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 80px;
	position: relative;
	z-index: 11;
	/*position: fixed;*/
	/*top: 0;*/
	/*left: 0;*/
	/*z-index: 11;*/
	/*transition: background-color 600ms cubic-bezier(0.165, 0.84, 0.44, 1);*/
}

.l-header.bgBlack,
.l-header.is-scroll {
	background-color: #000;
}

.l-header__logo {
	margin-right: 40px;
}

.l-header__logo a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80px;
	background-color: #fff;
}

.l-header__right {
	display: flex;
	align-items: center;
}

.l-header__right nav {
	display: flex;
	align-items: center;
}

.l-header__right nav .navi {
	display: flex;
	margin-right: 40px;
}

.l-header__right nav .navi__item {
	margin-right: 35px;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5;
	position: relative;
}

.l-header__right nav .navi__item:last-child {
	margin-right: 0;
}

.l-header__right nav .navi__item > a {
	display: block;
	padding: 10px 0;
	color: #fff;
	text-decoration: none;
}

.l-header__right nav .lang {
}

.l-header__right nav .lang ul {
	display: flex;
	flex-direction: column-reverse;
}

.l-header__right nav .lang ul li {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	background-color: #01060e;
	transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.l-header__right nav .lang ul li a {
	display: block;
	width: 80px;
	color: #fff;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	opacity: .5;
}

.l-header__right nav .lang ul li:hover {
	opacity: .7;
}

.l-header__right nav .lang ul li.current-lang a {
	opacity: 1;
}

@media screen and (max-width:1123px){

	.l-header__logo {
		margin-right: 25px;
	}

	.l-header__right nav .navi {
		margin-right: 25px;
	}

	.l-header__right nav .navi__item {
		margin-right: 20px;
	}

}

@media screen and (max-width:1023px){

	.l-header__logo {
		margin-right: 15px;
	}

	.l-header__logo a img {
		width: 250px;
	}

	.l-header__right nav {
	}

	.l-header__right nav .navi {
		margin-right: 15px;
	}

	.l-header__right nav .navi__item {
		margin-right: 15px;
		font-size: 11px;
	}

	.l-header__right nav .lang ul li {
		font-size: 16px;
	}

	.l-header__right nav .lang ul li a {
		width: 50px;
	}
}

@media screen and (max-width:767px){
	.l-header {
		height: 55px;
		background-color: #fff;
	}

	.l-header__logo {
		width: 207px;
		margin: 0 auto;
	}

	.l-header__logo a {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 55px;
	}

	.l-header__logo a img {
		display: block;
	}

	.l-header__right {
		display: none;
	}
}

@media screen and (max-width:374px){
	.l-header {
		display: block;
	}

	.l-header__logo {
		margin: 0 0 0 -3%;
	}
}

/**********************************

 l-langSp

***********************************/
@media screen and (max-width:767px){

	.l-langSp {
		width: 55px;
		height: 55px;
		position: absolute;
		top: 0;
		right: 55px;
		z-index: 12;
	}

	.l-langSp .btn a {
		display: block;
		width: 55px;
		height: 55px;
		background: url(images/common/icon_lang01.png) no-repeat center;
		background-size: 24px 24px;
	}

	.l-langSp .lang {
		display: none;
		width: 100%;
		max-height: none;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1;
	}

	.l-langSp .lang ul {
		display: flex;
		flex-direction: column-reverse;
	}

	.l-langSp .lang ul li {
		margin-bottom: 1px;
		font-family: 'Lato', sans-serif;
		font-size: 15px;
		background-color: rgba(0,0,0,.9);
		transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	}

	.l-langSp .lang ul li:first-child {
		margin-bottom: 0;
	}

	.l-langSp .lang ul li a {
		display: block;
		width: 100%;
		color: #fff;
		font-weight: bold;
		line-height: 40px;
		text-align: center;
		text-decoration: none;
		transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
		/*opacity: .5;*/
	}

	/*.l-langSp ul li.current-lang a {*/
		/*opacity: 1;*/
	/*}*/
}

/**********************************

 l-humberger

***********************************/
@media screen and (max-width:767px){

	.l-humberger {
		width: 55px;
		height: 55px;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 25;
	}

	.l-humberger a {
		display: block;
		width: 55px;
		height: 55px;
		background-color: #fff;
		overflow: visible;
		transition: background 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	}

	.l-humberger a.is-active {
		background-color: #000;
	}

	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-trigger {
		position: relative;
		width: 22px;
		height: 28px;
	}
	.menu-trigger span {
		position: absolute;
		left: 15px;
		width: 100%;
		height: 2px;
		background-color: #000000;
	}
	.menu-trigger.is-active span {
		background-color: #fff;
	}
	.menu-trigger span:nth-of-type(1) {
		width: 25px;
		top: 17px;
	}
	.menu-trigger span:nth-of-type(2) {
		width: 14px;
		top: 27px;
	}
	.menu-trigger span:nth-of-type(3) {
		width: 20px;
		bottom: 16px;
	}

	.menu-trigger.is-active span:nth-of-type(1) {
		width: 25px;
		-webkit-transform: translateY(10px) rotate(-45deg);
		transform: translateY(10px) rotate(-45deg);
	}
	.menu-trigger.is-active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu-trigger.is-active span:nth-of-type(3) {
		width: 25px;
		-webkit-transform: translateY(-10px) rotate(45deg);
		transform: translateY(-10px) rotate(45deg);
	}
}


/**********************************

 l-drawerMenu

***********************************/
@media screen and (max-width:767px){

	.l-drawerMenu {
		width: 100%;
		/*height: 100vh;*/
		padding: 55px 4.66666667% 0;
		/*background-color: rgba(0,0,0,.9);*/
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 20;
		/*transform: translateX(105%);*/
		/*-webkit-transform: translateX(105%);*/
		pointer-events: none;
		transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	}

	.l-drawerMenu.is-active {
		opacity: 1;
		pointer-events: auto;
		/*transform: none;*/
		/*-webkit-transform: none;*/
	}

	.l-drawerMenu__inner {
	}

	.l-drawerMenu__inner ul {
		border-top: 1px solid #ccc;
	}

	.l-drawerMenu__inner ul li {
		font-weight: bold;
		border-bottom: 1px solid #ccc;
	}

	.l-drawerMenu__inner ul li:last-child {
	}

	.l-drawerMenu__inner ul li a {
		display: block;
		padding: 14px 0;
		color: #fff;
		text-decoration: none;
	}
}


/**********************************

 l-footer

***********************************/
.l-footer {

}

.l-footer__contact {
	background: url(images/common/ft_contact_bg01_pc.jpg) no-repeat center;
	background-size: cover;
}

.l-footer__contact__inner {
	padding: 100px 0;
}

.l-footer__contact__inner__ttl {
	margin-bottom: 20px;
	color: #fff;
	font-size: 36px;
	font-weight: 900;
	text-align: center;
	line-height: 1;
}

.l-footer__contact__inner__txt01 {
	margin-bottom: 20px;
	color: #fff;
	font-size: 18px;
	font-weight: 900;
	text-align: center;
	line-height: 1.8;
}

.l-footer__contact__inner__txt02 {
	margin-bottom: 50px;
	color: #fff;
	text-align: center;
}

.l-footer__contact__inner__btn {
	text-align: center;
}

.l-footer__navi {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4a84ff+0,0053a2+100 */
	background: rgb(74,132,255); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(74,132,255,1) 0%, rgba(0,83,162,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(74,132,255,1) 0%,rgba(0,83,162,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(74,132,255,1) 0%,rgba(0,83,162,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a84ff', endColorstr='#0053a2',GradientType=1 ); /* IE6-9 */
}

.l-footer__navi__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.l-footer__navi__inner ul {
	display: flex;
}

.l-footer__navi__inner ul li {
	margin-right: 35px;
	font-size: 15px;
	font-weight: bold;
}

.l-footer__navi__inner ul li:last-child {
	margin-right: 0;
}

.l-footer__navi__inner ul li a {
	color: #fff;
	text-decoration: none;
}

.l-footer__copy {
	background-color: #fff;
}

.l-footer__copy__inner {
	padding: 26px 0;
}

.l-footer__copy__inner p {
	color: #dddddd;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

@media screen and (max-width:1023px){

	.l-footer__navi {
		padding: 0 24px 0 0;
	}

	.l-footer__navi__inner__logo {
		width: 260px;
	}

	.l-footer__navi__inner ul li {
		margin-right: 15px;
		font-size: 14px;
	}
}

@media screen and (max-width:799px){

	.l-footer__navi__inner ul li {
		font-size: 12px;
	}
}

@media screen and (max-width:767px){

	.l-footer__contact {
		background: url(images/common/ft_contact_bg01_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.l-footer__contact__inner {
		padding: 45px 0;
	}

	.l-footer__contact__inner__ttl {
		margin-bottom: 20px;
		font-size: 18px;
	}

	.l-footer__contact__inner__txt01 {
		margin-bottom: 20px;
		font-size: 12px;
	}

	.l-footer__contact__inner__txt02 {
		margin-bottom: 25px;
		font-size: 12px;
	}

	.l-footer__navi {
		padding: 0 4.66666667%;
		margin-bottom: -5px;
		background: #fff;
	}

	.l-footer__navi__inner {
		display: block;
	}

	.l-footer__navi__inner__logo {
		width: 230px;
		margin: 0 auto;
	}

	.l-footer__navi__inner ul {
		display: none;
	}

	.l-footer__copy {
		position: relative;
		z-index: 1;
	}

	.l-footer__copy__inner {
		padding: 0 0 13px 0;
	}

	.l-footer__copy__inner p {
		font-size: 7px;
	}

}

/**********************************

 c-sec

***********************************/
.c-sec {
}

.c-sec__head {
}

.c-sec__head__inner {
}

.c-sec__head__inner__ttl {
}

.c-sec__body {

}

@media screen and (max-width:767px){
}

/**********************************

 c-btn01

***********************************/
a.c-btn01 {
	display: block;
	padding: 18px 20px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #323232;
}

a.c-btn01.d-ib {
	display: inline-block;
	vertical-align: top;
}

a.c-btn01 span {
	padding-right: 25px;
	position: relative;
}

a.c-btn01 span:before {
	content: "";
	display: block;
	width: 5px;
	height: 8px;
	background: url(images/common/icon_arr01.png) no-repeat left top;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

@media screen and (max-width:767px){
	a.c-btn01 {
		padding: 10px 20px;
		font-size: 13px;
	}

	a.c-btn01 span {
		padding-right: 18px;
	}

	a.c-btn01 span:before {
		width: 4px;
		height: 7px;
	}
}

/**********************************

 c-form

***********************************/
.c-form {
}

.c-form__content {
	margin-bottom: 55px;
}

.c-form__content dl {
	display: table;
	width: 100%;
	margin-bottom: 34px;
}

.c-form__content dl dt {
	display: table-cell;
	width: 330px;
	padding: 15px 20px 15px 25px;
	vertical-align: middle;
	background-color: #0054b0;
	box-shadow:0px 4px 0px 0px #a9c1db;
}

.c-form__content dl dt .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	line-height: 1.5;
}

.c-form__content dl dt .inner .name {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

.c-form__content dl dt .inner .require {
	padding: 3px 5px;
	color: #ffff00;
	font-size: 12px;
	font-weight: bold;
	background-color: #ff3f00;
}

.c-form__content dl dt .inner .any {
	padding: 3px 5px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background-color: #00bfff;
}

.c-form__content dl dd {
	display: table-cell;
	padding: 19px;
	line-height: 1.5;
	vertical-align: middle;
	background-color: #fff;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	box-shadow:0px 4px 0px 0px #d9d9d9;
}

.c-form__content dl dd .radio {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
}

.c-form__content dl dd .radio input {
	margin-right: .5em;
}

.c-form__submit {
	width: 340px;
	max-width: 100%;
	margin: 0 auto;
}

.c-form__submit button {
	display: block;
	width: 100%;
	padding: 20px 15px;
	margin-bottom: 5px;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border-radius: 9px;
	box-shadow:0px 5px 0px 0px #6c1c00;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff531a+0,f23d00+100 */
	background: rgb(255,83,26); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,83,26,1) 0%, rgba(242,61,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,83,26,1) 0%,rgba(242,61,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,83,26,1) 0%,rgba(242,61,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff531a', endColorstr='#f23d00',GradientType=0 ); /* IE6-9 */
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

@media screen and (max-width:767px){

	.c-form__content {
		margin-bottom: 32px;
	}

	.c-form__content dl {
		display: block;
		width: auto;
		margin-bottom: 30px;
	}

	.c-form__content dl dt {
		display: block;
		width: auto;
		padding: 11px 15px;
		box-shadow: none;
	}

	.c-form__content dl dt .inner {
		display: block;
		width: auto;
		position: relative;
	}

	.c-form__content dl dt .inner .name {
		font-size: 16px;
		text-align: center;
	}

	.c-form__content dl dt .inner .require {
		padding: 3px 5px;
		font-size: 10px;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

	.c-form__content dl dt .inner .any {
		padding: 3px 5px;
		font-size: 10px;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

	.c-form__content dl dd {
		display: block;
		padding: 14px;
		border: 1px solid #dddddd;
		box-shadow: none;
	}

	.c-form__content dl dd .radio {
		margin-bottom: 10px;
		font-size: 15px;
	}

	.c-form__content dl dd .radio input {
		margin-right: .5em;
	}

	.c-form__submit {
		width: 240px;
	}

	.c-form__submit button {
		padding: 11px 15px;
		margin-bottom: 3px;
		font-size: 16px;
		border-radius: 6px;
		box-shadow:0px 3px 0px 0px #6c1c00;
	}

}


/**********************************

 c-faq

***********************************/
.c-faq {
}

.c-faq dl {
	margin-bottom: 60px;
}

.c-faq dl:last-child {
	margin-bottom: 0;
}

.c-faq dl dt {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 30px;
}

.c-faq dl dt .icon {
	width: 68px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 68px;
	background-color: #2b536a;
	border-radius: 5px;
}

.c-faq dl dt .ttl {
	flex: 1;
	min-height: 68px;
	padding: 14px 29px;
	margin-left: 12px;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.5;
	border: 1px solid #e7e7eb;
	background-color: #fff;
	border-radius: 5px;
}

.c-faq dl dd {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.c-faq dl dd .icon {
	width: 68px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 68px;
	background-color: #4481a5;
	border-radius: 5px;
}

.c-faq dl dd .cont {
	flex: 1;
	min-height: 68px;
	padding: 19px 29px;
	margin-left: 12px;
	line-height: 1.5;
	border: 1px solid #e7e7eb;
	background-color: #fff;
	border-radius: 5px;
}

.c-faq dl dd .cont p {
}

@media screen and (max-width:767px){

	.c-faq {
	}

	.c-faq dl {
		margin-bottom: 30px;
	}

	.c-faq dl dt {
		margin-bottom: 20px;
	}

	.c-faq dl dt .icon {
		width: 40px;
		font-size: 16px;
		line-height: 40px;
		border-radius: 4px;
	}

	.c-faq dl dt .ttl {
		flex: 1;
		min-height: 40px;
		padding: 7px 12px;
		margin-left: 10px;
		font-size: 16px;
		border-radius: 4px;
	}

	.c-faq dl dd .icon {
		width: 40px;
		font-size: 16px;
		line-height: 40px;
		border-radius: 4px;
	}

	.c-faq dl dd .cont {
		min-height: 40px;
		padding: 7px 12px;
		margin-left: 10px;
		border-radius: 4px;
	}

	.c-faq dl dd .cont p {
	}

}



/**********************************

 sec

***********************************/
.sec {

}

.sec:nth-child(even) {
	background-color: #ddd;
}

.sec__inner {
	padding: 80px 0;
}

@media screen and (max-width:767px){

	.sec__inner {
		padding: 30px 0;
	}

}


/**********************************

 topHero

***********************************/
.topHero {
	height: 100vh;
	background-color: #17577b;
	margin-top: -80px;
	position: relative;
}

.topHero__box {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}

.topHero__box__copy {
	margin-bottom: .15em;
	color: #fff;
	font-size: 56px;
	font-weight: 900;
	line-height: 1.8;
	text-align: center;
}

.topHero__box p {
	color: #fff;
	font-size: 32px;
	font-weight: 900;
	line-height: 1.8;
	text-align: center;
}

.topHero__slider {
	position: relative;
}

.topHero__slider:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #fff url(images/common/ajax-loader.gif) no-repeat center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	pointer-events: none;
	transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.topHero__slider.slick-initialized:before {
	opacity: 0;
}

.topHero__slider__item {
	height: 100vh;
}

.topHero__slider__item01 {
	background: url(images/top/hero_bg01_pc.jpg) no-repeat center;
	background-size: cover;
}

.topHero__slider__item02 {
	background: url(images/top/hero_bg02_pc.jpg) no-repeat center;
	background-size: cover;
}

.topHero__slider__item03 {
	background: url(images/top/hero_bg03_pc.jpg) no-repeat center;
	background-size: cover;
}

.topHero__slider__item04 {
	background: url(images/top/hero_bg04_pc.jpg) no-repeat center;
	background-size: cover;
}

@media screen and (max-width:1199px){


	.topHero__box__copy {
		font-size: 4.666666666666667vw;
	}

	.topHero__box p {
		font-size: 2.666666666666667vw;
	}
}

@media screen and (max-width:767px){
	.topHero {
		height: calc(100vh - 55px);
		margin-top: 0;
	}


	.topHero__box__copy {
		margin-bottom: 1em;
		font-size: 7.466666666666668vw;
	}

	.topHero__box p {
		font-size: 4.266666666666667vw;
	}

	.topHero__slider__item {
		height: calc(100vh - 55px);
	}

	.topHero__slider__item01 {
		background: url(images/top/hero_bg01_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.topHero__slider__item02 {
		background: url(images/top/hero_bg02_pc.jpg) no-repeat center;
		background-size: cover;
	}

	.topHero__slider__item03 {
		background: url(images/top/hero_bg03_pc.jpg) no-repeat center;
		background-size: cover;
	}

	.topHero__slider__item04 {
		background: url(images/top/hero_bg04_pc.jpg) no-repeat center;
		background-size: cover;
	}

}


/**********************************

 c-subHero

***********************************/
.c-subHero {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 480px;
	background-color: #17577b;
	margin-top: -80px;
}

.c-subHero.services {
	background: url(images/services/hero_bg_pc.jpg) no-repeat center;
	background-size: cover;
}

.c-subHero.aboutus {
	background: url(images/aboutus/hero_bg_pc.jpg) no-repeat center;
	background-size: cover;
}

.c-subHero.careers {
	background: url(images/careers/hero_bg_pc.jpg) no-repeat center;
	background-size: cover;
}

.c-subHero.contact {
	background: url(images/contact/hero_bg_pc.jpg) no-repeat center;
	background-size: cover;
}

.c-subHero.techblog {
	background: url(images/techblog/hero_bg_pc.jpg) no-repeat center;
	background-size: cover;
}

.c-subHero.news {
	background: url(images/news/hero_bg_pc.jpg) no-repeat center;
	background-size: cover;
}

.c-subHero__box {
	padding-top: 40px;
}

.c-subHero__box__ttl {
	color: #fff;
	font-size: 32px;
	font-weight: 900;
	text-align: center;
}

.c-subHero__box p {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

@media screen and (max-width:767px){

	.c-subHero {
		margin-top: 0;
		height: 200px;
	}

	.c-subHero.services {
		background: url(images/services/hero_bg_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.c-subHero.aboutus {
		background: url(images/aboutus/hero_bg_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.c-subHero.careers {
		background: url(images/careers/hero_bg_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.c-subHero.contact {
		background: url(images/contact/hero_bg_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.c-subHero.techblog {
		background: url(images/techblog/hero_bg_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.c-subHero.news {
		background: url(images/news/hero_bg_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.c-subHero__box {
		padding-top: 0;
	}

	.c-subHero__box__ttl {
		font-size: 21px;
	}

	.c-subHero__box p {
		font-size: 13px;
	}

}


/**********************************

 c-topTitle

***********************************/
.c-topTitle {
	padding-top: 200px;
	margin-bottom: 80px;
	position: relative;
	z-index: 1;
}

.c-topTitle__txtArea {
	width: 480px;
	margin-left: -230px;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
}

.c-topTitle__txtArea__txt {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 120px;
}

.c-topTitle__txtArea__txt .txt01 {
	margin-right: 25px;
	color: #008ad2;
	font-size: 36px;
	font-weight: bold;
}

.c-topTitle__txtArea__txt .txt02 {
	color: #000;
	font-size: 20px;
	font-weight: bold;
}

.c-topTitle__picArea {
	margin-left: -230px;
	position: relative;
	z-index: 2;
}

.c-topTitle__picArea__pic {
	height: 580px;
	margin-right: calc((980px - 100vw) /2);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.topService .c-topTitle__picArea__pic {
	background: url(images/top/service_bg01_pc.jpg) no-repeat center;
	background-size: cover;
}

.topBlog .c-topTitle__picArea__pic {
	background: url(images/top/blog_bg01_pc.jpg) no-repeat center;
	background-size: cover;
}

.topNews .c-topTitle__picArea__pic {
	background: url(images/top/news_bg01_pc.jpg) no-repeat center;
	background-size: cover;
}

.c-topTitle__bg {
	color: #f2f9fd;
	font-size: 300px;
	font-weight: 900;
	line-height: .7;
	white-space: nowrap;
	position: absolute;
	top: 25px;
	left: 0;
	z-index: 1;
}

.topService .c-topTitle__bg {
	left: -685px;
}

.topBlog .c-topTitle__bg {
	left: -475px;
}

.topNews .c-topTitle__bg {
	left: -475px;
}

@media screen and (max-width:1439px){

	.c-topTitle__txtArea {
		margin-left: -115px;
	}

	.c-topTitle__picArea {
		margin-left: -115px;
	}

}

@media screen and (max-width:1209px){

	.c-topTitle__txtArea {
		margin-left: -24px;
	}

	.c-topTitle__picArea {
		margin-left: -24px;
	}

}

@media screen and (max-width:1026px){

	.c-topTitle__picArea__pic {
		margin-right: -24px;
	}

}

@media screen and (max-width:767px){
	.c-topTitle {
		padding-top: 55px;
		margin-bottom: 35px;
	}

	.c-topTitle__txtArea {
		width: auto;
		margin-left: -5.14705882%;
	}

	.c-topTitle__txtArea__txt {
		display: block;
		height: auto;
		padding: 10px 20px;
	}

	.c-topTitle__txtArea__txt .txt01 {
		display: block;
		margin-right: 0;
		font-size: 18px;
		line-height: 1.8;
		text-align: center;
	}

	.c-topTitle__txtArea__txt .txt02 {
		display: block;
		font-size: 16px;
		line-height: 1.8;
		text-align: center;
	}

	.c-topTitle__picArea {
		margin: 0 -5.14705882%;
	}

	.c-topTitle__picArea__pic {
		height: 64vw;
	}

	.topService .c-topTitle__picArea__pic {
		margin-right: 0;
		background: url(images/top/service_bg01_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.topBlog .c-topTitle__picArea__pic {
		background: url(images/top/blog_bg01_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.topNews .c-topTitle__picArea__pic {
		background: url(images/top/news_bg01_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.c-topTitle__bg {
		font-size: 75px;
		line-height: .7;
		top: 10px;
	}

	.topService .c-topTitle__bg,
	.topBlog .c-topTitle__bg,
	.topNews .c-topTitle__bg {
		left: -5.14705882%;
	}

}


/**********************************

 c-blogList01

***********************************/
.c-blogList01 {
	width: 46.9387755%;
	margin-bottom: 50px;
}

.c-blogList01 a {
	display: block;
	color: #333333;
	text-decoration: none;
	overflow: visible;
}

.c-blogList01__pic {
	height: 300px;
	margin-right: 40px;
}

.c-blogList01__content {
	padding: 40px;
	margin-top: -140px;
	margin-left: 40px;
	background-color: #fff;
	box-shadow:0px 0 10px 0px rgba(0,0,0,0.05);
	position: relative;
	z-index: 1;
}

.c-blogList01__content:before {
	content: "";
	display: block;
	width: 39px;
	height: 39px;
	background: #1b1b1b url(images/common/icon_arr01.png) no-repeat center;
	background-size: 5px 8px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
}

.c-blogList01__content__ttl {
	margin-bottom: 15px;
	color: #008ad2;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
}

.c-blogList01__content__txt01 {
	margin-bottom: 25px;
}

.c-blogList01__content ul {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 3px;
}

.c-blogList01__content ul li {
	padding: 4px 10px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5;
	background-color: #008ad2;
}

.c-blogList01__content__date {
	color: #bbbbbb;
	font-size: 12px;
	font-weight: bold;
}

@media screen and (max-width:1023px){

	.c-blogList01__pic {
		height: 29.296875vw;
	}
}

@media screen and (max-width:767px){

	.c-blogList01 {
		width: auto;
		margin-bottom: 30px;
	}

	.c-blogList01:last-child {
		margin-bottom: 0;
	}

	.c-blogList01 a {
	}

	.c-blogList01__pic {
		height: 50.6666666vw;
		margin-right: 0;
		position: relative;
		z-index: 2;
	}

	.c-blogList01__content {
		padding: 20px 20px 25px;
		margin-top: 0;
		margin-left: 0;
	}

	.c-blogList01__content:before {
		width: 31px;
		height: 31px;
		background-size: 4.5px auto;
	}

	.c-blogList01__content__ttl {
		margin-bottom: 10px;
		font-size: 16px;
	}

	.c-blogList01__content__txt01 {
		margin-bottom: 15px;
	}

	.c-blogList01__content ul {
		margin-bottom: 3px;
	}

	.c-blogList01__content ul li {
		padding: 4px 10px;
		font-size: 12px;
	}

	.c-blogList01__content__date {
		font-size: 11px;
	}

}


/**********************************

 c-blogList02

***********************************/
.c-blogList02 {
}

.c-blogList02 a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0 25px;
	color: #333333;
	text-decoration: none;
	border-bottom: 1px solid #dddddd;
}

.c-blogList02:first-child a {
	border-top: 1px solid #dddddd;
	position: relative;
	z-index: 1;
}

.c-blogList02__pic {
	width: 13.2653061%;
}

.c-blogList02__content {
	width: 83.6734693%;
	padding-right: 80px;
	position: relative;
}

.c-blogList02__content:before {
	content: "";
	display: block;
	width: 39px;
	height: 39px;
	background: #1b1b1b url(images/common/icon_arr01.png) no-repeat center;
	background-size: 5px 8px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	z-index: 1;
}

.c-blogList02__content__ttl {
	margin-bottom: 2px;
	color: #008ad2;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
}

.c-blogList02__content__txt01 {
	margin-bottom: 15px;
}

.c-blogList02__content__meta {
	display: flex;
	align-items: center;
}

.c-blogList02__content__meta ul {
	display: flex;
	flex-wrap: wrap;
	margin-right: 20px;
}

.c-blogList02__content__meta ul li {
	padding: 4px 10px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5;
	background-color: #008ad2;
}

.c-blogList02__content__meta .date {
	color: #bbbbbb;
	font-size: 12px;
	font-weight: bold;
}

@media screen and (max-width:767px){
	.c-blogList02 {
		margin-bottom: 30px;
	}

	.c-blogList02:last-child {
		margin-bottom: 0;
	}

	.c-blogList02 a {
		display: block;
		padding: 0;
		background-color: #fff;
		border-bottom: none;
	}

	.c-blogList02:first-child a {
		border-top: none;
		position: relative;
		z-index: 1;
	}

	.c-blogList02__pic {
		width: 100%;
		height: 50.6666666vw;
	}

	.c-blogList02__content {
		width: auto;
		padding: 20px 20px 25px;
	}

	.c-blogList02__content:before {
		width: 31px;
		height: 31px;
		background-size: 4.5px auto;
		position: absolute;
		top: auto;
		bottom: 0;
		right: 0;
		transform: none;
		-webkit-transform: none;
	}

	.c-blogList02__content__ttl {
		margin-bottom: 10px;
		font-size: 16px;
	}

	.c-blogList02__content__txt01 {
		margin-bottom: 15px;
	}

	.c-blogList02__content__meta {
		display: block;
	}

	.c-blogList02__content__meta ul {
		margin-right: 0;
		margin-bottom: 3px;
	}

	.c-blogList02__content__meta ul li {
		padding: 4px 10px;
		margin-right: 10px;
		font-size: 12px;
	}

	.c-blogList02__content__meta .date {
		font-size: 11px;
	}

}

/**********************************

 c-newsList01

***********************************/
.c-newsList01 {
	margin-bottom: 30px;
}

.c-newsList01:last-child {
	margin-bottom: 0;
}

.c-newsList01 a {
	display: flex;
	align-items: center;
	padding: 35px 40px;
	color: #333333;
	text-decoration: none;
	background-color: #fff;
	box-shadow:0px 0 10px 0px rgba(0,0,0,0.05);
	position: relative;
	overflow: visible;
}

.c-newsList01 a:before {
	content: "";
	display: block;
	width: 39px;
	height: 39px;
	background: #1b1b1b url(images/common/icon_arr01.png) no-repeat center;
	background-size: 5px 8px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
}

.c-newsList01__date {
	margin-right: 30px;
	color: #008ad2;
	font-weight: 900;
}

.c-newsList01__ttl {

}

@media screen and (max-width:767px){

	.c-newsList01 a {
		display: block;
		padding: 15px 20px 30px;
	}

	.c-newsList01 a:before {
		width: 31px;
		height: 31px;
		background-size: 4.5px auto;
	}

	.c-newsList01__date {
		margin-right: 0;
		margin-bottom: 4px;
		font-size: 11px;
	}

	.c-newsList01__ttl {

	}
	
}

/**********************************

 c-newsList02

***********************************/
.c-newsList02 {
	border-bottom: 1px solid #dddddd;
}

.c-newsList02:first-child {
	border-top: 1px solid #dddddd;
}

.c-newsList02 a {
	display: flex;
	align-items: center;
	padding: 33px 50px 33px 40px;
	color: #333333;
	text-decoration: none;
	background-color: #fff;
	position: relative;
	overflow: visible;
}

.c-newsList02 a:before {
	content: "";
	display: block;
	width: 39px;
	height: 39px;
	background: #1b1b1b url(images/common/icon_arr01.png) no-repeat center;
	background-size: 5px 8px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	z-index: 1;
}

.c-newsList02__date {
	margin-right: 30px;
	color: #008ad2;
	font-weight: 900;
}

.c-newsList02__ttl {

}

@media screen and (max-width:767px){

	.c-newsList02 {
		margin-bottom: 30px;
		border-bottom: none;
	}

	.c-newsList02:first-child {
		border-top: none;
	}

	.c-newsList02:last-child {
		margin-bottom: 0;
	}

	.c-newsList02 a {
		display: block;
		padding: 15px 20px 30px;
		box-shadow:0px 0 10px 0px rgba(0,0,0,0.05);
	}

	.c-newsList02 a:before {
		width: 31px;
		height: 31px;
		background-size: 4.5px auto;
		top: auto;
		bottom: 0;
		right: 0;
		transform: none;
		-webkit-transform: none;
	}

	.c-newsList02__date {
		margin-right: 0;
		margin-bottom: 4px;
		font-size: 11px;
	}

	.c-newsList02__ttl {

	}

}

/**********************************

 topService

***********************************/
.topService {
	margin-bottom: 80px;
}

.topService__inner {
}

.topService__inner__body {
	padding-bottom: 62px;
	position: relative;
	z-index: 1;
}

.topService__inner__body:before {
	content: "";
	display: block;
	width: 500%;
	height: 100%;
	margin-top: 38px;
	margin-left: 40px;
	margin-right: calc((980px - 100vw) /2);
	background-color: #f3f6fb;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.topService__inner__body__list01 {
	margin-bottom: 50px;
}

.topService__inner__body__list01__item {
	margin-bottom: 50px;
	box-shadow:0px 0 10px 0px rgba(0,0,0,0.05);
}

.topService__inner__body__list01__item:last-child {
	margin-bottom: 0;
}

.topService__inner__body__list01__item a {
	display: flex;
	min-height: 250px;
	color: #333333;
	text-decoration: none;
	background-color: #fff;
}

.topService__inner__body__list01__item .pic {
	width: 30.6122449%;
	/*width: 300px;*/
	position: relative;
}

.topService__inner__body__list01__item:nth-child(1) .pic {
	background: url(images/top/service_pic01_pc.jpg) no-repeat center;
	background-size: cover;
}

.topService__inner__body__list01__item:nth-child(2) .pic {
	background: url(images/top/service_pic02_pc.jpg) no-repeat center;
	background-size: cover;
}

.topService__inner__body__list01__item .pic .num {
	display: block;
	width: 52px;
	height: 52px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 52px;
	text-align: center;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0055a4+0,0089d2+100 */
	background: rgb(0,85,164); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(0,85,164,1) 0%, rgba(0,137,210,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,85,164,1) 0%,rgba(0,137,210,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,85,164,1) 0%,rgba(0,137,210,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0055a4', endColorstr='#0089d2',GradientType=1 ); /* IE6-9 */
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.topService__inner__body__list01__item .cont {
	flex: 1;
	padding: 40px 40px;
	position: relative;
}

.topService__inner__body__list01__item .cont .ttl {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	line-height: 1.2;
}

.topService__inner__body__list01__item .cont .ttl .txt01 {
	display: block;
	margin-right: 20px;
	color: #008ad2;
	font-size: 30px;
	font-weight: 900;
}

.topService__inner__body__list01__item .cont .ttl .txt02 {
	display: block;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: normal;
}

.topService__inner__body__list01__item .cont p {
	line-break: strict;
	word-break: auto-phrase; /* Chromium系で日本語を文節単位で改行（非対応ブラウザは無視） */
	text-wrap: pretty;
}

.topService__inner__body__list01__item .cont:before {
	content: "";
	display: block;
	width: 39px;
	height: 39px;
	background: #1b1b1b url(images/common/icon_arr01.png) no-repeat center;
	background-size: 5px 8px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.topService__inner__body__list02 {
	display: flex;
	justify-content: space-between;
}

.topService__inner__body__list02__item {
	width: 30.6122449%;
	background-color: #fff;
	box-shadow:0px 0 10px 0px rgba(0,0,0,0.05);
}

.topService__inner__body__list02__item a {
	display: block;
	height: 100%;
	color: #333333;
	text-decoration: none;
	background-color: #fff;
	position: relative;
}

.topService__inner__body__list02__item .pic {
	padding-bottom: 83.3333333%;
	/*height: 250px;*/
	position: relative;
}

.topService__inner__body__list02__item:nth-child(1) .pic {
	background: url(images/top/service_pic03_pc.jpg) no-repeat center;
	background-size: cover;
}

.topService__inner__body__list02__item:nth-child(2) .pic {
	background: url(images/top/service_pic04_pc.jpg) no-repeat center;
	background-size: cover;
}

.topService__inner__body__list02__item:nth-child(3) .pic {
	background: url(images/top/service_pic05_pc.jpg) no-repeat center;
	background-size: cover;
}

.topService__inner__body__list02__item .pic .num {
	display: block;
	width: 52px;
	height: 52px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 52px;
	text-align: center;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0055a4+0,0089d2+100 */
	background: rgb(0,85,164); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(0,85,164,1) 0%, rgba(0,137,210,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,85,164,1) 0%,rgba(0,137,210,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,85,164,1) 0%,rgba(0,137,210,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0055a4', endColorstr='#0089d2',GradientType=1 ); /* IE6-9 */
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.topService__inner__body__list02__item .cont {
	padding: 40px 40px 60px;
}

.topService__inner__body__list02__item .cont .ttl {
	margin-bottom: 15px;
	line-height: 1.2;
}

.topService__inner__body__list02__item .cont .ttl .txt01 {
	display: block;
	margin-bottom: 12px;
	color: #008ad2;
	font-size: 30px;
	font-weight: 900;
}

.topService__inner__body__list02__item .cont .ttl .txt02 {
	display: block;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: normal;
}

.topService__inner__body__list02__item .cont p {
	line-break: strict;
	word-break: auto-phrase; /* Chromium系で日本語を文節単位で改行（非対応ブラウザは無視） */
	text-wrap: pretty;
}

.topService__inner__body__list02__item .cont:before {
	content: "";
	display: block;
	width: 39px;
	height: 39px;
	background: #1b1b1b url(images/common/icon_arr01.png) no-repeat center;
	background-size: 5px 8px;
	position: absolute;
	bottom: 0;
	right: 0;
}

@media screen and (max-width:1026px){

	.topService__inner__body:before {
		margin-right: -24px;
	}

}

@media screen and (max-width:1023px){

	.topService__inner__body__list01__item .cont .ttl {
		display: block;
		margin-bottom: 15px;
	}

	.topService__inner__body__list01__item .cont .ttl .txt01 {
		display: block;
		margin-right: 0;
		margin-bottom: 12px;
	}

	.topService__inner__body__list01__item .cont .ttl .txt02 {
	}

}

@media screen and (max-width:767px){

	.topService {
		margin-bottom: 0;
	}

	.topService__inner {
	}

	.topService__inner__body {
		padding-top: 50px;
		padding-bottom: 30px;
	}

	.topService__inner__body:before {
		width: 500%;
		height: 100%;
		margin: 0 -5.14705882%;
	}

	.topService__inner__body__list01 {
		margin-bottom: 50px;
	}

	.topService__inner__body__list01__item {
		margin-bottom: 50px;
		box-shadow:0px 0 10px 0px rgba(0,0,0,0.03);
	}

	.topService__inner__body__list01__item:last-child {
		margin-bottom: 0;
	}

	.topService__inner__body__list01__item a {
		display: block;
		min-height: 250px;
		color: #333333;
		text-decoration: none;
		background-color: #fff;
		overflow: visible;
	}

	.topService__inner__body__list01__item .pic {
		width: 100%;
		/*width: 300px;*/
		height: 50.6666666vw;
	}

	.topService__inner__body__list01__item:nth-child(1) .pic {
		background: url(images/top/service_pic01_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.topService__inner__body__list01__item:nth-child(2) .pic {
		background: url(images/top/service_pic02_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.topService__inner__body__list01__item .pic .num {
		width: 37px;
		height: 37px;
		font-size: 14px;
		font-weight: 900;
		line-height: 37px;
		top: -18px;
		right: auto;
		left: 0;
		z-index: 1;
	}

	.topService__inner__body__list01__item .cont {
		padding: 20px 20px 30px;
	}

	.topService__inner__body__list01__item .cont .ttl {
		display: block;
		margin-bottom: 12px;
		line-height: 1.2;
		text-align: center;
	}

	.topService__inner__body__list01__item .cont .ttl .txt01 {
		display: block;
		margin-right: 0;
		font-size: 18px;
		text-align: center;
	}

	.topService__inner__body__list01__item .cont .ttl .txt02 {
		display: block;
		color: #000;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: normal;
	}

	.topService__inner__body__list01__item .cont p {
	}

	.topService__inner__body__list01__item .cont:before {
		width: 31px;
		height: 31px;
		background-size: 4.5px auto;
	}

	.topService__inner__body__list02 {
		display: block;
	}

	.topService__inner__body__list02__item {
		width: auto;
		margin-bottom: 50px;
	}

	.topService__inner__body__list02__item:last-child {
		margin-bottom: 0;
	}

	.topService__inner__body__list02__item a {
		overflow: visible;
	}

	.topService__inner__body__list02__item .pic {
		width: 100%;
		/*width: 300px;*/
		height: 55.8823529vw;
		padding-bottom: 0;
	}

	.topService__inner__body__list02__item:nth-child(1) .pic {
		background: url(images/top/service_pic03_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.topService__inner__body__list02__item:nth-child(2) .pic {
		background: url(images/top/service_pic04_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.topService__inner__body__list02__item:nth-child(3) .pic {
		background: url(images/top/service_pic05_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.topService__inner__body__list02__item .pic .num {
		width: 37px;
		height: 37px;
		font-size: 14px;
		font-weight: 900;
		line-height: 37px;
		top: -18px;
		right: auto;
		left: 0;
		z-index: 1;
	}

	.topService__inner__body__list02__item .cont {
		padding: 20px 20px 30px;
	}

	.topService__inner__body__list02__item .cont .ttl {
		display: block;
		margin-bottom: 12px;
		line-height: 1.2;
		text-align: center;
	}

	.topService__inner__body__list02__item .cont .ttl .txt01 {
		display: block;
		margin-right: 0;
		font-size: 18px;
		text-align: center;
	}

	.topService__inner__body__list02__item .cont .ttl .txt02 {
		display: block;
		color: #000;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: normal;
	}

	.topService__inner__body__list02__item .cont p {
	}

	.topService__inner__body__list02__item .cont:before {
		width: 31px;
		height: 31px;
		background-size: 4.5px auto;
	}

}


/**********************************

 topBlog

***********************************/
.topBlog {
	margin-bottom: 80px;
}

.topBlog__inner {
}

.topBlog__inner__body {
	padding-bottom: 62px;
	position: relative;
}

.topBlog__inner__body:before {
	content: "";
	display: block;
	width: 500%;
	height: 100%;
	margin-top: 38px;
	margin-left: 40px;
	margin-right: calc((980px - 100vw) /2);
	background-color: #f3f6fb;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.topBlog__inner__body__list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.topBlog__inner__body__list .none {
	margin-bottom: 50px;
}

.topBlog__inner__body__btn {

}

@media screen and (max-width:1026px){

	.topBlog__inner__body:before {
		margin-right: -24px;
	}

}

@media screen and (max-width:767px){
	.topBlog {
		margin-bottom: 0;
	}

	.topBlog__inner__body {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.topBlog__inner__body:before {
		width: 500%;
		height: 100%;
		margin: 0 -5.14705882%;
	}

	.topBlog__inner__body__list {
		display: block;
		margin-bottom: 30px;
	}

	.topBlog__inner__body__list .none {
		margin-bottom: 0;
	}

	.topBlog__inner__body__btn {
		text-align: center;
	}

}


/**********************************

 topNews

***********************************/
.topNews {
	margin-bottom: 80px;
}

.topNews__inner {
}

.topNews__inner__body {
	padding-bottom: 62px;
	position: relative;
}

.topNews__inner__body:before {
	content: "";
	display: block;
	width: 500%;
	height: 100%;
	margin-top: 38px;
	margin-left: 40px;
	margin-right: calc((980px - 100vw) /2);
	background-color: #f3f6fb;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.topNews__inner__body__list {
	margin-bottom: 50px;
}

@media screen and (max-width:1026px){

	.topNews__inner__body:before {
		margin-right: -24px;
	}

}

@media screen and (max-width:767px){
	.topNews {
		margin-bottom: 40px;
	}

	.topNews__inner__body {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.topNews__inner__body:before {
		width: 500%;
		height: 100%;
		margin: 0 -5.14705882%;
	}

	.topNews__inner__body__list {
		margin-bottom: 30px;
	}

	.topNews__inner__body__btn {
		text-align: center;
	}

}


/**********************************

 techblogArchive

***********************************/
.techblogArchive {

}

.techblogArchive__inner {
	padding: 80px 0 100px;
}

.techblogArchive__inner__ttl {
	margin-bottom: 50px;
	color: #008ad2;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 1.8;
}

.techblogArchive__inner__content {

}

.techblogArchive__inner__content__list {
	margin-bottom: 60px;
}

@media screen and (max-width:767px){

	.techblogArchive__inner {
		padding: 40px 0 0;
	}

	.techblogArchive__inner__ttl {
		margin-bottom: 30px;
		font-size: 18px;
	}

	.techblogArchive__inner__content {
		padding: 30px 4.66666667%;
		margin: 0 -5.14705882%;
		background-color: #f3f6fa;
	}

	.techblogArchive__inner__content__list {
		/*padding: 0 4.66666667%;*/
		margin-bottom: 30px;
	}

}


/**********************************

 newsArchive

***********************************/
.newsArchive {

}

.newsArchive__inner {
	padding: 80px 0 100px;
}

.newsArchive__inner__ttl {
	margin-bottom: 50px;
	color: #008ad2;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 1.8;
}

.newsArchive__inner__content {

}

.newsArchive__inner__content__list {
	margin-bottom: 60px;
}

@media screen and (max-width:767px){

	.newsArchive__inner {
		padding: 40px 0 0;
	}

	.newsArchive__inner__ttl {
		margin-bottom: 30px;
		font-size: 18px;
	}

	.newsArchive__inner__content {
		padding: 30px 4.66666667%;
		margin: 0 -5.14705882%;
		background-color: #f3f6fa;
	}

	.newsArchive__inner__content__list {
		/*padding: 0 4.66666667%;*/
		margin-bottom: 30px;
	}

}


/**********************************

 c-newsList

***********************************/
.c-newsList {

}

@media screen and (max-width:767px){

}


/**********************************

 l-blog

***********************************/
.l-blog {
	padding-top: 80px;
	padding-bottom: 85px;
}

.l-blog__inner {
	display: flex;
	justify-content: space-between;
}

.l-blog__inner__main {
	flex: 1;
	margin-right: 45px;
}

.l-blog__inner__main__ttl {
	padding: 13px 0;
	color: #008ad2;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	border-top: 2px solid #008ad2;
}

.l-blog__inner__side {
	width: 235px;
}

.l-blog__inner__side__widget {
	margin-bottom: 50px;
}

.l-blog__inner__side__widget:last-child {
	margin-bottom: 0;
}

.l-blog__inner__side__widget__ttl {
	padding: 15px 15px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 1.8;
	background-color: #008ad2;
}

.l-blog__inner__side__widget .list {

}

.l-blog__inner__side__widget .list li {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6;
	border-bottom: 1px solid #dddddd;
}

.l-blog__inner__side__widget .list li a {
	display: block;
	padding: 16px 10px;
	color: #000;
	text-decoration: none;
}

.l-blog__inner__side__widget__none {
	margin-top: 20px;
	font-size: 14px;
}

@media screen and (max-width:1024px){

	.l-blog__inner__main {
		margin-right: 24px;
	}
}

@media screen and (max-width:767px){

	.l-blog {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.l-blog__inner {
		display: block;
	}

	.l-blog__inner__main {
		margin-right: 0;
		margin-bottom: 0;
	}

	.l-blog__inner__main__ttl {
		padding: 7px 0;
		font-size: 18px;
		line-height: 1.8;
	}

	.l-blog__inner__side {
		width: auto;
	}

	.l-blog__inner__side__widget {
		margin-bottom: 25px;
	}

	.l-blog__inner__side__widget__ttl {
		padding: 8px 10px;
		margin-bottom: 20px;
		font-size: 12px;
		text-align: center;
		border-radius: 3px;
	}

	.l-blog__inner__side__widget .list li {
		border-bottom: 1px solid #cccccc;
	}

	.l-blog__inner__side__widget .list li:first-child {
		border-top: 1px solid #cccccc;
	}

	.l-blog__inner__side__widget .list li a {
		padding: 10px 0;
		font-size: 12px;
		text-align: center;
	}

	.l-blog__inner__side__widget__none {
		margin-top: 10px;
		font-size: 12px;
	}
}


/* c-articleList
***********************************/
.c-articleList {
	margin-bottom: 45px;
}

.c-articleList:last-child {
	margin-bottom: 0;
}

@media screen and (max-width:767px){

	.c-articleList {
		margin-bottom: 30px;
	}
}


/**********************************

 c-pager

***********************************/
.c-pager {
	padding: 5px 19px;
	font-size: 0;
	letter-spacing: normal;
	line-height: 1.6;
	background-color: #f6f6f6;
	border: 1px solid #dddddd;
	border-radius: 6px;
}

.c-pager a {
	display: inline-block;
	min-width: 40px;
	min-height: 40px;
	padding: 0 14px;
	margin: 5px 10px 5px 0;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	vertical-align: top;
	text-align: center;
	line-height: 40px;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 6px;
	position: relative;
	transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-pager a:last-child {
	margin-right: 0;
}

.c-pager a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}

.c-pager a.previouspostslink {
	padding-left: 25px;
}

.c-pager a.previouspostslink::before {
	content: "";
	display: block;
	width: 4px;
	height: 7px;
	background: url(images/common/icon_blog_arr02.png) no-repeat left top;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%) rotate(180deg);
	-webkit-transform: translateY(-50%) rotate(180deg);
}

.c-pager a.first {
	padding-left: 25px;
}

.c-pager a.first::before {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	background: url(images/common/icon_blog_arr03.png) no-repeat left top;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%) rotate(180deg);
	-webkit-transform: translateY(-50%) rotate(180deg);
}

.c-pager a.nextpostslink {
	padding-right: 25px;
}

.c-pager a.nextpostslink::before {
	content: "";
	display: block;
	width: 4px;
	height: 7px;
	background: url(images/common/icon_blog_arr02.png) no-repeat left top;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.c-pager a.last {
	padding-right: 25px;
}

.c-pager a.last::before {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	background: url(images/common/icon_blog_arr3.png) no-repeat left top;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.c-pager span.current {
	display: inline-block;
	min-width: 40px;
	min-height: 40px;
	padding: 0 14px;
	margin: 5px 10px 5px 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	vertical-align: top;
	text-align: center;
	line-height: 40px;
	text-decoration: none;
	background-color: #333333;
	border: 1px solid #333333;
	border-radius: 6px;
}

.c-pager span.extend {
	display: inline-block;
	min-width: 40px;
	min-height: 40px;
	padding: 0 14px;
	margin: 5px 10px 5px 0;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	vertical-align: top;
	text-align: center;
	line-height: 40px;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 6px;
}

/*.c-pager ul {*/
/*}*/

/*.c-pager ul li {*/
/*display: inline-block;*/
/*margin: 4px 5px 4px 0;*/
/*font-size: 14px;*/
/*font-weight: bold;*/
/*vertical-align: top;*/
/*}*/

/*.c-pager ul li:last-child {*/
/*margin-right: 0;*/
/*}*/

/*.c-pager ul li a {*/
/*display: block;*/
/*min-width: 38px;*/
/*padding: 8px 8px;*/
/*color: #333;*/
/*text-align: center;*/
/*text-decoration: none;*/
/*background-color: #ffffff;*/
/*border: 1px solid #dddddd;*/
/*border-radius: 5px;*/
/*}*/

/*.c-pager ul li span {*/
/*display: block;*/
/*min-width: 38px;*/
/*padding: 8px 8px;*/
/*color: #fff;*/
/*text-align: center;*/
/*background-color: #333333;*/
/*border: 1px solid #333333;*/
/*border-radius: 5px;*/
/*}*/

@media screen and (max-width:767px){

	.c-pager {
		padding: 5px 10px;
		background-color: #dbe4f0;
		border: none;
		border-radius: 0;
	}

	.c-pager a {
		min-width: 30px;
		min-height: 30px;
		padding: 0 8px;
		font-size: 12px;
		line-height: 30px;
		border-radius: 4px;
	}

	.c-pager a.previouspostslink {
		padding-left: 22px;
	}

	.c-pager a.first {
		padding-left: 25px;
	}

	.c-pager a.nextpostslink {
		padding-right: 22px;
	}

	.c-pager a.last {
		padding-right: 25px;
	}

	.c-pager span.current {
		min-width: 30px;
		min-height: 30px;
		padding: 0 8px;
		font-size: 12px;
		line-height: 30px;
		border-radius: 4px;
	}

	.c-pager span.extend {
		min-width: 30px;
		min-height: 30px;
		padding: 0 8px;
		font-size: 12px;
		line-height: 30px;
	}
}


/* articleSec
***********************************/
.articleSec {
	position: relative;
	z-index: 1;
}

.articleSec__info {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.articleSec__info ul {
	display: flex;
	flex-wrap: wrap;
	margin-right: 20px;
}

.articleSec__info ul li {
	margin-right: 10px;
}

.articleSec__info ul li:last-child {
	margin-right: 0;
}

.articleSec__info ul li a {
	display: block;
	padding: 4px 10px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.5;
	background-color: #008ad2;
}

.articleSec__info__date {
	color: #bbbbbb;
	font-size: 12px;
	font-weight: bold;
}

.articleSec__entry {
	margin-bottom: 45px;
}

.articleSec__prof {
	display: flex;
	padding: 40px 0;
	margin-bottom: 40px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.articleSec__prof__pic {
	width: 100px;
	height: 100px;
	margin-right: 30px;
	border-radius: 50%;
	overflow: hidden;
}

.articleSec__prof__content {
	flex: 1;
}

.articleSec__prof__content__name {
	margin-top: -.35em;
	font-size: 18px;
	font-weight: bold;
}

.articleSec__prof__content__position {
}

.articleSec__prof__content__txt {
	margin-bottom: 20px;
}

.articleSec__prof__content__txt:last-child {
	margin-bottom: 0;
}

.articleSec__prof__content__sns {
	display: flex;
	flex-wrap: wrap;
}

.articleSec__prof__content__sns li {
	width: 40px;
	height: 40px;
	margin-right: 10px;
	text-align: center;
	vertical-align: top;
	line-height: 1;
}

.articleSec__prof__content__sns li a {
	width: 100%;
	height: 100%;
	font-size:12px;
	position:relative;
	display:block;
	padding:8px 10px 3px 10px;
	color:#fff;
	border-radius:100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	text-decoration: none;
	cursor:pointer;
	vertical-align: middle;
	line-height:25px;
}

.articleSec__prof__content__sns li.twitter a {
	background:#55acee;
	transition: background 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.articleSec__prof__content__sns li.twitter a:hover {
	background:#4892cb;
}

.articleSec__prof__content__sns li.facebook a {
	background:#3b5998;
	transition: background 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.articleSec__prof__content__sns li.facebook a:hover {
	background:#324c81;
}

.articleSec__share {
	padding: 20px 20px 10px 20px;
	margin-bottom: 40px;
	background-color: #f6f6f6;
	border-radius: 5px;
}

.articleSec__share ul {
	display: flex;
	flex-wrap: wrap;
}

.articleSec__share li {
	/*width: 40px;*/
	/*height: 40px;*/
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	vertical-align: top;
	line-height: 1;
}

.articleSec__share li:last-child {
	margin-right: 0;
}

.articleSec__share li .fb-share-button {
	height: 20px;
	vertical-align: top;
}

.articleSec__share li .fb-share-button > span {
	vertical-align: top !important;
}

.articleSec__share li iframe {
	vertical-align: top;
}

/*.articleSec__share li a {*/
	/*width: 100%;*/
	/*height: 100%;*/
	/*font-size:12px;*/
	/*position:relative;*/
	/*display:block;*/
	/*padding:8px 10px 3px 10px;*/
	/*color:#fff;*/
	/*border-radius:100px;*/
	/*-webkit-border-radius: 100px;*/
	/*-moz-border-radius: 100px;*/
	/*text-decoration: none;*/
	/*cursor:pointer;*/
	/*vertical-align: middle;*/
	/*line-height:25px;*/
/*}*/

/*.articleSec__share li a:hover {*/
/*}*/

/* ツイッター */
.articleSec__share .twitter a {
	background:#55acee;
	transition: background 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.articleSec__share .twitter a:hover {
	background:#4892cb;
}

.articleSec__share .fa-twitter {
}

/* Facebook */
.articleSec__share .facebook a {
	background:#3b5998;
	transition: background 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.articleSec__share .facebook a:hover {
	background:#324c81;
}

.articleSec__share .fa-facebook {
}

/* グーグル */
.articleSec__share .googleplus a {
	background:#dc4e41;
	transition: background 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.articleSec__share .googleplus a:hover {
	background:#bb4237;
}

.articleSec__share .fa-google-plus {
}

/* hatena */
.articleSec__share .hatebu a {
	background:#00a5de;
	transition: background 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.articleSec__share .hatebu a:hover {
	background:#008cbd;
}

.articleSec__share .fa-hatena {
}

/* LINE */
.articleSec__share .line a {
	background:#25af00;
	transition: background 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.articleSec__share .line a:hover {
	background:#219900;
}

.articleSec__share .fa-comment {
}

/* Pocket */
.articleSec__share .pocket a {
	background:#f03e51;
	transition: background 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.articleSec__share .fa-get-pocket {
}

.articleSec__share .fa-get-pocket::before {
	content: "\f265";
}
.articleSec__share .pocket a:hover {
	background:#c0392b;
}

.articleSec__navi {
	display: flex;
	align-items: center;
	padding: 25px 0;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.articleSec__navi .prev {
	width: 35.7142857%;
	font-size: 14px;
	text-align: right;
	letter-spacing: .06em;
	line-height: 1.5;
}

.articleSec__navi .prev a {
	display: block;
	padding-left: 60px;
	color: #333333;
	text-decoration: none;
	position: relative;
}

.articleSec__navi .prev a::before {
	content: "";
	display: block;
	width: 15px;
	height: 29px;
	background: url(images/common/icon_blog_arr01.png) no-repeat left top;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.articleSec__navi .cat {
	flex: 1;
	padding: 0 20px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	white-space: nowrap;
}

.articleSec__navi .cat a {
	color: #333;
	text-decoration: none;
}

.articleSec__navi .next {
	width: 35.7142857%;
	font-size: 14px;
	letter-spacing: .06em;
	line-height: 1.5;
}

.articleSec__navi .next a {
	display: block;
	padding-right: 60px;
	color: #333333;
	text-decoration: none;
	position: relative;
}

.articleSec__navi .next a::before {
	content: "";
	display: block;
	width: 15px;
	height: 29px;
	background: url(images/common/icon_blog_arr01.png) no-repeat left top;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%) rotate(180deg);
	-webkit-transform: translateY(-50%) rotate(180deg);
}

.articleSec__meta {
	display: flex;
	align-items: center;
	padding: 20px;
	border-bottom: 1px solid #dddddd;
}

.articleSec__meta dl {
	display: flex;
	align-items: center;
	margin-right: 45px;
}

.articleSec__meta dl:last-child {
	margin-right: 0;
}

.articleSec__meta dl dt {
	padding: 10px 25px;
	margin-right: 25px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.6;
	background-color: #008ad2;
	white-space: nowrap;
}

.articleSec__meta dl dd {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.6;
}

.articleSec__meta dl dd a {
	color: #333333;
	text-decoration: none;
}

@media screen and (max-width:1023px){

	.articleSec__meta {
		display: block;
	}

	.articleSec__meta dl {
		margin-right: 0;
		margin-bottom: 10px;
	}

	.articleSec__meta dl:last-child {
		margin-right: 0;
		margin-bottom: 0;
	}

	.articleSec__meta dl dt {
		min-width: 160px;
		padding: 10px 15px;
		text-align: center;
	}

}

@media screen and (max-width:767px){

	.articleSec {
	}

	.articleSec__info {
		margin-bottom: 25px;
	}

	.articleSec__info ul {
		margin-right: 10px;
	}

	.articleSec__info ul li a {
		padding: 4px 10px;
		font-size: 12px;
	}

	.articleSec__info__date {
		font-size: 11px;
	}

	.articleSec__entry {
		margin-bottom: 30px;
	}

	.articleSec__prof {
		padding: 20px 0;
		margin-bottom: 35px;
	}

	.articleSec__prof__pic {
		width: 60px;
		height: 60px;
		margin-right: 15px;
	}

	.articleSec__prof__content__name {
		margin-top: -.35em;
		font-size: 16px;
	}

	.articleSec__prof__content__position {
		font-size: 12px;
	}

	.articleSec__prof__content__txt {
		margin-bottom: 15px;
		font-size: 13px;
	}

	.articleSec__prof__content__sns li {
		width: 30px;
		height: 30px;
		margin-right: 10px;
	}

	.articleSec__prof__content__sns li a {
		font-size:11px;
		padding:8px 10px 3px 10px;
		line-height:13px;
	}

	.articleSec__share {
		padding: 10px 10px 0;
		margin-bottom: 35px;
		border-radius: 3px;
	}

	.articleSec__share ul {
		justify-content: center;
	}

	.articleSec__share li {
		/*width: 30px;*/
		/*height: 30px;*/
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.articleSec__share li a {
		font-size: 12px;
		padding:4px 5px 2px 5px;
		line-height: 1.8;
		text-align: center;
	}

	.articleSec__share li a i,
	.articleSec__share li a .fa-hatena {
		margin-left: 2px;
	}

	.articleSec__share li a .snstext {
		display: none;
	}

	.articleSec__navi {
		padding: 10px 0;
	}

	.articleSec__navi .prev {
		width: 39%;
		font-size: 8px;
	}

	.articleSec__navi .prev a {
		padding-left: 30px;
	}

	.articleSec__navi .prev a::before {
		width: 8px;
		height: 15px;
		left: 10px;
	}

	.articleSec__navi .cat {
		padding: 0 15px;
		font-size: 12px;
	}

	.articleSec__navi .next {
		width: 39%;
		font-size: 8px;
	}

	.articleSec__navi .next a {
		padding-right: 30px;
	}

	.articleSec__navi .next a::before {
		width: 8px;
		height: 15px;
		right: 10px;
	}

	.articleSec__meta {
		padding: 15px 0;
	}

	.articleSec__meta dl {
	}

	.articleSec__meta dl dt {
		min-width: auto;
		padding: 3px 10px;
		margin-right: 12px;
		font-size: 12px;
	}

	.articleSec__meta dl dd {
		font-size: 12px;
		text-align: center;
	}

	.articleSec__meta dl dd a {
		color: #bababa;
	}

}


/**********************************

 notFoundSec

***********************************/
.notFoundSec {

}

.notFoundSec__inner {
	padding: 80px 0 90px;
}

.notFoundSec__inner p {
	margin-bottom: 50px;
}

.notFoundSec__inner .backBtn {
	margin: 0 auto;
	text-align: center;
}

.notFoundSec__inner .backBtn a {
}

@media screen and (max-width:767px){

	.notFoundSec__inner {
		padding: 30px 0;
	}

	.notFoundSec__inner p {
		margin-bottom: 30px;
	}

}


/**********************************

 contactSec

***********************************/
.contactSec {

}

.contactSec__inner {
	padding: 80px 0 100px;
}

.contactSec__inner__intro {
	margin-bottom: 50px;
}

.contactSec__inner__intro {

}

.contactSec__inner__form {
	margin-bottom: 40px;
}

.contactSec__inner__form table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #dddddd;
}

.contactSec__inner__form table tr th {
	width: 240px;
	padding: 20px 30px 20px 0;
	line-height: 1.5;
	border-bottom: 1px solid #dddddd;
}

.contactSec__inner__form table tr th .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.contactSec__inner__form table tr th .inner .name {
	font-weight: bold;
}

.contactSec__inner__form table tr th .inner .require,
.contactSec__inner__form table tr th .inner .any {
	display: block;
	padding: 5px 5px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
	border-radius: 4px;
	white-space: nowrap;
}

.contactSec__inner__form table tr th .inner .require {
	background-color: #ff3f00;
}

.contactSec__inner__form table tr th .inner .any {
	background-color: #008ad3;
}

.contactSec__inner__form table tr td {
	padding: 20px 0;
	border-bottom: 1px solid #dddddd;
	line-height: 1.5;
}

.contactSec__inner__form table tr td input {
	width: 100%;
}

.contactSec__inner__submit {
	margin: 0 auto;
	text-align: center;
}

.contactSec__inner__submit div {
	margin: 0 auto;
	text-align: center;
}

.contactSec__inner__submit input {
	display: block;
	width: 210px;
	padding: 24px 10px;
	margin: 40px auto 0;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: #000;
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	position: relative;
}

.contactSec__inner__submit input:hover {
	opacity: .7;
}

.contactSec__inner__submit input[disabled] {
	background: #999;
	opacity: 1;
}

.contactSec__inner__submit button.confirm,
.contactSec__inner__submit button.submit {
	display: block;
	width: 210px;
	padding: 24px 10px;
	margin: 40px auto 0;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: #000;
	border: 1px solid #000;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	position: relative;
}

.contactSec__inner__submit button.confirm span,
.contactSec__inner__submit button.submit span {
	padding-right: 25px;
	position: relative;
}

.contactSec__inner__submit button.confirm span:before,
.contactSec__inner__submit button.submit span:before {
	content: "";
	display: block;
	width: 5px;
	height: 8px;
	background: url(images/common/icon_arr01.png) no-repeat left top;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.contactSec__inner__submit button.submit {
	display: inline-block;
	margin: 0;
}

.contactSec__inner__submit button.back {
	display: inline-block;
	width: 100%;
	max-width: 210px;
	padding: 24px 10px;
	margin-right: 30px;
	/*color: #fff;*/
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: #fff;
	border: 1px solid #000;
	/*border: none;*/
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.contactSec__inner__submit button:hover {
	opacity: .7;
}

.contactSec__inner__submit button[disabled] {
	background: #999;
	border: 1px solid #999;
	opacity: 1;
}

.contactSec__inner__btnArea {
	display: flex;
	justify-content: center;
}

.contactSec__inner__btnArea input[type="button"] {
	display: block;
	width: 100%;
	max-width: 210px;
	padding: 24px 10px;
	margin-right: 30px;
	/*color: #fff;*/
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: #fff;
	border: 1px solid #000;
	/*border: none;*/
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.contactSec__inner__btnArea input[type="submit"] {
	display: block;
	width: 100%;
	max-width: 210px;
	padding: 24px 10px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: #000;
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.contactSec__inner__btnArea input:hover {
	opacity: .7;
}

@media screen and (max-width:767px){

	.contactSec__inner {
		padding: 35px 0 45px;
	}

	.contactSec__inner__intro {
		margin-bottom: 40px;
	}

	.contactSec__inner__form {
		margin-bottom: 30px;
	}

	.contactSec__inner__form table {
	}

	.contactSec__inner__form table tr th {
		display: block;
		width: auto;
		padding: 10px 0 10px 0;
		line-height: 1.5;
	}

	.contactSec__inner__form table tr th .inner {
		display: block;
		position: relative;
	}

	.contactSec__inner__form table tr th .inner .name {
		text-align: center;
	}

	.contactSec__inner__form table tr th .inner .require,
	.contactSec__inner__form table tr th .inner .any {
		padding: 5px 5px;
		font-size: 9px;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

	.contactSec__inner__form table tr td {
		display: block;
		padding: 15px 0;
	}

	.contactSec__inner__submit {
		max-width: none;
		text-align: center;
	}

	.contactSec__inner__submit input {
		width: 235px;
		padding: 13px 10px;
		margin: 30px auto 0;
		font-size: 13px;
	}

	.contactSec__inner__submit button.confirm,
	.contactSec__inner__submit button.submit {
		width: 235px;
		padding: 13px 10px;
		margin: 30px auto 0;
		font-size: 13px;
	}

	.contactSec__inner__submit button.confirm span,
	.contactSec__inner__submit button.submit span {
		padding-right: 18px;
	}

	.contactSec__inner__submit button.confirm span:before,
	.contactSec__inner__submit button.submit span:before {
		width: 4px;
		height: 7px;
	}

	.contactSec__inner__submit button.submit {
		display: block;
		max-width: none;
		width: 47.5%;
		float: right;
		margin: 0;
	}

	.contactSec__inner__submit button.back {
		display: block;
		width: 47.5%;
		max-width: none;
		float: left;
		padding: 13px 10px;
		margin-right: 15px;
		font-size: 13px;
	}

	.contactSec__inner__btnArea {
	}

	.contactSec__inner__btnArea input[type="button"] {
		max-width: 235px;
		padding: 13px 10px;
		margin-right: 15px;
		font-size: 13px;
	}

	.contactSec__inner__btnArea input[type="submit"] {
		max-width: 235px;
		padding: 13px 10px;
		font-size: 13px;
	}

}


/**********************************

 completeSec

***********************************/
.completeSec {

}

.completeSec__inner {
	padding: 80px 0 100px;
}

.completeSec__inner .intro {
	margin-bottom: 50px;
}

.completeSec__inner .back {
	max-width: 300px;
	margin: 0 auto;
	text-align: center;
}

@media screen and (max-width:767px){

	.completeSec__inner {
		padding: 35px 0 45px;
	}

	.completeSec__inner .intro {
		margin-bottom: 30px;
	}

	.completeSec__inner .back {
		max-width: 235px;
	}

}


/**********************************

 servicesSec

***********************************/
.servicesSec {
}

.servicesSec:last-child {
	margin-bottom: 80px;
}

.servicesSec__inner {
	padding-top: 80px;
}

.servicesSec__inner__head {
	margin-bottom: 50px;
}

.servicesSec__inner__head__ttl {
	margin-bottom: 15px;
	color: #008ad2;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}

.servicesSec__inner__head p {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.8;
	text-align: center;
}

.servicesSec__inner__body {
	position: relative;
	z-index: 1;
}

.servicesSec__inner__body:before {
	content: "";
	display: block;
	width: 100vw;
	height: calc(100% - 80px);
	background: #f3f6fa;
	position: absolute;
	top: 40px;
	left: 50%;
	z-index: -1;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.servicesSec__inner__body__box {
	padding: 80px 0;
	margin-bottom: 80px;
	position: relative;
	z-index: 1;
}

.servicesSec__inner__body__box:last-child {
	margin-bottom: 0;
}

.servicesSec__inner__body__box__picArea {
	width: 79.5918367%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

.servicesSec__inner__body__box:nth-child(even) .servicesSec__inner__body__box__picArea {
	left: 0;
	right: auto;
}

.servicesSec__inner__body__box__picArea__pic {
	height: 100%;
	margin-right: calc((980px - 100vw) /2);
}

.servicesSec__inner__body__box:nth-child(even) .servicesSec__inner__body__box__picArea__pic {
	margin-left: calc((980px - 100vw) /2);
	margin-right: 0;
}

.servicesSec__inner__body__box__picArea__pic.bg01 {
	background: url(images/services/sec01_bg01_pc.jpg) no-repeat center;
	background-size: cover;
}

.servicesSec__inner__body__box__picArea__pic.bg02 {
	background: url(images/services/sec01_bg02_pc.jpg) no-repeat center;
	background-size: cover;
}

.servicesSec__inner__body__box__picArea__pic.bg03 {
	background: url(images/services/sec02_bg01_pc.jpg) no-repeat center;
	background-size: cover;
}

.servicesSec__inner__body__box__picArea__pic.bg04 {
	background: url(images/services/sec02_bg02_pc.jpg) no-repeat center;
	background-size: cover;
}

.servicesSec__inner__body__box__picArea__pic.bg05 {
	background: url(images/services/sec03_bg01_pc.jpg) no-repeat center;
	background-size: cover;
}

.servicesSec__inner__body__box__picArea__pic.bg06 {
	background: url(images/services/sec03_bg02_pc.jpg) no-repeat center;
	background-size: cover;
}

.servicesSec__inner__body__box__picArea__pic.bg07 {
	background: url(images/services/sec04_bg01_pc.jpg) no-repeat center;
	background-size: cover;
}

.servicesSec__inner__body__box__picArea__pic.bg08 {
	background: url(images/services/sec04_bg02_pc.jpg) no-repeat center;
	background-size: cover;
}

.servicesSec__inner__body__box__picArea__pic.bg09 {
	background: url(images/services/sec05_bg01_pc.jpg) no-repeat center;
	background-size: cover;
}

.servicesSec__inner__body__box__picArea__pic.bg10 {
	background: url(images/services/sec05_bg02_pc.jpg) no-repeat center;
	background-size: cover;
}

.servicesSec__inner__body__box__content {
	width: 69.3877551%;
	padding: 40px;
	background-color: #fff;
	position: relative;
	z-index: 1;
}

.servicesSec__inner__body__box:nth-child(even) .servicesSec__inner__body__box__content {
	margin-left: auto;
}

.servicesSec__inner__body__box__content p {
	margin-bottom: 25px;
}

.servicesSec__inner__body__box__content p:last-child {
	margin-bottom: 0;
}

.servicesSec__inner__body__box__content .note {
	padding: 10px 20px;
	background-color: #f3f6fa;
}

.servicesSec__inner__body__box__content .note p {
	font-size: 14px;
}

@media screen and (max-width:1026px){

	.servicesSec__inner__body__box__picArea__pic {
		margin-right: -24px;
	}

	.servicesSec__inner__body__box:nth-child(even) .servicesSec__inner__body__box__picArea__pic {
		margin-left: -24px;
		margin-right: 0;
	}

}

@media screen and (max-width:767px){
	.servicesSec:last-child {
		margin-bottom: 45px;
	}

	.servicesSec__inner {
		padding-top: 45px;
	}

	.servicesSec__inner__head {
		margin-bottom: 25px;
	}

	.servicesSec__inner__head__ttl {
		margin-bottom: 12px;
		font-size: 18px;
	}

	.servicesSec__inner__head p {
		font-size: 16px;
	}

	.servicesSec__inner__body {
	}

	.servicesSec__inner__body:before {
		display: none;
	}

	.servicesSec__inner__body__box {
		padding: 0;
		margin-bottom: 40px;
	}

	.servicesSec__inner__body__box__picArea {
		width: auto;
		height: 53.3333333vw;
		margin: 0 -5.14705882% 25px;
		position: static;
	}

	.servicesSec__inner__body__box__picArea__pic {
		height: 100%;
		margin-right: 0;
	}

	.servicesSec__inner__body__box:nth-child(even) .servicesSec__inner__body__box__picArea__pic {
		margin-left: 0;
	}

	.servicesSec__inner__body__box__picArea__pic.bg01 {
		background: url(images/services/sec01_bg01_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.servicesSec__inner__body__box__picArea__pic.bg02 {
		background: url(images/services/sec01_bg02_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.servicesSec__inner__body__box__picArea__pic.bg03 {
		background: url(images/services/sec02_bg01_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.servicesSec__inner__body__box__picArea__pic.bg04 {
		background: url(images/services/sec02_bg02_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.servicesSec__inner__body__box__picArea__pic.bg05 {
		background: url(images/services/sec03_bg01_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.servicesSec__inner__body__box__picArea__pic.bg06 {
		background: url(images/services/sec03_bg02_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.servicesSec__inner__body__box__picArea__pic.bg07 {
		background: url(images/services/sec04_bg01_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.servicesSec__inner__body__box__picArea__pic.bg08 {
		background: url(images/services/sec04_bg02_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.servicesSec__inner__body__box__picArea__pic.bg09 {
		background: url(images/services/sec05_bg01_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.servicesSec__inner__body__box__picArea__pic.bg10 {
		background: url(images/services/sec05_bg02_sp.jpg) no-repeat center;
		background-size: cover;
	}

	.servicesSec__inner__body__box__content {
		width: auto;
		padding: 0;
	}

	.servicesSec__inner__body__box:nth-child(even) .servicesSec__inner__body__box__content {
		margin-left: 0;
	}

	.servicesSec__inner__body__box__content p {
		margin-bottom: 25px;
	}

	.servicesSec__inner__body__box__content p:last-child {
		margin-bottom: 0;
	}

	.servicesSec__inner__body__box__content .note {
		padding: 8px 15px;
	}

	.servicesSec__inner__body__box__content .note p {
		font-size: 12px;
	}

}


/**********************************

 aboutusMission

***********************************/
.aboutusMission {

}

.aboutusMission__inner {
	padding: 80px 0 90px;
}

.aboutusMission__inner__head {
	margin-bottom: 40px;
}

.aboutusMission__inner__head__ttl {
	margin-bottom: 15px;
	color: #008ad2;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}

.aboutusMission__inner__head p {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.8;
	text-align: center;
}

.aboutusMission__inner__body {

}

.aboutusMission__inner__body p {
	margin-bottom: 2em;
	text-align: center;
}

.aboutusMission__inner__body p:last-child {
	margin-bottom: 0;
}

@media screen and (max-width:767px){

	.aboutusMission__inner {
		padding: 40px 0;
	}

	.aboutusMission__inner__head {
		margin-bottom: 30px;
	}

	.aboutusMission__inner__head__ttl {
		margin-bottom: 5px;
		font-size: 20px;
	}

	.aboutusMission__inner__head p {
		font-size: 16px;
	}

	.aboutusMission__inner__body {

	}

	.aboutusMission__inner__body p {
		margin-bottom: 1.8em;
	}

}


/**********************************

 aboutusCompany

***********************************/
.aboutusCompany {
	background-color: #f3f6fa;
}

.aboutusCompany__inner {
	padding: 80px 0 100px;
}

.aboutusCompany__inner__ttl {
	margin-bottom: 15px;
	color: #008ad2;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}

.aboutusCompany__inner p {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.8;
	text-align: center;
}

.aboutusCompany__inner table {
	width: 100%;
	border-collapse: collapse;
}

.aboutusCompany__inner table tr th {
	width: 125px;
	padding: 30px 15px 30px 0;
	font-weight: bold;
	line-height: 1.5;
	border-bottom: 1px solid #dddddd;
	vertical-align: top;
}

.aboutusCompany__inner table tr td {
	padding: 30px 0;
	line-height: 1.5;
	border-bottom: 1px solid #dddddd;
	vertical-align: top;
}

@media screen and (max-width:767px){

	.aboutusCompany__inner {
		padding: 40px 0;
	}

	.aboutusCompany__inner__ttl {
		margin-bottom: 15px;
		font-size: 16px;
	}

	.aboutusCompany__inner table {
	}

	.aboutusCompany__inner table tr th {
		display: block;
		width: auto;
		padding: 10px 0;
		text-align: center;
	}

	.aboutusCompany__inner table tr td {
		display: block;
		padding: 10px 0;
		text-align: center;
	}

}


/**********************************

 aboutusMap

***********************************/
.aboutusMap {

}

.aboutusMap iframe {
	width: 100%;
	height: 400px;
	vertical-align: top;
}

@media screen and (max-width:767px){

	.aboutusMap iframe {
		height: 53.3333333vw;
	}

}


/**********************************

 careersMessage

***********************************/
.careersMessage {

}

.careersMessage__inner {
	padding: 80px 0 90px;
}

.careersMessage__inner__head {
	margin-bottom: 40px;
}

.careersMessage__inner__head__ttl {
	margin-bottom: 15px;
	color: #008ad2;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}

.careersMessage__inner__head p {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.8;
	text-align: center;
}

.careersMessage__inner__intro {
	margin-bottom: 100px;
}

.careersMessage__inner__intro p {
	margin-bottom: 2em;
	text-align: center;
}

.careersMessage__inner__intro p:last-child {
	margin-bottom: 0;
}

.careersMessage__inner__box {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}

.careersMessage__inner__box .pic {
	width: 46.9387755%;
}

.careersMessage__inner__box .content {
	width: 46.9387755%;
}

.careersMessage__inner__box .content .ttl {
	margin-bottom: 10px;
	color: #008ad2;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.8;
}

.careersMessage__inner__box .content p {

}


@media screen and (max-width:767px){

	.careersMessage__inner {
		padding: 40px 0;
	}

	.careersMessage__inner__head {
		margin-bottom: 30px;
	}

	.careersMessage__inner__head__ttl {
		margin-bottom: 5px;
		font-size: 20px;
	}

	.careersMessage__inner__intro {
		margin-bottom: 40px;
	}

	.careersMessage__inner__intro p {
		font-size: 16px;
	}

	.careersMessage__inner__intro {

	}

	.careersMessage__inner__intro p {
		margin-bottom: 1.8em;
	}

	.careersMessage__inner__box {
		display: block;
	}

	.careersMessage__inner__box .pic {
		width: 69.117647%;
		margin: 0 auto 25px;
		text-align: center;
	}

	.careersMessage__inner__box .content {
		width: auto;
	}

	.careersMessage__inner__box .content .ttl {
		margin-bottom: 12px;
		font-size: 16px;
		text-align: center;
	}

	.careersMessage__inner__box .content p {

	}

}


/**********************************

 careersApply

***********************************/
.careersApply {
	background-color: #f3f6fa;
}

.careersApply__inner {
	padding: 80px 0 90px;
}

.careersApply__inner__head {
	margin-bottom: 50px;
}

.careersApply__inner__head__ttl {
	margin-bottom: 20px;
	color: #008ad2;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}

.careersApply__inner__head p {
	text-align: center;
}

.careersApply__inner__content {

}

.careersApply__inner__content__tab {

}

.careersApply__inner__content__tab ul {
	display: flex;
	justify-content: space-between;
	align-items: end;
}

.careersApply__inner__content__tab ul li {
	width: 26.5306122%;
}

.careersApply__inner__content__tab ul li:first-child {
	margin-left: 5.10204082%;
}

.careersApply__inner__content__tab ul li:last-child {
	margin-right: 5.10204082%;
}

.careersApply__inner__content__tab ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
	margin-top: 10px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#008ad3+0,0054a2+100 */
	background: rgb(0,138,211); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(0,138,211,1) 0%, rgba(0,84,162,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,138,211,1) 0%,rgba(0,84,162,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,138,211,1) 0%,rgba(0,84,162,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ad3', endColorstr='#0054a2',GradientType=1 ); /* IE6-9 */
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.careersApply__inner__content__tab ul li a.is-active {
	margin-top: 0;
	height: 80px;
}

.careersApply__inner__content__tabContent {
	padding: 50px;
	background-color: #fff;
}

.careersApply__inner__content__tabContent__sec {
	display: none;
}

.careersApply__inner__content__tabContent__sec.is-default {
	display: block;
}

.careersApply__inner__content__tabContent__sec .head {
	margin-bottom: 45px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #dddddd;
}

.careersApply__inner__content__tabContent__sec .head p {
	width: 29.5454545%;
	padding: 11px 10px 12px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#434343+0,010101+100 */
	background: rgb(67,67,67); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(67,67,67,1) 0%, rgba(1,1,1,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(67,67,67,1) 0%,rgba(1,1,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(67,67,67,1) 0%,rgba(1,1,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#010101',GradientType=1 ); /* IE6-9 */
}

.careersApply__inner__content__tabContent__sec .head .ttl {
	width: 29.5454545%;
	padding: 12px 0;
	color: #000000;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}

.careersApply__inner__content__tabContent__sec .body {
}

.careersApply__inner__content__tabContent__sec .body .intro {
	margin-bottom: 40px;
}

.careersApply__inner__content__tabContent__sec .body .intro .copy {
	margin-bottom: 5px;
	color: #008ad2;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.8;
}

.careersApply__inner__content__tabContent__sec .body .intro p {
}

.careersApply__inner__content__tabContent__sec .body table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #dddddd;
}

.careersApply__inner__content__tabContent__sec .body table tr th {
	width: 140px;
	padding: 30px 15px 30px 0;
	font-weight: bold;
	line-height: 1.5;
	border-bottom: 1px solid #dddddd;
	vertical-align: top;
}

.careersApply__inner__content__tabContent__sec .body table tr td {
	padding: 30px 0;
	line-height: 1.5;
	border-bottom: 1px solid #dddddd;
}

@media screen and (max-width:767px){

	.careersApply__inner {
		padding: 40px 0 45px;
	}

	.careersApply__inner__head {
		margin-bottom: 30px;
	}

	.careersApply__inner__head__ttl {
		margin-bottom: 15px;
		font-size: 16px;
	}

	.careersApply__inner__head p {
		text-align: left;
	}

	.careersApply__inner__content {

	}

	.careersApply__inner__content__tab {

	}

	.careersApply__inner__content__tab ul {
		display: flex;
		justify-content: space-between;
		align-items: end;
		padding: 0 2.94117647%;
	}

	.careersApply__inner__content__tab ul li {
		width: 31.25%;
	}

	.careersApply__inner__content__tab ul li:first-child {
		margin-left: 0;
	}

	.careersApply__inner__content__tab ul li:last-child {
		margin-right: 0;
	}

	.careersApply__inner__content__tab ul li a {
		height: 53px;
		margin-top: 15px;
		font-size: 9px;
		line-height: 1.5;
	}

	.careersApply__inner__content__tab ul li a.is-active {
		margin-top: 0;
		height: 68px;
	}

	.careersApply__inner__content__tabContent {
		padding: 25px 15px;
		background-color: #fff;
	}

	.careersApply__inner__content__tabContent__sec .head {
		margin-bottom: 20px;
	}

	.careersApply__inner__content__tabContent__sec .head p {
		width: 130px;
		padding: 6px 10px 7px;
		font-size: 12px;
		margin: 0 auto;
	}

	.careersApply__inner__content__tabContent__sec .head .ttl {
		width: auto;
		padding: 12px 0;
		font-size: 12px;
	}

	.careersApply__inner__content__tabContent__sec .body {
	}

	.careersApply__inner__content__tabContent__sec .body .intro {
		margin-bottom: 20px;
	}

	.careersApply__inner__content__tabContent__sec .body .intro .copy {
		margin-bottom: 5px;
		font-size: 12px;
		text-align: center;
	}

	.careersApply__inner__content__tabContent__sec .body .intro p {
		font-size: 12px;
	}

	.careersApply__inner__content__tabContent__sec .body table {
		width: 100%;
		border-collapse: collapse;
		border-top: 1px solid #dddddd;
	}

	.careersApply__inner__content__tabContent__sec .body table tr th {
		display: block;
		width: auto;
		padding: 20px 0 10px 0;
		font-size: 12px;
		text-align: center;
		line-height: 1.5;
		border-bottom: none;
	}

	.careersApply__inner__content__tabContent__sec .body table tr td {
		display: block;
		padding: 0 0 20px 0;
		font-size: 12px;
		line-height: 2;
		border-bottom: 1px solid #dddddd;
	}

}


/**********************************

 xxx

***********************************/
@media screen and (max-width:767px){

}


/**********************************

 xxx

***********************************/

@media screen and (max-width:767px){

}