/*--home--*/

.bod_btn.wide{width:90%;text-align:center;margin: 0 auto 2em;display: block;padding:1em 2em;border: 2px var(--base2025c,#b5aa90) solid;}
.bod_btn.wide span{font-weight:bold;font-size:1.5em;color: #000;}
#top #header{padding-top:.5em}
.home .visual{background:#fff}
.home p.notice{border:none;background:var(--base2025c,#b5aa90);padding:.2em 0 .5em;text-align:center;font-size:3.5vw;font-weight:bold;margin:0 auto}
.home p.notice b{font-size:4.5vw}
.ml0{margin-left:0}
div.intro{margin:0 auto 2em;border:2px var(--base2025c,#b5aa90) solid;padding:1em 1.5em;border-radius:1em;
p.topic{width:98%;margin:1em auto;padding:.5em 1em;background:var(--base2025y,#fff100);font-size:1.1em;border-radius:.5em;
strong{font-size:1.1em}
}
}
.extend{margin:1em auto 2em;padding:.5em;border:2px #c00 solid;text-align:center;font-weight:bold;font-size:1.1em;color:#c00;width:max-content;line-height:1.6em}
.extend.close{border-color:var(--base2025c,#b5aa90);color:#000;font-size:1.3em;width:auto}
.on-line ul.kome li{text-indent:-.5em}
.atte{margin:1em auto;text-align:center;padding: .5em 2em;background: var(--base2025c,#b5aa90);color: #000;font-weight: bold;display: inline-block;font-size: 1.2em;}
.atte h3{font-size:1.2em;padding-bottom:.5em;margin-bottom:.5em;border-bottom:1px #000 solid}
.atte p{line-height:1.4em}

@media only screen and (max-width: 640px){
#top #header{padding:.5em 0}
.home p.notice{font-size:1.4em}
.home p.notice b{font-size:7vw}
.extend{width:auto}
}