@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

html { color:#000; font-family:'Noto Sans JP', sans-serif; background:#333; }
* { margin:0; padding:0; }
img { width:100%; vertical-align:top; }

#wrapper { position:relative; padding-bottom:32%; background:#fff; }
.date { position:relative; }
.date p { font-size:18px; font-weight:500; position:absolute; top:22%; left:31%; line-height:1; }
.btn01 { position:relative; }
.btn01 a { position:absolute; top:56%; display:block; width:100%; text-align:center;}
.btn01 a img { width:51%; }
.pb50 { padding-bottom:50px; }
.none { margin:0 9px 30px; padding:30px 0 0; background:#f3f3f3; }
dl.txt { padding:10px 10px 30px; list-style:none; font-size:10px; font-weight:500; line-height:1.8; border-radius:10px; }
dl.txt dt { padding-top:15px; font-weight: 700; }
dl.txt dd { padding-left:10px; text-indent:-10px; }
ul.txt { padding:25px 10px 30px; list-style:none; font-size:10px; font-weight:500; line-height:1.8; border-radius:10px; }
ul.txt li { padding-left:10px; text-indent:-10px; }
ul.txt li.red { color:#f00; }
.btn { position:fixed; bottom:10px; width:100%; text-align: center; }
.btn a { display: inline-block; width: 68%; }
.footerLast { text-align:right; padding-right:5px; font-size:10px;}


@media(min-width:751px){
#wrapper { width:600px; margin:0 auto; padding-bottom:200px; }
.date p { font-size:29px; }
.btn01 a img { width:306px; }
dl.txt { padding:10px 10px 30px; font-size:13px; }
dl.txt dd { padding-left:13px; text-indent:-13px; }
ul.txt { padding:25px 10px 30px; font-size:13px; }
ul.txt li { padding-left:13px; text-indent:-13px; }
.btn { width:600px; }
.btn a { display: inline-block; width:382px; }
.footerLast { padding-right:10px; font-size:14px;}
}