@charset "UTF-8";
.remodal#renew{padding: 40px 5px 30px; width:93%;  max-width:830px;background: no-repeat center/95% url("../img/renew_bg3.png") #fff;box-sizing: border-box;
				box-shadow:0 0 0px 10px #fff;}
.remodal#renew .section_box{margin:0 0 20px 0;}
.remodal#renew #renewal{display:block;padding: 0 0px 0; font-size:16px;}

#renewal .message{display:flex;flex-wrap: wrap;width:100%; max-width:600px;box-sizing: border-box; font-size:16px;text-align:left;line-height: 1.6em;margin:0 auto; font-weight:600;}
#renewal .message div{display:block; width:100%; box-sizing: border-box;margin:0 auto 20px;padding:5px 5%;border-radius: 5px;}
#renewal .message div p{display:block; width:100%; box-sizing: border-box;margin:0 auto;}
#renewal .message div:nth-child(1){font-size:16px;text-align:center;line-height: 1.4em;margin-bottom:10px;background:rgba(255,255,255,0.50);}
#renewal .message div:nth-child(2){font-size:16px;text-align:left;line-height: 1.4em;margin-bottom:20px;background:rgba(255,255,255,0.50);}
#renewal .message div:nth-child(3){font-size:16px;text-align:center;line-height: 1.6em;margin-bottom:20px;background:rgba(255,255,255,0.50);}
#renewal .message div:nth-child(3) img{width:180px; margin-right:5px; margin-left:5px;}
#renewal .message div:nth-child(4){font-size:16px;text-align:center;line-height: 1.6em;background:rgba(255,255,255,0.50);}

.remodal#renew h2{font-size:24px; color:#BD0017;margin-bottom: 15px;}
.remodal#renew h2 span{font-size:34px; color:red;text-shadow:2px 2px 0 #000;font-weight:600;}
.remodal#renew h3{margin:10px 0 7px 0; color:#7d0022; font-size:21px;}
.remodal#renew h4{margin:0 0 10px 0; color:#59493f; font-size:16px;}

.first{display: none;}
.info{margin:0 0 20px 0;}

.sp_on{display: none;}
.pc_on{display: block;}

@media only screen and (max-width: 768px){
.remodal#renew{padding:20px 15px 20px; width:93%;  max-width:880px;background: repeat-y center/100% url("../img/renew_bg2.png") #fff;box-sizing: border-box;
				box-shadow:0 0 0px 10px #fff;}
.remodal#renew h2{font-size:18px; color:#7d0022;margin-bottom: 15px;}
.remodal#renew h2 span{font-size:24px; color:red;text-shadow:2px 2px 0 #000;font-weight:600;}
.remodal#renew h3{font-size:18px; margin:10px 0 7px 0; color:#7d0022;}
.remodal#renew h4{font-size:16px; margin:0 0 10px 0; color:#59493f;}
#renewal .message div{padding-top:5px;}
#renewal .message div p{text-align: center;}
.sp_on{display: block;}	
.pc_on{display: none;}
}
@media (orientation: landscape) and (max-width: 767px){
.remodal#renew{padding:40px 60px 20px 70px;}
}