html{scroll-behavior:smooth;}
body{margin:0px;font-size:20px;line-height:2em;font-feature-settings:"palt";font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}
img{border:none;margin:0px auto;padding:0px;height:auto;display:block;width:100%;max-width:100%;}
a{text-decoration:none;color:black;}
a img:hover{opacity:.6;transition-duration:.3s;transform: translate(2px,2px);}

.fadein {opacity:0;transform:translateY(10em);transition: all 1.5s;position:absolute;}
.fadeinU {opacity:0;transform:translateY(-10em);transition: all 1.5s;position:absolute;}
.fadeinL {opacity:0;transform:translateX(-10em);transition: all 1.5s;position:absolute;}
.fadeinR {opacity:0;transform:translateX(10em);transition: all 1.5s;position:absolute;}
.fadeinO {opacity:0;transition: all 1.5s;position:absolute;}
.fadeinB {opacity:0;transform:scale(2,2);transition: all 1s;position:absolute;z-index:3}
img.pc{display:block;}
img.sp{display:none;}
h1,h2,h3,h4,h5{line-height:1.5em;margin:0;padding:0}
ul,ol{list-style-type:none;margin:0;padding:0}
p.align_right{text-align:right;}
br.spbr{display:none;}
a.btn img{width:80%;margin:1em auto;padding:0;}

/* ヘッダー */
header,footer,article,nav{width:50em;margin:0 auto;}
section{position:relative;width:100%;height:auto;margin:0;padding:0;display:block;overflow:hidden;}

header h1{text-align:center;font-size:1.2em;margin:1em 0 .5em;padding:0;font-weight:normal;}
header p{width:80%;margin:0 auto;line-height:1.75em;}

section h1{text-align:center;font-size:2.8em;margin:0;padding:0;line-height:1em;}

section#hojyokin_01{height:47.5em;background:url(img/hojyokin_back01.jpg) no-repeat;background-size:contain;}
section#hojyokin_02{height:52.5em;background:url(img/hojyokin_back02.jpg) no-repeat;background-size:contain;overflow: visible!important;}
section#hojyokin_hodoku p{width:80%;margin:2em auto;font-size:.85em;color:#595757;line-height:1.4em;}

section#hojyokin02_01{height:47.5em;background:url(img/hojyokin02_back01.jpg) no-repeat;background-size:contain;}
section#hojyokin02_02{height:159em;background:url(img/hojyokin02_back02.jpg) no-repeat;background-size:contain;}
section#hojyokin02_02 img:last-of-type{bottom:28em;}

section#model{margin-top:2em;}
section#model ul{height:134em;}
section#model ul li{height:32em;position:relative;}


section#kodawari{height:36.5em;background:url(img/kodawari_title.jpg) no-repeat;background-size:contain;}
section#kodawari img{top:20.1em;}

section#map_kamui{padding:2em 0 3em;}

section#pittari{background:url(img/pittari_back.jpg) no-repeat;background-size:contain;height:82em;}
section#pittari img{top:26em;}

section#son{background:url(img/son_back.jpg) no-repeat;background-size:contain;height:34.15em;}

section#map{padding:2em 0 3em;background:#e60012}
section#map h1{color:white;margin-top:1em;}


.gmap{width:80%;height:auto;position:relative;margin:1em auto 0;}
.gmap iframe{width:100%;height:27.5em;}
.gmap 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}
.gmap a:hover{opacity:1;text-decoration:underline;transform:translate(0px,0px)}

section#boushi{text-align:center;margin:3em 0 5em;font-size:1.1em;}

section#form iframe.pc{display:block;width:40em;margin:0 auto;border:none;height:750px;}
section#form iframe.sp{display:none;}
section#form p{width:28em;height:auto;margin:0 auto;font-size:1.6em;color:#727171}

footer{text-align:center;margin-top:3em;}
footer h1{font-size:2.5em;margin:.5em auto;}
footer > a{width:80%;height:5.5em;margin:0 auto 1.5em;display:block;}
footer img.footer_logo{width:80%;margin:3em auto 1em}
footer h2{font-size:2em;margin:1em auto .5em;line-height:1.6em;}
footer h3{font-size:1.5em;margin:0em auto 0}

.iglink{background:url(img/iglink_back.jpg) no-repeat;background-size:contain;height:24em;position:relative;margin-top:3em;}
.iglink a{position:absolute;bottom:0;right:4.7em;width:12.5em;height:12.5em;}
.iglink a img{width:100%;}

nav{padding:1em 0 3em;}
nav ul{display:flex;width:12em;margin:0 auto 1em}
nav ul li{width:calc(100% - 1em);margin:0 .5em;}
nav h1{font-size:1.1em;color:#9fa0a0;text-align:center;font-weight:normal;}

@media all and (min-width: 0) and (max-width:749px)  {
body{font-size:2vw;}
img.pc{display:none;}
img.sp{display:block;}
br.spbr{display:block;}
header,article,section,footer,nav{width:100%;overflow:hidden!important}

iframe.pc{display:none!important;}
iframe.sp{display:block!important;width:43.5em;margin:0 auto;border:none;height:1050px;}
}