@charset "utf-8";

#ol_after p.h30  {padding-bottom:30px; color:#333; font-weight:600;}
.my_page  {padding:100px; border: 1px solid #ddd; color:#333; margin-bottom:70px;}
.my_page ul  {display:flex; justify-content:space-between; }
.my_page ul li  {flex:1; text-align:center; border-right:1px solid #ddd; padding:45px 20px;}
.my_page ul li:last-child  {border-right: 0;}
.my_page ul li.info  {text-align:left;}
.my_page ul li.info p  {padding-bottom:7px; }
.my_page ul li.info p b  {padding-left:20px; font-weight:400; color:#666;}
.my_page ul li.info p strong  {float:left;}
.my_page ul li p  {display:inline-block;}
.my_page ul li p.h21 strong  {font-weight:600; color:#333;}
.my_page p.h25  {font-size:25px; line-height:35px; text-align:center;}
.my_page p.h25 strong  {color:#333; font-weight:600;}
.my_page p.h21  {display:inline-block;}
.get_link  {display:block; max-width:200px; margin:auto; font-size:17px; line-height:27px; padding:7px 0; border:1px solid #ddd; background:#f9f9f9; border-radius:3px; margin-bottom:15px;}
.get_link:last-child  {margin-bottom: 0;}

#ol_before  {max-width:800px; margin: auto; border: 1px solid #ddd; padding: 100px; text-align:center;}
#ol_before h2  {font-size: 35px; margin-bottom:20px; color:#333; font-weight:600;}
#ol_before input  {border:1px solid #ddd; font-size:17px; line-height:27px; color:#333; padding:7px; display: block; width:100%; margin-bottom:15px;}
#ol_before #ol_submit  {color:#803a05; background:#ffaf03;}
#ol_before .join  {display:block; width: 100%; font-size: 17px; line-height:27px; padding:7px; color:#803a05; background:#ffaf03;}
#ol_before .ol_auto_wr  {border:1px solid #ddd;}


@media (max-width:1200px) {
	.my_page  {padding:30px;}
}


@media (max-width:767px) {
	.my_page ul  {display:block;}
	.my_page ul li  {border:0;}
	.my_page ul li p  {display:block;}
	#ol_before  {padding:15px;}
}