@charset "UTF-8";
/* lead */
.lead .message .txt{box-sizing:border-box;}
@media (max-width: 768px) {
.lead .container{padding:0 0 50px;}
.lead .message .txt{margin:10px auto 30px;}
.lead .message .txt p{font-size:12px; margin-bottom:20px;}
}
@media (min-width: 769px) {
.lead{padding:0 0 100px;}
.lead .message{overflow:hidden;}
.lead .message picture{ width: 70%;  margin: 0 -25% 0 0; float:left;}
.lead .message .txt{width: 55%; background:rgb(255,255,255, 0.8); float:right; padding:50px 0 50px 50px; margin-top:70px;}
.lead .message .txt p{font-size:16px; line-height:2; margin-bottom:40px;}
}

/* flow */
.exp_flow-list { padding-bottom: 1em; }
.exp_flow-list li{margin-bottom: 100px; overflow: hidden;}
.exp_flow-list .exp_flow-list-item { position: relative;}
.exp_flow-list .imgbox img { width: 100%; }
.exp_flow-list .txtbox .-ttl { font-weight: 500; color: #3893c6;}
.exp_flow-list .txtbox .-txt { line-height: 1.8; }
.exp_flow-list .txtbox .-num{color: #3893c6; font-family:Arial !important;}
.exp_flow-list .txtbox{background:rgb(255,255,255, 0.8);}

@media (max-width: 768px) {
.exp_flow  {padding:50px 0 100px;
  background:
  url(../img/common/img_bird2.png) no-repeat 95% 100% ,
  url(../img/common/img_bird.png) no-repeat 5% 1% ,
  url(../img/common/bg_wave_up.png) repeat-x top center ,
  url(../img/common/bg_wave_dowun.png) repeat-x bottom center ,
  url(../img/common/bg_wave_middle.png) top center repeat;
  background-size:20% , 24% , 20% , 20%;
}
.exp_flow-list .imgbox {  width: 90%;}
.exp_flow-list .txtbox { width: 90%; padding: 60px 6% 6%; z-index: 2; position: relative;}
.exp_flow-list .txtbox .-ttl { font-size: 16px; margin-bottom:10px;}
.exp_flow-list .txtbox .-txt{font-size:12px;}
.exp_flow-list .txtbox .-num{font-size:36px; position:absolute; top:10px; left:0%; text-align:center; width:100%;}
.exp_flow-list li{margin-bottom:25px;}
.exp_flow-list li:nth-child(odd) .imgbox{margin: 0 5% 0 0;}
.exp_flow-list li:nth-child(even) .imgbox{margin: 0 0 0 5%;}
.exp_flow-list li:nth-child(odd) .txtbox{margin: -30px 0 0 10%;}
.exp_flow-list li:nth-child(even) .txtbox{margin: -30px 10% 0 0;}
}
@media (min-width: 769px) {
.exp_flow {padding: 100px 0;
	background:
	url(../img/common/img_bird2.png) no-repeat 90% 98% ,
	url(../img/common/img_bird.png) no-repeat 10% 2% ,
	url(../img/common/bg_wave_up.png) repeat-x top center ,
	url(../img/common/bg_wave_dowun.png) repeat-x bottom center ,
	url(../img/common/bg_wave_middle.png) top center repeat;
}
.exp_flow .container{padding:0 0 100px;}
.exp_flow-list{margin:50px 0 0;}
.exp_flow-list .imgbox {  width: 50%; }
.exp_flow-list .txtbox { width: 55%; padding: 40px 60px 40px 60px;   z-index: 2; position: relative;}
.exp_flow-list .txtbox .-ttl { font-size: 24px; margin-bottom:20px;}
.exp_flow-list .txtbox .-txt{font-size:16px; line-height:2;}
.exp_flow-list .txtbox .-num{font-size:60px; position:absolute; top:-50px; left:0%; text-align:center; width:100%;}
.exp_flow-list li:nth-child(odd) .imgbox{float:left;}
.exp_flow-list li:nth-child(odd) .txtbox{ float: right; margin: 5% 0 0 -5%;}
.exp_flow-list li:nth-child(even) .imgbox{float:right;}
.exp_flow-list li:nth-child(even) .txtbox{ float:left; margin: 5% -5% 0 0;}
}