@charset "UTF-8";
section { text-align: center; }
#a01, #b02, #c03, #d04 {
	margin-top: -60px;
	padding-top: 60px;
}
/* Main
----------------------------------------------------------------- */
#mailmag{text-align: center;font-size: 14px;}
#mailmag section{margin-bottom:60px;}
#mailmag a:hover{color:inherit;opacity:0.8;}
#mailmag img { max-width: 100%; }
#mailmag .bnr_event{margin-bottom:3%;}
#mailmag .fv {position: relative;}
#mailmag p.txt1 {position: absolute; bottom: 10%; left: 50%;transform: translateX(-50%);width: 100%;line-height: 1.8;}
#mailmag p.txt2 {margin: 3% 0;}
#mailmag p.txt2,#mailmag p.txt3{text-align:left;}
#mailmag p.txt3 {font-size:0.8em;text-indent: -1em;padding-left: 1em;margin-top:3%;}
#mailmag p.txt3 + p.txt3{margin-top:1%;}
#mailmag .setting_mm{padding:0 1.5em;}
#mailmag ol li{list-style: decimal;text-align:left;line-height:1.4;margin-left:1em;}
#mailmag .btn{width: 90%;max-width:480px;;margin:5% auto;border-radius: 8px}
#mailmag .btn a{display: block;padding: 1em 0.5em;font-size:1.2em;line-height:1.2;}
#mailmag .btn.btn_mm{background-color: #EA5C7D;color:#fff}
#mailmag .btn.btn_line{border:2px solid #06c755;color:#06c755;}
#mailmag .btn span{font-size:0.7em;color:inherit;}

@media only screen and (max-width: 768px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

 @media only screen and (min-width: 768px) {
.pc { display: block !important; }
.sp { display: none !important; }
#mailmag {max-width: 768px;margin: 0 auto;font-size: 20px;}
#mailmag p.txt1 {bottom: 12%;font-size:1.2em;}
}