@charset "utf-8";


/***************************************************************************
*
* SERVICE STYLE
*
***************************************************************************/


#mainPage .pageTitle {
	width: 519px;
}

#content {
	margin-top: 63px;
}

/*AREAINTRO*/
.areaIntro {
	margin-bottom: 80px;
}
.areaIntro .introTitle {
	margin-bottom: 7px;
	color: #111;
}
.areaIntro .introSub {
	line-height: 1.85;
	color: #333;
	margin-bottom: 77px;
}
.areaIntro .introWrap {
	position: relative;
	padding: 48px 0 0;
}
.areaIntro .ttl {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	/*width: calc(12.23% + 88px);*/
	/*min-width: 255px;*/
	height: 100%;
	background: #0086CC;
	z-index: -1;
}
.areaIntro .introWrap .inner {
	width: 1208px;
}
.areaIntro .introWrap .introList {
}
.areaIntro .introWrap .introList li {
	display: flex;
	justify-content: space-between;
	width: 980px;
}
.areaIntro .introWrap .introList li:nth-child(2n) {
	flex-direction: row-reverse;
	margin-left: 240px;
	width: 968px;
}
.areaIntro .introWrap .introList li + li {
	margin-top: 64px;
}
.areaIntro .introWrap .introList li .introPhoto {
	width: 504px;
}
.areaIntro .introWrap .introList li .introInfo {
	width: 428px;
}
.areaIntro .introWrap .introList li .introInfo .infoEn {
	font-weight: bold;
	color: #0086CC;
	margin-bottom: 7px;
}
.areaIntro .introWrap .introList li .introInfo .infoJp {
	margin-bottom: 22px;
	color: #111;
}
.areaIntro .introWrap .introList li .introInfo .infoSub {
	line-height: 1.85;
	margin-bottom: 51px;
}
/*AREAINTRO*/

/*SP STYLE*/
@media (max-width: 768px) {
	#mainPage .inner {
	    bottom: -5px;
	    left: 50%;
	}
	#mainPage .pageTitle {
	    width: 260px;
	} 
	#content {
	    margin-top: 39px;
	}

	/*AREAINTRO*/
	.areaIntro .introWrap .inner {
		width: 100%;
	}
	.areaIntro .introTitle {
	    margin-bottom: 18px;
	}
	.areaIntro .introSub {
	    margin-bottom: 78px;
	}
	.areaIntro .introWrap {
	    position: relative;
	    padding: 30px 0.2% 0;
	}
	.areaIntro .introWrap .introList li {
		width: 100%;
		flex-direction: column;
	}
	.areaIntro .introWrap .introList li + li {
	    margin-top: 40px;
	}
	.areaIntro .introWrap .introList li:nth-child(2n) {
		width: 100%;
		margin-left: 0;
		flex-direction: column;
	}
	.areaIntro .introWrap .introList li .introPhoto {
		width: 100%;
	}
	.areaIntro .introWrap .introList li .introInfo {
		width: 100%;
		padding-left: 13%;
		padding-top: 20px;
	}
	.areaIntro .introWrap .introList li .introInfo .infoJp {
	    margin-bottom: 16px;
	    line-height: 1.62;
	}
	.areaIntro .introWrap .introList li .introInfo .infoSub {
	    line-height: 1.85;
	    margin-bottom: 18px;
	}
	.areaIntro .introWrap .introList li .introInfo .boxBtn a {
	    width: 100%;
	    box-shadow: 0 0 36px rgba(0,0,0,0.12);
	}
	.areaIntro .ttl {
		min-width: 1px;
	}
	.areaIntro {
	    margin-bottom: 60px;
	}
	/*AREAINTRO*/

	

}