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";background:#ffee00;letter-spacing:.1em;}
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;margin:0;padding:0}
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:100%;max-width:50em;margin:0 auto;overflow:hidden}
section{width:100%;margin:0 auto;position:relative;}
img.title{width:100%;margin:3em 0 0;}

/* HOME */
#present div{width:47.5em;height:23.95em;margin:3em auto;position:relative;}
.stamp01,.stamp02{width:46.9em;height:29.1em;margin:0 auto 1em;position:relative;}
.stamp02{height:97.2em;margin:1em auto;}

#stamp p{text-align:center;font-size:1.5em;margin:2em auto;line-height:1.25em;}
#stamp span{text-align:center;font-size:1.2em;margin:0 auto 8em;line-height:1.25em;display:block;}
#model li{width:42.6em;height:44em;margin:4em auto 0;position:relative;}
#model li:hover{opacity:.6;transition-duration:.3s;transform:translate(.25em,.25em);}

footer{width:100%;max-width:50em;margin:10em auto;}
footer h1{font-size:1.34em;margin:5em auto 0;line-height:1.4em;text-align:center}
a.back_btn{width:32.2em;margin:0 auto;}

/* 各ページ */
#plan{padding:5em 0;background:#f8f8f8;}
#plan h3{font-size:1.75em;line-height:1.75;text-align:left;width:auto;margin:4em auto 1em;display:table;}
#plan h3 span{font-size:.75em;font-weight:normal;margin:-.25em 0 .25em;display:block;}
#plan p{text-align:center;font-size:1em;letter-spacing:0em;}

#photo div{width:43.9em;margin:5em auto 10em;}

#map{margin:5em auto 10em;}
#map iframe{width:96%;height:33.5em;margin:2em auto;display:block;}

#logo{background:white;padding:0 0 3em;margin:0 auto 10em;}
#logo h1{font-size:2.5em;margin:.5em 0 .25em}
#logo h1 span{font-size:.75em;padding-left:.5em;}
#logo h2{font-size:1.4em;}
#logo h3{font-size:2.75em;}
#logo h3.tel::before{content:"TEL.";font-size:.75em;}
#logo h3.free::before{content:"";width:2em;height:1em;display:inline-block;background:url(pimg/free.png) no-repeat;background-size:contain;font-size:.75em;}

section#form{padding:0 0 5em;}
section#form .title{margin-bottom:1em;}
section#form iframe.pc{display:block;width:100%;border:none;height:600px;}
section#form iframe.sp{display:none;}
section#form p{background:white;box-sizing:border-box;width:100%;padding:.25em 3em;font-size:1.25em;margin-top:3em;}

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;}


section#form iframe.pc{display:none;}
section#form iframe.sp{display:block;width:90%;margin:0 auto;height:730px}
section#form p{font-size:3vw;padding:.5em 2em;}
footer h1{font-size:4vw;}
}