@charset "utf-8";

:root{--w:max(min(320px,100vw),min(750px,100vw,calc(100vh / 1.5)))}
@supports (height:100svh){:root{--w:max(min(320px,100vw),min(750px,100vw,calc(100svh / 1.5)))}}

body{margin:0;padding:0;background:#fff;color:#313131;font:16px/1.6 "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif}
p,ul,li{margin:0;padding:0}
img{border:none;vertical-align:bottom}
a{color:#555;text-decoration:none}

#container{width:var(--w);max-width:100%;margin:0 auto;background:#fff;border-left:1px solid #ccc;border-right:1px solid #ccc;font-size:90%}

.fv{padding-bottom:calc(var(--w) * .03)}
.fv-wrap{position:relative;border-top:calc(var(--w) * 12 / 750) solid #01B5DA;padding-top:calc(var(--w) * 4 / 750);background:#fff}
.fv-wrap>img{display:block;width:100%;height:auto}
.fv-wrap>img.fv-logo{position:absolute;top:calc(var(--w) * 69 / 750);left:50%;width:10.9%;transform:translateX(-50%)}
.notice{margin:calc(var(--w) * .02) auto calc(var(--w) * .015);padding:0 4%;text-align:center;color:#333}
.notice p{font-size:calc(var(--w) * .04);line-height:1.7}
.arrow{display:block;width:50%;height:auto;margin:0 auto calc(var(--w) * .01)}
.line-btn{display:block;width:90%;margin:0 auto;transition:opacity .2s}
.line-btn:hover{opacity:.85}
.line-btn img{display:block;width:100%;height:auto}

footer{background:#dfdfdf;font-size:14px}
.footer-inner{text-align:left}
.footer-inner ul{list-style:none}
.footer-inner li{padding:8px 0 8px calc(var(--w) * .067);font-size:14px;border-bottom:1px solid #a8a8a8}
.footer-inner li:hover{opacity:.5;background:#f0f0f0}
.footer-inner a{display:inline-block;white-space:nowrap;padding:2px 0 2px 24px;color:#292929;background:url(../img/listmark-arrow.png) no-repeat left center;background-size:16px auto}
.footer-inner a:hover{text-decoration:underline}
footer p.copy{margin:0;padding:14px 8px;font-size:11px;line-height:1.6;text-align:center;color:#292929}