@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* 81-LSM */
/* clearfix */	
.clearfix:after {content: "";display: block;clear: both;}
/* flex */	
.flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}
.flexA {justify-content: space-around;}
.flexB {justify-content: space-between;}
.flexC {justify-content: center;}
/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.bg01 {
	background-color: #aebcd6;
}
.bg02 {
	background-color: #f2f2f2;
}
@media all and (max-width: 896px) {
}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
	margin: 0 auto;
	width: 1110px;
}
@media all and (max-width: 896px) {
	.content {
		margin: 0 20px;
		width: auto !important;
	}
}
/*------------------------------------------------------------
	pageTitle
------------------------------------------------------------*/
.pageTitle {
	margin-bottom: 92px;
	padding-top: 145px;
	min-height: 320px;
	background: url(../../img/company/page_title_bg.webp) no-repeat center center / cover;
	box-sizing: border-box;
}
.pageTitle h2 {
	color: #FFF;
	font-size: 2.8rem;
	font-weight: 400;
	letter-spacing: 0.2em;
}
.pageTitle h2 .en {
	margin-bottom: 9px;
	display: block;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: 0.1em;
}
@media all and (max-width: 896px) {
	.pageTitle {
		margin-bottom: 43px;
		padding-top: 106px;
		min-height: 200px;
		background-image: url(../../img/company/page_title_bg_sp.webp);
	}
	.pageTitle h2 {
		font-size: 2rem;
		text-align: center;
	}
	.pageTitle h2 .en {
		margin-bottom: 7px;
	}
}

/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
	margin-bottom: 28px;
	color: #6a8bc7;
	font-size: 3.6rem;
	font-weight: 700;
	line-height: 1;
}
.headLine01.white {
	color: #FFF;
}
.headLine01 .jp {
	margin: 9px 0 0 5px;
	display: block;
	color: #000;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 0.025em;
}
@media all and (max-width: 896px) {
	.headLine01 {
		margin-bottom: 15px;
	}
	.headLine01 .jp {
		margin: 7px 0 0 5px;
		font-size: 1.4rem;
	}
}
/*------------------------------------------------------------
	comTitle
------------------------------------------------------------*/
.comTitle {
	margin-bottom: 43px;
	font-size: 3.6rem;
	line-height: 1.67;
	letter-spacing: 0.025em;
}
@media all and (max-width: 896px) {
	.comTitle {
		margin-bottom: 24px;
		font-size: 2.2rem;
		line-height: 1.64;
		letter-spacing: 0.1em;
	}
}

/*------------------------------------------------------------
	comText
------------------------------------------------------------*/
.comText {
	line-height: 2;
	letter-spacing: 0.1em;
}
@media all and (max-width: 896px) {
	.comText {
		line-height: 1.6;
	}
}

/*------------------------------------------------------------
	comBtn
------------------------------------------------------------*/
.comBtn {
	width: 322px;
}
.comBtn a {
	padding: 20px 20px 19px 30px;
	display: block;
	color: #FFF;
	font-size: 1.7rem;
	letter-spacing: 0.025em;
	text-align: center;
	background-color: #6a8bc7;
}
.comBtn a:hover {
	opacity: 0.7;
}
@media all and (max-width: 896px) {
	.comBtn {
		margin: 0 auto;
		width: auto;
		max-width: 335px;
	}
	.comBtn a {
		padding: 14px 20px 13px 30px;
		display: block;
		font-size: 1.5rem;
	}
}

/*------------------------------------------------------------
	comContactBox
------------------------------------------------------------*/
.comContactBox {
	padding: 89px 0 64px;
}
.comContactBox .headLine01 {
	margin-bottom: 52px;
}
.comContactBox .headLine01 .jp {
	margin-top: 29px;
}
.comContactBox .comText {
	margin-bottom: 57px;
	letter-spacing: 0.025em;
}
.comContactBox .inner {
	padding: 46px 0 45px;
	background-color: #FFF;
}
.comContactBox .inner .lBox,
.comContactBox .inner .rBox {
	width: 50%;
	position: relative;
}
.comContactBox .inner .lBox::before {
	position: absolute;
	top: -4px;
	bottom: -3px;
	right: -1px;
	width: 1px;
	background-color: #aebcd6;
	content: '';
	z-index: 5;
}
.comContactBox .inner .topText {
	margin-bottom: 5px;
	font-size: 2.4rem;
	letter-spacing: 0.025em;
	text-align: center;
}
.comContactBox .inner .tel {
	margin-bottom: 8px;
	text-align: center;
}
.comContactBox .inner .tel a {
	font-size: 4rem;
	letter-spacing: 0.1em;
	word-break: break-all;
}
.comContactBox .inner .sml {
	font-size: 1.8rem;
	letter-spacing: 0.025em;
	text-align: center;
}
.comContactBox .inner .comBtn {
	margin: 0 auto;
}
.comContactBox .inner .comBtn a {
	padding-bottom: 20px;
}
.comContactBox .inner .rBox .topText {
	margin: 6px 0 19px;
}
@media all and (max-width: 896px) {
	.comContactBox {
		padding: 42px 0 40px;
	}
	.comContactBox .headLine01 {
		margin-bottom: 20px;
	}
	.comContactBox .headLine01 .jp {
		margin-top: 8px;
	}
	.comContactBox .comText {
		margin-bottom: 21px;
	}
	.comContactBox .inner {
		padding: 34px 20px 35px;
		display: block;
	}
	.comContactBox .inner .lBox,
	.comContactBox .inner .rBox {
		width: 100%;
	}
	.comContactBox .inner .lBox {
		margin-bottom: 30px;
		padding-bottom: 22px;
	}
	.comContactBox .inner .lBox::before {
		top: auto;
		bottom: 0;
		left: 14px;
		right: 14px;
		width: auto;
		height: 1px;
	}
	.comContactBox .inner .topText {
		margin-bottom: -1px;
		font-size: 1.8rem;
	}
	.comContactBox .inner .tel {
		margin-bottom: 0;
	}
	.comContactBox .inner .tel a {
		font-size: 3rem;
	}
	.comContactBox .inner .sml {
		font-size: 1.6rem;
	}
	.comContactBox .inner .comBtn {
		max-width: 270px;
	}
	.comContactBox .inner .comBtn a {
		padding: 9px 10px 9px 20px;
	}
	.comContactBox .inner .rBox .topText {
		margin: 0 0 21px;
	}
}
@media all and (max-width: 359px) {
	#main .comTitle {
		font-size: 1.9rem;
	}
}