@charset "utf-8";
/* CSS Document */
a{color:#fff;}
#mainimage{
position:relative;
color:#fff;
width:100%;
height:100vh;
overflow:hidden;
top:0;
z-index:-1;
background:url(../../img/u10.jpg);
background-size:cover;
background-position:center center;
display:flex;
justify-content:center;
align-items: center;
text-align:center;
}
#mainimage h2{font-weight:900;font-size:270%;line-height:1.3;}
#mainimage h2 span:nth-of-type(1){display:block;margin:0 auto;font-family: 'Abel', sans-serif;font-size:35%;font-weight:normal;}
#int{text-align:center;margin:3rem 0;padding:0 1rem;}
#int h3{font-size:180%;font-weight:900;margin-bottom:1rem;}
#int p{line-height:2;margin-bottom:2rem;}
#int dt{margin-bottom:1rem;}
#int dt img{width:70%;height:auto;max-width:350px;}
#int dd small{display:block;margin:0.2rem auto 0;font-family: 'Abel', sans-serif;font-size:80%;font-weight:normal;}
#group section{color:#fff;height:100vh;background:url(../../img/u12.jpg);background-size:cover;background-position:center center;position:relative;}
#group section div{position:absolute;top:50%;left:40%;transform: translateY(-50%);}
#group section h3{font-size:280%;color:#ff5900;line-height:1.2;}
#group section h3 span{display:block;margin:0.8rem 0 ;font-family: 'Abel', sans-serif;font-size:40%;font-weight:normal;color:#fff;}
#group section p{line-height:1.7;font-size:140%;}
#group > div{margin:4rem auto;width:80%;max-width:1000px;}
#group dl{margin:3rem auto;}
#group dt{font-weight:900;font-size:120%;line-height:1.7;margin-left:-0.5rem;}
#group dt span{font-size:85%;display:inline-block;}
#group dd{margin-top:0.7rem;text-align:justify;border-bottom:1px solid #fff;}
#group dd:nth-of-type(n+3){margin-top:0;}
#group dl:nth-of-type(1) dt{font-size:140%;margin-left:0;}
#group dl:nth-of-type(1) dt span{font-size:70%;display:block;margin-left:-0.5rem;}
#group dd img{width:100%;height:auto;vertical-align:bottom;}
.g{display:flex;justify-content:space-between;}
.g span{width:50%;height:auto;}
#group dd span.slider,
#group dd span.slider3{border-right:1px solid #fff;}
#group dd{border-right:1px solid #fff;}
#group dd span{display:block;position:relative;color:#fff;}
#group dd span span{position:absolute;opacity:0.4;top:1.5rem;left:2rem;font-weight:900;font-size:200%;line-height:1.3;z-index:99;}
#group dd small{display:block;font-size:40%;font-family: 'Abel', sans-serif;font-weight:normal;}
.slider2{background:#000;}
#outline{margin:4rem auto;width:80%;max-width:1000px;}
#outline h2{text-align:center;margin-bottom:1rem;font-weight:900;}
#outline > dl{display:flex;flex-wrap: wrap;border-top:1px solid #777;}
#outline > dl > dt{width:18%;border-bottom:1px solid #777;padding:2rem 0 2rem 0.5rem;}
#outline > dl > dd{width:82%;border-bottom:1px solid #777;padding:2rem 0.5rem 2rem 0;}
#outline li{margin-bottom:1.5rem;}
#outline li:nth-last-of-type(1){margin-bottom:0;}
.qu{display:inline-block;margin-bottom:0.5rem;}
.qu2{display:inline-block;line-height:2;}
#access{margin:4rem auto;width:80%;max-width:1000px;text-align:center;}
#access h2{margin-bottom:1rem;font-weight:900;}
#gmap{position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;margin-bottom:1rem;}
#gmap iframe,#gmap object,#gmap embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#access p+p{font-weight:400;font-size:90%;}
video{width:100%;border-right:1px solid #fff;}
@media screen and (max-width:768px) { 
#int{margin:2rem 0;}
#group > div{margin:2rem auto;width:85%;}
#outline,#access{margin:3rem auto;width:85%;}
}
@media screen and (max-width:480px) {
#mainimage{background:url(../../img/u10a.jpg);background-size:cover;background-position:center center;}
#int{margin:1rem 0;}
#int h3{margin-bottom:0.5rem;}
#int p{text-align:justify;margin-bottom:1rem;}
#int p br{display:none;}
#int dt{margin-bottom:0.5rem;}
#int dt img{width:100%;}
#group section{background:url(../../img/u12a.jpg);background-size:cover;background-position:center center;}
#group section div{position:absolute;left:20%;}
#group > div{margin:1rem auto;width:90%;}
#group dl{margin:1rem auto;}
#group dd{margin-top:0.3rem;}
#group dd span span{top:0.5rem;left:1rem;font-size:160%;}
#group dd small{font-size:50%;}
#outline,#access{margin:2rem auto;width:90%;}
#outline > dl > dt{font-size:115%;display:block;width:100%;border-bottom:none;padding:1rem 0 0.5rem;}
#outline > dl > dd{display:block;width:100%;border-bottom:1px solid #777;padding:0 0 1rem 0;}
#outline li{margin-bottom:1rem;}
video{display:none;}
}
/* タブレット縦t */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
#group section h3{font-size:370%;}
#group section h3 span{font-size:45%;margin:1rem 0;}
#group section p{font-size:180%;line-height:1.5;}
}