@charset "utf-8";

/******************************
	Introduce
******************************/

.introduceBox {display:block; position:relative; font-size:calc((20 / 17) * 1em); padding-top:8.15em;}
.introduceBox:before {content:""; display:block; position:absolute; top:0; left:0; width:67.7em; height:29.3em; max-width:84.625%; background:url(../img/sub/01/bak_introduce.png) no-repeat 50% 50% / cover; border-radius:1.5em;}
.introduceBox:after {content:""; display:block; clear:both;}
.introduceBox .in {display:block; position:relative; float:right; width:100%; max-width:52.5em; padding:3.85em 2em 3.85em 4.7em; background:#fff; border-radius:5em 0 0 0;}
.introduceBox .in > * {word-break:keep-all;}
.introduceBox h4 {padding:0; font-size:2em;}
.introduceBox h4:before {display:none;}
.introduceBox .desc p {font-size:.85em;}

@media all and (max-width:1024px) {
	.introduceBox {padding-top:0;}
	.introduceBox:before {position:relative; width:100%; max-width:100%; height:20em;}
	.introduceBox .in {float:none; width:auto; max-width:100%; padding:3em; border-radius:3em; margin:-5em 2em 0;}
	.introduceBox h4 {font-size:1.7em;}	
}
@media all and (max-width:640px) {
	.introduceBox:before {height:10em;}
	.introduceBox .in {margin:0; padding:2em 1em;}
}
@media all and (max-width:480px) {
	.introduceBox .in {padding:2em 0;}
}


/******************************
	Vision
******************************/

.conts h4.big {text-align:center; font-size:calc((20 / 17) * 1em); margin-bottom:3.6em;}
.conts h4.big:before {display:none;}
.conts h4.big > * {display:block; line-height:1.4em;}
.conts h4.big em {font-size:1.1em; margin-bottom:calc((13 / 22) * 1em); font-family:'Paperlogy';}
.conts h4.big strong {font-size:2.5em; font-weight:600;}
.conts h4.big ~ h4.big {margin-top:5.1em;}
.conts h4.big br{display:none;}


.vision-img {margin:0 -5em; font-size:calc((20 / 17) * 1em);}
.vision-img ul {display:flex; flex-align:center; justify-content:space-between;}
.vision-img li {max-width:24%;}

.slogunBox {display:flex; align-items:center; justify-content:center; padding:2em; min-height:19.42em; border:1px solid #E4E9F3; background:url(../img/common/bak_pattern.png);}


@media all and (max-width:1024px) {
	.conts h4.big br{display:block;}
}

@media all and (max-width:640px) {
	.conts h4.big strong{font-size:2em;}
}