html{scroll-behavior:smooth;}
body{margin:0px;padding:0px;font-size:20px;line-height:2;font-family:YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;font-feature-settings:"palt";position:relative;}
img{border:none;max-width:100%;margin:0px auto;padding:0px;display:block;z-index:1;height:auto;}
a{text-decoration:none;color:black;}
a img:hover{opacity:.6;transition-duration:.3s;z-index:9999;transform:translate(5px,5px)}
ul,ol{margin:0px;padding:0px;list-style-type:none;display:flex;flex-wrap:wrap;}
.pc{display:block;}
.sp{display:none;}

/* 本文ヘッダー */
header,article,footer{width:54em;margin:0 auto;}
section{width:90%;margin:0 auto;}

img.header_logo{width:5.4em;margin:.5em 1em}

#jisseki h1{text-align:center;border-bottom:1px solid black;padding:0 1.5em;font-size:2em;margin:1em auto;}
#jisseki h2{text-align:center;padding:.0em 1em;font-size:2em;margin:2em auto 1em;color:white;background:linear-gradient(90deg, #006799, #072051);display:table;}
#jisseki img.jisseki_image{width:41.9em;margin:0 auto;}
#jisseki h3{border-left:.5em solid black;font-size:1.85em;margin:2em 1.75em .5em;line-height:1.35;padding-left:.5em;}

img.present_image{width:46em;margin:0 auto 2em}

#intoro ul li:first-of-type{width:45%;}
#intoro ul li:last-of-type{width:55%;box-sizing:border-box;padding-left:1em;}
#intoro ul li h2{margin:0 0 1em;padding:0;line-height:1.35;}
#intoro ul li p{font-size:.85em;}
#intoro ol{width:80%;margin:2em auto;}
#intoro ol li{width:25%;box-sizing:border-box;padding:.15em;}
#intoro ol li img{width:100%;}

.pt01 h1{border-bottom:1px solid black;margin:3em 0 1em;font-size:1.6em;}
.pt01 ul li:first-of-type{width:65%;}
.pt01 ul li:first-of-type img{width:100%;}
.pt01 ul li:last-of-type{width:35%;box-sizing:border-box;padding-left:1em;position:relative;}
.pt01 h2{margin:0 0 1em;padding:0 0 0 .2em;line-height:1.35;border-left:.1em solid black;}
.pt01 ul li:last-of-type p{position:absolute;bottom:0;border-top:2px solid black;width:50%;font-size:.75em;padding-top:.3em;}
.pt01 ol{width:100%;margin:2em auto .5em;display:grid;grid-template-columns: repeat(3, 1fr);column-gap:1em;row-gap:1em;}
.pt01 ol li img{width:100%;}
.pt01 h4{text-align:center;font-size:.9em;margin:0 0 2em;}

#zousaku ol{margin:2em auto 3em;}

#camp h1{border-bottom:1px solid black;margin:3em 0 1em;font-size:1.6em;position:relative;}
#camp h1 span{font-size:.5em;padding-left:1em;}
#camp h1 b{position:absolute;right:0;}
#camp > p{margin:1em 2em;font-size:.8em;line-height:1.75}
#camp ol{width:100%;margin:2em auto 3em;display:grid;grid-template-columns: repeat(3, 1fr);column-gap:1em;row-gap:1em;}
#camp ol li img{width:100%;}
#camp ol li p{font-size:.75em;margin:.5em 0 0;}

#jirei ul{display:block;width:100%;margin-bottom:3em;}
#jirei h1{border-bottom:1px solid black;margin:2em 0 1em;font-size:1.6em;}
#jirei img.pc{width:42em;}

#resin h1{border-bottom:1px solid black;margin:2em auto 1em;font-size:1.6em;display:table;padding:0 1em;}
#resin img.pc{width:42.4em;}
#resin img.resin_sign{width:11em;float:right;margin:1em -5% 3em}

footer{clear:both;display:block;}
footer div{display:block;padding:1em 3em;color:white;background:#147bba}
footer div h1{font-size:.6em;font-weight:normal}
footer div p{font-size:.5em;}
footer > p{font-size:.5em;text-align:center;margin:1em 0 1em;}

img.footer_logo{width:5.4em;margin:1em 2em}

a.btn_top{position:fixed;right:.5em;bottom:.5em;width:2em}

a.btn{display:table;padding:.5em 0;color:white;background:black;margin:1em auto 6em;font-size:1.25em;position:relative;width:12em;text-align:center;height:2em;}
a.btn:after{content:"";display:block;position:absolute;right:-.5em;bottom:-.5em;border:1px solid black;width:12em;height:3em;z-index:-1;box-sizing:border-box;}
a.btn:hover{right:-.5em;bottom:-.5em;opacity:.6;transition-duration:.3s;}
a.btn:hover:after{right:0em;bottom:0em;}

@media all and (min-width: 0) and (max-width:1199px)  {
body{font-size:1.85vw;line-height:1.5}
.sp{display:block;}
.pc{display:none;}

img.header_logo{width:10em;}
#intoro ul li p{font-size:1em;}
.pt01 ul li:last-of-type p{width:90%;font-size:1em;}
#camp p{font-size:1em;}
#camp ol{grid-template-columns: repeat(2, 1fr);}
footer div h1{font-size:1.2em;font-weight:normal}
footer div p{font-size:1em;}
footer p{font-size:1em;}
img.footer_logo{width:10em;}
a.btn_top{width:4em}
}