@charset "utf-8";
/* ==================================================================
CSS information
style info : PAGE
================================================================== */


/* ----------------------------------------------------------------------------------------------------------------
OVERWRITE
---------------------------------------------------------------------------------------------------------------- */
.secInner { padding-top: 0.1%; }

/* ----------------------------------------------------------------------------------------------------------------
COMMON
---------------------------------------------------------------------------------------------------------------- */
.secBlock__hl { width: calc(320/750*100%); margin: 0 auto; position: relative; padding-bottom: calc(30/750*100%); text-align: center; }
.secBlock__hl::before { content: ""; display: block; width: 100%; height: 2px; background: #bfccd7; position: absolute; bottom: 0; left: 0; }

.secBlock__copy { width: calc(650/750*100%); margin: 0 auto; text-align: center; font-size: calc(30/750*100vw); line-height: 1.61; font-weight: 500; font-feature-settings: normal; }
.secBlock__text { width: calc(650/750*100%); margin: 0 auto; text-align: center; font-size: calc(24/750*100vw); line-height: 1.81; font-feature-settings: normal; }

@media screen and (min-width: 641px) {
	.secBlock__hl { width: calc(320/1260*100%); padding-bottom: calc(20/1260*100%); }

	.secBlock__copy { width: 100%; font-size: calc(22/1360*100vw); }
	.secBlock__text { width: 100%; font-size: calc(18/1360*100vw); }
}
@media screen and (min-width: 1361px) {
	.secBlock__copy { font-size: 2.2rem; }
	.secBlock__text { font-size: 1.8rem; }
}




/* ----------------------------------------------------------------------------------------------------------------
.secHero
---------------------------------------------------------------------------------------------------------------- */
.secHero { width: 100%; height: 100vh; }
.secHero .secInner { height: 100%; }

.secHero__logo { width: calc(520/750*100%); position: relative; top: 50%; left: 50%; margin-top: calc(-31/750*100%); margin-left: calc(-260/750*100%); }
.secHero__icon { width: calc(65/750*100%); position: absolute; bottom: calc(60/750*100%); left: 50%; margin-left: calc(-32.5/750*100%); }

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

}
@media screen and (min-width: 641px) {
	.secHero__logo { width: calc(640/1260*100%); margin-top: calc(-38.5/1260*100%); margin-left: calc(-320/1260*100%); }
	.secHero__icon { width: calc(32/1260*100%); bottom: calc(50/1260*100%); margin-left: calc(-16/1260*100%); }
}



/* ----------------------------------------------------------------------------------------------------------------
.secVision
---------------------------------------------------------------------------------------------------------------- */
.secVision { background: rgba(227,234,238,0.6); padding-top: calc(160/750*100%); padding-bottom: calc(10/750*100%); }

.secVision .secBlock__text { width: 100%; letter-spacing: -0.09em; }

@media screen and (min-width: 641px) {
	.secVision { padding-top: calc(130/1360*100%); padding-bottom: calc(10/1360*100%); }
	.secVision .secBlock__text { letter-spacing: 0em; }
}
@media screen and (min-width: 1361px) {
	.secVision { padding-top: 130px; padding-bottom: 10px; }
}


/* ----------------------------------------------------------------------------------------------------------------
.secService
---------------------------------------------------------------------------------------------------------------- */
.secService { background: rgba(227,234,238,0.6); padding-top: calc(150/750*100%); padding-bottom: calc(160/750*100%); }

.secService .secBlock__hl img { width: calc(263/320*100%); }

.secSrv__flex { width: calc(650/750*100%); margin: calc(55/750*100%) auto 0;
	display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; }
.secSrv__srvbox { width: 100%; }
.secSrv__srvbox:nth-child(2) { margin-top: calc(70/650*100%); }
.secSrv__srvbox dt { text-align: center; color: #364f65; font-size: calc(30/750*100vw); font-weight: 500; }
.secSrv__srvbox dd { text-align: center; font-size: calc(22/750*100vw); font-feature-settings: normal; line-height: 1.61; letter-spacing: -0.08em;
	background: #bfccd7; padding: calc(15/650*100%) 0; margin-top: calc(15/650*100%); }

@media screen and (min-width: 641px) {
	.secService { padding-top: calc(120/1360*100%); padding-bottom: calc(130/1360*100%); }

	.secService .secBlock__hl img { width: calc(212/320*100%); }

	.secSrv__flex { width: 100%; margin: calc(35/1260*100%) auto 0; }
	.secSrv__srvbox { width: calc(600/1260*100%); }
	.secSrv__srvbox:nth-child(2) { margin-top: 0; }
	.secSrv__srvbox dt { font-size: calc(24/1360*100vw); }
	.secSrv__srvbox dd { font-size: calc(15/1360*100vw); letter-spacing: 0; padding: calc(15/600*100%) 0; margin-top: calc(15/600*100%); }
}
@media screen and (min-width: 1361px) {
	.secService { padding-top: 120px; padding-bottom: 130px; }
	.secSrv__srvbox dt { font-size: 2.4rem; }
	.secSrv__srvbox dd { font-size: 1.5rem; }
}




/* ----------------------------------------------------------------------------------------------------------------
.secCompany
---------------------------------------------------------------------------------------------------------------- */
.secCompany { padding-top: calc(150/750*100%); padding-bottom: calc(160/750*100%); }

.secCompany .secBlock__hl img { width: calc(318/320*100%); }

.secCmp__flex { width: calc(650/750*100%); margin: calc(60/750*100%) auto 0; }
.secCmp__flex__item {}

.secCmp__hd { text-align: center; color: #364f65; font-size: calc(30/750*100vw); font-weight: 500; }

.secCmp__outline { margin-top: calc(25/650*100%); }
.outline__item { width: 100%; position: relative; font-size: calc(22/750*100vw); line-height: 1.61; margin-top: calc(4/650*100%); 
	display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-pack: justify; justify-content: space-between; }
.outline__item__name { width: calc(130/650*100%); background: #364f65; color: #fff; text-align: center; letter-spacing: 0.5em; padding: 0.5em 0 0.5em 0.5em; 
	display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; align-items: center; }
.outline__item__conts { width: calc(512/650*100%); background: #f2f6f8; padding: 0.5em; }

.outline__item.-i5 .outline__item__name { letter-spacing: 0; padding-left: 0; }

.secCmp__mail { margin-top: calc(15/650*100%); }
.secCmp__mail a { display: block; width: 100%; background: #f2f6f8; color: #000; padding: 1em 0.5em; font-size: calc(24/750*100vw); text-align: center; text-decoration: none; }
.secCmp__mail a span { background: url(../../_img/company/icon_mail.svg) left center no-repeat; background-size: calc(35/750*100vw); padding-left: calc(50/750*100vw); line-height: 1; }

.secCmp__flex__item:nth-child(2) { margin-top: calc(80/650*100%); }
.secCmp__text { width: 100%; background: #f2f6f8; padding: 1em; font-size: calc(22/750*100vw); line-height: 1.61; margin-top: calc(25/650*100%); }


.secCmp__client { width: calc(650/750*100%); margin: calc(60/650*100%) auto 0; }
.secCmp__client .secCmp__hd { border-bottom: 2px solid #bfccd7; padding-bottom: calc(16/650*100%); }

.secCmp__clientlist { margin-top: calc(40/650*100%); }
.secCmp__clientlist li { font-size: calc(22/750*100vw); margin-bottom: 0.5em; }

.secCmp__listnotes { font-size: calc(22/750*100vw); margin: 0 0 0 auto; text-align: right; }

@media screen and (min-width: 641px) {
	.secCompany { padding-top: calc(120/1360*100%); padding-bottom: calc(100/1360*100%); }

	.secCompany .secBlock__hl img { width: calc(256/320*100%); }

	.secCmp__flex { width: 100%; margin: calc(60/1260*100%) auto 0; 
		display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-pack: justify; justify-content: space-between; }
	.secCmp__flex__item { width: calc(600/1260*100%); }

	.secCmp__hd { font-size: calc(24/1360*100vw); }

	.secCmp__outline { margin-top: calc(15/600*100%); }
	.outline__item { font-size: calc(15/1360*100vw); margin-top: calc(4/600*100%); }
	.outline__item__name { width: calc(100/600*100%); letter-spacing: 0.5em; padding: 0.3em 0 0.4em 0.5em; }
	.outline__item__conts { width: calc(492/600*100%); padding: 0.3em 1em 0.4em; }
	
	.outline__item.-i5 .outline__item__name { letter-spacing: 0; padding-left: 0; }
	
	.secCmp__mail { margin-top: calc(15/600*100%); }
	.secCmp__mail a { background: #f2f6f8; padding: 1em 0.5em; font-size: calc(16/1360*100vw); }
	.secCmp__mail a span { background-size: calc(24/1360*100vw); padding-left: calc(35/1360*100vw); }
	
	.secCmp__flex__item:nth-child(2) { margin-top: 0; 
		display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;	flex-direction: column; }
	.secCmp__text { padding: 1.3em; font-size: calc(15/1360*100vw); line-height: 1.81; margin-top: calc(15/600*100%); flex-grow: 1; }

	
	.secCmp__client { width: 100%; margin: calc(70/1260*100%) auto 0; }
	.secCmp__client .secCmp__hd { padding-bottom: calc(15/1260*100%); }
	
	.secCmp__clientlist { margin-top: calc(15/1260*100%); 
		display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: start; justify-content: flex-start; }
	.secCmp__clientlist li { font-size: calc(15/1360*100vw); margin-top: 0.8em; width: calc(100%/3); }
	.secCmp__clientlist li:last-child { margin-bottom: 0; }

	.secCmp__listnotes { font-size: calc(15/1360*100vw); }
}
@media screen and (min-width: 1361px) {
	.secCompany { padding-top: 120px; padding-bottom: 100px; }

	.secCmp__hd { font-size: 2.4rem; }
	.outline__item { font-size: 1.5rem; }
	.secCmp__mail a { font-size: 1.6rem; }
	.secCmp__mail a span { background-size: 24px; padding-left: 35px; }
	.secCmp__text { font-size: 1.5rem; }
	.secCmp__clientlist li { font-size: 1.5rem; }
	.secCmp__listnotes { font-size: 1.5rem; }
}