html{scroll-behavior:smooth;}
body{margin:0px;padding:0px;font-size:20px;line-height:2em;font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
img{border:none;margin:0px auto;padding:0px;display:block;z-index:1;height:auto;width:100%;max-width:100%;}
a{text-decoration:none;color:black;}
a img:hover{opacity:.6;transition-duration:.3s;z-index:9999;transform: translate(5px,5px)}
ul{margin:0px;padding:0px;list-style-type:none;}
img.pc{display:block;}
img.sp{display:none;}


nav{display:block;width:100%;height:3em;background:#d7d1e3;position:fixed;z-index:999;}
nav .inn{width:50em;margin:0 auto;position:relative;}
nav .inn a{position:absolute;width:13.2em;top:.75em;left:.75em;}

header{width:51.5em;margin:0 auto;padding-top:3em;}
article{width:51.5em;margin:0 auto;}

section{width:100%;margin:0 auto;}
section h1{text-align:center;font-size:1.75em;line-height:1.5em;margin:1em 0;font-weight:normal}

section#plan{background:url(img/plan_pc.jpg) no-repeat;background-size:contain;height:156.5em;position:relative;}
section#plan a{position:absolute;width:29.15em;left:50%;transform:translateX(-50%)}
section#plan a:nth-of-type(1){bottom:10em}
section#plan a:nth-of-type(2){bottom:3em}

section#map h1{margin:2em 0 1em;letter-spacing:.2em;padding-left:.5em;}
section#map h1 span{background:#D1CFE7;border-radius:.2em;padding:0 .3em 0 .5em;display:inline-block;margin-right:.5em;}
section#map .map{width:32em;height:20em;position:relative;margin:0em auto}
section#map .map iframe{width:100%;height:20em;}
section#map .map a{position:absolute;top:10px;left:15px;background:white;padding:8px 10px;color:blue;font-size:12px;line-height:1em;color:#1f78d6;z-index:3}
section#map .map a:hover{opacity:1;text-decoration:underline;transform:translate(0px,0px)}

footer{width:37.5em;padding:5em 0 3em;margin:0 auto;}
footer a:nth-of-type(1){width:31.8em;margin:0 auto;display:block;}
footer a:nth-of-type(2){width:100%;margin:1em auto;display:block;pointer-events:none}
footer h2{font-weight:normal;font-size:.8em;text-align:center;line-height:1.5em;margin:0 0 2em}


section#vr{width:100%;height:calc(100vh - 3.5em);margin:0}


#yoyaku header{background:url(img/yoyaku_back_pc.jpg) no-repeat;background-size:contain;height:25.15em;position:relative;padding-top:28em;z-index:-1}
#yoyaku header h1{text-align:center;font-size:1.5em;line-height:1.5em;font-weight:normal;color:white}
#yoyaku section#form{width:31em;margin:-18em auto 0em;border-radius:1.5em;box-shadow:0 0 .5em rgba(0,0,0,.3);background:white;}
#yoyaku section#form .form_inn{padding:0 2em;}
#yoyaku section#form h1{text-align:center;background:#b285b7;color:white;padding:.5em 0;border-radius:1.5em 1.5em 0 0;font-size:1em;}
#yoyaku section#form h1 strong{font-size:1.2em;}

#yoyaku iframe.pc{display:block;width:100%;background:white;border:none;height:820px;}
#yoyaku iframe.sp{display:none;}
a.modoru_btn{width:25.95em;margin:4em auto 0;display:block;}

@media all and (min-width: 0) and (max-width: 749px)  {
body{font-size:2.66vw;}
ul.pc,img.pc{display:none!important;}
ul.sp,img.sp{display:block!important;}

header,article,section{width:100%;}
section.top_btn{width:100%;}

ul.vr_btn{width:100%;}
nav .inn,header,article{width:100%;margin:0 auto;}
nav .inn h1{left:2em;}

.page header img{width:100%;padding:3em 0 0}

section#plan{background:url(img/plan_sp.jpg) no-repeat;background-size:contain;}
section#vr{width:100%;margin:0;height:calc(var(--vh, 1vh) * 100 - 3.5em);}

#yoyaku header{background:url(img/yoyaku_back_sp.jpg) no-repeat;background-size:contain;}
#yoyaku  iframe.pc{display:none;}
#yoyaku  iframe.sp{display:block;height:1100px;width:100%;}

footer{width:100%;}
}