html{scroll-behavior:smooth;}
body{margin:0px;padding:0px;font-size:20px;line-height:1.5;font-family:YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;font-feature-settings:"palt";}
img{border:none;margin:0px auto;padding:0px;display:block;z-index:1;height:auto;width:100%;max-width:100%;}
a{text-decoration:none;display:block;}
a:hover{opacity:.6;transition-duration:.3s;z-index:9999;transform:translate(.25em,.25em);display:block;}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
h1,h2,h3,h4,h5{text-align:center;font-weight:normal;}
table{border-collapse: collapse;}
.fadein{opacity:0;transform:translateY(10em);transition: all 1.5s;position:absolute;}
.fadeinL{opacity:0;transform:translateX(-20em);transition: all 1.5s;position:absolute;}
.fadeinR{opacity:0;transform:translateX(20em);transition: all 1.5s;position:absolute;}
.pc{display:block;}
.sp{display:none;}
span.pc{display:inline-block;}

header,article{width:50em;margin:0 auto;}
section{width:100%;margin:0 auto;}

/* 本文ヘッダー */
#home header h1{font-size:1.6em;margin:.75em 0;letter-spacing:.05em;}
#home header div{position:relative;}
#home header div a{position:absolute;transform:translateX(-50%);left:50%;top:37.5em;width:23.1em;}
#home header div a img:hover{opacity:.6;transition-duration:.3s;z-index:9999;transform:translate(.25em,.25em)}

#home #kaijyo ul{padding:0em 0 3em;width:45.1em;margin:0 auto;}
#home #kaijyo li{margin-bottom:3em;position:relative;}
#home #kaijyo img.title{margin:2em 0;}
#home #kaijyo p{position:absolute;font-size:2.5em;width:100%;bottom:.25em;color:white;text-align:center;padding:0;margin:0;}
#home #kaijyo p span:nth-of-type(1){animation:2s infinite icon01;}
@keyframes icon01 {
0%{opacity:1}
33%{opacity:1}
34%{opacity:.5}
66%{opacity:.5}
100%{opacity:.5}
}
#home #kaijyo p span:nth-of-type(2){animation:2s infinite icon02;}
@keyframes icon02 {
0%{opacity:.5}
32%{opacity:.5}
33%{opacity:1}
66%{opacity:1}
67%{opacity:.5}
100%{opacity:.5}
}
#home #kaijyo p span:nth-of-type(3){animation:2s infinite icon03;}
@keyframes icon03 {
0%{opacity:.5}
33%{opacity:.5}
65%{opacity:.5}
66%{opacity:1}
100%{opacity:1}
}

a.banner{margin:2em auto 5em;width:45.1em;display:block;}


#present{background:url(img/present_bg.jpg) no-repeat;height:357.35em;background-size:contain;padding-top:91em;box-sizing:border-box;}
#present ul{width:100%;height:252.75em;position:relative;overflow:hidden;}
#present ul li:nth-of-type(1){top:0em;height:29.8em;}
#present ul li:nth-of-type(2){top:30.8em;height:29.3em;}
#present ul li:nth-of-type(3){top:63.1em;height:27.25em;}
#present ul li:nth-of-type(4){top:93.34em;height:27.25em;}
#present ul li:nth-of-type(5){top:123.6em;height:27.15em;}
#present ul li:nth-of-type(6){top:152.75em;height:27.15em;}
#present ul li:nth-of-type(7){top:182.9em;height:31.8em;}
#present ul li:nth-of-type(8){top:217.7em;height:35.05em;}
#present p{text-align:center;color:white;margin:1.5em 0;font-size:1.7em;line-height:1.5;}


footer{width:50em;margin:0 auto;padding:3em 0 2.5em 0;}
footer a img{width:11.5em;margin:0 auto;}
footer h2{font-size:1.25em;padding:0;display:table;margin:3em auto 0;line-height:1.4em;text-align:left;color:black;}



/* 各ページ */
#head h1,#point{font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
#head{position:relative;}
#head h1{position:absolute;text-align:center;top:3.25em;font-size:2.25em;width:100%;}


#plan{background:white;padding:3em 0 1em}
#plan p{width:75%;font-size:2.55em;padding:0;margin:0 auto 1.5em;text-align:justify;line-height:1.75;}
#plan p:nth-of-type(2){margin:1em auto 0em;}

.page_plan h3{font-size:2em;line-height:1.75;text-align:left;margin:1.5em auto 1em;display:table;letter-spacing:.1em;}
.page_plan h4{font-size:1.5em;line-height:1.65;margin:1.5em 0;}
.page_plan h3,.page_plan h4{color:black;}

#point{position:relative;color:white;margin:-5em 0 0}
#point h1{position:absolute;text-align:center;top:2em;font-size:3.25em;width:100%;letter-spacing:.05em;}
#point h1 span{font-size:.75em;}
#point h2{position:absolute;text-align:center;top:7.5em;font-size:2em;width:74%;padding:0 13%;letter-spacing:.1em;}
#point h3{position:absolute;text-align:left;top:28.25em;font-size:1.7em;width:74%;padding:0 13%;letter-spacing:.1em;text-align:justify;}
.point_img{position:absolute;width:37.25em;top:30em;left:50%;transform:translateX(-50%)}

#sekisui .point_img{top:25.5em;}
#sekisui #point h3{top:26.5em;}
#sekisui #point h3 span{display:table;margin:0em auto 1em;background:#226d3a;border-radius:.25em;color:white;padding:.25em .5em;}
#tsuchiya #point h2{letter-spacing:.05em;}
#tsuchiya .point_img{top:32.5em;}
#tsuchiya #point h3{top:29.5em;}

#photo{position:relative;}
#photo h2,#photo h3{position:absolute;text-align:left;top:14.5em;font-size:2.25em;width:86%;padding:0 7%;letter-spacing:.1em;text-align:justify;}
#sekisui #photo h2{top:-1.75em;}
#sekisui #photo h3{top:20em;}
#tsuchiya #photo h3{top:31.25em;width:70%;left:15%;}
#iwakura #photo h3{top:40.25em;width:65%;left:20%;}

a.link_btn{width:34.7em;margin:2em auto 4em;}

section#map iframe{width:44em;height:42em;margin:2em auto 3.9em;display:block;}

img.logo{margin:0 auto 3em}

section#form{background:#00b5c9;padding:3em 0 5em;}
.form_bg2{background:#ec7978!important;}
.form_bg3{background:#b0a4cf!important;}
section#form::before{content:"見学予約フォーム";background:url(img/fukidashi.png) no-repeat;background-size:contain;width:100%;height:2.5em;display:block;margin:0 auto;text-align:center;font-size:2.5em;padding-top:.3em;letter-spacing:.1em;font-weight:bold;}
section#form div{width:85%;box-sizing:border-box;margin:0 auto;padding:1em;border-radius:1em;background:white;}
section#form iframe.pc{display:block;width:100%;border:none;height:1000px;}
section#form iframe.sp{display:none;}
section#form p{margin:1em auto;line-height:1.3em;font-size:.95em;display:table;}

section#form a{width:18.35em;height:auto;margin:3em auto 0;display:block;}


@media all and (min-width: 0) and (max-width: 999px)  {
body{font-size:2vw;}
.sp{display:block;}
.pc{display:none!important;}
img{max-width:100%;}

header,article,section,footer{width:100%;}
section#form::before{padding-top:.4em;}

section#form iframe.pc{display:none;}
section#form iframe.sp{display:block;width:100%;height:1400px}
section#form p{font-size:1.5em;}
}