@charset "UTF-8";/* CSS Document */
/**::::::::::::::::
      共通
:::::::::::::::**/
/* --------------全体-----------------*/
* {margin: 0;padding: 0; box-sizing:border-box;}
html{scroll-behavior: smooth;overflow-x: hidden !important;}
body {font-family: "Noto Sans JP", YuGothic,'Yu Gothic','Yu Gothic UI','ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,sans-serif;background-color: #fff!important;line-height: 1.6;font-size:16px;min-width: 1200px;margin: 0 auto;color: #343B2B;letter-spacing: .02em;}
.single-column .travel__tab {position: relative;}
#htlContents {max-width: 1920px !important;min-width: auto !important;margin: 0 auto !important;width: 100% !important;font-family: "Noto Sans JP", YuGothic,'Yu Gothic','Yu Gothic UI','ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,sans-serif;}
#htlHeader, #htlMainContent {width: 100% !important;min-width: 0;max-width: 100%;margin: 0 auto!important;}
#RthCustomizeW {width: auto !important;}
#cus_page {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-text-size-adjust: none;margin:0 auto;padding:0;color:#343B2B;width:100%;left: 50%;transform: translate(-50%, 0);position: relative;background-color:#fff;}
#cus_page img {max-width: 100%;}
#top_contents {width: 100%!important;margin:0 auto 150px;}
#cus_contents {width: 100%!important;margin:0 auto 150px;}
img {height: auto;vertical-align: bottom;}
a{text-decoration:none!important;}
p{font-size: 16px;}
ul{list-style: none;}
#bn_slider{text-align: center;margin: auto;width:1920; height:200px;margin-bottom: 50px;border-bottom: none;}
/* --------------KV-----------------*/
.top_kv{position: relative;overflow: hidden;width: 100%;height:700px;margin: 0 auto;display:flex;align-items: center;justify-content: center;background-color:#F4F6F5;}
.top_kv img{position: absolute;}
.top_kv img:first-of-type{bottom:60px;left:420px;border-radius: 4px;}
.top_kv img:nth-of-type(2){right: 420px;top: 40px;border-radius: 4px;}
.top_kv .kv_logo{position: absolute;top:56px;left:420px;width: 230px;}
.top_kv .kv_logo img{max-width: 100%;object-fit: cover;width: auto;}
.top_kv h2{position: absolute;left:444px;top:152px;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;font-size: 16px;font-weight: 700;line-height:2;letter-spacing: 5.22px;height: 700px;text-align: start;color: #005239;z-index: 1;}
.top_kv h2:after{content: "";width: 86px;height: 283px; border-radius: 130px;background: var(--main-Wh, #FFF);filter: blur(40px);display: inline-block;position: absolute;top: -20px;left: -10px;z-index: -1;}
.top_kv p{position: absolute;right: 845px;bottom:49px;text-align: right;font-size:18.6px;font-weight: 600;line-height:160%;}
.kv{position: relative;overflow: hidden;width: 100%;height:600px;margin: 0 auto;display:flex;align-items: flex-end;justify-content:flex-start;background-color:#F4F6F5;}
.kv img{width: 48%;height: 100%;object-fit: cover;}
.kv h2{padding-left: 40px;padding-bottom: 32px;font-size: 16px;font-weight: 500;line-height: 170%;color:#005239;width: 52%;}
.kv h2 span{font-family: Montserrat;font-size: 100px;font-weight: 400;line-height: 120%;display: block;margin-bottom: 8px;}
/* --------------ナビゲーション-----------------*/
.header_title_nav{width:100%;margin: 0 auto 100px;overflow: hidden;/**position: sticky;**/top: 0;z-index: 9999;}
.header_title_nav .header_nav {overflow: hidden;height: 100%;display: flex;justify-content: center;height: 86px;background-color: #DEE7D5;}
.header_title_nav .header_nav ul li a {color:#343B2B !important;text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 170%;width:auto; height:60px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.header_title_nav .header_nav ul li a span{font-family: Roboto;color:#005239 !important;text-align: center;font-size: 12px;font-style: normal;font-weight: 700;line-height: 170%;width:auto; display: inline-block;}
.header_nav a:hover {opacity: 0.7;}
.header_title_nav .header_nav a:hover {text-decoration: none;}
.header_title_nav .header_nav ul {width:auto;margin: auto;display: flex;align-items: center;justify-content:space-evenly;height: 100%;border-bottom:1px solid #DEE7D5;border-top:1px solid #DEE7D5;}
.header_title_nav .header_nav ul li {text-align: center;display: flex;position: relative;padding: 0 24px;height: 100%;align-items: center;}
.header_nav ul li:nth-child(-n+4)::after {content: '';position: absolute;bottom:28px;right:0;display: inline-block;width:1px;height:30px;background-color: #005239;}
.header_nav ul #btn_rsv1{background-color: #fff;width: 215px;border-left: 1px solid #005239;}
.header_nav ul #btn_rsv1 a{color: #343B2B !important;font-size: 16px;font-weight: 700;line-height: 170%;height: 100%;width: 100%;}
.header_nav ul #btn_rsv1 a span{color: #343B2B !important;}
.header_nav ul #btn_rsv1 a::before{content: "";background-image:url(../img/icon_btn_rsv1.png);display: block;transform: scale(1);width: 20px;height: 20px;}
.header_nav ul #btn_rsv2{background-color: #005239;width: 215px;}
.header_nav ul #btn_rsv2 a{color: #fff !important;font-size: 16px;font-weight: 700;line-height: 170%;height: 100%;width: 100%;}
.header_nav ul #btn_rsv2 a span{color: #fff !important;}
.header_nav ul #btn_rsv2 a::before{content: "";background-image:url(../img/icon_btn_rsv2.png);display: block;transform: scale(1);width: 20px;height: 20px;}
/* --------------slide-----------------*/
.slide{position: relative;overflow: hidden;margin: 0 auto;display:flex;align-items: center;justify-content: center;}
.slide img {display: block;position : absolute; width: inherit;height: inherit;opacity: 0;object-fit: cover;}
.slide img:nth-of-type(1) { animation-delay: 0s }
.slide img:nth-of-type(2) { animation-delay: 6s }
.slide img:nth-of-type(3) { animation-delay: 12s }
.slide img:nth-of-type(4) { animation-delay: 18s }
.slide img:nth-of-type(5) { animation-delay: 24s }
.slide2 img{animation: slide2 12s ease infinite;}
@keyframes slide2{
   0% { opacity: 0 }
   5% { opacity: 1 }
  50% { opacity: 1 }
  55% { opacity: 0 }
 100% { opacity: 0 }
}
.slide3 img{animation: slide3 18s ease infinite;}
@keyframes slide3{
   0% { opacity: 0 }
   3% { opacity: 1 }
  33% { opacity: 1 }
  36% { opacity: 0 }
 100% { opacity: 0 }
}
.slide4 img{animation: slide4 24s ease infinite;}
@keyframes slide4{
   0% { opacity: 0 }
   2% { opacity: 1 }
  25% { opacity: 1 }
  27% { opacity: 0 }
 100% { opacity: 0 }
}
.slide5 img{animation: slide5 30s ease infinite;}
@keyframes slide5{
   0% { opacity: 0 }
   2% { opacity: 1 }
  20% { opacity: 1 }
  22% { opacity: 0 }
 100% { opacity: 0 }
}
/* --------------lead-----------------*/
.top_lead{width: 1080px;margin:0 auto 100px;text-align: center;}
.top_lead .img{width:800px;height:400px;border-radius: 16px;overflow:hidden;}
.top_lead .img img{object-fit: cover;width: 100%;height: 100%;}
.top_lead .vertical{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;font-size: 32px;font-weight: 500;line-height: 150%;letter-spacing: 10;height: 550px;   padding-right: 110px;}
.top_lead .heading{font-size:28px;font-weight: 600;line-height: 140%;margin-bottom: 58px;}
.top_lead .sentence{font-size: 16px;font-weight: 600;line-height: 160%;}
.lead{margin:0 auto 100px;padding-top:150px;text-align:center;width: 100%;position: relative; box-sizing:border-box;background-image: url(../images/bg.png);background-position:top -350px left 0;background-repeat: no-repeat;background-color:rgba(255,255,255,0.6);background-blend-mode:lighten;}
.lead p{color: var(--dark-blue, #000B2F);text-align: center;font-size: 32px;font-style: normal;font-weight: 700;line-height: normal;}
.lead p span{color: #005239;text-align: center;font-size: 16px;font-weight: 700;}
.lead .container {max-width: 100%;width: 100%;margin: 16px auto 32px;position: relative;}
.lead .container .text {line-height: 1.8;font-size: 16px;color:#333333;font-weight: 700;text-align:left;letter-spacing: 0.1;margin: auto;text-align: center;}
.lead .photo_box{display: flex;flex-wrap: wrap;justify-content: center;width: 1080px;margin: auto;}
.lead .photo_box .img{width: 340px;height: 220px;overflow: hidden;border-radius: 15px;margin-right: 24px;}
.lead .photo_box .img:nth-child(3n),.lead .photo_box .img:last-child{margin-right: 0; margin-bottom: 20px;}
.lead .photo_box .img img{width: 100%;height: 100%;object-fit: cover;}
/* --------------button-----------------*/
.more_btn{background-color:#fff;color:#005239 !important;padding: 0px;display: inline-flex;justify-content: center;align-items: center;position: relative;font-size: 16px;font-weight: 500;width:auto;height: 31px;padding:0 49px 0 32px; border: 1px solid #005239;border-radius: 80px; overflow: hidden;transition: 0.2s;}
.more_btn::before {content: "";margin: auto;position: absolute;top: 0;bottom: 0;right: 32px;width: 6px;height: 6px;border-top: 1px solid #005239;border-right: 1px solid #005239;transform: rotate(45deg);}
.more_btn::after {content: "";margin: auto;position: absolute;top: 0;bottom: 0;right: 32px;width: 9px;height: 1px;background: #005239;}
.more_btn:hover{border: 1px solid #005239;color: #fff !important;background-color: #005239;}
.more_btn:hover::before{border-color: #fff;}
.more_btn:hover::after{background-color: #fff;}
/* --------------FOOTER-----------------*/
#footer{background-color:#F4F6F5;width:100%;position: relative; box-sizing:border-box;padding: 50px calc((100% - 1080px) / 2) 120px;}
#footer .inner{width:auto;text-align: left;}
#footer .inner #ft_logo{margin-bottom: 25px;width: 230px;}
#footer p{color: #343B2B;font-style: normal;font-weight: 500;font-size: 16px;text-align:left;line-height: 170%;}
/**::::::::::::::::
      コンテンツ
:::::::::::::::**/
/* --------------全体-----------------*/
.con{width:100%;padding:80px calc((100% - 1080px) / 2);position: relative;}
.con h3{font-size: 32px;font-weight: 500;line-height: 170%;margin-bottom:40px;width: 100%;}
.con h3 span{font-family: Montserrat;font-size: 14px;font-weight: 700;color: #AACD99;line-height: 170%;display: block;margin-bottom: 16px;margin-left: 0;}
.con h3 span::before{content: "";background-image:url(../img/icon_deco.png);display: inline-block;transform: scale(1);width: 20px;height: 20px;    vertical-align: middle;margin-right: 8px;}
.con h4{font-size: 58px;font-weight: 600;line-height: 180%;margin-bottom: 24px;}
.center{text-align: center;}
.col{display: flex;flex-direction: column;}
.col p{font-size: 16px;font-weight: 400;line-height: 180%;}
/* --------------TOP-----------------*/
.top_info{display: flex;justify-content: center;align-items: stretch;margin: 0 calc((100% - 1080px) / 2) 120px;}
.top_info .img{width: 46.3%;}
.top_info .img img{height: 100%;width: auto;object-fit: cover;}
.top_info .text{padding: 40px;background-color: #F4F6F5;width: 53.7%;position: relative;}
.top_info .text:before{content: "";background-image:url(../img/icon_deco.png);display: inline-block;transform: scale(1);width: 20px;height: 20px;position: absolute;right: 16px;top: 24px;}
.top_info .text p:first-of-type{font-size: 20px;font-weight: 500;line-height: 170%;padding-bottom: 24px;margin-bottom: 24px;border-bottom: 1px solid #343B2B;}
.top_info .text p:nth-of-type(2){font-size: 32px;font-weight: 500;line-height: 170%;margin-bottom: 40px;color: #005239;}
.top_info .text p:last-of-type{font-size: 16px;font-weight: 500;line-height:35px;}
#top_contents {width:100%!important;margin:0 auto 80px;}
#top_contents .top_point{padding-top: 0;}
#top_contents .point {display: flex;justify-content: space-between;margin-bottom: 80px;}
#top_contents .point:last-of-type{margin-bottom: 0;}
#top_contents .point .img{width: 41.67%;}
#top_contents .point .text{width: 55.55%;}
#top_contents .point .text .ttl{color: #005239;font-size: 32px;font-weight: 500;line-height: 170%;margin-bottom: 32px;}
#top_contents .point .text .ttl span{font-size: 20px;}
#top_contents .point .text .sentence{font-size: 16px;font-weight: 500;line-height: 170%;margin-bottom: 32px;}
#top_contents .bg{background-color: #F4F6F5;padding-top:40px;padding-bottom:120px;}
#top_contents .top_access{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 50px;}
#top_contents .top_access h3{width: 100%;}
#top_contents .top_access dl{width:45.64%;}
#top_contents .top_access dl dt{font-size: 20px;font-weight: 700;line-height: 170%;margin-bottom: 16px;margin-top: 24px;}
#top_contents .top_access dl dd{font-size: 16px;font-weight: 500;line-height: 170%;margin-bottom: 8px;}
#top_contents .top_access dl dt:first-of-type{margin-top: 0;}
#top_contents .top_access .map{width:51.85%;}
#top_contents .top_parking{display: flex;justify-content: space-between;flex-wrap: wrap;}
#top_contents .top_parking h3{width: 100%;}
#top_contents .top_parking dl{width: 48.15%;}
#top_contents .top_parking dl dt{color: #005239;font-size: 20px;font-weight: 700;line-height: 170%;margin-bottom: 16px;}
#top_contents .top_parking dl dd{border-bottom: 1px solid #343B2B;padding: 8px 0;}
#top_contents .top_parking dl dd span{width: 27%;display: inline-block;}
#top_contents .top_parking dl dd:nth-last-child(2),#top_contents .top_parking dl dd:last-child{border-bottom: none;}
#top_contents .top_parking dl .small{margin-top: 24px;font-size: 12px;font-weight: 500;line-height: 170%;}
#top_contents .top_room{display: flex;justify-content: space-between;flex-wrap: wrap;}
#top_contents .top_room h3{width: 100%;}
#top_contents .top_room .type{width: 48.15%;margin-bottom: 48px;}
#top_contents .top_room .type .img{height: 300px;border-radius: 4px;margin-bottom: 24px;}
#top_contents .top_room .type .img img{height: 100%;width: auto;object-fit: cover;}
#top_contents .top_room .type .ttl{font-size: 20px;font-weight: 700;line-height: 170%;margin-bottom: 24px;}
#top_contents .top_room .type .ttl span{display: block;margin-bottom: 8px;font-size: 16px;}
#top_contents .top_room .type .detail1{display: flex;justify-content: space-between;margin-bottom: 24px;width: 77%;}
#top_contents .top_room .type .detail1 dl{display: flex;}
#top_contents .top_room .type .detail1 dl dt{margin-right: 8px;}
#top_contents .top_room .type .detail2{margin-bottom: 24px;width: 77%;}
#top_contents .top_room .type .detail2 dl{display: flex;justify-content: space-between;padding:8px 0;align-items: flex-start;border-bottom: 1px solid #343B2B;}
#top_contents .top_room .type .detail2 dl:last-of-type{border-bottom: none;}
#top_contents .top_room .type .detail2 dl dd{width: 65%;}
#top_contents .top_room .type .note{margin-top: 24px;letter-spacing: normal;}
#top_contents .top_faci{padding-bottom: 48px;}
#top_contents .top_faci::before{position: absolute;content: '';top:0px;bottom: 0;left:0px;width:100%;background:#F4F6F5;z-index: -1;}
#top_contents .top_faci .img{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 16px;}
#top_contents .top_faci .img img{margin-bottom: 40px;border-radius: 4px;}
#top_contents .top_faci .service{background-color: #fff;padding:40px;margin-bottom: 80px;display: flex;flex-wrap: wrap;justify-content:flex-start;align-items: center;}
#top_contents .top_faci h3{width: 100%;}
#top_contents .top_faci .service dl{width: 20%;display: flex;align-items: center;margin-bottom: 36px;}
#top_contents .top_faci .service dl dt{margin-right: 16px;}
#top_contents .top_faci .btn_box{text-align: center;}
/* --------------GUESTROOM-----------------*/
.rooms .type{width: 100%;margin-bottom: 80px;display: flex;justify-content: space-between;}
.rooms .type .slide{height: 340px;width: 640px;border-radius: 4px;}
.rooms .type .img img{height: 100%;width:100%;object-fit: cover;}
.rooms .type .text{width: 40.74%;padding-left: 40px;}
.rooms .type .ttl{font-size: 20px;font-weight: 700;line-height: 170%;margin-bottom: 24px;}
.rooms .type .ttl span{display: block;margin-bottom: 8px;font-size: 16px;}
.rooms .type .detail1{display: flex;justify-content:space-between;margin-bottom: 24px;width: 100%;}
.rooms .type .detail1 dl{display: flex;align-items: center;}
.rooms .type .detail1 dl dt{margin-right: 8px;}
.rooms .type .detail1 dl dd{font-size: 16px;font-style: normal;font-weight: 500;line-height: 170%;}
.rooms .type .detail2{margin-bottom: 24px;}
.rooms .type .detail2 dl{display: flex;justify-content: flex-start;padding:8px 0;align-items: flex-start;border-bottom: 1px solid #343B2B;}
.rooms .type .detail2 dl:last-of-type{border-bottom: none;}
.rooms .type .detail2 dl dt{margin-right: 40px;width: 25%;}
.ame dl{display: flex;align-items: center;padding: 24px 0;border-bottom: 1px solid #343B2B;}
.ame dl dt{width: 20%;position: relative;}
.ame dl dt:after{content: "";margin: auto;position: absolute;top: 0;bottom: 0;right: 40px;width: 1px;height:32px;background-color: #DEE7D5;}
.ame dl dd{width: 80%;padding-left: 40px;}
/* --------------ACCESS-----------------*/
.access{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 50px;}
.access h3{width: 100%;}
.access dl{width:45.64%;}
.access dl dt{font-size: 20px;font-weight: 700;line-height: 170%;margin-bottom: 16px;margin-top: 24px;}
.access dl dd{font-size: 16px;font-weight: 500;line-height: 170%;margin-bottom: 8px;}
.access dl dt:first-of-type{margin-top: 0;}
.access .map{width:51.85%;}
.parking{display: flex;justify-content: space-between;flex-wrap: wrap;}
.parking h3{width: 100%;}
.parking dl{width: 48.15%;}
.parking dl dt{color: #005239;font-size: 20px;font-weight: 700;line-height: 170%;margin-bottom: 16px;}
.parking dl dd{border-bottom: 1px solid #343B2B;padding: 8px 0;}
.parking dl dd span{width: 27%;display: inline-block;}
.parking dl dd:nth-last-child(2),.parking dl dd:last-child{border-bottom: none;}
.parking dl .small{margin-top: 24px;font-size: 12px;font-weight: 500;line-height: 170%;}
.parking img{margin: 40px auto;}
.parking .note{width: auto;margin: auto;font-size: 12px;font-weight: 500;line-height: 170%;}
/* --------------GUIDE-----------------*/
/* スライドする要素 */
.slider{padding: 0;}
.content_slide {width: 440px;height: 380px;margin: 0 20px;display: flex;align-items: flex-start;justify-content: flex-start;position: relative;}
.content_slide img {max-width: 100%;height: auto;vertical-align: bottom;border-radius: 4px;}
.content_slide p {display: inline-flex;padding: 2px 16px;border-radius: 4px 0px 8px 0px;background: #F4F6F5;align-items: center;margin: 0;text-align: center;font-size: 20px;color: #005239;position: absolute;z-index: 1;font-size: 16px;font-weight: 500;line-height: 170%;}
/* スライドレールの枠 */
.wrap {overflow: hidden;display: flex;align-items: center;height: 380px;margin-bottom: 60px;}
/* content4つをまとめたスライドブロック */
.slideshow_2 {display: flex;-webkit-animation: loop-slide 30s infinite linear 1s both;animation: loop-slide 30s infinite linear 1s both;}
@-webkit-keyframes loop-slide {
  from {transform: translateX(0);}
  to {transform: translateX(-100%);}
}
@keyframes loop-slide {
  from {transform: translateX(0);}
  to {transform: translateX(-100%);}
}
/* ホバー時に動きを止める */
.slide-paused:hover .slideshow_2 {-webkit-animation-play-state: paused;animation-play-state: paused;}
.faci{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;margin-bottom:120px;}
.faci .detail{width: 53.7%;display: flex;flex-direction: column;justify-content: space-between;}
.faci .detail:nth-last-of-type(2n){padding-right: 40px;}
.faci .detail:nth-last-of-type(2n-1){padding-left: 40px;}
.faci .detail h3{margin-bottom: 16px;}
.faci .detail .floor{font-family: Montserrat;font-size: 16px;font-weight: 700;line-height: 170%;color: #005239;padding: 2px 24px;border-radius: 16px;border: 1px solid #005239;display: inline-block;margin-bottom: 24px;}
.faci .detail .sentence{margin-bottom: 16px;font-size: 16px;font-weight: 500;line-height: 170%;}
.faci .detail dl{display: flex;font-size: 16px;font-weight: 500;line-height: 170%;}
.faci .detail dl dt{margin-right: 40px;}
.faci .detail .img{display: flex;justify-content: space-between;}
.faci > .img{width: 46.3%;}
.faci_other{margin-top: 160px;}
.faci_other ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.faci_other ul li{margin-bottom: 40px;}
.faci_other ul li .text{display: flex;margin-top: 18px;}
.faci_other ul li .text .ttl{font-size: 16px;font-weight: 500;line-height: 170%;margin-right: 16px;}
.faci_other ul li .text .floor{font-family: Montserrat;font-size: 16px;font-weight: 400;line-height: 170%;color: #005239;padding: 2px 24px;border-radius: 16px;border: 1px solid #005239;display: inline-block;margin-bottom: 24px;}
/* --------------BREAKFAST-----------------*/
.bf .img{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 32px;}
.bf .img img:nth-of-type(1){width: 100%;margin-bottom: 24px;}
.bf .img img:nth-of-type(2){width: 55.55%;}
.bf .img img:nth-of-type(3){width: 42.22%;}
.bf dl{display: flex;align-items:flex-start;padding: 24px 0;border-bottom: 1px solid #343B2B;}
.bf dl dt{width: 20%;position: relative;}
.bf dl dd{width: 80%;padding-left: 40px;}
/* スライドする要素 */
.bf_slider{padding: 0;}
.bf_slider .bf_slide {width: 350px;height: 320px;margin: 0 16px;display: flex;align-items: flex-start;justify-content: flex-start;position: relative;}
.bf_slider .bf_slide img {max-width: 100%;height: auto;vertical-align: bottom;border-radius: 4px;}
/* スライドレールの枠 */
.bf_slider .wrap {overflow: hidden;display: flex;align-items: center;height: 320px;margin-bottom: 60px;}
/* content4つをまとめたスライドブロック */
.bf_slider .slideshow_2 {display: flex;-webkit-animation: loop-slide 30s infinite linear 1s both;animation: loop-slide 40s infinite linear 1s both;}
@-webkit-keyframes loop-slide {
  from {transform: translateX(0);}
  to {transform: translateX(-100%);}
}
@keyframes loop-slide {
  from {transform: translateX(0);}
  to {transform: translateX(-100%);}
}
/* ホバー時に動きを止める */
.bf_slider .slide-paused:hover .slideshow_2 {-webkit-animation-play-state: paused;animation-play-state: paused;}
.menu{background-color: #F4F6F5;padding: 40px;}
.menu ul{display: flex;flex-wrap: wrap;}
.menu ul li{width: 20%;font-size: 16px;font-weight: 500;line-height: 170%;position: relative;margin-bottom: 16px;}
.menu ul li::before{content: "";margin-right:8px;position:relative;top: 0;bottom: 0;left: 0px;width: 8px;height:8px;background-color: #AACD99;display: inline-block;}
.menu p{margin-top: 16px;}
/* --------------SPEND-----------------*/
.day{padding:0px calc((100% - 1080px) / 2);}
.day:last-of-type{margin-bottom: 120px;}
.day .spot{display: flex;justify-content: space-between;margin-bottom: 80px;}
.day .spot .img{width: 41.67%;}
.day .spot .text{width:55.37%}
.day .spot .text .time{font-family: Montserrat;color: #005239;font-size: 20px;font-weight: 700;line-height: 170%;margin-bottom: 8px;}
.day .spot .text .ttl{color: #005239;font-size: 32px;font-weight: 500;line-height: 170%;margin-bottom: 32px;}
.day .spot .text .sentence{font-size: 16px;font-weight: 500;line-height: 170%;}
/* --------------PUBLIC BATH-----------------*/
.totonou{display: flex;justify-content: center;align-items: stretch;margin: 0 calc((100% - 1080px) / 2) 120px;}
.totonou .img{width: 46.3%;}
.totonou .img img{height: 100%;width: auto;object-fit: cover;}
.totonou .text{padding: 40px;background-color: #F4F6F5;width: 53.7%;position: relative;}
.totonou .text:before{content: "";background-image:url(../img/icon_deco.png);display: inline-block;transform: scale(1);width: 20px;height: 20px;position: absolute;right: 16px;top: 24px;}
.totonou .text p{font-size: 32px;font-weight: 500;line-height: 170%;margin-bottom: 40px;color: #005239;}
.totonou dl{margin-bottom: 16px;}
.totonou dl dt{margin-bottom: 8px;font-size: 20px;font-weight: 500;line-height: 170%;}
.totonou dl dd{font-size: 16px;font-weight: 500;line-height: 170%;}
.check h3{width: 100%;}
.check ul{width: 100%;display: flex;justify-content: space-between;}
.check ul li{background-color: #F4F6F5;border-radius: 8px;padding: 24px;width: 23.3%;height: 478px;}
.check ul li .ttl{text-align: center;margin: 16px auto;color: #343B2B;font-size: 20px;font-weight: 500;line-height: 170%;}
.check ul li .text{text-align: left;color: #343B2B;font-size: 16px;font-weight: 500;line-height: 170%;}
.step{display: flex;justify-content: space-between;width: 100%;margin-bottom: 80px;}
.step .detail{width: 56%;padding: 0px !important;}
.step .img{width:41.67%;}
.step .ttl{color: #005239;font-size: 32px;font-weight: 500;line-height: 170%;margin-bottom: 16px;}
.step .ttl span{font-size: 20px;display:block;}
.step .point{font-family: Montserrat;font-size: 16px;font-weight: 700;line-height: 170%;color: #005239;padding: 2px 24px;border-radius: 16px;border: 1px solid #005239;display: inline-block;margin-bottom: 8px;}
.sauna{background-color: #F4F6F5;padding: 32px;border-radius: 8px;width: 100%;margin-top: -40px;margin-bottom: -80px;}
.sauna p{text-align: center;font-weight: 500;line-height: 170%;}
.sauna p:first-of-type{font-size: 20px;margin-bottom: 16px;}