@charset "UTF-8";
.intro-box{position:relative;}
.intro-box .intro-img-box{padding:0 0 95px;}
.intro-box .intro-img-box > img{width:100%;}
.intro-box .intro-txt-box{position:absolute;top:35px;left:50%;padding:82px 40px 40px;min-height:380px;background:#f6f7f9;box-sizing:border-box;}
.intro-box .intro-txt-box:after{content:'';display:block;position:absolute;top:0;left:100%;width:100%;height:100%;background:#f6f7f9;}
.intro-box .intro-txt-box > p:nth-of-type(1){padding:0 0 30px;font-size:34px;line-height:42px;font-weight:500;}
.intro-box .intro-txt-box > p:nth-of-type(2){font-size:24px;line-height:40px;}
.intro-box .intro-txt{padding:0 0 30px;font-size:20px;line-height:30px;font-weight:200;}

.flow-wrap{padding:30px 0;}
.flow-box{margin:0 auto;padding:10px;max-width:770px;border:1px solid #acc0cf;border-radius:5px;box-sizing:border-box;}
.flow-box > ul:after{content:'';display:block;clear:both;}
.flow-box > ul{padding:20px;background:#fafafa;box-sizing:border-box;}
.flow-box > ul > li{float:left;margin:0 10px 0 0;padding:20px;width:calc(33.33% - 7px);border:1px dashed #84aef3;background:#dfeaf7;border-radius:10px;box-sizing:border-box;text-align:center;}
.flow-box > ul > li:last-of-type{margin:0;}
.flow-box > ul > li span{display:block;}
.flow-box > ul > li span:nth-of-type(1){font-size:26px;line-height:30px;}
.flow-box > ul > li span:nth-of-type(2){font-size:20px;line-height:25px;}

@media screen and (max-width:1024px){
	.intro-box .intro-txt-box{top:70px;padding:7% 30px;min-height:auto;}
	.intro-box .intro-txt-box > p:nth-of-type(1){padding:0 0 10px;font-size:20px;line-height:28px;}
	.intro-box .intro-txt-box > p:nth-of-type(2){font-size:17px;line-height:33px;}
	.intro-box .intro-txt{padding:0 0 15px;font-size:16px;line-height:24px;}
	.intro-box .intro-img-box{margin:0 auto;padding:0;width:70%;}
	.intro-box .intro-txt-box{position:relative;top:auto;left:auto;margin:0 0 20px;padding:20px;min-height:auto;}
	.intro-box .intro-txt-box:after{display:none;}
	
	.flow-wrap{padding:0;}
	.flow-box{padding:7px;}
	.flow-box > ul{padding:10px;}
	.flow-box > ul > li{float:none;margin:0 0 10px;padding:10px;width:100%;}
	.flow-box > ul > li span:nth-of-type(1){font-size:18px;line-height:26px;}
	.flow-box > ul > li span:nth-of-type(2){font-size:15px;line-height:23px;}
}

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


}