html{scroll-behavior:smooth;}
body{margin:0px;padding:0px;font-size:20px;line-height:2em;font-family:YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;font-feature-settings:"palt";background:#ebe2d8;}
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,ol{margin:0px;padding:0px;list-style-type:none;}
h1,h2,h3,h4,h5{text-align:center;}
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;}

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

/* 本文ヘッダー */
#home header ul{display:grid;grid-template-columns:repeat(3, 1fr);column-gap:1em;row-gap:1em;width:92%;margin:2em auto;}
#linkbtn ul{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:1em;row-gap:1em;width:67%;margin:1em auto 5em;}
#map ul{width:86.8%;margin:2em auto;position:relative;}
#map ul li{width:11.8em;position:absolute;}
#map ul li:nth-of-type(1){top:22.1em;}
#map ul li:nth-of-type(2){right:0;top:26.45em;}
#map ul li:nth-of-type(3){top:7.5em;}
#map ul li:nth-of-type(4){right:0;top:21.6em;}
#map ul li:nth-of-type(5){right:0;top:13.75em;}
#map ul li:nth-of-type(6){top:26.45em;}
#map ul li a img:hover{opacity:1}

#present{margin:5em 0;}
#present a{width:43.95em;margin:2em auto;display:block;}

#sankasya ul{position:relative;height:130em;margin:3em 0}
#sankasya ul li{position:absolute;padding-top:1em;}
#sankasya ul li:nth-of-type(1){top:0em;}
#sankasya ul li:nth-of-type(2){top:22em;}
#sankasya ul li:nth-of-type(3){top:44em;}
#sankasya ul li:nth-of-type(4){top:66em;}
#sankasya ul li:nth-of-type(5){top:88em;}
#sankasya ul li:nth-of-type(6){top:110em;}
#sankasya ul li a{position:absolute;left:3em;top:11.75em;width:12.05em;}

footer{width:50em;padding:3em 0 0;}
footer a img{width:6.75em;margin:5em auto;}
footer h1{font-size:1.8em;padding:0;display:table;margin:2em auto 0;line-height:1.4em;text-align:left;font-weight:normal;}



/* 各ページ */
.page header{height:25.125em;}
.page header h1{font-size:3em;text-align:center;font-weight:normal;letter-spacing:.0em;line-height:1.2;margin:.5em 0 0}
#toyo-ap header h1{color:#8a70af}
#kawamura header h1{color:#1967b2}
#homefact header h1{color:#e7465a}
#kyokuei header h1{color:#8cc34a}
#h-takahashi header h1{color:#e89213}
#finehome header h1{color:#d06580}

#main h2{width:90%;margin:1.5em auto;font-size:1.85em;font-weight:normal;text-align:left;line-height:1.3;text-align:justify;}

#plan p{text-align:center;line-height:1.4;margin:1.5em 0 2em;font-size:1.2em;}
#sub p{width:88%;line-height:1.4;margin:1em auto 3em;font-size:1.8em;text-align:justify;}

#map iframe{width:40em;height:28em;margin:0 auto;display:block;}
#map h3{font-weight:normal;font-size:1.5em;}
#map div{width:86%;margin:3em auto;}
#map div h1,#map div h2{font-size:2.75em;letter-spacing:.1em;text-align:left;margin:.25em 0;font-weight:normal;}
#map div h1 span{font-size:.5em;padding-left:.5em;}
#map div h1 b{font-size:.56em;padding-right:.5em;font-weight:normal;}
#map div h2{font-size:1.5em;}

#finehome #map div h2{letter-spacing:0;}

#sns ul{display:flex;justify-content:center;margin:0 0 3em}
#sns ul li{width:5.75em;margin:0 3em}

#form{padding:1em}
#form h2{text-align:center;color:#ca4800}
#form h3{text-align:center;color:#ca4800;font-size:1.6em;line-height:1.35;}
#form iframe.pc{display:block;width:100%;border:none;height:850px;}
#form iframe.sp{display:none;}

.page footer{padding:0em 0 5em;background:white;}
.page footer p{color:#425c81;width:88%;line-height:1.3;margin:.5em auto 3em;font-size:1.65em;text-align:justify;}
.page footer div{width:33.35em;height:8.85em;position:relative;margin:0 auto;}
.page footer div a{position:absolute;left:2em;bottom:.75em;padding:.1em 1em;background:#425c81;color:white;font-size:2em;}


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

header,article,section,footer{width:100%;}

#form iframe.pc{display:none;}
#form iframe.sp{display:block;width:96%;margin:0 auto;height:1050px}

}