img {max-width:100%}
.sub_con { background: linear-gradient( to right, #01a678, #54ca7b );  position:relative}
.sub_con .in {display:flex; align-items:center}
.in div {color:#fff}
.sub_con .in  .left {width:45%; position:relative; margin-top:50px}
.sub_con .in  .left img.banana {position:absolute; right:0; top:210px}

.date_div {position:relative; font-size:1rem; z-index:9999} 
.date_div p {display:flex; align-items:center; }
.date_div p:last-child {margin-top:10px; }
.date_div p b {background-color:#fff; color:#01a578; padding:5px 0; border-radius:30px;   width:100px; text-align:center }
.date_div p span {width:calc(100% - 110px); margin-left:auto; display:inline-block}
 
.step {width:100%;}
.step li.t {width:100%; background-color:#fff;  border:2px solid #107d57;  display:inline-block ; box-sizing:border-box; padding:20px; color:#333;  text-align:center; border-radius:10px; font-size:1.05rem; font-weight:500; line-height:1.5em}
.step li:nth-child(2n) {margin:-10px 0; text-align:center; position:relative} 


.sub_con .in  .right {width:50%; max-width:500px; height:850px; margin-top:50px; margin-left:auto }
.sub_con .in  .right .phone {display:inline-block;    width:100%;   height:100%;   position:relative; overflow:hidden;}
.phone_top {width:100%; padding-bottom:50%; background:url('/common/img/phone_1.png') no-repeat; background-size:100%;}
.sub_con .in  .right .phone_center {display:inline-block;  width:100%; background:url('/common/img/phone_2.png') repeat-y; background-size:100%;  height:100%;  }
.sub_con .in  .right  iframe {width:86%; position:absolute; top:2%; margin-left:7.1%; height:calc(100% - 2%); }

.event_tit2 {width:100%; text-align:center;  display:inline-block; font-size:1.5rem; color:#00a578; margin-bottom:30px; display:flex; align-items:center  }
.event_tit2 p {width:150px;  }
.event_tit2 span {  width:calc(50% - 75px); height:1px; background-color:#fff;  }

@media all and (max-width:1100px){
	.sub_con .in  .right { height:90vw;  }
}
@media all and (max-width:768px){
	.sub_con .in {flex-wrap:wrap}
	.sub_con .in  .left {width:100%; }
	.sub_con .in  .left img.banana {position:absolute; right:0; top:300px; width:35%}

	.date_div {font-size:.97rem}
	.step li.t {font-size:.97rem}

	.event_tit2 {  font-size:1.3rem;  margin-bottom:10px; }
	.event_tit2 span {display:none}
	.event_tit2 p {width:100%; text-align:left}

	.sub_con .in  .right  {width:100%; height:180vw;    max-width:100% }


}