html{scroll-behavior:smooth;}
body{margin:0px;font-size:20px;line-height:1.75;font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-feature-settings:"palt";}
img{border:none;margin:0px auto;padding:0px;height:auto;display:block;max-width:100%;}
a{text-decoration:none;color:black;}
a img:hover,a:hover{opacity:.6;transition-duration:.3s;transform:translate(2px,2px);}
.pc{display:block;}
.sp{display:none;}
h1,h2,h3,h4,h5{font-weight:normal!important;line-height:1.5em;margin:0;padding:0}
ul,ol{list-style-type:none;margin:0;padding:0}
.fadein{opacity:0;transform:translateY(10em);transition: all 1.5s;position:absolute;}
.fadeinL{opacity:0;transform:translateX(-10em);transition: all 1.5s;position:absolute;right:0}
.fadeinR{opacity:0;transform:translateX(10em);transition: all 1.5s;position:absolute;left:0}

/* ヘッダー */
header,article{width:37.5em;margin:0 auto;overflow:hidden}
section{width:100%;max-width:50em;}
#main img.title{margin:8em auto 4em;}
#main li{position:relative;margin-bottom:4.5em;height:35.7em;}
#main li img{position:absolute;}
#main li img.main_image{top:0;width:27.75em;z-index:2}
#main li img.main_text{bottom:0;}

#address h2{border:2px solid #bf9c50;box-sizing:border-box;border-radius:.5em;font-size:1.25em;line-height:2;width:22em;display:table;margin:4em auto 1em;letter-spacing:.1em;}
#address h2 span{background:#bf9c50;display:inline-block;letter-spacing:.3em;padding:0 .2em 0 .5em;border-radius:.25em 0 0 .25em;color:white;margin-right:.5em;}
#address iframe{width:27.2em;margin:2em auto 4em;display:block;height:31.5em;}

#koukai{background:#dcdddd;padding:5em 0;margin:5em auto 0;}
#koukai img{width:27.45em;margin:0 auto;}

footer{width:50em;margin:0 auto}

#form{height:auto;background:#f6ab00;padding:3em 0}
img.yoyaku_title{width:14.9em;margin:0 auto 2em;}
#form .form_body{width:33.5em;background:white;margin:0 auto;border-radius:2em;box-sizing:border-box;padding:2em;}
#form iframe.pc{display:block;width:29.5em;margin:0 auto;border:none;height:1400px;}
#form iframe.sp{display:none;}
img.hp_btn{width:19em;margin:0 auto 2em;}

#foot{background:#f6ab00;padding-bottom:2em;}
#foot a{width:6.8em;margin:0 auto 2em;display:block;}
#foot h1{text-align:center;color:white;font-size:1em;margin:2em auto 0;}

nav a{position:fixed;width:9.35em;height:auto;bottom:1em;right:1em;z-index:3}

#thanks{padding:5em 0;}
a.back_btn{width:27.15em;margin:4em auto;display:block}
a.hp_btn{width:19em;margin:2em auto;display:block}

@media all and (min-width: 0) and (max-width:749px)  {
body{font-size:2.66vw;}
img.pc{display:none;}
img.sp{display:block;}
header,article,section,footer{width:100%;}

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