@charset "UTF-8";
body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,li,brockquote,pre,table,caption,address,form,object,img,span,a,strong,em,q,ins,del,site,code,dfn,abbr,acronym,section,header,footer,nav,aside,article,address,figure,hgroup,menu{margin:0;padding:0}
body{color:#efece5;text-align:center;word-break:break-all;font-size:1em;margin:0;padding:0;background:#395c41;line-height:2em;font-optical-sizing: auto;font-style: normal; font-family: "Noto Sans JP", sans-serif;font-optical-sizing: auto;overflow-x: hidden;font-weight:400;font-feature-settings: "palt";letter-spacing:.05em;}
body{width:100vw;overflow-x:hidden}
@media screen and (max-width:767px) {
body{font-size:.9em;line-height:1.9em;overflow-x:hidden}
}
html {scroll-behavior: smooth;}
.txt-zen{font-family: "Zen Kaku Gothic New", sans-serif;font-weight:700}
.hidden {display:none}
.appear {display:block}
#en{word-wrap:break-word;word-break:keep-all;}

ul{list-style-position:outside;list-style-type:none}
li a{border:none}
ol li{margin-bottom:5px}
table{border-collapse:collapse;font-size:100%}
img,a{border:none}
address,em,cite{font-style:normal}
a{overflow:hidden;outline:none;text-decoration:underline;color:#000}
a:visited{text-decoration:underline}
a:hover{text-decoration:none}
.nobr{white-space:nowrap}
.clearboth{clear:both;width:0;height:0;margin:0;padding:0}
.txt-s{font-size:80%}
.txt-red{color:#c00}
.txt-brown,.txt-brown a{color:#963}
.img-10{width:10%}
.img-20{width:20%}
.img-30{width:30%}
.img-40{width:40%}
.img-50{width:50%}
.img-60{width:60%}
.img-70{width:70%}
.img-80{width:80%}
.img-90{width:90%}
.img-100{width:100%}
.img-10 img,.img-20 img,.img-30 img,.img-40 img,.img-50 img,.img-60 img,.img-70 img,.img-80 img,.img-90 img,.img-100 img{width:100%}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.m5{margin:5px}
.m10{margin:10px}
.m15{margin:15px}
.m20{margin:20px}
.m30{marginp:30px}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}
.p5{padding:5px}
.p10{padding:10px}
.p15{padding:15px}
.p20{padding:20px}
.p30{padding:30px}
.p40{padding:40px}
figure img{width:100%;height:auto;vertical-align:bottom}
.txt-mincho {font-family: 'Sawarabi Mincho', sans-serif;}
.txt-center{text-align:center}
.txt-right{text-align:right}
.txt-s{font-size:.8em;line-height:1.4em;}
.txt-l{font-size:1.6em;line-height:1.9em;}
.txt-non{display:none}
.float-right{float:right}
.float-left{float:left}
.absmiddle{vertical-align:middle}
.pagetop-txt{display:none}
/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/**/
.txt-attention{text-indent:-1em;margin-left:1em}
.txt-long {display: inline-block;-moz-transform:scale( 3, 1 ); -webkit-transform:scale( 3, 1 ); -o-transform:scale( 3, 1 );-ms-transform:scale( 3, 1 );transform:scale( 3, 1 );-moz-transform-origin:left top;-webkit-transform-origin:left top;-o-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;}
.txt-long2 {display: inline-block;-moz-transform:    scale( 2, 1 );-webkit-transform: scale( 2, 1 );-o-transform:scale( 2, 1 );-ms-transform:scale( 2, 1 );transform:scale( 2, 1 );-moz-transform-origin:left top; -webkit-transform-origin: left top;-o-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;
}

/*========= ローディング画面のためのCSS ===============*/
#splash {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #efece5;
  z-index: 9999999;
  text-align:center;
  color:#000;
}

#splash-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#splash-logo figure {width:300px;margin:auto;}
@media screen and (max-width:400px) {
#splash-logo figure {width:75%;}
}

/*========= 画面遷移のためのCSS ===============*/

/*画面遷移アニメーション*/
.splashbg{
    display: none;
}

/*bodyにappearクラスがついたら出現*/
body.appear .splashbg{
 display:block;
  animation-name:PageAnime;
  animation-duration:1.2s;
  animation-timing-function:ease-in-out;
  animation-fill-mode:forwards;
    content: "";
    position:fixed;
  z-index: 999;
    width: 50%;
    height: 100vh;
    top: 0;
  left: 0;
    transform: translateX(-300%) skewX(-45deg);
    background-color:#415b43;/*伸びる背景色の設定*/
}

@keyframes PageAnime{
  0% {
    transform-origin:left;
    transform:translateX(-300%) skewX(-45deg);
  }
  100% {
    transform-origin:left;
    transform:translateX(500%) skewX(-45deg);
  }
}

/*画面遷移の後現れるコンテンツ設定*/
#container{
  opacity: 0;

}

/*bodyにappearクラスがついたら出現*/
body.appear #container{
  animation-name:PageAnimeAppear;
  animation-duration:1s;
  animation-delay: 0.6s;
  animation-fill-mode:forwards;
  opacity: 0;
}

@keyframes PageAnimeAppear{
  0% {
  opacity: 0;
  }
  100% {
  opacity: 1;
}
}



#container {width:100vw;height:auto;height:100%}
/*TRANSLATION*/
#btn-translation{position:absolute;right:10px;top:10px;z-index:10;letter-spacing:.2em;font-size:1em;font-family: "Zen Kaku Gothic New", sans-serif;color:#000;font-weight:700}

/*MENU*/
#g-nav{position:fixed;z-index:100010000;top:0;right:-100%;width:max(35%,300px);height:100vh;background-color:#395c41;transition:all .6s; min-height: 100vh;min-height: 100svh;}
/* Avoid Chrome to see Safari hack */
@supports (-webkit-touch-callout: none) {
#g-nav{
    /* The hack for Safari */
    height: -webkit-fill-available;
  }
}
#g-nav.panelactive{right:0}
#g-nav.panelnoactive{right:-100%}
#g-nav-list{overflow:auto;-webkit-overflow-scrolling:touch;width:auto;height:auto;position:relative;display:flex;align-items:left;padding:0 30px;flex-direction:column; min-height: 100vh;min-height: 100svh;}
#g-nav #menu-logo {height:50px;padding-top:30px;padding-bottom:40px;text-align:left;}
#g-nav #menu-logo svg{object-fit:contain;height:50px;background:none;fill:#000;}
#g-nav ul{position:relative;z-index:10;width:100%;margin-top:25px;}
#g-nav li{list-style:none;text-align:left;margin-bottom:15px;font-family: "gertie", sans-serif;font-weight: 900;font-style: normal;letter-spacing:.1em;font-size:1.7em;line-height:1.2em}
#g-nav li a{text-decoration:none}
#g-nav li a:hover{color:#efece5}
#g-nav li.menu-faq{height:26px;}
#g-nav li svg{object-fit:contain;height:23px;background:none;fill:#000;}
#g-nav li.menu-faq svg{height:26px;}
#g-nav li a:hover svg,#g-nav #menu-logo a:hover svg{fill:#efece5;}
.underline{position:absolute;bottom:-2px;left:0;display:block;width:0;height:1px;background-color:#fff}
.list_item a{position:relative;display:inline-block}
#g-nav #menu-footer {letter-spacing:-.4em;width:100%;position:absolute;left:0;bottom:10px;z-index:11}
#g-nav #menu-footer #menu-footer-in {padding:0 30px 30px;}
#g-nav #menu-footer #menu-footer-in #menu-twitter{width:50%;display:inline-block;/display:inline;/zoom:1;vertical-align:bottom;letter-spacing:normal;text-align:left;}
#g-nav #menu-footer #menu-footer-in #menu-twitter a{width:50px;height:50px;display:block;border-radius:50%;background:#000;line-height:50px;text-align:center}
#g-nav #menu-footer #menu-footer-in #menu-twitter a:hover{background:#fff;}
#g-nav #menu-footer #menu-footer-in #menu-twitter a i{color:#fff;padding-top:8px}
#g-nav #menu-footer #menu-footer-in #menu-twitter a:hover i{color:#395c41;}
#g-nav #menu-footer #menu-footer-in #menu-close{width:50%;display:inline-block;/display:inline;/zoom:1;vertical-align:bottom;letter-spacing:normal;text-align:right;position:relative}
#g-nav #menu-footer #menu-footer-in #menu-close figure{width:80px;text-align:right;position:absolute;bottom:0;right:0px;cursor:pointer;}
#g-nav #menu-footer #menu-footer-in #menu-close figure:hover svg{fill:#fff;}
@media screen and (max-width: 767px) {
#g-nav{min-height:100vh;width:100vw;right:-100vw; height: 100vh; /* Fallback */height: calc(var(--vh, 1vh) * 100);}
#g-nav #menu-logo {padding-bottom:30px;}
#g-nav #menu-footer #menu-footer-in {padding:0 30px 0px;}
#g-nav #menu-footer {bottom:15px;}
#g-nav #menu-footer #menu-footer-in #menu-twitter a i{color:#fff;padding-top:12px}
}
.openbtn{position:fixed;z-index:9;bottom:145px;right:15px;cursor:pointer;width:85px;height:85px;color:#fff;background-color:#395c41;border-radius:50%;text-align:center;}
.nc-int-icon{fill:#fff;}
.top-bt{position:fixed;width:40px;height:auto;z-index:888;right:10px;bottom:15px}
@media screen and (max-width: 767px) {
.openbtn{width:68px;height:68px;bottom:128px;}
}

/*BOOK*/
#btn-book {position:fixed;z-index:100;bottom:55px;right:15px;cursor:pointer;width:85px;height:85px;text-align:center;}
@media screen and (max-width: 767px) {
#btn-book {width:68px;height:68px;bottom:50px;}
}

.bottomtrans{transform:translateY(15px);transition: transform 0.5s ease;}

/*SCROLL*/
#icon-scroll {position:fixed;z-index:10000;top:75vh;left:5px;width:25px;}
@media screen and (max-width: 767px) {
#icon-scroll {display:none;}
}
/*BACKTOTOP*/
#backtotop{display:none;bottom:20px;height:100px;position:fixed!important;left:5px;width:25px;z-index:10;}
@media screen and (max-width: 767px) {
#backtotop{display:none;bottom:20px;height:77px;position:fixed!important;left:3px;width:20px;z-index:10;}
}
/*TRANCERATE*/
.gt_switcher_wrapper a:first-child,.gt_switcher_wrapper_safari a:first-child {padding-right:8px;margin-right:8px}
.gt_switcher_wrapper a:first-child:after,.gt_switcher_wrapper_safari a:first-child:after  {
content:"";/*疑似要素の中身を指定*/
position:absolute;/*絶対位置指定*/
left:50%;/*横位置の指定*/
top:20%;/*縦位置の指定*/
background:#000000;/*線の色指定*/
width:1px;/*線の幅指定*/
height:60%;/*線の高さ指定*/}
.gt_switcher_wrapper a.gt-current-lang {color:#efece5;}
.gt_switcher_wrapper {width:85px;}
#home .gt_switcher_wrapper {opacity: 0}
.gt_switcher_wrapper,.gt_switcher_wrapper_safari{bottom:15px!important;right:15px!important;font-family: "Zen Kaku Gothic New", sans-serif;font-weight:900;font-size:1.2em;width:85px;text-align:center;}/*SAFARI*/

_::-webkit-full-page-media, _:future, :root .gt_switcher_wrapper{display:none;}
.safari-lang {display:none;}
_::-webkit-full-page-media, _:future, :root .safari-lang{display:block;}
_::-webkit-full-page-media, _:future, :root .safari-lang .gt_switcher_wrapper_safari{position:fixed;bottom:15px;right:15px;z-index:999999;}


@media screen and (max-width:768px) {
.gt_switcher_wrapper,.gt_switcher_wrapper_safari{right:15px!important;width:68px!important}
.gt_switcher_wrapper a:first-child,.gt_switcher_wrapper_safari a:first-child {padding-right:5px!important;margin-right:5px!important}
}

/*MAIN*/
#main-block {width:100%;position:relative;top:0;left:0;height: calc(100vh - 100px);overflow: hidden}
#btn-fullvideo {position:absolute;bottom:30px;left:0;width:100%;font-family: "english-grotesque", sans-serif;font-weight: 800;color:#000;}
.btn-fullvideo-in {width:224px;margin:auto;}
#main-block-in {}
#img-main {width:100%;margin:auto;position:relative;height: calc(100vh - 30px);text-align: center;color: #fff;background: url("../img/movie.jpg") no-repeat;background-size: cover;pointer-events: none;}
#youtube-in-h1 { position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%)translateX(-50%);width:100%;}
#youtube-in-h1 figure {width:500px;margin:auto;}
#youtube-area{position: fixed;z-index: 1;top: 0;right:0;left:0;bottom:0;overflow: hidden;opacity: 0;pointer-events:none;pointer-events: none;}
#youtube-area.appear {animation-name:PageAnimeAppear;animation-duration:.5s;animation-fill-mode:forwards;}
@keyframes PageAnimeAppear{
	0% {
	opacity: 0;
	}
	100% {
	opacity: 1;
}
}

#youtube {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);/*縦横幅指定*/width: 185vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */min-height: 100%;min-width: 100%;}
@media screen and (max-width:800px) {
#youtube-in-h1 figure {width:65%;}
}
@media screen and (max-width:767px) {
#main-block {height:auto;overflow: hidden;position:relative}
#img-main {height:auto;}
}

/*INTRO*/
#intro {padding:60px 25px 80px;font-size:1.2em;line-height:2em;color:#000}
#intro h2 {font-family: "Zen Kaku Gothic New", sans-serif;font-size:1.8em;letter-spacing:.2em;margin-bottom:60px;line-height:1.9em;}
#intro p {letter-spacing:.2em}
@media screen and (max-width:900px) {
#intro h2 {margin-bottom:40px;}
#intro {font-size:1em;line-height:1.9em;padding:50px 0px 60px;}
}

/*BTN*/
.btn-more {text-align:right;font-size:1.3em;letter-spacing:0.2em;font-family: "english-grotesque", sans-serif;font-weight: 800;font-style: normal;}
.btn-more i {margin-left:5px;}
.btn-more a {text-decoration:none}


/*NEWS*/
#news {background:#7d2a2c;color:#000;padding:40px 0}
#news #news-in {width:1200px;margin:auto;text-align:left;overflow-x: hidden}
#news #news-in::-webkit-scrollbar{display: none;}
#news #news-in h2 {font-family: "gertie", sans-serif;font-weight: 900;font-style: normal;letter-spacing:.1em;font-size:2.2em;margin-bottom:20px;}
#news #news-in ul {width:1200px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior: smooth;  transition: transform 0.5s ease-out;transform: translateX(0);display: flex;}
#news #news-in ul li {width:31.3%;text-align:left;position:relative;background:#efece5;margin-right:3%;align-items: flex-start;}
#news #news-in ul li a {text-decoration: none}
#news #news-in ul li div.img-news-box{overflow: hidden}
#news #news-in ul li div.img-news-box img{height:auto;width:100%;object-fit: cover;object-position:center;transition: transform .6s ease;aspect-ratio: 1000 / 666;}
#news #news-in ul li a:hover div.img-news-box img {transform: scale(1.1);}
#news #news-in ul li div.txt-news-box{padding:20px 20px 10px;}
#news #news-in ul li div.txt-news-box .txt-news-box-tit{margin-bottom:15px;line-height:1.6em;font-family: "Zen Kaku Gothic New", sans-serif;font-weight:700}
#news #news-in ul li div.txt-news-box .txt-news-box-day{font-size:.9em;letter-spacing:.2em;text-align:right;color:#395c41;font-family: "Zen Kaku Gothic New", sans-serif;font-weight:700}
#news #news-in ul li:nth-of-type( 3n ) {margin-right:0}
#news #news-in .btn-more {margin-top:20px}
#news #news-in .btn-more .next-arrow{width:35px;display:inline-block;margin-left:3px;vertical-align:top;padding-top:1px}
#news #news-in .btn-more svg {fill: #000000;}
#news #news-in .btn-more a:hover {color:#ffffff;}
#news #news-in .btn-more a:hover svg {fill:#ffffff;}


@media screen and (max-width:1200px) {
#news #news-in {width:auto;margin:0 25px;}
#news #news-in #scroll-news{width:100%;overflow-x: scroll}
/* Chrome, Safari, Opera */
#news #news-in #scroll-news::-webkit-scrollbar {display: none;}
/* IE, Edge, Firefox */
#news #news-in #scroll-news{-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none;    /* Firefox */}
}
@media screen and (max-width:767px) {
#news #news-in ul {width:1000px;}
#news #news-in .btn-more .next-arrow{padding-top:2px}
}


/*ABOUT*/
#about {background:#efece5;color:#000}
/*ABOUT01*/
#about #about01 {width:1200px;margin:auto;padding:80px 0 20px;}
#about #about01 h2 {font-family: "gertie", sans-serif;font-weight: 900;font-style: normal;letter-spacing:.1em;font-size:2.2em;margin-bottom:30px;letter-spacing:0.2em;text-align:left}
#about #about01 #about01-in{display: flex;align-items: center;}
#about #about01 #about01-left{width:40%;margin-right:3%;vertical-align:top;letter-spacing:normal;text-align:right;position:relative;text-align:left;}
#about #about01 #about01-left p{margin-bottom:1.2em;}
#about #about01 #about01-right{width:57%;vertical-align:top;letter-spacing:normal;text-align:right;position:relative}
#about #about01 .swiper,#about #about02 .swiper {width: 100%;height: 100%;}
#about #about01 .swiper-slide,#about #about02 .swiper-slide {text-align: center;font-size: 18px;display: flex;justify-content: center;align-items: center;}
#about #about01 .swiper-slide img,#about #about02 .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.pc-about01-photo{display:block;}
.sp-about01-photo {display:none;}

@media screen and (max-width:1200px) {
#about #about01 {width:auto;margin:0 25px;padding:60px 0 20px;}
#about #about01 #about01-left{width:47%;}
#about #about01 #about01-right{width:50%;}
}
@media screen and (max-width:980px) {
#about #about01 #about01-left{width:50%;}
#about #about01 #about01-right{width:47%;}
}
@media screen and (max-width:900px) {
#about #about01 {width:auto;margin:0 0;padding:0 0 20px;}
#about #about01 #about01-in{flex-direction:column-reverse}
#about #about01 #about01-left{width:calc(100% - 40px);margin:0 0 0 25px;display:block;}
#about #about01 #about01-right{width:100%;display:block;margin-bottom:25px;}
.pc-about01-photo{display:none;}
.sp-about01-photo {display:block;}
#about #about01 .swiper {height:auto;}
#about #about01 .swiper-slide img {display: block;object-fit:scale-down;}
}
@media screen and (max-width:767px) {
#about #about01 {flex-direction:column-reverse}
#about #about01 #about01-right{width:100%;display:block;}
#about #about01 {padding:0 0 25px;}
}

/*ABOUT02*/
#about #about02 {height:auto;word-break:normal;word-break:normal;overflow-wrap:normal}
#about #about02 #moveBox {width:500vw;overflow-x:scroll;display: flex;white-space: nowrap;scroll-snap-type:x mandatory;scroll-behavior: smooth;  transition: transform 0.5s ease-out;transform: translateX(0);}
#about #about02 #moveBox::-webkit-scrollbar{display: none;}

/*BTN*/
#about #about02 .btn-more {cursor:pointer;margin-top:45px;width:100%;left:0;height:auto}
#about #about02 .btn-more .next-arrow{width:35px;display:inline-block;margin-left:3px;vertical-align:top;padding-top:1px}
#about #about02 .btn-more svg {fill: #000000;}
#about #about02 .btn-more:hover svg {fill:#395c41;}
#about #about02 .page1 .btn-more:hover {color:#395c41}
#about #about02 .btn-box {width:100%;position:absolute;bottom:10px;left:0;letter-spacing:-.4em;}
#about #about02 .btn-box .btn-prev {width:50%;text-align:left;font-size:1.2em;cursor:pointer;display:inline-block;/display:inline;/zoom:1;}
#about #about02 .btn-box .btn-next {width:50%;text-align:right;font-size:1.2em;cursor:pointer;display:inline-block;/display:inline;/zoom:1;}
#about #about02 .btn-box .btn-next .next-arrow {width:40px;display:inline-block;}
#about #about02 .btn-box .btn-next .next-arrow svg {fill: #000000;}
#about #about02 .btn-box .btn-next:hover .next-arrow svg {fill:#ffffff;}
#about #about02 .btn-box .btn-prev .prev-arrow {width:40px;display:inline-block;}
#about #about02 .btn-box .btn-prev .prev-arrow svg {fill: #000000;}
#about #about02 .btn-box .btn-prev:hover .prev-arrow svg {fill:#ffffff;}
#about #about02 .btn-box .btn-prev:hover,#about #about02 .btn-box .btn-next:hover {color:#efece5}


/*BASE*/
#about #about02 p{margin-bottom:1em;}

/*PAGE1*/
#about #about02 .page1 {width:100vw;}
#about #about02 .page1 .about02-set {width:1200px;margin:0 auto;padding:0 0 60px;position:relative}
#about #about02 .page1 .about02-set .about02-set-in {letter-spacing:-.4em;position:relative}
#about #about02 .page1 .about02-set .about02-set-in .about02-left {letter-spacing:normal;width:57%;margin-right:3%;text-align:right;position:relative;text-align:left;display:inline-block;/display:inline;/zoom:1;vertical-align:top;letter-spacing:normal;}
#about #about02 .page1 .about02-set .about02-set-in .about02-right {letter-spacing:normal;width:40%;text-align:left;position:relative;display:inline-block;/display:inline;/zoom:1;vertical-align:top;letter-spacing:normal;margin-top:80px}


/*PAGE2*/
#about #about02 .page2 {background:#e86844;width:100vw;}
#about #about02 .page2 .about02-set {width:1200px;margin:0 auto;padding:0;position:relative}
#about #about02 .page2 .about02-set h3 {font-family: "gertie", sans-serif;font-weight: 900;font-style: normal;letter-spacing:.1em;font-size:2em;letter-spacing:0.2em;text-align:right;position:absolute;right:0;top:40px;}
#about #about02 .page2 .about02-set .about02-set-in {letter-spacing:-.4em;position:relative}
#about #about02 .page2 .about02-set .about02-set-in .about02-left {letter-spacing:normal;width:57%;margin-right:3%;letter-spacing:normal;text-align:right;position:relative;text-align:left;display:inline-block;/display:inline;/zoom:1;vertical-align:top;margin-top:60px;}
#about #about02 .page2 .about02-set .about02-set-in .about02-left .img-page2 {width:33%;margin:0 auto 0;}
#about #about02 .page2 .about02-set .about02-set-in .about02-right {letter-spacing:normal;width:40%;text-align:left;position:relative;display:inline-block;/display:inline;/zoom:1;vertical-align:top;letter-spacing:normal;margin-top:130px;word-break:normal;overflow-wrap:normal}


/*PAGE3*/
#about #about02 .page3 {background:#a8bdc7;width:100vw;}
#about #about02 .page3 .about02-set {width:1200px;margin:0 auto;padding:0;position:relative}
#about #about02 .page3 .about02-set h3 {font-family: "gertie", sans-serif;font-weight: 900;font-style: normal;letter-spacing:.1em;font-size:2em;margin-bottom:35px;letter-spacing:0.2em;text-align:right;position:absolute;right:0;top:40px;}
#about #about02 .page3 .about02-set .about02-set-in {letter-spacing:-.4em;position:relative}
#about #about02 .page3 .about02-set .about02-set-in .about02-left {letter-spacing:normal;width:57%;margin-right:3%;letter-spacing:normal;text-align:right;position:relative;text-align:left;display:inline-block;/display:inline;/zoom:1;vertical-align:top;margin-top:120px;}
#about #about02 .page3 .about02-set .about02-set-in .about02-left .img-page3 {width:80%;margin:0 auto 0;}
#about #about02 .page3 .about02-set .about02-set-in .about02-right {letter-spacing:normal;width:40%;text-align:left;position:relative;display:inline-block;/display:inline;/zoom:1;vertical-align:top;letter-spacing:normal;margin-top:110px;line-height:1.8em;}

/*PAGE4*/
#about #about02 .page4 {background:#395c41;width:100vw;}
#about #about02 .page4 .about02-set {width:1200px;margin:0 auto;padding:0;position:relative}
#about #about02 .page4 .about02-set h3 {font-family: "gertie", sans-serif;font-weight: 900;font-style: normal;letter-spacing:.1em;font-size:2em;margin-bottom:35px;letter-spacing:0.2em;text-align:right;position:absolute;right:0;top:40px;}
#about #about02 .page4 .about02-set .about02-set-in {letter-spacing:-.4em;position:relative}
#about #about02 .page4 .about02-set .about02-set-in .about02-left {letter-spacing:normal;width:57%;margin-right:3%;letter-spacing:normal;text-align:right;position:relative;text-align:left;display:inline-block;/display:inline;/zoom:1;vertical-align:top;letter-spacing:normal;margin-top:90px;}
#about #about02 .page4 .about02-set .about02-set-in .about02-left .img-page4 {width:50%;margin:0 auto 0;}
#about #about02 .page4 .about02-set .about02-set-in .about02-right {letter-spacing:normal;width:40%;text-align:left;position:relative;display:inline-block;/display:inline;/zoom:1;vertical-align:top;letter-spacing:normal;margin-top:90px;line-height:1.9em;}



/*PAGE5*/
#about #about02 .page5 {background:#eccec2;width:100vw;}
#about #about02 .page5 .about02-set {width:1200px;margin:0 auto;padding:0;position:relative}
#about #about02 .page5 .about02-set h3 {font-family: "gertie", sans-serif;font-weight: 900;font-style: normal;letter-spacing:.1em;font-size:2em;margin-bottom:35px;letter-spacing:0.2em;text-align:right;position:absolute;right:0;top:40px;}
#about #about02 .page5 .about02-set .about02-set-in {letter-spacing:-.4em;position:relative}
#about #about02 .page5 .about02-set .about02-set-in .about02-left {letter-spacing:normal;width:57%;margin-right:3%;letter-spacing:normal;text-align:right;position:relative;text-align:left;display:inline-block;/display:inline;/zoom:1;vertical-align:top;letter-spacing:normal;margin-top:140px;}
#about #about02 .page5 .about02-set .about02-set-in .about02-left .img-page5 {width:60%;margin:0 auto 0;}
#about #about02 .page5 .about02-set .about02-set-in .about02-right {letter-spacing:normal;width:40%;text-align:left;position:relative;display:inline-block;/display:inline;/zoom:1;vertical-align:top;letter-spacing:normal;margin-top:180px;line-height:1.6em;}


@media screen and (max-width:1200px) {
#about #about02 .btn-more {bottom:20px;}	
/*PAGE1*/
#about #about02 .page1 .about02-set {width:auto;margin:0 25px}
#about #about02 .page1 .about02-set .about02-set-in .about02-left {width:47%;}
#about #about02 .page1 .about02-set .about02-set-in .about02-right {width:50%;}
	
/*PAGE2*/
#about #about02 .page2 .about02-set {width:auto;margin:0 25px}
#about #about02 .page2 .about02-set .about02-set-in .about02-left {width:47%;margin-top:50px}
#about #about02 .page2 .about02-set .about02-set-in .about02-right {width:50%;margin-top:100px}
#about #about02 .page2 .about02-set .about02-set-in .about02-left .img-page2 {width:45%;}
	
/*PAGE3*/
#about #about02 .page3 .about02-set {width:auto;margin:0 25px}
#about #about02 .page3 .about02-set .about02-set-in .about02-left {width:47%;margin-top:60px}
#about #about02 .page3 .about02-set .about02-set-in .about02-right {width:50%;margin-top:90px;line-height:1.5em;}

/*PAGE4*/
#about #about02 .page4 .about02-set {width:auto;margin:0 25px}
#about #about02 .page4 .about02-set .about02-set-in .about02-left {width:47%;}
#about #about02 .page4 .about02-set .about02-set-in .about02-right {width:50%;margin-top:80px;line-height:1.5em;}
#about #about02 .page4 .about02-set .about02-set-in .about02-left .img-page4 {width:60%;margin:30px auto 0;}

/*PAGE5*/
#about #about02 .page5 .about02-set {width:auto;margin:0 25px}
#about #about02 .page5 .about02-set .about02-set-in .about02-left {width:47%;margin-top:60px;}
#about #about02 .page5 .about02-set .about02-set-in .about02-right {width:50%;line-height:1.5em;margin-top:120px}
#about #about02 .page5 .about02-set .about02-set-in .about02-left .img-page5 {width:65%;margin-top:60px;}

}

@media screen and (max-width:767px) {
#about {width:100vw;overflow-x:hidden;}	
#about #about02 .btn-more{position:relative;margin-top:15px}
	
/*page1*/
#about #about02 .page1 .about02-set {padding:0 0 0px;margin:0}
#about #about02 .page1 .about02-set .about02-set-in .about02-left {width:100%;display: block}
#about #about02 .page1 .about02-set .about02-set-in .about02-right {width:auto;display: block;margin:30px 25px 0}
#about #about02 .btn-more {margin:25px 25px 0 0;}

/*page2*/
#about #about02 .page2 .about02-set .about02-set-in .about02-left {width:100%;display: block;margin-top:10px}
#about #about02 .page2 .about02-set .about02-set-in .about02-right {width:100%;display: block;margin-top:10px;word-break:normal;overflow-wrap:normal;white-space:normal;line-height:1.6em;}
#about #about02 .page2 .about02-set .about02-set-in .about02-left .img-page2 {width:27%;}
#about #about02 .page2 .about02-set h3 {text-align:left;position:relative;height:auto;right:auto;top:auto;margin-bottom:0;margin-top:30px;}
	
/*page3*/
#about #about02 .page3 .about02-set .about02-set-in .about02-left {width:100%;display: block;margin-top:0px}
#about #about02 .page3 .about02-set .about02-set-in .about02-right {width:100%;display: block;margin-top:10px;line-height:1.4em;}
#about #about02 .page3 .about02-set .about02-set-in .about02-left .img-page3 {width:65%;}
#about #about02 .page3 .about02-set h3 {text-align:left;position:relative;height:auto;right:auto;top:auto;margin-bottom:0;margin-top:30px;}
	
/*page4*/
#about #about02 .page4 .about02-set .about02-set-in .about02-left {width:100%;display: block;margin-top:0px}
#about #about02 .page4 .about02-set .about02-set-in .about02-right {width:100%;display: block;margin-top:10px;padding-bottom:35px;line-height:1.4em;}
#about #about02 .page4 .about02-set .about02-set-in .about02-left .img-page4 {width:43%;margin-top:0px}
#about #about02 .page4 .about02-set h3 {text-align:left;position:relative;height:auto;right:auto;top:auto;margin-bottom:0;margin-top:30px;}

/*page5*/
#about #about02 .page5 .about02-set .about02-set-in .about02-left {width:100%;display: block}
#about #about02 .page5 .about02-set .about02-set-in .about02-right {width:108%;display: block;margin-top:50px;line-height:1.8em;margin-left:2%;}
#about #about02 .page5 .about02-set .about02-set-in .about02-left .img-page5 {width:55%;}
#about #about02 .page5 .about02-set h3 {text-align:left;position:relative;height:auto;right:auto;top:auto;margin-bottom:0;margin-top:30px;}

#about #about02 .btn-box {bottom:15px;}
}


/*SAUNA*/
#sauna {background:#a8bdc7;color:#000}
#sauna #sauna-in {width:1200px;margin:auto;padding:60px 0;letter-spacing:-.4em}
#sauna #sauna-in h2 {font-family: "gertie", sans-serif;font-weight: 900;font-style: normal;letter-spacing:.1em;font-size:2.6em;margin-bottom:30px;letter-spacing:0.2em;text-align:right}
#sauna #sauna-in #sauna-left {letter-spacing:normal;width:57%;margin-right:3%;display:inline-block;/display:inline;/zoom:1;vertical-align:top;letter-spacing:normal;text-align:right;position:relative;text-align:left;}
#sauna #sauna-in #sauna-right {letter-spacing:normal;width:40%;display:inline-block;/display:inline;/zoom:1;vertical-align:top;letter-spacing:normal;text-align:right;position:relative;text-align:right;}
#sauna #sauna-in #sauna-right .txt-l {margin:30px 0;font-size:1.1em;letter-spacing:.2em;font-family: "Zen Kaku Gothic New", sans-serif;font-weight:700;line-height:1.8em;}
#sauna #sauna-in .swiper-slide {text-align: center;font-size: 18px;display: flex;justify-content: center;align-items: center;}
#sauna #sauna-in .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
#sauna #sauna-in .btn-more {margin-top:20px}
#sauna #sauna-in .btn-more .next-arrow{width:35px;display:inline-block;margin-left:3px;vertical-align:top;padding-top:1px}
#sauna #sauna-in .btn-more svg {fill: #000000;}
#sauna #sauna-in .btn-more a:hover {color:#ffffff;}
#sauna #sauna-in .btn-more a:hover svg {fill:#ffffff;}
@media screen and (max-width:1200px) {
#sauna #sauna-in {width:auto;margin:0 25px;}
#news #news-in ul li div.img-news-box img{height:220px;object-fit: cover;object-position:center}
}
@media screen and (max-width:980px) {
#sauna #sauna-in #sauna-left{width:50%;}
#sauna #sauna-in #sauna-right{width:47%;}
}
@media screen and (max-width:900px) {
#sauna #sauna-in #sauna-left{width:100%;margin-right:0;display:block;margin-bottom:30px}
#sauna #sauna-in #sauna-right{width:auto;display:block;margin:0 25px}
#sauna #sauna-in .swiper {height:auto;}
#sauna #sauna-in .swiper-slide img {display: block;object-fit:scale-down;}
}
@media screen and (max-width:767px) {
#sauna #sauna-in {padding:0px 0 40px;margin:0}
#sauna #sauna-in #sauna-left {width:100%;margin-right:0;}
#sauna #sauna-in .btn-more .next-arrow{padding-top:2px}
}

/*ROOMTYPE*/
#roomtype {color:#000}
#roomtype #moveBox-roomtype {width:400vw;overflow-x:scroll;display: flex;white-space: nowrap;scroll-snap-type:x mandatory;scroll-behavior: smooth;  transition: transform 0.5s ease-out;transform: translateX(0);}
#roomtype .roomtype-about02 ul li{cursor:pointer;}
#roomtype .roomtype-about02 ul li:hover{color:#fff}
#roomtype #moveBox-roomtype::-webkit-scrollbar{display: none;}
#roomtype #moveBox-roomtype.moved1roomtype {transform: translateX(-100vw);}
#roomtype #moveBox-roomtype.moved2roomtype {transform: translateX(-200vw);}
#roomtype #moveBox-roomtype.moved3roomtype {transform: translateX(-300vw);}
#roomtype #moveBox-roomtype.moved4roomtype {transform: translateX(-400vw);}
#roomtype #moveBox-roomtype.prev1roomtype {transform: translateX(0vw);}
#roomtype #moveBox-roomtype.prev2roomtype {transform: translateX(-100vw);}
#roomtype #moveBox-roomtype.prev3roomtype {transform: translateX(-200vw);}

/*BASE*/
#roomtype #moveBox-roomtype .roomtype-set {flex-basis:100vw;flex-shrink: 0;display:block;justify-content: center;align-items: center;letter-spacing:-.4em;padding:60px 0;width:100vw;scroll-snap-align: start;flex-shrink: 0;position:relative;padding-bottom:60px}
#roomtype #moveBox-roomtype .roomtype-set .roomtype-left {letter-spacing:normal;width:40%;margin-right:3%;vertical-align:middle;letter-spacing:normal;text-align:right;position:relative;text-align:left;
}
#roomtype #moveBox-roomtype .roomtype-set .roomtype-right {
letter-spacing:normal;width:57%;letter-spacing:normal;text-align:right;position:relative;text-align:left;}

#roomtype #moveBox-roomtype .roomtype-set .roomtype-right2 {
letter-spacing:normal;width:48%;display:inline-block;/display:inline;/zoom:1;vertical-align:top;letter-spacing:normal;text-align:right;position:relative;text-align:left;}
#roomtype #moveBox-roomtype .roomtype-set .roomtype-left2 {letter-spacing:normal;width:49%;margin-right:3%;display:inline-block;/display:inline;/zoom:1;vertical-align:top;letter-spacing:normal;text-align:right;position:relative;text-align:left;
}
#roomtype .btn-box .btn-prev:hover,#roomtype .btn-box .btn-next:hover {color:#efece5}


#roomtype .btn-box {width:100%;display:block;position:absolute;bottom:20px;left:0}
#roomtype .btn-box .btn-box-in {width:1200px;margin:auto;letter-spacing:-.4em;}
#roomtype .btn-box .btn-box-in .btn-more .next-arrow{width:35px;display:inline-block;cursor:pointer;vertical-align:top;padding-top:1px}
#roomtype .btn-box .btn-box-in .btn-more svg {fill: #000000;}
#roomtype .btn-box .btn-box-in .btn-more:hover {color:#ffffff;}
#roomtype .btn-box .btn-box-in .btn-more:hover svg {fill:#ffffff;}
#roomtype .btn-box .btn-prev,#roomtype .btn-box .btn-next {width:50%;text-align:left;font-size:1.2em;cursor:pointer;display:inline-block;/display:inline;/zoom:1;vertical-align:top;}
#roomtype .btn-box .btn-next {text-align:right;}
#roomtype .btn-box .btn-box-in .btn-next .next-arrow,#roomtype .btn-box .btn-box-in .btn-prev .prev-arrow{width:35px;display:inline-block;cursor:pointer;}
#roomtype .btn-box .btn-box-in .btn-next svg,#roomtype .btn-box .btn-box-in .btn-prev svg {fill: #000000;}
#roomtype .btn-box .btn-box-in .btn-next:hover svg,#roomtype .btn-box .btn-box-in .btn-prev:hover svg {fill:#ffffff;}

#roomtype #moveBox-roomtype .roomtype-set .roomtype-about01{}
#roomtype #moveBox-roomtype .roomtype-set .roomtype-about02{text-align:right;}
#roomtype #moveBox-roomtype .roomtype-set .roomtype-about02 ul li{margin-bottom:10px;font-size:1.2em;letter-spacing:.2em}
#roomtype #moveBox-roomtype .roomtype-set h2{font-family: "gertie", sans-serif;font-weight: 900;font-style: normal;letter-spacing:.1em;font-size:2.6em;margin-bottom:5px;letter-spacing:0.2em;text-align:left}
#roomtype #moveBox-roomtype .roomtype-set h3{font-family: "gertie", sans-serif;font-weight: 900;font-style: normal;letter-spacing:.1em;font-size:1.6em;margin-bottom:30px;letter-spacing:0.2em;text-align:left}
#roomtype #moveBox-roomtype .roomtype-set h4{font-weight: 900;font-style: normal;letter-spacing:.1em;font-size:1.3em;margin-bottom:5px;letter-spacing:0.2em;text-align:left}
#roomtype #moveBox-roomtype p{margin-bottom:1em;}
#roomtype #moveBox-roomtype .roomtype-set .roomtype-set-in {width:1200px;margin:auto;display: flex;}

/*PHOTO*/
#roomtype #moveBox-roomtype .swiper {width: 100%;height: 100%;}
#roomtype #moveBox-roomtype .swiper-slide {text-align: center;font-size: 18px;display: flex;justify-content: center;align-items: center;}
#roomtype #moveBox-roomtype .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}

/*ROOM1*/
#room1 {background:#395c41}
/*ROOM2*/
#room2 {background:#a8bdc7;}
/*ROOM3*/
#room3 {background:#e86844;}
/*ROOM4*/
#room4 {background:#eccec2;}
#room4 h2 {margin-bottom:40px!important;width:1200px;margin:auto;}
#room4 dl dt {font-size:1.2em;margin-bottom:5px;font-weight:700}
#room4 dl dd {font-size:.9em;margin-bottom:15px;white-space:normal}

@media screen and (max-width:1200px) {
#roomtype #moveBox-roomtype .roomtype-set {margin:0}
#roomtype #moveBox-roomtype .roomtype-set .roomtype-set-in {width:calc(100vw - 50px);margin:0 0 0 25px;}
#roomtype .btn-box .btn-box-in {width:auto;margin:0 25px;}
}
@media screen and (max-width:980px) {
#roomtype #moveBox-roomtype .roomtype-set .roomtype-left{width:47%;}
#roomtype #moveBox-roomtype .roomtype-set .roomtype-right{width:50%;}
}
@media screen and (max-width:900px) {
#roomtype #moveBox-roomtype .roomtype-set {padding-bottom:60px}
#roomtype #moveBox-roomtype .roomtype-set .roomtype-set-in {width:100vw;margin:0;flex-direction:column-reverse}
#roomtype #moveBox-roomtype .swiper {height:auto;}
#roomtype #moveBox-roomtype .swiper-slide img {display: block;object-fit:scale-down;}
#roomtype #moveBox-roomtype .roomtype-set .roomtype-left {width:calc(100vw - 50px);margin:0 25px 0 25px;display:block;}
#roomtype #moveBox-roomtype .roomtype-set .roomtype-right {width:100%;margin-right:0;margin-bottom:30px;display:block;}
#roomtype #moveBox-roomtype .roomtype-set .roomtype-right2 {width:100%;margin-right:0;display:block;}
#roomtype #moveBox-roomtype .roomtype-set .roomtype-left2 {width:100%;margin-right:0;display:block;}
#roomtype #moveBox-roomtype .roomtype-set {padding:0 0 40px}
#room4 h2 {width:auto;margin:30px 0 30px 25px;}
#roomtype #moveBox-roomtype .roomtype-set .roomtype-right2 {width:calc(100vw - 50px);margin-left:25px;}
#roomtype #moveBox-roomtype .roomtype-set .roomtype-left2 {width:calc(100vw - 50px);margin-left:25px}
}

@media screen and (max-width:767px) {
#roomtype {width:100vw;overflow-x: hidden}
#roomtype #moveBox-roomtype .roomtype-set {padding:0 0 60px;}

#roomtype #moveBox-roomtype .roomtype-set .roomtype-set-in {width:100vw;margin:0 0 0 0;}
#roomtype #moveBox-roomtype .roomtype-set h2{margin-left:0}
#roomtype #moveBox-roomtype .roomtype-set h3{margin-left:0}
#roomtype #moveBox-roomtype .roomtype-set .roomtype-right {width:auto;margin:0 0 30px;display:block;}
#roomtype #moveBox-roomtype .roomtype-set .roomtype-about01{margin:30px 0 30px 0}
#roomtype #moveBox-roomtype .roomtype-set .roomtype-about02{text-align:left;}
#roomtype #moveBox-roomtype .roomtype-set .roomtype-right2 {margin:0 25px}
#roomtype #moveBox-roomtype .roomtype-set .roomtype-left2 {margin:0 25px}
#room4 h2 {margin-bottom:40px!important;margin-left:25px!important}
#room4 dl dt {font-size:1em;margin-bottom:0;font-weight:700}
#room4 dl dd {font-size:.9em;margin-bottom:10px;white-space:normal;}
#roomtype .btn-box .btn-box-in .btn-more .next-arrow{padding-top:2px}
}

/*GALLERY*/
#gallery {background:#e86844;color:#000}
#gallery #gallery-in{width:1200px;margin:auto;padding:60px 0;z-index:-10;overflow-x:hidden}
#gallery #gallery-in h2{font-family: "gertie", sans-serif;font-weight: 900;font-style: normal;letter-spacing:.1em;font-size:2.6em;margin-bottom:20px;letter-spacing:0.2em;text-align:left}
#gallery #gallery-in ul{ display: flex;gap: 15px;overflow-x:auto;width:1200px;overflow-x:scroll}
#gallery #gallery-in ul::-webkit-scrollbar{display: none;}
#gallery #gallery-in ul li{ width: calc((100% - 30px) / 3);overflow: hidden}
#gallery #gallery-in ul li img{height:auto;width:100%;object-fit: cover;object-position:center;transition: transform .6s ease;aspect-ratio: 1000 / 666;}
#gallery #gallery-in ul li a:hover img {transform: scale(1.1);}
#gallery #gallery-in .btn-more {margin-top:20px}
#gallery #gallery-in .btn-more .next-arrow{width:35px;display:inline-block;margin-left:3px;vertical-align:top;padding-top:1px}
#gallery #gallery-in .btn-more svg {fill: #000000;}
#gallery #gallery-in .btn-more a:hover {color:#ffffff;}
#gallery #gallery-in .btn-more a:hover svg {fill:#ffffff;}
@media screen and (max-width:1200px) {
#gallery #gallery-in{width:auto;margin:0 25px;}
}
@media screen and (max-width:767px) {
#gallery {width:100vw;overflow-x: hidden}
#gallery #gallery-in{padding:40px 0;}
#gallery #gallery-in ul{width:100%;overflow-x:hidden;display:block;gap:0;letter-spacing:-.4em}
#gallery #gallery-in ul li{ width:48%;margin-right:3%;margin-bottom:18px;display:inline-block;/display:inline;/zoom:1;vertical-align:top;letter-spacing:normal;}
#gallery #gallery-in ul li:nth-child(2n){margin-right:0}
#gallery #gallery-in .btn-more .next-arrow{padding-top:2px}
}

/*FAQ*/
#faq {background:#eccec2;color:#000;text-align:left;}
#faq #faq-in{width:1200px;margin:auto;padding:60px 0}
#faq #faq-in h2{font-family: "gertie", sans-serif;font-weight: 900;font-style: normal;letter-spacing:.1em;font-size:2.6em;margin-bottom:30px;letter-spacing:0.2em;text-align:left}
#faq #faq-in a{text-decoration:none;}
#faq #faq-in a:hover{color:#efece5}
#faq #faq-in h2 .txt-s{font-size:0.5em;padding-left:10px}
#faq #faq-in ul{font-size:1.1em;font-family: "Zen Kaku Gothic New", sans-serif;font-weight:700}
#faq #faq-in ul li{margin-bottom:15px;}
@media screen and (max-width:1200px) {
#faq #faq-in{width:auto;margin:0 25px;}
}
@media screen and (max-width:767px) {
#faq #faq-in{padding:40px 0}
}

/*ACCESS*/
#access {background:#efece5;color:#000;text-align:left;}
#access #access-in{width:1200px;margin:auto;padding:60px 0;}
#access #access-in h2{font-family: "gertie", sans-serif;font-weight: 900;font-style: normal;letter-spacing:.1em;font-size:2.6em;margin-bottom:30px;letter-spacing:0.2em;text-align:left}
#access #access-in ul li{margin-bottom:30px}

#access #access-in ul li h3{font-weight:bold;font-size:1em;}
#access #access-in .img-access {width:35%;float:right;}
#access #access-in .access-map-pin {margin-right:8px;color:#395c41;}
.map {position: relative;width: 100%;height: 0;padding-top:50%;}
.map iframe {position: absolute;top: 0;left: 0;width: 100%;height:100%;}
@media screen and (max-width:1200px) {
#access #access-in{width:auto;margin:0 25px;}
}
@media screen and (max-width:767px) {
#access #access-in{padding:40px 0}
#access #access-in .img-access {width:100%;float:none;margin-bottom:25px}
.map {padding-top:72%;}
}

/*FOOTER1*/
#footer1 {background:#395c41;padding:60px 0 30px;border-bottom:1px solid #000;color:#000;text-align:left;letter-spacing:0}
#footer1 #footer1-in {width:1200px;margin:auto;display: flex;}
#footer1 #footer1-in article{width: calc((100%) / 2);}
#footer1 #footer1-in article#footer1-left {width:30%;font-size:1.1em;margin-right:2%;line-height:1.5em;font-family: "Zen Kaku Gothic New", sans-serif;font-weight:700;letter-spacing:.1em}
#footer1 #footer1-in article#footer1-left .address-en{letter-spacing:.1em}
#footer1 #footer1-in article#footer1-left .footer-logo{width:65%;margin-bottom:30px}
#footer1 #footer1-in article#footer1-left .footer-logo a:hover figure {fill:#efece5}
#footer1 #footer1-in article#footer1-right {width:70%;}
#footer1 #footer1-in article#footer1-right .footer1-unei {font-size:1.2em;font-weight:700;margin-bottom:30px;letter-spacing: .1em}
#footer1 #footer1-in article#footer1-right .footer1-unei a {text-decoration:none}
#footer1 #footer1-in article#footer1-right #footer1-right-bottom {width:100%;display: flex;}
#footer1 #footer1-in article#footer1-right #footer1-right-bottom section {width:calc(100% / 2);}
#footer1 #footer1-in article#footer1-right #footer1-right-bottom section h3 {font-size:1.1em;margin-bottom:5px;font-family: "Zen Kaku Gothic New", sans-serif;font-weight:700;letter-spacing: .1em}
#footer1 #footer1-in article#footer1-right #footer1-right-bottom section ul {margin-bottom:20px;}
#footer1 #footer1-in article#footer1-right #footer1-right-bottom section ul li {margin-bottom:5px;font-size:.9em;line-height:1.4em}
#footer1 #footer1-in article#footer1-right #footer1-right-bottom section ul li a {text-decoration:none;}
#footer1 #footer1-in article#footer1-right a:hover {color:#efece5;}
#footer1 #footer1-in article#footer1-right #footer1-right-bottom section#footer1-right-bottom-01{width:43%;margin-right:2%}
#footer1 #footer1-in article#footer1-right #footer1-right-bottom section#footer1-right-bottom-02{width:56%;display: flex;}
#footer1 #footer1-in article#footer1-right #footer1-right-bottom section#footer1-right-bottom-02 #footer1-right-bottom-02-1 {width:58%;margin-right:2%;}
#footer1 #footer1-in article#footer1-right #footer1-right-bottom section#footer1-right-bottom-02 #footer1-right-bottom-02-2 {width:40%;}
@media screen and (max-width:1200px) {
#footer1 #footer1-in {width:auto;margin:0 25px;}
#footer1 #footer1-in article#footer1-right #footer1-right-bottom section#footer1-right-bottom-02{display:block;}
#footer1 #footer1-in article#footer1-right #footer1-right-bottom section#footer1-right-bottom-02 #footer1-right-bottom-02-1 {width:100%;margin-right:0%;}
#footer1 #footer1-in article#footer1-right #footer1-right-bottom section#footer1-right-bottom-02 #footer1-right-bottom-02-2 {width:100%;}
}
@media screen and (max-width:767px) {	
#footer1 #footer1-in {display:block}
#footer1 #footer1-in article{width: calc((100%) / 1);}
#footer1 #footer1-in article#footer1-left {width:100%;margin-right:0%;margin-bottom:30px;}
#footer1 #footer1-in article#footer1-left .footer-logo{width:75%;}
#footer1 #footer1-in article#footer1-right {width:100%;}
#footer1 #footer1-in article#footer1-right #footer1-right-bottom{width:100%;display:block}
#footer1 #footer1-in article#footer1-right #footer1-right-bottom section {width:calc(100% / 1);}
#footer1 #footer1-in article#footer1-right #footer1-right-bottom section#footer1-right-bottom-01{width:100%;margin-right:0%}
#footer1 #footer1-in article#footer1-right #footer1-right-bottom section#footer1-right-bottom-02{width:100%;display:block;}
}

/*FOOTER2*/
#footer2 {background:#395c41;padding:30px 0 30px;color:#000;text-align:left;font-size:.9em;line-height:1.5em;letter-spacing:0}
#footer2 a {text-decoration:none}
#footer2 a:hover {color:#efece5}
#footer2 #footer2-in {width:1200px;margin:auto;display: flex; align-items:flex-end}
#footer2 #footer2-in article {width: calc((100%) / 2);}
#footer2 #footer2-in article#footer2-left {width:49%;margin-right:2%;display: flex;}
#footer2 #footer2-in article#footer2-left #footer2-left-left {width:54%;margin-right:2%;}
#footer2 #footer2-in article#footer2-left #footer2-left-right {width:44%;}
#footer2 #footer2-in article#footer2-right {width:49%;display: flex;align-items:flex-end}
#footer2 #footer2-in article#footer2-right #footer2-right-left {width:38%;margin-right:2%;}
#footer2 #footer2-in article#footer2-right #footer2-right-right {width:60%;vertical-align: bottom}
#footer2 #footer2-in article#footer2-right #footer2-right-left h3 {font-size:1em;margin-bottom:8px;font-weight:normal}
#footer2 #footer2-in article#footer2-right #footer2-right-left li {width:80%;margin-bottom:5px}
#footer2 #footer2-in article#footer2-right #footer2-right-right {vertical-align: bottom;text-align:right;white-space: nowrap;}
@media screen and (max-width:1200px) {
#footer2 #footer2-in {width:auto;margin:0 25px;}
#footer2 #footer2-in article#footer2-left {display:block;}
#footer2 #footer2-in article#footer2-left #footer2-left-left {width:100%;margin-right:0%;}
#footer2 #footer2-in article#footer2-left #footer2-left-right {width:100%;}
#footer2 #footer2-in article#footer2-right #footer2-right {display:block;}
#footer2 #footer2-in article#footer2-right #footer2-right-left {width:100%;margin-right:0%;margin-bottom:20px}
#footer2 #footer2-in article#footer2-right #footer2-right-right {width:100%;}
}
@media screen and (max-width:767px) {
#footer1 #footer1-in article#footer1-left .footer-logo{width:95%;margin:0 auto 30px}
#footer2 #footer2-in {display:block;}
#footer2 #footer2-in article {width: calc((100%) / 1);}
#footer2 #footer2-in article#footer2-left {width:100%;margin-right:0;margin-bottom:20px;}
#footer2 #footer2-in article#footer2-right {width:100%;margin-right:0;}
#footer2 #footer2-in article#footer2-right #footer2-right-left li {margin-bottom:20px;z-index:15;display:block}
#footer2 #footer2-in article#footer2-right #footer2-right-left {margin-bottom:40px;}
}

/*2nd*/
body#faq-2nd,body#contact-2nd,body#tokushouhou-2nd,body#news-3rd,body#sauna-2nd {background:#efece5}
body#news-2nd{background:#74302f}
body#gallery-2nd{background:#e86844}
#main-block-2nd {padding:120px 0;background:#395c41;}
#main-block-2nd-news {background-image:url(../img/bg_2nd_news.jpg);background-repeat:no-repeat;background-position:center center;padding:120px 0;background-size:cover}
#main-block-2nd-gallery {}
#main-block-2nd-sauna {}
#main-block-2nd h1 {font-family: "gertie", sans-serif;font-size:3em;letter-spacing:.2em;color:#000;}
#main-block-2nd-news h1 {font-family: "gertie", sans-serif;font-size:3em;letter-spacing:.2em;color:#000;opacity: 0}
#contents-2nd {text-align:left;padding:60px 0;width:980px;margin:auto;color:#000}
#contents-2nd2 {text-align:left;padding:60px 0;width:1200px;margin:auto;color:#000}
#main-block-2nd h1#tit-tokushouhou{font-family: "Zen Kaku Gothic New", sans-serif;font-size:.8em;}
@media screen and (max-width:1200px) {
#contents-2nd2 {padding:40px 0;width:auto;margin:0 25px;}
}
@media screen and (max-width:980px) {
#contents-2nd {padding:40px 0;margin:0 25px;width:auto;}
}

/*2ndFAQ*/
.dl-faq dt {font-size:1.2em;border-bottom:1px solid #000;padding:8px 0;margin-bottom:8px;font-family: "Zen Kaku Gothic New", sans-serif;font-weight:700;cursor:pointer;}
.dl-faq dt::after { content:"●";margin-left: auto;box-sizing: border-box;float:right}
.dl-faq dt.dlfaqon{color:#395c41}
.dl-faq dd {display:none;padding:5px 0;font-size:.9em;line-height:1.6em;margin-bottom:10px}
.dl-faq dd p {margin-bottom:10px}
@media screen and (max-width:767px) {
.dl-faq dt {font-size:1.1em;}
}
/*2ndCONTACT*/
.dl-contact {width:700px;margin:auto;} 
.dl-contact dt,.dl-contact dd {letter-spacing:normal;text-align:left;line-height:1.4em;font-family: "Zen Kaku Gothic New", sans-serif;font-weight:700;letter-spacing:.1em;}
.dl-contact dt {margin-bottom:10px}
.dl-contact dd {margin-bottom:30px;}
.dl-contact dt sup {color:#e61874}
.contact-media {letter-spacing:0em;}
.form01 {width:70%; padding:10px;}
.form02 {width:90%; padding:10px;}
.btn-contact input {width:80px;height:80px;-webkit-appearance:none;background:#000;display:block;color:#fff;border-radius: 50%;text-align:center;margin:30px auto 50px;cursor:pointer;;border: none;outline: none;box-shadow: none;}
.btn-contact input:hover {background:#395c41;}
.contact-kojin {text-align:center}
.sent dl.dl-contact,.sent div.contact-kojin,.sent div.btn-contact{display:none}
.wpcf7 form.sent .wpcf7-response-output {text-align:center;}
@media screen and (max-width:700px) {
.dl-contact {width:100%;} 
}

/*2ndNEWS*/
#news-2nd-in h2 {font-family: "gertie", sans-serif;font-weight: 900;font-style: normal;letter-spacing:.1em;font-size:2em;margin-bottom:20px;}
#news-2nd-in ul {width:1200px;overflow-x:auto;transition: transform 0.5s ease-out;transform: translateX(0);display: flex;flex-wrap:wrap;flex-direction: row; }
#news-2nd-in ul li {width:calc((100% - 65px) / 3 ); text-align:left;position:relative;background:#efece5;margin-right:25px;align-items: flex-start;margin-bottom:25px;}
#news-2nd-in ul li a {text-decoration: none}
#news-2nd-in ul li div.img-news-box{overflow: hidden}
#news-2nd-in ul li div.img-news-box img{height:auto;width:100%;object-fit: cover;object-position:center;transition: transform .6s ease;aspect-ratio: 1000 / 666;}
#news-2nd-in ul li a:hover div.img-news-box img {transform: scale(1.1);}
#news-2nd-in ul li div.txt-news-box{padding:20px 20px 10px;}
#news-2nd-in ul li div.txt-news-box .txt-news-box-tit{margin-bottom:15px;line-height:1.6em;font-family: "Zen Kaku Gothic New", sans-serif;font-weight:700}
#news-2nd-in ul li div.txt-news-box .txt-news-box-day{font-size:.9em;letter-spacing:.2em;text-align:right;color:#395c41;font-family: "Zen Kaku Gothic New", sans-serif;font-weight:700}
#news-2nd-in ul li:nth-of-type( 3n ) {margin-right:0}
#list-pager {margin-top:40px;text-align:center;letter-spacing:0.2em}
@media screen and (max-width:1200px) {
#news-2nd-in ul {width:100%;}
}
@media screen and (max-width:900px) {
#news-2nd-in ul li {width:calc((100% - 50px) / 2 );}
#news-2nd-in ul li:nth-of-type( 3n ) {margin-right:25px}
#news-2nd-in ul li:nth-of-type( 2n ) {margin-right:0}
}
@media screen and (max-width:767px) {
#news-2nd-in ul{flex-direction: column;}
#news-2nd-in ul li {width:100%;}
#news-2nd-in ul li:nth-of-type( 3n ) {margin-right:0}
#news-2nd-in ul li:nth-of-type( odd ) {margin-right:0}
}

/*3RD NEWS*/
#news-3rd-in {width:100%;}
#news-3rd-in h2 {font-family: "gertie", sans-serif;font-weight: 900;font-style: normal;letter-spacing:.1em;font-size:1.8em;margin-bottom:20px;}
#news-3rd-in h3 {font-family: "Zen Kaku Gothic New", sans-serif;font-weight:700;letter-spacing:.2em;font-size:1.8em;line-height:1.6em;margin-bottom:20px}
#news-3rd-in .txt-news-3rd-day {font-size:1em;letter-spacing:.2em;color:#395c41;font-family: "Zen Kaku Gothic New", sans-serif;font-weight:700;margin-bottom:20px}
#news-3rd-in img {width:100%;height: auto;display: block;}
.txt-news-contents{margin-bottom:30px}
.txt-news-contents p{margin-bottom:25px}

/*2ND GALLERY*/
#gallery-movie {width:100%;margin-bottom:40px;}
.btn-trailer {display:none}
@media screen and (max-width:767px) {

}

/*2ND SAUNA*/
#sauna-2nd-in h2 {font-family: "gertie", sans-serif;font-weight: 900;font-style: normal;letter-spacing:.1em;font-size:2.3em;margin-bottom:30px;line-height:1.1em}
#sauna-2nd-in .catch-sauna01 {font-size:1.3em;font-weight:700;letter-spacing: 0.2em;font-family: "Zen Kaku Gothic New", sans-serif;margin-bottom:20px;}
#sauna-2nd-in .catch-sauna01 {font-size:1.1em;font-weight:700;letter-spacing: 0.2em;font-family: "Zen Kaku Gothic New", sans-serif;margin-bottom:20px;line-height:1.5em}
#sauna-2nd-in .sauna-box{display:flex;align-items: center;margin-bottom:40px;line-height:1.8em}
#sauna-2nd-in .sauna-box .sauna-left {width:40%;margin-right:3%;}
#sauna-2nd-in .sauna-box .sauna-right {width:57%;}
#sauna-2nd-in .sauna-box2{display:flex;align-items: center;margin-bottom:40px;line-height:1.8em}
#sauna-2nd-in .sauna-box2 .sauna-left2 {width:57%;margin-right:3%;}
#sauna-2nd-in .sauna-box2 .sauna-right2 {width:40%;}
/*INFO*/
#sauna-2nd-in .sauna-info-box{display:flex;align-items: center;margin-bottom:40px;line-height:1.8em}
#sauna-2nd-in .sauna-info-box .sauna-info-left {width:40%;margin-right:3%;}
#sauna-2nd-in .sauna-info-box .sauna-info-right {width:57%;}
#sauna-2nd-in .sauna-info-box .sauna-info-right dl {display:flex;align-items:top;width:100%;flex-wrap: wrap;}
#sauna-2nd-in .sauna-info-box .sauna-info-right dl dt {width:10%;margin-right:3%;text-align:justify;margin-top:4px;
text-align-last:justify;margin-bottom:10px;white-space:nowrap}
#sauna-2nd-in .sauna-info-box .sauna-info-right dl dd {width:87%;margin-bottom:10px}
#sauna-2nd-in .sauna-info-box .sauna-info-right dl dd span.txt-l {font-family: "Zen Kaku Gothic New", sans-serif;font-weight:700;font-size:1.2em;letter-spacing:.2em}
/*FACILITIES*/
#sauna-2nd-in .sauna-facilities-box{display:flex;align-items: center;margin-bottom:40px;line-height:1.8em}
#sauna-2nd-in .sauna-facilities-box .sauna-facilities-left {width:57%;margin-right:3%;}
#sauna-2nd-in .sauna-facilities-box .sauna-facilities-right {width:40%;}
#sauna-2nd-in .sauna-facilities-box .sauna-facilities-left dl dt {font-family: "Zen Kaku Gothic New", sans-serif;font-weight:700;font-size:1.2em}
#sauna-2nd-in .sauna-facilities-box .sauna-facilities-left dl dd {margin-bottom:20px}

/*GUIDELINE*/
#sauna-2nd-in #sauna-guidelines h3{font-size:2.2em;font-family: "gertie", sans-serif;font-weight: 900;text-align:center;letter-spacing:.2em;margin-bottom:5px;line-height:1.4em;}
#sauna-2nd-in #sauna-guidelines h4{font-family: "Zen Kaku Gothic New", sans-serif;font-weight:700;font-size:1.2em;text-align:center;margin-bottom:30px;letter-spacing:.2em}
#sauna-2nd-in #sauna-guidelines h5{font-family: "Zen Kaku Gothic New", sans-serif;font-weight:700;font-size:1.1em;margin-bottom:5px;letter-spacing:.1em}
#sauna-2nd-in #sauna-guidelines .sauna-guidelines-box{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #000;}
.txt-zen {font-family: "Zen Kaku Gothic New", sans-serif;font-weight:700;letter-spacing:.2em}
#sauna-2nd-in #sauna-guidelines p{margin-bottom:1em}

#sauna-2nd-in .sauna-box p,.sauna-box2 p{margin-bottom:.8em;}
#sauna-2nd-in .sauna-box h3,.sauna-box2 h3{font-size:1.2em;font-family: "Zen Kaku Gothic New", sans-serif;font-weight:900;margin-bottom:35px;letter-spacing:.2em;}
#sauna-2nd-in .sauna-info h3 {font-size:2.2em;font-family: "gertie", sans-serif;font-weight: 900;margin-bottom:20px;letter-spacing:.2em;}
#sauna-2nd-in .sauna-facilities h3 {font-size:2.2em;font-family: "gertie", sans-serif;font-weight: 900;margin-bottom:20px;letter-spacing:.2em;}
#sauna-2nd-in .sauna-box h3 span.txt-big,.sauna-box2 h3 span.txt-big {font-size:4em;font-family: "gertie", sans-serif;font-weight: 900;margin-right:20px;vertical-align: middle}
#sauna-2nd-in .sauna-box h4,.sauna-box2 h4 {font-size:1em;font-family: "Zen Kaku Gothic New", sans-serif;font-weight:700;letter-spacing:.1em;}

#sauna-2nd-in .sauna-box .swiper-slide img,.sauna-box2 .swiper-slide img,.sauna-info-box .swiper-slide img  {display: block;width: 100%;height: 100%;object-fit: cover;}
@media screen and (max-width:767px) {
#sauna-2nd-in .sauna-box{flex-direction: column;flex-direction:column-reverse}
#sauna-2nd-in .sauna-box .sauna-left {width:100%;margin-right:0;}
#sauna-2nd-in .sauna-box .sauna-right {width:100%;margin-bottom:20px;}
#sauna-2nd-in .sauna-box2{flex-direction: column;width:100%;}	
#sauna-2nd-in .sauna-box2 .sauna-left2 {width:100%;margin-right:0;margin-bottom:20px;}
#sauna-2nd-in .sauna-box2 .sauna-right2 {width:100%;margin-right:0;}
#sauna-2nd-in .sauna-info-box{flex-direction: column;}	
#sauna-2nd-in .sauna-info-box .sauna-info-left {width:100%;margin-right:0;margin-bottom:20px;}
#sauna-2nd-in .sauna-info-box .sauna-info-right {width:100%;}
#sauna-2nd-in .sauna-info-box .sauna-info-right dl {dflex-direction: column;}
#sauna-2nd-in .sauna-info-box .sauna-info-right dl dt {width:auto;margin-right:0;text-align:left;
text-align-last:left;margin-bottom:0;width:100%}
#sauna-2nd-in .sauna-info-box .sauna-info-right dl dd {width:auto;margin-bottom:20px}
#sauna-2nd-in .sauna-facilities-box{flex-direction: column;}
#sauna-2nd-in .sauna-facilities-box .sauna-facilities-left {width:100%;margin-right:0%;margin-bottom:5px;}
#sauna-2nd-in .sauna-facilities-box .sauna-facilities-right {width:100%;margin:auto;}
#sauna-2nd-in .sauna-info-box .sauna-info-right dl dd span.txt-l {font-size:1.1em;}
}


/*YOUTUBE*/
.youtube {position: relative;width: 100%;padding-top: 56.25%;}
.youtube iframe {position: absolute;top: 0;right: 0;width: 100%;height: 100%;border: none;}
.youtube-gya {position:relative;aspect-ratio: 16/9;overflow: hidden;}
.youtube-gya iframe {width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);aspect-ratio: 1/1;border: none;}

/*TOKUSHOUHOU*/


/*BTN*/
#btn-historyback {margin-top:30px;text-align:center}
#btn-historyback button{background: transparent;border: none;outline: none;box-shadow: none;font-size:1.6em;cursor:pointer;font-family: "english-grotesque", sans-serif;font-weight: 800;}
#btn-historyback .prev-arrow{width:35px;display:inline-block;margin-left:3px}

#btn-historyback .prev-arrow svg {fill: #000000;}
body#gallery-2nd #btn-historyback button:hover .prev-arrow,body#news-2nd #btn-historyback button:hover .prev-arrow {color:#efece5;}
body#gallery-2nd #btn-historyback button:hover .prev-arrow svg,body#news-2nd #btn-historyback button:hover .prev-arrow svg {fill:#efece5;}
body#contact-2nd #btn-historyback button,body#faq-2nd #btn-historyback button,body#tokushouhou-2nd #btn-historyback button,body#sauna-2nd #btn-historyback button,body#news-3rd #btn-historyback button,body#gallery-2nd #btn-historyback button,body#news-2nd #btn-historyback button {color:#000000;}
body#gallery-2nd #btn-historyback button .prev-arrow svg,body#news-2nd #btn-historyback button .prev-arrow svg {fill:#000000;}

body#contact-2nd #btn-historyback button:hover,body#faq-2nd #btn-historyback button:hover,body#tokushouhou-2nd #btn-historyback button:hover,body#sauna-2nd #btn-historyback button:hover,body#news-3rd #btn-historyback button:hover {color:#395c41;}

body#contact-2nd #btn-historyback button:hover .prev-arrow svg,body#faq-2nd #btn-historyback button:hover .prev-arrow svg,body#tokushouhou-2nd #btn-historyback button:hover .prev-arrow svg,body#sauna-2nd #btn-historyback button:hover .prev-arrow svg,body#news-3rd #btn-historyback button:hover .prev-arrow svg {fill:#395c41;}
body#gallery-2nd #btn-historyback button:hover,body#news-2nd #btn-historyback button:hover {color:#efece5;}
#btn-historyback button:hover{color:#efece5}

/*BOX*/
.box01{margin-bottom:60px}
.box02{margin-bottom:30px}

/*TIT*/
.tit01 {font-size:1.6em;font-family: "Zen Kaku Gothic New", sans-serif;margin-bottom:20px;letter-spacing:.1em;font-weight:700}
@media screen and (max-width:767px) {
.tit01 {font-size:1.4em;font-weight:700}
}

/*BTNSNS*/
#sns-block .btn-sns {letter-spacing:-.4em;width:auto}
#sns-block .btn-sns li {height:auto;margin-right:5px;display:inline-block;/display:inline;/zoom:1;vertical-align:top;width:auto;letter-spacing:normal;font-size:.9em!important;vertical-align: bottom;letter-spacing: normal;text-align: left;}
#sns-block .btn-sns li a {display:block;text-align:center;text-decoration:none;width:50px;height:50px;border-radius:50%;line-height:50px;transform:.5s;background:#000}
#sns-block .btn-sns li a i {color:#efece5;padding-top:9px;padding-left:.5px}
#sns-block .btn-sns li a:hover {background:#efece5}
#sns-block .btn-sns li a:hover i {color:#000;}
@media screen and (max-width:767px) {
#sns-block .btn-sns li a i {padding-top:12px;padding-left:0px}
}

/*SHARESNS*/
#sns-block .list-sns {letter-spacing:-.4em;width:auto;display:block;margin:5px 0 0px;}
#sns-block .list-sns li {height:auto;margin-right:7px;display:inline-block;/display:inline;/zoom:1;vertical-align:top;width:auto;letter-spacing:normal;}
#sns-block .list-sns li.twitter-share,#sns-block .list-sns li.line-share{margin-top:9px}



/*TOKUSHOUHOU*/
#tokushouhou-2nd h1 {font-size:2em;}
#tokushouhou {background:#efece5;padding:60px 0 200px;color:#000;width:100%}
#tokushouhou #tokushouhou-in {width:800px;margin:auto;text-align:left}
#tokushouhou #tokushouhou-in .toku-box {margin-bottom:40px;}
#tokushouhou #tokushouhou-in .toku-box h2 {font-size:1.2em;margin-bottom:15px;}
@media screen and (max-width:800px) {
#tokushouhou {padding:60px 0 130px;}
#tokushouhou #tokushouhou-in {width:auto;margin:0 25px;}
}
@media screen and (max-width:767px) {
#tokushouhou-2nd h1 {font-size:1.4em;}
}

/*FADE*/
.fadeIn {opacity: 0;-webkit-transition: 1s;transition: 1s;-webkit-transform: translateY(20px);transform: translateY(20px);}
.fadeIn.is-inview {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.img_in_right {overflow: hidden;-webkit-transition: 1s;transition: 1s;opacity: 0;}
.img_in_right img {-webkit-transform: translateX(40px);transform: translateX(40px);-webkit-transition: 1s;transition: 1s;-webkit-clip-path: inset(0 0 0 100%);clip-path: inset(0 0 0 100%);}
.img_in_right.is-inview {opacity: 1;}
.img_in_right.is-inview img {-webkit-clip-path: inset(0);clip-path: inset(0);-webkit-transform: translateX(0px);transform: translateX(0px);}

/*404*/
body#notfound {background:#efece5;}
.notfound-txt {padding:80px 0;text-align:center;width:100%;}




/*SLIDER*/
.metaslider .flex-control-nav {bottom: 17px!important;}
.metaslider .flexslider {margin-bottom:0!important}


@media screen and (min-width:768px) {
.pc-only{display:block}
.sp-only{display:none}
}

@media screen and (min-width: 0px) and (max-width:767px) {
.pc-only{display:none}
.sp-only{display:block}
}

@media screen and (min-width:480px) {
.pc-only2{display:block}
.sp-only2{display:none}
}

@media screen and (min-width: 0px) and (max-width:479px) {
.pc-only2{display:none}
.sp-only2{display:block}
}