@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);

*{ margin:0; padding:0; box-sizing:border-box; }
html{ font-size:10px; line-height:2.0; }
body{
	font-family: YuGothic, 'Yu Gothic', "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Noto Sans Japanese";
	background:#000000 url("../img/bg.jpg") no-repeat top center/636px auto; color:#FFFFFF;
	-webkit-text-size-adjust: 100%;
}
body *{ max-height:99999px; }
a{ color:inherit; }
img{ vertical-align:top; }

.m{ font-family: YuMincho, 'Yu Mincho', "游明朝体",  'YuMincho', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "Sawarabi Mincho"; }

#header{}
#header .description{ background:rgba(17,17,17,0.80); padding:10px 15px; }
#header .description h1{ font-size:1.6rem; line-height:1.7; text-align:center; }

#header h2{ text-align:center; }

#header ol{ width:223px; margin:20px auto 0; list-style:none; }
#header ol li{ padding-left:25px; font-size:1.3rem; line-height:1.7; font-weight:600; margin-bottom:10px; }
#header ol li:before{ display:inline-block; width:25px; margin-left:-25px; }
#header ol li:nth-child(1):before{ content:"01."; }
#header ol li:nth-child(2):before{ content:"02."; }
#header ol li:nth-child(3):before{ content:"03."; }
#header ol li:nth-child(4):before{ content:"04."; }
#header ol li:nth-child(3) span{ font-size:1.2rem; line-height:1.0; color:#FF9999; }

#header .jacet{ width:223px; margin:0 auto; }
#header .jacet .thum{ position:relative; }
#header .jacet .thum img{ box-shadow:7px 7px 4px rgba(0,0,0,0.65); }
#header .jacet .thum span{ display:block; position:absolute; bottom:-55px; right:-41px; }
#header .jacet .code{ font-size:1.3rem; line-height:1.7; text-align:center; padding:15px 0 15px 0; }
#header .jacet .btn a{
	display:block; font-size:1.3rem; line-height:35px; font-weight:700; text-align:center; color:#FFFFFF; text-decoration:none;
	background:#8C0000 url("../img/jacet_btn_arr.svg") no-repeat right 6px center/5px 9px;
	border-radius:5px;
}

#header .btns{ padding:10px 0 15px; }
#header .btns p{ text-align:center; margin-bottom:15px }
#header .btns a{
	display:inline-block;
	font-size:1.3rem; line-height:35px; font-weight:700; text-align:center; color:#FFFFFF; text-decoration:none;
	background:#8C6900 url("../img/jacet_btn_arr.svg") no-repeat right 6px center/5px 9px;
	border-radius:5px; box-shadow:7px 7px 4px rgba(0,0,0,0.65); padding:0 20px 0 10px;
}

#footer{
	background:#927A4C; color:#000000; padding:15px 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Noto Sans Japanese";
}
#footer .link{ margin-bottom:15px; font-size:0; line-height:0; }
#footer .link>*{ display:block; font-size:1.2rem; line-height:1.8; text-align:center; text-decoration:none; }
#footer .link a:hover{ text-decoration:underline; }
#footer .copy{ font-size:1.2rem; line-height:1.5; text-align:center; }

#main{}
#main h3{ font-size:33px; line-height:1.2; color:#927A4C; text-align:center; }
#main h3:before{
	display:block; content:" "; width:100%; height:21px;
	background:url(../img/title.png) no-repeat center/auto 21px;
}
#main ul{ list-style:none; padding:0 15px; }
#main ul li{ border-bottom:1px solid #937B4D; padding:30px 0; }
#main ul li:last-child{ border-bottom:0; }
#main ul li h4{ font-size:2.0rem; line-height:1.5; margin-bottom:15px; }
#main ul li .cat{ font-size:1.3rem; line-height:2.0rem; margin-bottom:20px; }
#main ul li .cat span{ display:inline-block; border:1px solid #FFFFFF; font-size:1.1em; line-height:1.8rem; padding:0 0.25em; margin-right:0.5em; }
#main ul li .text{ font-size:1.1rem; line-height:2.0; }
#main ul li .text>*{ margin-bottom:2.0em; }
#main ul li .text>*:last-child{ margin-bottom:0; }

#social{ text-align:right; font-size:0; line-height:0; padding:0 0 10px; }
#social li{ display:inline-block; padding-right:15px; }

/* end */