html{font-size:62.5%}:focus{outline:none}a{text-decoration:none}a,a::after,a::before,button,button::after,button::before,input,textarea,select{transition:all .5s}a img,button img{transition-duration:.35s}button{outline:none;background:transparent;border:0;cursor:pointer;cursor:hand}input,textarea{box-shadow:none;-webkit-appearance:none}select{appearance:button}p,dl,ul,form{margin:25px 0;word-break:break-all}p:last-child,dl:last-child,ul:last-child,form:last-child{margin-bottom:0}img{vertical-align:middle}@media only screen and (max-width: 900px){p,form{margin:0 0 1.7rem}p:last-child,form:last-child{margin-bottom:0}}body{margin:0;padding:0;background:#a8adba url("../img/layout/bg_image.jpg") no-repeat fixed right bottom/contain}body,button,input,textarea,select{font:500 1.4rem/calc(1.4rem + 1.05rem) "Yu Gothic",Meiryo,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;color:#30374a}input,textarea,select{font-size:1.6rem}header{position:fixed;z-index:1;transform:rotate(-7deg);min-width:1900px;width:100%;top:-150px;left:-35px;padding:100px 0 20px 25px;background:linear-gradient(#a8adba 85%, rgba(168,173,186,0) 100%);color:#fff;font-family:"Noto Serif JP",serif;font-size:1.4rem;font-weight:200}header .under,header h1{width:900px}main{max-width:900px;margin:300px auto 150px}main.no_header{margin-top:50px}main.no_header article:first-of-type{margin-top:50px}#INDEX main{margin:150px auto}footer{margin:0 auto}article{position:relative;width:calc(100% - 140px);margin:250px auto;padding:70px;background:rgba(178,183,195,0.85)}article:first-of-type{margin-top:150px}article::after,article::before{content:'';display:block;width:50px;height:80px;position:absolute;border:1px solid #fff}article::after{top:0;left:0;border-right:0;border-bottom:0}article::before{bottom:0;right:0;border-left:0;border-top:0}a{color:#885550;border-bottom:1px solid #885550}a:hover{border-color:transparent}a.image{border:0}.menu{font-weight:500;line-height:100%}.menu ul{position:relative;margin:15px 0;padding:0 0 0 100px;list-style:none;letter-spacing:1px}.menu ul::after,.menu ul::before{display:block;position:absolute;box-sizing:border-box;height:26px;top:-5px}.menu ul::after{content:"menu ";width:72px;left:0;padding:5px 0 3px;background:#885550;text-align:center}.menu ul::before{content:"";left:72px;width:26px;border:13px solid transparent;border-left:13px solid #885550}.menu ul li{display:inline-block}.menu ul li:not(:last-of-type):after{content:"・";margin:0 3px 0 5px;color:#885550}.menu a{padding:0 0 2px 0;color:#fff;border:2px solid transparent;border-left:0;border-right:0}.menu a:hover{color:#885550;background:#a8adba;border-color:#885550}.manu-toggler{display:none}.fixed-menu{position:fixed;bottom:50px;right:-1px}.fixed-menu ul{padding:0;list-style:none}.fixed-menu ul li{display:inline-block}.fixed-menu ul li.next::before{content:none}.fixed-menu a,.fixed-menu button{display:block;box-sizing:border-box;width:50px;height:50px;margin:5px 0;padding:11px 0;border:1px solid #fff !important;background:rgba(178,183,195,0.85) !important;color:#fff;text-align:center}.fixed-menu a::before,.fixed-menu button::before{font-family:"Font Awesome 5 Free";font-weight:900}.fixed-menu a:hover,.fixed-menu button:hover{color:#fff !important}.fixed-menu .pagetop a::before,.fixed-menu .pagetop button::before{content:"\f077"}.fixed-menu .prev a::before,.fixed-menu .prev button::before{content:"\f053"}.fixed-menu .next a::before,.fixed-menu .next button::before{content:"\f054"}.fixed-menu .toc a::before,.fixed-menu .toc button::before{content:"\f02d"}.fixed-menu .home a::before,.fixed-menu .home button::before{content:"\f015"}@media only screen and (max-width: 900px){.menu{position:fixed;display:none;z-index:1;width:100%;height:100vh;padding:50px 0 0;background:#a8adba}.menu ul{padding:0}.menu ul::before,.menu ul::after{content:none}.menu ul li{display:block}.menu ul li:not(:last-of-type):after{content:none !important}.menu a{display:block;padding:25px 15px}.manu-toggler{position:fixed;display:block;z-index:1;width:50px;height:30px;top:16px;left:0;color:#fff;font-size:1.2rem;font-family:"Noto Serif JP",serif;font-weight:500;background:#885550}.manu-toggler::before{content:"menu"}.manu-toggler::after{content:"";position:absolute;top:0;right:-30px;border:15px solid transparent;border-left:15px solid #885550}.manu-toggler.open::before{content:"close"}}h1{font:200 80px/120% "Noto Serif JP",serif;margin:0}h1 a{color:#fff;border:0}h2,h3,h4,h5{font-family:"Noto Serif JP",serif}h2{position:relative;margin:0 0 70px;padding:30px 0;text-align:center;letter-spacing:2px;font-size:110%}h2::before,h2::after{content:"";position:absolute;display:block;width:100px;height:2px;left:calc((100% - 100px) / 2);background:#885550}h2::before{top:0}h2::after{bottom:0}h3,h4,h5{margin:70px 0 50px}h3{padding:7px 0;background:rgba(140,148,164,0.7);font-size:110%}h4{font-size:110%}h4 span{padding:3px 0;border-bottom:2px solid #30374a}h5{font-size:100%}h5::before{content:"▼";margin-right:4px;font-size:80%}ul .description,ol .description{margin-left:10px}ul .description::before,ol .description::before{content:"…";margin-right:10px}ul li.next{list-style:none}ul li.next::before{content:"→";margin-right:5px;font-size:120%}ul.small{list-style:none;padding-left:0}ul.small li{display:inline}ul.small li::before{color:#885550}ul.small li:not(:first-child):not(.next)::before{margin:0 7px 0 5px;content:"/"}ul.small li.next::before{margin:0 7px 0 2px}dl{margin:10px 0}dl dd{margin:0 0 15px;padding:0 0 15px 40px;border-bottom:1px solid #8c94a4}dl dd:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:0}dl.inline{display:flex;flex-wrap:wrap;width:100%;margin:0;box-sizing:border-box}dl.inline dt,dl.inline dd{vertical-align:top;margin:0 0 15px 0;padding:0 0 15px}dl.inline dt:last-of-type,dl.inline dd:last-of-type{margin-bottom:0;padding-bottom:0}dl.inline dt{width:200px;padding:0 30px 10px 0;padding-right:30px;border-bottom:1px solid #8c94a4}dl.inline dt:last-of-type{border-bottom:0}dl.inline dd{width:calc(100% - 200px - 30px)}dl.border{padding:15px 20px;border:3px double #8c94a4;border-radius:.25rem}.form-inline>*,.form-block>*{margin-bottom:5px}.form-block dl dt,.form-block dl dd{border-bottom:0}.form-block dl.inline dt{width:130px}.form-block dl.inline dd{width:calc(100% - 130px - 30px)}.form-block>*,.form-block dl dd>*{width:100%;box-sizing:border-box}.required::after{content:"*";color:#b4745c}input,textarea,select,button:not(.manu-toggler),input[type="submit"],input[type="button"]{background:rgba(178,183,195,0.85)}input::placeholder,textarea::placeholder,select::placeholder,button:not(.manu-toggler)::placeholder,input[type="submit"]::placeholder,input[type="button"]::placeholder{color:#885550}input,textarea,select{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid #8c94a4;box-sizing:border-box;background:transparent}input:hover,input:focus,textarea:hover,textarea:focus,select:hover,select:focus{border:1px solid #8c94a4}button:not(.manu-toggler),input[type="submit"],input[type="button"]{background:#8c94a4;border:1px solid #8c94a4;color:#fff}button:not(.manu-toggler):hover,input[type="submit"]:hover,input[type="button"]:hover{border:1px solid #885550;background:transparent;color:#885550}b,em,strong{font-weight:bold}em{font-style:normal;background:linear-gradient(transparent 50%, #b4745c 50%)}strong{background:#b4745c}hr{margin:50px 0;border:0;text-align:center;color:#885550}hr::before{content:"＊＊＊"}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-bold{font-weight:bold}.text-small{font-size:smaller}@media only screen and (max-width: 900px){body,button,input,textarea{font-size:1.4rem;line-height:calc(1.4rem + 1.05rem)}body{background:transparent}body::before{content:"";display:block;position:fixed;width:100%;height:100vh;top:0;left:0;z-index:-1;background:#a8adba url("../img/layout/bg_image.jpg") no-repeat right bottom/contain}header{position:fixed;transform:rotate(0);min-width:100%;top:0;padding-top:0}header .under{box-sizing:border-box;width:100%;padding-left:65px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem}header h1{width:calc(100% - 80px)}main{max-width:calc(100% - 40px);margin:0 auto}main.no_header{margin-top:20px}main.no_header article:first-of-type{margin-top:20px}article{box-sizing:border-box;width:100%;padding:70px 25px}h1{margin:10px 10px 0 auto;font:200 32px/120% "Noto Serif JP",serif}h1 a{color:#fff}ul .description,ol .description{display:block;margin-left:10px}ul .description::before,ol .description::before{content:"└";margin-right:10px}dl.border dt,dl.border dd,dl.inline dt,dl.inline dd{display:block}dl.border dt,dl.inline dt{width:100%;margin-bottom:0;padding-bottom:0;border-bottom:0}dl.border dd,dl.inline dd{width:calc(100% - 40px);padding-left:40px}.form-inline input{width:45%}.form-block dl.inline dt{width:100%}.form-block dl.inline dd{width:calc(100% - 40px);padding-left:40px}.form-block>*,.form-block dl dd>*{width:100%;box-sizing:border-box;margin-bottom:5px}}
