*,:before,:after{box-sizing:border-box;text-decoration:inherit;}:before,:after{vertical-align:inherit;}html{height:100%;cursor:default;font-size:62.5%;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-wrap:break-word;hyphens:auto;}body{height:100%;margin:0;}hr{height:0;overflow:visible;}main{display:block;}ul{list-style:none;padding:0;}h1{margin:0;}dd{margin:0;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}b,strong{font-weight:bolder;}small{font-size:80%;}figure,figcaption{display:block;margin-left:0;margin-right:0;}iframe{border-style:none;}img{border-style:none;vertical-align:bottom;}table{border-collapse:collapse;}caption{text-align:left;}address,em{font-style:normal;}
main p, main ul, main ol, main dl {margin-top:.6em; margin-bottom:.6em;} main ol {padding-left:1.5em;} sup, sub {font-size:.7em; text-decoration:none;} sub {vertical-align:-8%;} u {text-decoration:underline;}
/* ------ 配置 */
.clear {clear:both;} br.clear {line-height:0;} .clearfix:after {content:""; display:block; clear:both;}
.txR {text-align:right!important;} .txL {text-align:left!important;} .center, .ctr, .txC {text-align:center!important;} 
.flR {float:right;} .flL {float:left;} .blkC {display:block; margin-left:auto!important; margin-right:auto!important;}
.flR.-pad {margin:0 0 10px 15px;} .flL.-pad {margin:0 15px 10px 0;}
.blk {display:block!important;} .IL {display:inline!important;} .inBlk, .IB, .spanIB > span, .iIB > i {display:inline-block;} .hid {display:none;}
.vTop, .vTop * {vertical-align:top;} .vMid, .vMid * {vertical-align:middle;} .vBtm, .vBtm * {vertical-align:bottom;}
.full, .w100 {width:100%;} .w10 {width:10%;} .w15 {width:15%;} .w20 {width:20%;} .w25 {width:25%;} .w30 {width:30%;} .w35 {width:35%;} .w40 {width:40%;} .w45 {width:45%;} .w48 {width:48%;} .w50 {width:50%;} .w55 {width:55%;} .w60 {width:60%;} .w65 {width:65%;} .w70 {width:70%;} .w75 {width:75%;} .w80 {width:80%;} .w85 {width:85%;} .w90 {width:90%;}
img.mw100, .mw100 img {max-width:100%; height:auto;} img.mh100, .mh100 img {max-height:100%; width:auto;}
.tight {letter-spacing:-.02em;} .nowrap, .nowr {white-space:nowrap;}
a img {transition:.15s opacity;} a:hover img {opacity:.8;}
/* ------ 装飾 */
.bold {font-weight:bold;} .fwN {font-weight:normal!important;} .it {font-style:italic;} .fsN {font-style:normal;} .underline {text-decoration:underline;}
.lg1 {font-size:108%;} .lg2 {font-size:116%;} .lg3 {font-size:124%;} .lg4 {font-size:132%;} .lg5 {font-size:140%;} .lg6 {font-size:148%;} .sm1 {font-size:93%;} .sm2 {font-size:85%;} .sm3 {font-size:77%;} .sm4 {font-size:70%;}
.red {color:#e24;} .gray {color:#707070;} .blue {color:#07d;}
.note {font-size:1.4rem; line-height:1.5; color:#707070;}
/* ------.縦余白 mt:margin-top / mb:margin-bottom / mv:vertical margin */
.mt0 {margin-top:0!important;} .mt03 {margin-top:.3em!important;} .mt06 {margin-top:.6em!important;} .mt08 {margin-top:.8em!important;} .mt1 {margin-top:1em!important;} .mt2 {margin-top:2em!important;} .mt10 {margin-top:10px!important;} .mt15 {margin-top:15px!important;} .mt20 {margin-top:20px!important;} .mt25 {margin-top:25px!important;} .mt30 {margin-top:30px!important;} .mt35 {margin-top:35px!important;} .mt40 {margin-top:40px!important;} .mt50 {margin-top:50px!important;} .mt60 {margin-top:60px!important;} .mt70 {margin-top:70px!important;} .mt80 {margin-top:80px!important;}
.mb0 {margin-bottom:0!important;} .mb03 {margin-bottom:.3em!important;} .mb06 {margin-bottom:.6em!important;} .mb1 {margin-bottom:1em!important;} .mb2 {margin-bottom:2em!important;} .mb10 {margin-bottom:10px!important;} .mb15 {margin-bottom:15px!important;} .mb20 {margin-bottom:20px!important;} .mb25 {margin-bottom:25px!important;} .mb30 {margin-bottom:30px!important;} .mb35 {margin-bottom:35px!important;} .mb40 {margin-bottom:40px!important;} .mb50 {margin-bottom:50px!important;} .mb60 {margin-bottom:60px!important;} .mb70 {margin-bottom:70px!important;} .mb80 {margin-bottom:80px!important;} 
.mv0 {margin-top:0!important; margin-bottom:0!important;} .mv03 {margin-top:.3em!important; margin-bottom:.3em!important;} .mv06 {margin-top:.6em!important; margin-bottom:.6em!important;} .mv1 {margin-top:1em!important; margin-bottom:1em!important;} .mv2 {margin-top:2em!important; margin-bottom:2em!important;} .mv10 {margin-top:10px!important; margin-bottom:10px!important;} .mv15 {margin-top:15px!important; margin-bottom:1.5em!important;} .mv20 {margin-top:20px!important; margin-bottom:20px!important;} .mv25 {margin-top:25px!important; margin-bottom:25px!important;} .mv30 {margin-top:30px!important; margin-bottom:30px!important;} .mv35 {margin-top:35px!important; margin-bottom:35px!important;} .mv40 {margin-top:40px!important; margin-bottom:40px!important;} .mv50 {margin-top:50px!important; margin-bottom:50px!important;} .mv60 {margin-top:60px!important; margin-bottom:60px!important;} .mv70 {margin-top:70px!important; margin-bottom:70px!important;} .mv80 {margin-top:80px!important; margin-bottom:80px!important;} 




body {padding:30px 0; font-size:1.4rem; line-height:1.6; font-family:"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; color:#1a1a1a; font-feature-settings:"pkna";
  background:url(./img/bg.jpg) no-repeat 50% 50%; background-size:cover; background-position:fixed; background-attachment:fixed;}
body:before {content:""; display:block; width:100%; height:100%; position:fixed; z-index:0; top:0; left:0; background:rgba(255,255,255,.6) url(./img/grid.png) repeat-x left bottom; background-size:120% auto; opacity:.6;}
body > * {position:relative; max-width:900px; margin-left:auto; margin-right:auto;}
h1, h2, h3, h4, h5 {font-size:100%;}
a {color:#222; text-decoration:none;}
a:hover {text-decoration:underline;}
.btn1 {position:relative; display:inline-block; margin-left:1em; padding:0 1em 0 1.4em; background:#18c; color:#fff; box-shadow:1px 2px 0 rgba(0,0,0,.1);}
.btn1:before {content:""; display:block; width:6px; height:6px; position:absolute; left:4px; top:calc(50% - 3px); border:#fff solid; border-width:1px 1px 0 0; transform:rotate(45deg);}

header {text-align:center;}
header .box {margin-top:20px;}
header h1 {font-size:350%; line-height:1.1; font-family:'Roboto Condensed', sans-serif;}
header .cover {max-width:600px; margin:40px auto;}
header .cover img {width:100%; box-shadow:0 0 10px rgba(0,0,0,.06);}

main {width:860px; margin:0 auto; border-bottom:4px solid #035;}
main h2 {margin:1em auto 0; padding-bottom:.3em; border-bottom:4px solid #035; text-align:center;}
main .box {clear:both; margin:0 auto; padding:25px; background:rgba(250,250,250,.88); text-align:left;}
main .box h3 {padding:.8rem 1em; border-left:6px solid #035; background:rgba(0,30,70,.08);}
main .box :is(h3,h4) span {float:right; width:30px; margin-right:20px; text-align:right; font-weight:normal; color:#666;}
main .box h3 span + a {display:block; max-width:630px; margin-right:60px; font-size:1.6rem;}
main .box h4,
main .box h5 {padding:9px 1em; border-left:6px solid #035; background:rgba(0,30,70,.08); font-weight:bold;}
main .box h4 a {font-size:.1.5rem;}
main .box p {margin:6px 24px;}
main .box dl {padding:1.5em 1em; background:rgba(0,0,0,.03);}
main .box dt {clear:both; float:right; width:30px; margin-right:20px; text-align:right; color:#666;}
main .box dd {margin-right:80px; padding-left:.5em; font-size: 131%; text-indent:-2em;}
main .box dd + dt,
main .box dd + dt + dd {margin-top:.8em;}
main .box * + h3,
main .box * + h4,
main .box * + h5,
main .box * + dl {margin-top:1rem;}

/*------------------------------------------------------------------------*/

footer {margin:70px auto 30px; padding:1.2em 2em; background:rgba(250,250,250,.88);}
footer h3 {font-size:1.6rem;}
footer dl {margin-top:2em;}
footer dt {margin-bottom:1em; padding:.8rem 1rem; border:solid #035; border-width:0 0 1px 6px; font-weight:bold; font-size:1.6rem;}