hr {margin:15px 0;}

.info_wrap {width:100%;     padding:50px 0 0 0 ; position:relative;  color:#333;  }
.info_wrap .left_box {width:100%; display:flex; align-items:Center}
.together_img  { width:100%; margin:-90px 0 0 0; position:relative; z-index:99}
.info_wrap .bottom_bg {width:100%; height:105px; background-color:#e9f8f4; position:absolute; bottom:0; left:0} 
.info_wrap .tit {position:relative; z-index:999}
.info_wrap .tit img {margin-bottom:15px}
 
.info_wrap2 {width:100%; display:flex; background-color:#e9f8f4;   padding:50px 0 50px 0;  }
.info_wrap2  .event_tit span {background-color:#e9f8f4;  }
.info_wrap3 {width:100%;   max-width:1100px; margin:0 auto; padding:80px 0;  }
.info_wrap3 {width:100%;   max-width:1100px; margin:0 auto; padding:50px 0;  }

.insta_in {  max-width:1600px;   }

 


.re_wrap  .event_tit span { background-color:#e9f8f4;}
  
.date_tit   {justify-content:center; flex-wrap:wrap}
.date_tit p:last-child {margin-left:20px; }

.info_wrap2 .flex_box a {color:#fff !important}
.info_wrap2 .flex_box a:hover {text-decoration:underline}

.step {width:100%; max-width:500px; }
 
.step li.t {width:100%; background-color:#fff; border:2px solid #107d57; display:inline-block ; box-sizing:border-box; padding:20px 10px; color:#333;  font-size:1.05rem; font-weight:500; text-align:center; border-radius:10px; word-break:break-all;  }
.step li:nth-child(2n) {margin:-10px 0; text-align:center; position:relative} 
.step li:nth-child(5) {padding:12px 10px} 
.step li:nth-child(7) {padding:14px 10px} 

.step li img {vertical-align:middle; width:45px}
.step li:nth-child(7) img {width:35px} 
 

.together_frame {width:100%; padding-bottom:65%; position:relative;  }
   
.card_txt   {width:100%;    }	  
.card_txt ul { display:flex; flex-wrap:wrap; justify-content:space-between}
.card_txt ul li {font-size:1.05rem; width:49.5%; border-radius:5px; box-sizing:border-box;  border:1px solid #107d57;   background-color:#e9f8f4;  padding:15px;}
 .card_txt li:nth-child(n + 3) { margin-top:1%;}

@media all and (max-width:1100px) {

   .info_wrap .in {padding-left:0 !important; padding-right:0 !important}
   .together_img  {  margin:0; }
   .info_wrap .tit {padding-left:5%; padding-right:5%}
   .card_txt ul li {font-size:.95rem; line-height:1.3em; padding:10px}


 }

@media all and (min-width:769px) {
   .info_wrap2   a.m_btn {display:none}
}
 

  @media all and (max-width:768px) {
   
      .left_box {flex-wrap:wrap; justify-content:center }
	  .left_box .tit {width:100%; order:2; margin:0; text-align:Center}
	  .left_box .tit img {max-width:80%; margin-bottom:15px}
	  

 	   .info_wrap {background:none; padding-top:30px; }
  	  .info_wrap2 {padding-top:30px; padding-bottom:30px; }
   	  .info_wrap3 {padding-top:30px; padding-bottom:30px; }

	    
	  .info_wrap2 .flex_box  img.qr {display:none}

	   .step li.t {font-size:.90rem; line-height:1.3em; padding:10px}
	   .step li:nth-child(2n) {margin:-5px 0 -10px 0} 
	   .step li:nth-child(5) {padding:7px 10px} 
	   .step li:nth-child(7) {padding:7px 10px} 
       /* .step li:nth-child(7) {padding:7px 10px; display:flex; align-items:center} 
       .step li:nth-child(7) span:nth-child(1) {width:57px; text-align:left}
       .step li:nth-child(7) span:nth-child(2) {width:calc(100% - 57px); text-align:left} */
       .step li img {  width:35px}
       .step li:nth-child(7) img {width:30px} 


	  .together_frame {width:100%; padding-bottom:130%; position:relative }
       .info_wrap2   a.pc_btn {display:none}
 

}