/* CSS Document */
/*スライダー*/
section.top{
  height: var(--windowfixdheight);
  background-color: #fff;
  box-sizing: border-box;
  margin-top: calc(var(--headerHeight) * -1);
  display: flex;
}
body[wc-view-type="sp"] section.top,
body[wc-view-type="tb"] section.top{
  flex-direction: column-reverse;
  justify-content: space-between;
  padding-top: var(--headerHeight);
}
body[wc-view-type="pc"] section.top{
}
section.top div.top_text{
  box-sizing: border-box;
  display: flex;
}
body[wc-view-type="sp"] section.top div.top_text,
body[wc-view-type="tb"] section.top div.top_text{
  height: calc(var(--fixdvh) * 40);
}
body[wc-view-type="tb-l"] section.top div.top_text,
body[wc-view-type="pc"] section.top div.top_text{
  width: 45vw;
}
body[wc-view-type="tb-l"] section.top div.top_text{
  padding-left: 5vw;
}
body[wc-view-type="pc"] section.top div.top_text{
  padding-left: calc((100vw - 1100px) / 2);
}
section.top div.top_text div.t_text_box{
  display: flex;
  flex-direction: column-reverse;
  box-sizing: border-box;
  justify-content: center;
}
body[wc-view-type="sp"] section.top div.top_text div.t_text_box{
  padding: 0 7vw;
}
body[wc-view-type="tb"] section.top div.top_text div.t_text_box{
  padding: 0 8vw;
}
section.top div.top_text div.t_text_box > h1{
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  display: block;
}
body[wc-view-type="sp"] section.top div.top_text div.t_text_box > h1{
  font-size: calc(var(--fixdvh) * 4.5);
}
body[wc-view-type="tb"] section.top div.top_text div.t_text_box > h1{
  font-size: calc(var(--fixdvh) * 4);
}
body[wc-view-type="tb-l"] section.top div.top_text div.t_text_box > h1{
  font-size: 4vw;
}
body[wc-view-type="pc"] section.top div.top_text div.t_text_box > h1{
  font-size: 2.5rem;
}
section.top div.top_text div.t_text_box > p{
  -webkit-transition:opacity 1000ms 500ms ease;
  transition:opacity 1000ms 500ms ease;
  opacity: 0;
}
section.top div.top_text div.t_text_box > p.wcvisible{
  opacity: 1;
}
section.top div.top_text div.t_text_box > p > span.t_title_wrap{
  display: block;
  position: relative;
  z-index: 1;
}
section.top div.top_text div.t_text_box > p.wcvisible > span.t_title_wrap::before{
  left: 100%;
}
body[wc-view-type="sp"] section.top div.top_text div.t_text_box > p > span.t_title_wrap{
  font-size: calc(var(--fixdvh) * 4.5);
  margin-bottom: calc(var(--fixdvh) * 1.35);
}
body[wc-view-type="tb"] section.top div.top_text div.t_text_box > p > span.t_title_wrap{
  font-size: calc(var(--fixdvh) * 4);
  margin-bottom: calc(var(--fixdvh) * 1.5);
}
body[wc-view-type="tb-l"] section.top div.top_text div.t_text_box > p > span.t_title_wrap{
  font-size: 4vw;
  margin-bottom: 2vw;
}
body[wc-view-type="pc"] section.top div.top_text div.t_text_box > p > span.t_title_wrap{
  font-size: 2.5rem;
  margin-bottom: 0.75rem;
}
section.top div.top_text div.t_text_box > p > span.t_title_wrap span.sky{
  color: #2fb2cf;
}
section.top div.top_slider_wrap{
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.top div.top_slider_wrap{
  height:calc((var(--fixdvh) * 60) - var(--headerHeight));
}
body[wc-view-type="tb-l"] section.top div.top_slider_wrap,
body[wc-view-type="pc"] section.top div.top_slider_wrap{
  width: 55vw;
  padding-top: var(--headerHeight);
}
body[wc-view-type="tb-l"] section.top div.top_slider_wrap{
  padding-right: 1rem;
}
body[wc-view-type="pc"] section.top div.top_slider_wrap{
  padding-right: 1.5rem;
}
section.top div.top_slider_wrap div.slider_box{
}
body[wc-view-type="sp"] section.top div.top_slider_wrap div.slider_box{
  height:calc((var(--fixdvh) * 60) - var(--headerHeight));
  width: calc(86vw - 0.75rem);
  margin: 0 0.75rem;
}
body[wc-view-type="tb"] section.top div.top_slider_wrap div.slider_box{
  height:calc((var(--fixdvh) * 60) - var(--headerHeight));
  width: calc(84vw - 2rem);
  margin: 0 1rem;
}
body[wc-view-type="tb-l"] section.top div.top_slider_wrap div.slider_box{
  width: calc(55vw - 2rem);
  margin: 2rem 1rem 2rem 1rem;
}
body[wc-view-type="pc"] section.top div.top_slider_wrap div.slider_box{
  width: calc(55vw - 3rem);
  margin: 3rem 1.5rem 1.5rem 0rem;
}
section.top div.top_slider_wrap div.slider_box figure{
}
section.top div.top_slider_wrap div.slider_box figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.top div.top_slider_wrap div.slider_box figure img{
  width: 100% !important;
  height: 100%;
  object-fit: cover;
}
body[wc-view-type="sp"]  section.top div.top_slider_wrap div.slider_box figure img{
  height:calc((var(--fixdvh) * 60) - var(--headerHeight));
}
body[wc-view-type="tb"]  section.top div.top_slider_wrap div.slider_box figure img{
  height:calc((var(--fixdvh) * 60) - var(--headerHeight));
}
body[wc-view-type="tb-l"]  section.top div.top_slider_wrap div.slider_box figure img{
  height:calc((var(--fixdvh) * 100) - (4rem + var(--headerHeight)));
}
body[wc-view-type="pc"]  section.top div.top_slider_wrap div.slider_box figure img{
  height:calc((var(--fixdvh) * 100) - (6rem + var(--headerHeight)));
}
/*お知らせ*/
section.news{
  padding: calc(var(--headerHeight) * 1.5) 0;
  box-sizing: border-box;
  background-color: #2fb2cf;
  position: relative;
  z-index: 1;
}
body[wc-view-type="sp"] section.news{
  padding: calc(var(--headerHeight) * 1.5) 0 15.6vw 0;
}
body[wc-view-type="tb"] section.news,
body[wc-view-type="tb-l"] section.news{
  padding: calc(var(--headerHeight) * 1.5) 0 13vw 0;
}
body[wc-view-type="pc"] section.news{
  padding: calc(var(--headerHeight) * 1.5) calc((100vw - 1100px) / 2) calc(var(--headerHeight) + 54px);
}
section.news::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100vw;
  height: 22.5vw;
  background-color: #fff;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  bottom: -1px;
}
body[wc-view-type="sp"] section.news::after{
  -webkit-mask-image: url("/img/svg/sp_deco_right_down.svg?202311211835");
  mask-image: url("/img/svg/sp_deco_right_down.svg?202311211835");
  height: 15.6vw;
}
body[wc-view-type="tb"] section.news::after{
  -webkit-mask-image: url("/img/svg/tb_deco_right_down.svg?202311221714");
  mask-image: url("/img/svg/tb_deco_right_down.svg?202311221714");
  height: 13.5vw;
}
body[wc-view-type="tb-l"] section.news::after{
  height: 133.5px;
  -webkit-mask-image: url("/img/svg/pc_deco_right_down.svg?202311221836");
  mask-image: url("/img/svg/pc_deco_right_down.svg?202311221836");
}
body[wc-view-type="pc"] section.news::after{
  -webkit-mask-image: url("/img/svg/pc_deco_right_down.svg?202311221836");
  mask-image: url("/img/svg/pc_deco_right_down.svg?202311221836");
  height: 128px;
}
body[wc-view-type="pc"] section.news div.contents_title{
  padding-left: 0;
}
section.news div.news_block{
  overflow-x: auto !important;
  -ms-overflow-style: none;
  display: flex;
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.news div.news_block{
  padding-left: 7vw;
}
body[wc-view-type="tb"] section.news div.news_block,
body[wc-view-type="tb-l"] section.news div.news_block{
  padding-left: 8vw;
}
body[wc-view-type="pc"] section.news div.news_block{
  width: 1100px;
  margin: 0 auto;
  flex-wrap: wrap;
}
section.news div.news_block > article{
  width: 51vw;
  flex: none;
  margin-right: 1.25rem;
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  z-index: 1;
}
body[wc-view-type="tb"] section.news div.news_block > article{
  width: calc(300px - 1.25rem);
  margin-right: 1.25rem;
}
body[wc-view-type="tb-l"] section.news div.news_block > article{
  width: calc(380px - 1.25rem);
  margin-right: 1.25rem;
}
body[wc-view-type="pc"] section.news div.news_block > article{
  width: calc(275px - 1rem);
  margin-right: 1rem;
}
section.news div.news_block > article > div.news_text{
  display: flex;
  flex-direction: column-reverse;
  padding: 1rem 0.5rem;
  box-sizing: border-box;
}
section.news div.news_block > article > div.news_text h1{
  color: #fff;
  font-weight: 300;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  z-index: 1;
  padding-right: 1.5rem;
  box-sizing: border-box;
  height: 1.5rem;
}
section.news div.news_block > article > div.news_text h1::after{
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 1.4rem;
  mask-size: 1.4rem;
  width: 1.4rem;
  height: 1.4rem;
  background-color: #fff;
}
section.news div.news_block > article > div.news_text time{
  font-size: 0.95rem;
  line-height: 1em;
  color: #fff;
  font-weight: 300;
  text-align: right;
  margin-bottom: 0.5rem;
}
section.news div.news_block > article > figure{
}
section.news div.news_block > article > figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.news div.news_block > article > figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[wc-view-type="sp"] section.news div.news_block > article > figure img{
  height: 40vw;
}
body[wc-view-type="tb"] section.news div.news_block > article > figure img{
  height: 29vw;
}
body[wc-view-type="tb-l"] section.news div.news_block > article > figure img{
  height: 30vw;
}
body[wc-view-type="pc"] section.news div.news_block > article > figure img{
  height: 204px;
}
section.news div.news_block > article a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
section.news div.btn{
}
body[wc-view-type="sp"] section.news div.btn{
  margin-left: auto;
  margin-top: 1rem;
  margin-right: 7vw;
}
body[wc-view-type="tb"] section.news div.btn,
body[wc-view-type="tb-l"] section.news div.btn{
  margin-left: auto;
  margin-top: 1.35rem;
  margin-right: 8vw;
}
body[wc-view-type="pc"] section.news div.btn{
  margin-left: auto;
  margin-top: 1.5rem;
  margin-right:0;
}
/*コンセプト*/
section.concept{
  background-color: #fff;
  padding-bottom: calc(var(--headerHeight) * 1.5);
}
body[wc-view-type="sp"] section.concept{
  padding-bottom: calc(var(--headerHeight) * 1.5);
  padding-top: var(--headerHeight);
}
body[wc-view-type="pc"] section.concept{
  padding-bottom: calc(var(--headerHeight) * 1.5);
  padding-top: var(--headerHeight);
}
section.concept div.concept_t_block{
  display: flex;
}
body[wc-view-type="sp"] section.concept div.concept_t_block,
body[wc-view-type="tb"] section.concept div.concept_t_block{
  flex-direction: column;
}
body[wc-view-type="tb-l"] section.concept div.concept_t_block,
body[wc-view-type="pc"] section.concept div.concept_t_block{
  margin: 0 auto;
}
body[wc-view-type="tb-l"] section.concept div.concept_t_block{
  width: 84vw;
}
body[wc-view-type="pc"] section.concept div.concept_t_block{
  width: 1100px;
}
section.concept div.concept_t_block div.c_text_box{
}
body[wc-view-type="pc"] section.concept div.concept_t_block div.c_text_box{
  width: 45%;
}
body[wc-view-type="sp"] section.concept div.concept_t_block div.c_text_box{
  width: 86vw;
  margin: 0 auto;
}
body[wc-view-type="tb"] section.concept div.concept_t_block div.c_text_box{
  width: 84vw;
  margin: 0 auto;
}
body[wc-view-type="tb-l"] section.concept div.concept_t_block div.c_text_box{
  width: 50%;
}
section.concept div.concept_t_block div.c_text_box p.c_title{
  font-size: 1.75rem;
  line-height: 2.5rem;
  color: #333;
  margin-bottom: 1.5rem;
  opacity: 0;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
section.concept div.concept_t_block div.c_text_box p.c_title.wcvisible{
  opacity: 1;
}
body[wc-view-type="pc"] section.concept div.concept_t_block div.c_text_box p.c_title{
  font-size: 1.75rem;
  line-height: 2.8rem;
  margin-bottom: 1.5rem;
}
section.concept div.concept_t_block div.c_text_box p.c_title span.color{
  color: #2fb2cf;
  font-size: 2rem;
}
section.concept div.concept_t_block div.c_text_box p.c_text{
  font-weight: 300;
  margin-bottom: 1rem;
  line-height: 1.8rem;
  box-sizing: border-box;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
  opacity: 0;
}
section.concept div.concept_t_block div.c_text_box p.c_text.wcvisible{
  opacity: 1;
}
body[wc-view-type="sp"] section.concept div.concept_t_block div.c_text_box p.c_text{
}
body[wc-view-type="tb-l"] section.concept div.concept_t_block div.c_text_box p.c_text{
  padding: 0 2rem 0 0;
}
body[wc-view-type="pc"] section.concept div.concept_t_block div.c_text_box p.c_text{
  padding: 0 5rem 0 0;
}
section.concept div.concept_t_block div.c_text_box p.c_text:last-of-type{
  margin-bottom: 0;
}
section.concept div.c_img{
  display: flex;
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.concept div.c_img,
body[wc-view-type="tb"] section.concept div.c_img{
  flex-direction: column;
  width: 100%;
  margin-top: 1.5rem;
}
body[wc-view-type="sp"] section.concept div.c_img{
  padding: 0 7vw;
}
body[wc-view-type="tb"] section.concept div.c_img{
  padding: 0 8vw;
}
body[wc-view-type="tb-l"] section.concept div.c_img,
body[wc-view-type="pc"] section.concept div.c_img{
  align-items: flex-start;
}
body[wc-view-type="tb-l"] section.concept div.c_img{
  width: 50%;
}
body[wc-view-type="pc"] section.concept div.c_img{
  width: 55%;
}
section.concept div.c_img > figure{
}
section.concept div.c_img > figure.c_img01,
section.concept div.c_img > figure.c_img02{
  position: relative;
  z-index: 1;
  transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0s, 0s;
}

section.concept div.c_img > figure.c_img01::after,
section.concept div.c_img > figure.c_img02::after{
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  transition: -webkit-all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}
section.concept div.c_img > figure.c_img01::after{
  left: 0;
  right: 0;
}
section.concept div.c_img > figure.c_img02::after{
  right: 0;
  left: 0;
}
section.concept div.c_img.wcvisible > figure.c_img01::after{
  right: 100%;
  width: 0;
}
section.concept div.c_img.wcvisible > figure.c_img02::after{
  left: 100%;
  width: 0;
}
section.concept div.c_img > figure.c_img01{
  transform: translateX(-1rem);
}
section.concept div.c_img > figure.c_img02{
  transform: translateX(1rem);
}
section.concept div.c_img.wcvisible > figure.c_img01,
section.concept div.c_img.wcvisible > figure.c_img02{
  transform: translateX(0);
}
section.concept div.c_img.wcvisible > figure.c_img01{
}
body[wc-view-type="sp"] section.concept div.c_img > figure.c_img01,
body[wc-view-type="tb"] section.concept div.c_img > figure.c_img01{
  width: 55%;
}
body[wc-view-type="sp"] section.concept div.c_img > figure.c_img01{
  height: 50vw;
}
body[wc-view-type="tb-l"] section.concept div.c_img > figure.c_img01{
  width: 55%;
  margin-top: auto;
  height: 23vw;
}
body[wc-view-type="pc"] section.concept div.c_img > figure.c_img01{
  width: 55%;
  margin-top: auto;
  height: 370px;
}
body[wc-view-type="sp"] section.concept div.c_img > figure.c_img02,
body[wc-view-type="tb"] section.concept div.c_img > figure.c_img02{
  width: 40%;
  margin-left: auto;
  margin-top: -17vw;
}
body[wc-view-type="sp"] section.concept div.c_img > figure.c_img02{
  margin-top: -25vw;
  height: 40vw;
}
body[wc-view-type="tb-l"] section.concept div.c_img > figure.c_img02{
  width: 40%;
  margin-left: auto;
  height: 18vw;
}
body[wc-view-type="pc"] section.concept div.c_img > figure.c_img02{
  width: 40%;
  margin-left: auto;
  margin-top: -7rem;
  height: 230px;
}
section.concept div.c_img > figure > picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.concept div.c_img > figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*施設紹介*/
div.facility_wrap{
  position: relative;
  z-index: 1;
}
div.facility_wrap > div.fixed_img{
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  z-index: -1;
  box-sizing: border-box;
}
body[wc-view-type="sp"] div.facility_wrap > div.fixed_img{
  height: 70vw;
}
body[wc-view-type="tb"] div.facility_wrap > div.fixed_img{
  height: 50vw;
}
body[wc-view-type="tb-l"] div.facility_wrap > div.fixed_img{
  height: 450px;
}
body[wc-view-type="pc"] div.facility_wrap > div.fixed_img{
  height: 450px;
}
div.facility_wrap > div.fixed_img figure{
  position: relative;
  z-index: 1;
  background-color: rgba(47,178,207,0.5);
}
div.facility_wrap > div.fixed_img figure::before {
  content: "";
  background-color: rgba(47,178,207,0.5);
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
div.facility_wrap > div.fixed_img figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
div.facility_wrap > div.fixed_img figure img{
  width: 100%;
  object-fit: cover;
}
body[wc-view-type="sp"] div.facility_wrap > div.fixed_img figure img{
  height: 70vw;
}
body[wc-view-type="tb"] div.facility_wrap > div.fixed_img figure img{
  height: 50vw;
}
body[wc-view-type="tb-l"] div.facility_wrap > div.fixed_img figure img{
  height: 450px;
}
body[wc-view-type="pc"] div.facility_wrap > div.fixed_img figure img{
  height: 450px;
}
div.facility_wrap > div.fixed_img p.fixed_text{
  position: absolute;
  top: calc(50% - 4vw);
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
  color: #fff;
  transition: opacity 0.75s ease,filter 1.5s ease;
  -webkit-transition: opacity 0.75s ease,filter 1.5s ease;
  filter: blur(10px);
}
div.facility_wrap > div.fixed_img p.fixed_text.wcvisible{
  opacity: 1;
  filter: blur(0);
}
body[wc-view-type="sp"] div.facility_wrap > div.fixed_img p.fixed_text{
  top: calc(50% - 4vw);
}
body[wc-view-type="tb"] div.facility_wrap > div.fixed_img p.fixed_text{
  top: calc(50% - 4.5vw);
}
body[wc-view-type="pc"] div.facility_wrap > div.fixed_img p.fixed_text{
  top:calc(50% - 20px);
}
div.facility_wrap > div.fixed_img p.fixed_text > span{
  text-align: center;
  display: block;
  white-space: nowrap;
}
div.facility_wrap > div.fixed_img p.fixed_text span.f_top_text03{
  line-height: 1em;
}
body[wc-view-type="sp"] div.facility_wrap > div.fixed_img p.fixed_text span.f_top_text01{
  font-size: 7vw;
}
body[wc-view-type="sp"] div.facility_wrap > div.fixed_img p.fixed_text span.f_top_text02{
  font-size: 5vw;
}
body[wc-view-type="sp"] div.facility_wrap > div.fixed_img p.fixed_text span.f_top_text03{
  font-size: 9vw;
}
body[wc-view-type="tb"] div.facility_wrap > div.fixed_img p.fixed_text span.f_top_text01{
  font-size: 5vw;
}
body[wc-view-type="tb"] div.facility_wrap > div.fixed_img p.fixed_text span.f_top_text02{
  font-size: 3vw;
}
body[wc-view-type="tb"] div.facility_wrap > div.fixed_img p.fixed_text span.f_top_text03{
  font-size: 7.1vw;
}
body[wc-view-type="tb-l"] div.facility_wrap > div.fixed_img p.fixed_text span.f_top_text01{
  font-size: 2.5rem;
}
body[wc-view-type="tb-l"] div.facility_wrap > div.fixed_img p.fixed_text span.f_top_text02{
  font-size: 1.5rem;
}
body[wc-view-type="tb-l"] div.facility_wrap > div.fixed_img p.fixed_text span.f_top_text03{
  font-size: 3.5rem;
}
body[wc-view-type="pc"] div.facility_wrap > div.fixed_img p.fixed_text span.f_top_text01{
  font-size: 2.5rem;
}
body[wc-view-type="pc"] div.facility_wrap > div.fixed_img p.fixed_text span.f_top_text02{
  font-size: 2rem;
}
body[wc-view-type="pc"] div.facility_wrap > div.fixed_img p.fixed_text span.f_top_text03{
  font-size: 3rem;
}
div.facility_wrap section.facility_block{
  background-color: #fff;
  padding: var(--headerHeight) 0;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}
body[wc-view-type="tb"] div.facility_wrap section.facility_block,
body[wc-view-type="tb-l"] div.facility_wrap section.facility_block{
  padding: var(--headerHeight) 8vw;
}
body[wc-view-type="pc"] div.facility_wrap section.facility_block{
  padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}
div.facility_wrap section.facility_block::before{
  content: "";
  position: absolute;
  width: 100vw;
  z-index: 2;
  background-color: #fff;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  left: 0;
  right: 0;
}
body[wc-view-type="sp"] div.facility_wrap section.facility_block::before{
  height: 15.6vw;
  top: calc((15.6vw - 1px) * -1);
  -webkit-mask-image: url("/img/svg/sp_deco_left_down.svg?202311221707");
  mask-image: url("/img/svg/sp_deco_left_down.svg?202311221707");
}
body[wc-view-type="tb"] div.facility_wrap section.facility_block::before{
  height: 13.5vw;
  top: calc((13vw - 1px) * -1);
  -webkit-mask-image: url("/img/svg/tb_deco_left_down.svg?202311221718");
  mask-image: url("/img/svg/tb_deco_left_down.svg?202311221718");
}
body[wc-view-type="tb-l"] div.facility_wrap section.facility_block::before{
  height: 141.5px;
  top: -140.5px;
  -webkit-mask-image: url("/img/svg/tb_deco_left_down.svg?202311221718");
  mask-image: url("/img/svg/tb_deco_left_down.svg?202311221718");
}
body[wc-view-type="pc"] div.facility_wrap section.facility_block::before{
  height: 128px;
  top: -128px;
  -webkit-mask-image: url("/img/svg/pc_deco_left_down.svg?202311221840");
  mask-image: url("/img/svg/pc_deco_left_down.svg?202311221840");
}
div.facility_wrap section.facility_block figure.fish_right,
div.facility_wrap section.facility_block figure.fish_left{
  position: absolute;
  z-index: -1;
  opacity: 0.5;
}
div.facility_wrap section.facility_block figure.fish_right{
  top: 0;
  right: 3vw;
  width: 66px;
}
body[wc-view-type="tb"] div.facility_wrap section.facility_block figure.fish_right,
body[wc-view-type="tb-l"] div.facility_wrap section.facility_block figure.fish_right{
  top: 0;
  right: 4vw;
  width: 15vw;
}
body[wc-view-type="pc"] div.facility_wrap section.facility_block figure.fish_right{
  width: 120px;
  right: calc((100vw - 1100px) / 2);
}
div.facility_wrap section.facility_block figure.fish_left{
  bottom: calc(39.1px + 1.5rem + var(--headerHeight));
  left: 3vw;
  width: 73px;
}
body[wc-view-type="sp"] div.facility_wrap section.facility_block figure.fish_left{
  bottom: calc(1.5rem + 45vw +var(--headerHeight));
}
body[wc-view-type="tb"] div.facility_wrap section.facility_block figure.fish_left,
body[wc-view-type="tb-l"] div.facility_wrap section.facility_block figure.fish_left{
  bottom: calc(var(--headerHeight) + 230px + 4rem);
  left: 4vw;
  width: 10vw;
}
body[wc-view-type="pc"] div.facility_wrap section.facility_block figure.fish_left{
  width: 105px;
  left: calc((100vw - 1100px) / 2);
  bottom: calc(var(--headerHeight) + 230px + 5rem);
}
div.facility_wrap section.facility_block figure.fish_right picture,
div.facility_wrap section.facility_block figure.fish_left picture{
  width: 100%;
  height: 100%;
  display: block;
}
div.facility_wrap section.facility_block figure.fish_right img,
div.facility_wrap section.facility_block figure.fish_left img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
div.facility_wrap section.facility_block div.contents_title{
  padding-left: 0;
}
body[wc-view-type="sp"] div.facility_wrap section.facility_block div.contents_title{
  padding-left: 7vw;
}
div.facility_wrap section.facility_block > article{
  display: flex;
  position: relative;
  z-index: 1;
  margin-bottom: var(--headerHeight);
}
body:not([wc-view-type="sp"]) div.facility_wrap section.facility_block > article:nth-of-type(even){
  flex-direction: row-reverse;
}
div.facility_wrap section.facility_block > article:last-of-type{
  margin-bottom: 0;
}
div.facility_wrap section.facility_block > article p.deco{
  position: absolute;
  top: 0;
  padding: 0 0.5rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
div.facility_wrap section.facility_block > article p.deco::before,
div.facility_wrap section.facility_block > article p.deco::after{
  content: "";
  width: 1px;
  background-color: #333;
  position: absolute;
  top: 0;
  transition: all 0.75s ease;
  -webkit-transition: all 0.75s ease;
  height: 0;
}
div.facility_wrap section.facility_block > article p.deco::before{
  left: 0;
}
div.facility_wrap section.facility_block > article p.deco::after{
  right: 0;
}
div.facility_wrap section.facility_block > article p.deco.wcvisible::before,
div.facility_wrap section.facility_block > article p.deco.wcvisible::after{
  height: 100%;
}
body[wc-view-type="sp"] div.facility_wrap section.facility_block > article p.deco{
  height: 50vw;
  width: 50px;
}
body[wc-view-type="sp"] div.facility_wrap section.facility_block > article:nth-of-type(odd) p.deco{
  left: 7vw;
}
body[wc-view-type="sp"] div.facility_wrap section.facility_block > article:nth-of-type(even) p.deco{
  right: 7vw;
}
body[wc-view-type="tb"] div.facility_wrap section.facility_block > article p.deco{
  width: 60px;
  height: 165px;
}
body[wc-view-type="tb"] div.facility_wrap section.facility_block > article:nth-of-type(odd) p.deco{
  left: 0vw;
}
body[wc-view-type="tb"] div.facility_wrap section.facility_block > article:nth-of-type(even) p.deco{
  right: 0vw;
}
body[wc-view-type="tb-l"] div.facility_wrap section.facility_block > article p.deco{
  width: 55px;
  height: 165px;
}
body[wc-view-type="tb-l"] div.facility_wrap section.facility_block > article:nth-of-type(odd) p.deco{
  left: 0;
}
body[wc-view-type="tb-l"] div.facility_wrap section.facility_block > article:nth-of-type(even) p.deco{
  right: 0;
}
body[wc-view-type="pc"] div.facility_wrap section.facility_block > article p.deco{
  width: 65px;
  padding: 1rem 0.5rem;
}
body[wc-view-type="pc"] div.facility_wrap section.facility_block > article:nth-of-type(odd) p.deco{
  left: 0;
}
body[wc-view-type="pc"] div.facility_wrap section.facility_block > article :nth-of-type(even) p.deco{
  right: 0;
}
div.facility_wrap section.facility_block > article p.deco > span{
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-weight: 300;
  line-height: 1em;
  color: #333;
  padding-right: 1vw;
  box-sizing: border-box;
  transition: opacity 0.75s 0.5s ease;
  -webkit-transition: opacity 0.75s 0.5s ease;
  opacity: 0;
  white-space:nowrap;
}
div.facility_wrap section.facility_block > article p.deco.wcvisible > span{
  opacity: 1;
}
body[wc-view-type="sp"] div.facility_wrap section.facility_block > article p.deco > span{
  font-size: 2.2rem;
}
body[wc-view-type="tb"] div.facility_wrap section.facility_block > article p.deco > span{
  font-size: 2.1rem;
  padding-right: 5px;
}
body[wc-view-type="tb-l"] div.facility_wrap section.facility_block > article p.deco > span{
  font-size: 2.3rem;
  padding-right: 0.1rem;
}
body[wc-view-type="pc"] div.facility_wrap section.facility_block > article p.deco > span{
  font-size: 2.5rem;
  padding-right: 0.3rem;
}
body[wc-view-type="sp"] div.facility_wrap section.facility_block > article{
  flex-direction: column-reverse;
}
div.facility_wrap section.facility_block > article div.f_text{
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
  display: flex;
  flex-direction: column;
}
div.facility_wrap section.facility_block > article div.f_text.wcvisible{
  opacity: 1;
}
body[wc-view-type="sp"] div.facility_wrap section.facility_block > article div.f_text{
  padding: 1rem 7vw;
}
body:not([wc-view-type="sp"]) div.facility_wrap section.facility_block > article div.f_text{
  box-sizing: border-box;
  width: 50%;
}
body[wc-view-type="tb"] div.facility_wrap section.facility_block > article:nth-of-type(odd) div.f_text{
  padding: 1rem 2rem 1rem calc(8vw + 1rem);
}
body[wc-view-type="tb"] div.facility_wrap section.facility_block > article:nth-of-type(even) div.f_text{
  padding: 1rem calc(8vw + 1rem) 1rem 2rem;
}
body[wc-view-type="tb-l"] div.facility_wrap section.facility_block > article:nth-of-type(odd) div.f_text{
  padding: 1.5rem 3rem 1.5rem calc(55px + 1.5rem);
}
body[wc-view-type="tb-l"] div.facility_wrap section.facility_block > article:nth-of-type(even) div.f_text{
  padding: 1.5rem calc(55px + 1.5rem) 1.5rem 3rem;
}
body[wc-view-type="pc"] div.facility_wrap section.facility_block > article:nth-of-type(odd) div.f_text{
  padding: 2rem 4rem 2rem calc(60px + 2rem);
}
body[wc-view-type="pc"] div.facility_wrap section.facility_block > article:nth-of-type(even) div.f_text{
  padding: 2rem calc(60px + 2rem) 2rem 4rem;
}
div.facility_wrap section.facility_block > article div.f_text > h1{
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
body[wc-view-type="pc"] div.facility_wrap section.facility_block > article div.f_text > h1{
  font-size: 1.45rem;
}
div.facility_wrap section.facility_block > article div.f_text > p{
  font-weight: 300;
  color: #333;
  margin-bottom: 1rem;
}
div.facility_wrap section.facility_block > article div.f_text > div.btn{
  margin-left: auto;
  margin-right: 0;
  margin-top: auto;
}
div.facility_wrap section.facility_block > article div.f_img{
  box-sizing: border-box;
}
body[wc-view-type="sp"] div.facility_wrap section.facility_block > article:nth-of-type(odd) div.f_img{
  padding-left: calc(7vw + 50px + 1rem);
  padding-right: 7vw;
}
body[wc-view-type="sp"] div.facility_wrap section.facility_block > article:nth-of-type(even) div.f_img{
  padding-right: calc(7vw + 50px + 1rem);
  padding-left: 7vw;
}
body:not([wc-view-type="sp"]) div.facility_wrap section.facility_block > article div.f_img{
  width: 50%;
}
div.facility_wrap section.facility_block > article div.f_img figure{
}
div.facility_wrap section.facility_block > article div.f_img figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
div.facility_wrap section.facility_block > article div.f_img figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[wc-view-type="sp"] div.facility_wrap section.facility_block > article div.f_img figure img{
  height: 50vw;
}
body[wc-view-type="pc"] div.facility_wrap section.facility_block > article div.f_img figure img{
  height: 350px;
}
div.facility_all{
  position: relative;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
div.facility_all.wcvisible{
  opacity: 1;
}
body[wc-view-type="sp"] div.facility_all{
  width: 86vw;
  margin: 0 auto;
  height: 45vw;
}
body[wc-view-type="tb"] div.facility_all{
  height: 210px;
  margin-top: 3rem;
}
body[wc-view-type="tb-l"] div.facility_all,
body[wc-view-type="pc"] div.facility_all{
  height: 230px;
  width: 600px;
  margin: 3rem auto 0;
}
div.facility_all a{
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(47,178,207,0.5);
  text-decoration: none;
}
div.facility_all a span.f_all_text{
  color: #fff;
  text-align: center;
}
div.facility_all a span.f_all_text::before{
  content: "About the facility";
  font-family: "Jost";
  color: #fff;
  font-weight: 500;
  display: block;
  font-size: 2.5rem;
}
body[wc-view-type="sp"] div.facility_all a span.f_all_text::before{
  font-size: 2.2rem;
}
div.facility_all a span.f_all_text > span{
  font-size: 1.45rem;
  position: relative;
  z-index: 1;
  display: table;
  padding-right: 2.5rem;
  margin: 0 auto;
}
body[wc-view-type="sp"] div.facility_all a span.f_all_text > span{
  font-size: 1.25rem;
}
div.facility_all a span.f_all_text > span::after{
  content: "";
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 1.4rem;
  mask-size: 1.4rem;
  width: 1.4rem;
  height: 1.4rem;
  background-color: #fff;
}
div.facility_all figure{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
div.facility_all figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
div.facility_all figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*カレンダー*/
div.calendar{
  background-color: #fff;
  padding: var(--headerHeight) 0;
  box-sizing: border-box;
  width: 100vw;
  position: relative;
  z-index: 2;
}
body[wc-view-type="sp"] div.calendar{
  padding: 0 7vw var(--headerHeight) 7vw;
}
body[wc-view-type="tb"] div.calendar,
body[wc-view-type="tb-l"] div.calendar{
  padding: 0 8vw var(--headerHeight) 8vw;
}
body[wc-view-type="pc"] div.calendar{
  padding: 0 calc((100vw - 1100px) / 2) var(--headerHeight) calc((100vw - 1100px) / 2);
}
div.calendar article{
}
div.calendar article div.contents_title{
  padding-left: 0;
}
div.calendar_flex{
  display: flex;
}
body[wc-view-type="sp"] div.calendar_flex{
 flex-direction: column;
}
div.calendar article div.calendar_flex{
  display: flex;
}
body[wc-view-type="sp"] div.calendar article div.calendar_flex,
body[wc-view-type="tb"] div.calendar article div.calendar_flex{
  flex-direction: column;
}
body[wc-view-type="tb-l"] div.calendar article div.calendar_flex > div{
  width: calc(50% - 0.5rem);
}
body[wc-view-type="pc"] div.calendar article div.calendar_flex > div{
  width: calc(50% - 1rem);
}
body[wc-view-type="tb-l"] div.calendar article div.calendar_flex > div.calendar01{
  margin-right: 0.5rem;
}
body[wc-view-type="pc"] div.calendar article div.calendar_flex > div.calendar01{
  margin-right: 1rem;
}
body[wc-view-type="sp"] div.calendar article div.calendar_flex > div.calendar02,
body[wc-view-type="tb"] div.calendar article div.calendar_flex > div.calendar02{
  margin-top: 1rem;
}
body[wc-view-type="tb-l"] div.calendar article div.calendar_flex > div.calendar02{
  margin-left: 0.5rem;
}
body[wc-view-type="pc"] div.calendar article div.calendar_flex > div.calendar02{
  margin-left: 1rem;
}
body[wc-view-type="tb"] div.calendar article div.calendar_flex > div:only-of-type,
body[wc-view-type="tb-l"] div.calendar article div.calendar_flex > div:only-of-type{
  width: 90%;
  margin: 0 auto;
}
body[wc-view-type="pc"] div.calendar article div.calendar_flex > div:only-of-type{
  width: 800px;
  margin: 0 auto;
}
div.calendar article div.calendar_flex > div figure{
}
div.calendar article div.calendar_flex > div picture{
  width: 100%;
  height: 100%;
  display: block;
}
div.calendar article div.calendar_flex > div figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[wc-view-type="sp"] div.calendar article div.calendar_flex > div figure img{
  height: 85vw;
}
body[wc-view-type="tb"] div.calendar article div.calendar_flex > div figure img{
  height: 84vw;
}
body[wc-view-type="tb-l"] div.calendar article div.calendar_flex > div figure img{
  height: 41vw;
}
body[wc-view-type="pc"] div.calendar article div.calendar_flex > div figure img{
  height: 528px;
}
body[wc-view-type="tb-l"] div.calendar article div.calendar_flex > div:only-of-type figure img{
  height: 75vw;
}
body[wc-view-type="pc"] div.calendar article div.calendar_flex > div:only-of-type figure img{
  height: 791px;
}
/*ピックアップ*/
article.pickup_block{
  margin-top: calc(var(--headerHeight) / 2);
}
article.pickup_block div.contents_title{
  padding-left: 0;
}
article.pickup_block > div.pick_up_flex{
  display: flex;
}
body[wc-view-type="tb"] article.pickup_block > div.pick_up_flex,
body[wc-view-type="tb-l"] article.pickup_block > div.pick_up_flex,
body[wc-view-type="pc"] article.pickup_block > div.pick_up_flex{
  flex-wrap: wrap;
}
body[wc-view-type="sp"] article.pickup_block > div.pick_up_flex{
  flex-direction: column;
}
body[wc-view-type="tb"] article.pickup_block > div.pick_up_flex,
body[wc-view-type="tb-l"] article.pickup_block > div.pick_up_flex,
body[wc-view-type="pc"] article.pickup_block > div.pick_up_flex{
  align-items: flex-start;
}
article.pickup_block > div.pick_up_flex div.pick_up_box{
}
body[wc-view-type="sp"] article.pickup_block > div.pick_up_flex div.pick_up_box{
  margin-bottom: 1.25rem;
}
body[wc-view-type="sp"] article.pickup_block > div.pick_up_flex div.pick_up_box:last-of-type{
  margin-bottom: 0;
}
body[wc-view-type="tb"] article.pickup_block > div.pick_up_flex div.pick_up_box,
body[wc-view-type="tb-l"] article.pickup_block > div.pick_up_flex div.pick_up_box{
  width: calc(50% - 0.5rem);
}
body[wc-view-type="pc"] article.pickup_block > div.pick_up_flex div.pick_up_box{
  width: calc(50% - 1rem);
}
body[wc-view-type="tb"] article.pickup_block > div.pick_up_flex div.pick_up_box:nth-of-type(1),
body[wc-view-type="tb-l"] article.pickup_block > div.pick_up_flex div.pick_up_box:nth-of-type(1){
  margin-right: 0.5rem;
  margin-bottom: 1rem;
}
body[wc-view-type="tb"] article.pickup_block > div.pick_up_flex div.pick_up_box:nth-of-type(2),
body[wc-view-type="tb-l"] article.pickup_block > div.pick_up_flex div.pick_up_box:nth-of-type(2){
  margin-left: 0.5rem;
  margin-bottom: 1rem;
}
body[wc-view-type="tb"] article.pickup_block > div.pick_up_flex div.pick_up_box:nth-of-type(3),
body[wc-view-type="tb-l"] article.pickup_block > div.pick_up_flex div.pick_up_box:nth-of-type(3){
  margin-right: 0.5rem;
}
body[wc-view-type="tb"] article.pickup_block > div.pick_up_flex div.pick_up_box:nth-of-type(4),
body[wc-view-type="tb-l"] article.pickup_block > div.pick_up_flex div.pick_up_box:nth-of-type(4){
  margin-left: 0.5rem;
}
body[wc-view-type="pc"] article.pickup_block > div.pick_up_flex div.pick_up_box:nth-of-type(1){
  margin-right: 1rem;
  margin-bottom: 2rem;
}
body[wc-view-type="pc"] article.pickup_block > div.pick_up_flex div.pick_up_box:nth-of-type(2){
  margin-left: 1rem;
  margin-bottom: 2rem;
}
body[wc-view-type="pc"] article.pickup_block > div.pick_up_flex div.pick_up_box:nth-of-type(3){
  margin-right: 1rem;
}
body[wc-view-type="pc"] article.pickup_block > div.pick_up_flex div.pick_up_box:nth-of-type(4){
  margin-left: 1rem;
}
article.pickup_block > div.pick_up_flex div.pick_up_box span{
  display: table;
  margin: 0.25rem 0 0.5rem auto;
  line-height: 1em;
  padding-right: 1.5rem;
  position: relative;
  z-index: 1;
}
article.pickup_block > div.pick_up_flex div.pick_up_box span::after{
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  background-color: #333;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
article.pickup_block > div.pick_up_flex div.pick_up_box a{
  display: flex;
  flex-direction: column-reverse;
  text-decoration: none;
  color: #333;
}
article.pickup_block > div.pick_up_flex div.pick_up_box figure{
}
article.pickup_block > div.pick_up_flex div.pick_up_box figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
article.pickup_block > div.pick_up_flex div.pick_up_box figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[wc-view-type="sp"] article.pickup_block > div.pick_up_flex div.pick_up_box figure img{
  height: 37.5vw;
}
body[wc-view-type="tb"] article.pickup_block > div.pick_up_flex div.pick_up_box figure img{
  height: 17vw;
}
body[wc-view-type="tb-l"] article.pickup_block > div.pick_up_flex div.pick_up_box figure img{
  height: 16vw;
}
body[wc-view-type="pc"] article.pickup_block > div.pick_up_flex div.pick_up_box figure img{
  height: 233px;
}
/*観光スポット*/
section.spot{
  padding: calc(var(--headerHeight) * 1.5) 0;
  box-sizing: border-box;
  background-color: #2fb2cf;
  position: relative;
  z-index: 1;
  display: flex;
}
body[wc-view-type="sp"] section.spot{
  padding: calc(var(--headerHeight) * 1.5) 7vw;
  flex-direction: column;
}
body[wc-view-type="tb-l"] section.spot,
body[wc-view-type="tb"] section.spot{
  padding: calc(var(--headerHeight) * 1.5) 8vw;
}
body[wc-view-type="pc"] section.spot{
  padding: calc(var(--headerHeight) * 1.5) calc((100vw - 1100px) / 2);
}
section.spot > div.spot_text{
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.spot > div.spot_text{
  padding-bottom: 1rem;
}
body:not([wc-view-type="sp"]) section.spot > div.spot_text{
  display: flex;
  flex-direction: column;
}
body[wc-view-type="tb"] section.spot > div.spot_text,
body[wc-view-type="tb-l"] section.spot > div.spot_text{
  width: 50%;
  padding-right: 2rem;
}
body[wc-view-type="pc"] section.spot > div.spot_text{
  width:550px;
  padding-right: 4rem;
}
section.spot > div.spot_text div.contents_title{
  padding-left: 0;
}
section.spot > div.spot_text p{
  color: #fff;
  line-height: 1.8rem;
  font-weight: 300;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
section.spot > div.spot_text p.wcvisible{
  opacity: 1;
}
body[wc-view-type="pc"] section.spot > div.spot_text > p{
  padding-left: 1rem;
}
section.spot > div.spot_text div.btn{
  opacity: 0;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
section.spot > div.spot_text div.btn.wcvisible{
  opacity: 1;
}
body[wc-view-type="sp"] section.spot > div.spot_text div.btn{
  margin-left: auto;
  margin-top: 1rem;
}
body[wc-view-type="tb"] section.spot > div.spot_text div.btn{
  margin-top: auto;
}
body[wc-view-type="tb"] section.spot > div.spot_text div.btn a{
  margin-left: auto;
}
body[wc-view-type="tb-l"] section.spot > div.spot_text div.btn{
  margin-top: auto;
  margin-left: auto;
  margin-bottom: 1.5rem;
}
body[wc-view-type="pc"] section.spot > div.spot_text div.btn{
  margin-top: auto;
  margin-left: auto;
  margin-bottom: 2rem;
}
section.spot > figure.tizu{
  position: absolute;
  z-index: -1;
  opacity: 0.3;
}
body[wc-view-type="sp"] section.spot > figure.tizu{
  top: calc(var(--headerHeight) / 2);
  right: 3.5vw;
  width: 62.5vw;
}
body[wc-view-type="tb"] section.spot > figure.tizu{
  width: 32vw;
  left: 20%;
  top: calc(var(--headerHeight) / 1.5);
  z-index: -1;
}
body[wc-view-type="tb-l"] section.spot > figure.tizu{
  width: 320px;
  left: 190px;
  top: calc(var(--headerHeight) / 1.5);
  z-index: -1;
}
body[wc-view-type="pc"] section.spot > figure.tizu{
  width: 380px;
  left: 45%;
  top: calc(var(--headerHeight) / 1.5);
  transform: translateX(-50%);
  z-index: -1;
}
section.spot > div.spot_slider{
  box-sizing: border-box;
}
body[wc-view-type="tb"] section.spot > div.spot_slider,
body[wc-view-type="tb-l"] section.spot > div.spot_slider{
  width: 50%;
}
body[wc-view-type="pc"] section.spot > div.spot_slider{
  width: 550px;
  padding-right: 4rem;
}
section.spot > div.spot_slider div.spot_img{
}
section.spot > div.spot_slider div.spot_img figure{
}
section.spot > div.spot_slider div.spot_img picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.spot > div.spot_slider div.spot_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[wc-view-type="sp"] section.spot > div.spot_slider div.spot_img img{
  height: 60vw;
}
section.spot > figure.tizu picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.spot > figure.tizu img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*インスタグラム*/
section.insta{
  padding: calc(var(--headerHeight) * 1.5) 0;
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.insta{
  padding: calc(var(--headerHeight) * 1.5) 7vw;
}
body[wc-view-type="tb"] section.insta,
body[wc-view-type="tb-l"] section.insta{
  padding: calc(var(--headerHeight) * 1.5) 8vw;
}
body[wc-view-type="pc"] section.insta{
  padding: calc(var(--headerHeight) * 1.5) calc((100vw - 1100px) / 2);
}
section.insta > div.insta_text{
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
body[wc-view-type="sp"] section.insta > div.insta_text{
  padding-bottom: 1rem;
}
body[wc-view-type="tb"] section.insta > div.insta_text{
  padding-bottom: 1.5rem;
}
body[wc-view-type="tb-l"] section.insta > div.insta_text,
body[wc-view-type="pc"] section.insta > div.insta_text{
  width: 450px;
  padding-bottom: 1.5rem;
}
section.insta > div.insta_text div.contents_title{
  padding-left: 0;
}
section.insta > div.insta_text > p{
  font-weight: 300;
  opacity: 0;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
  padding: 0 1rem;
  box-sizing: border-box;
}
section.insta > div.insta_text > p.wcvisible{
  opacity: 1;
}
section.insta > div.insta_text span.insta_circle{
  position: absolute;
  right: 0;
  top: -1rem;
  z-index: -1;
  -webkit-mask-image: url("/img/svg/insta_circle.svg");
  mask-image: url("/img/svg/insta_circle.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  background: linear-gradient(45deg, rgba(254,212,117,1) 0%,rgba(229,61,93,1) 50%,rgba(194,49,134,1) 70%,rgba(156,56,187,1) 100%);
  opacity: 0.5;
  width: 35vw;
  height: 35vw;
}
body[wc-view-type="sp"] section.insta > div.insta_text span.insta_circle{
  width: 35vw;
  height: 35vw;
}
body[wc-view-type="tb"] section.insta > div.insta_text span.insta_circle{
  width: 25vw;
  height: 25vw;
}
body[wc-view-type="tb-l"] section.insta > div.insta_text span.insta_circle{
  width: 180px;
  height: 180px;
}
body[wc-view-type="pc"] section.insta > div.insta_text span.insta_circle{
  width: 180px;
  height: 180px;
}
section.insta div.insta_s_wrap{
}
body[wc-view-type="pc"] section.insta div.insta_s_wrap{
  width: 100%;
}
section.insta div.insta_s_wrap div.insta_slider div.i_slider_box{
}
body[wc-view-type="sp"] section.insta div.insta_s_wrap div.insta_slider div.i_slider_box{
  width: 51vw;
  margin: 0 0.5rem;
}
body:not([wc-view-type="sp"]) section.insta div.insta_s_wrap div.insta_slider div.i_slider_box{
  width: 250px;
  margin: 0 0.5rem;
}
section.insta div.insta_s_wrap div.insta_slider div.i_slider_box figure{
}
section.insta div.insta_s_wrap div.insta_slider div.i_slider_box figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.insta div.insta_s_wrap div.insta_slider div.i_slider_box figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[wc-view-type="pc"] section.insta div.insta_s_wrap div.insta_slider div.i_slider_box figure img{
  height: 250px !important;
}
section.insta div.btn{
  margin-left: auto;
  margin-top: 1rem;
}
/*アクセス*/
section.access{
  padding: calc(var(--headerHeight) * 1.5) 0;
  background-color: #2fb2cf;
  box-sizing: border-box;
  display: flex;
}
body:not([wc-view-type="pc"]) section.access{
  flex-direction: column;
}
body[wc-view-type="sp"] section.access{
  padding: calc(var(--headerHeight) * 1.5) 7vw calc(var(--headerHeight) * 1.5) 7vw;
}
body[wc-view-type="tb"] section.access,
body[wc-view-type="tb-l"] section.access{
  padding: calc(var(--headerHeight) * 1.5) 8vw;
}
body[wc-view-type="pc"] section.access{
  padding: calc(var(--headerHeight) * 1.5) calc((100vw - 1100px) / 2) calc(var(--headerHeight) + 54px);
  align-items: start;
}
section.access div.contents_title{
  padding-left: 0;
}
body[wc-view-type="pc"] section.access div.contents_title{
  width: 250px;
}
section.access div.access_box{
  padding: 1rem;
  box-sizing: border-box;
  display: flex;
  border: solid 1px #fff;
}
body[wc-view-type="sp"] section.access div.access_box{
  flex-direction: column;
}
body[wc-view-type="tb-l"] section.access div.access_box{
  padding: 1.5rem;
  position: relative;
  z-index: 5;
}
body[wc-view-type="pc"] section.access div.access_box{
  padding: 2rem;
  width: 850px;
}
section.access div.access_box div.access_text{
  box-sizing: border-box;
}
body:not([wc-view-type="sp"]) section.access div.access_box div.access_text{
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
body[wc-view-type="tb"] section.access div.access_box div.access_text{
  padding-right: 1rem;
}
body[wc-view-type="tb-l"] section.access div.access_box div.access_text{
  padding: 1.5rem;
  padding-left: 0;
}
body[wc-view-type="pc"] section.access div.access_box div.access_text{
  padding: 1.5rem;
  padding-left: 0;
}
section.access div.access_box div.access_text div.add{
}
section.access div.access_box div.access_text div.add span.add_num{
  padding-left: 2rem;
  position: relative;
  z-index: 1;
  color: #fff;
  line-height: 2em;
  display: block;
  font-weight: 300;
}
section.access div.access_box div.access_text div.add span.add_num::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2rem;
  height: 2rem;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #fff;
  z-index: 2;
}
section.access div.access_box div.access_text div.add span.add_num > span{
  display: inline-block;
  margin-right: 0.25rem;
  font-weight: 300;
}
section.access div.access_box div.access_text div.add address{
  color: #fff;
  font-weight: 300;
  padding-left: 2rem;
  box-sizing: border-box;
}
section.access div.access_box div.access_text div.add span.hosoku{
  color: #fff;
  font-weight: 300;
  font-size: 0.9rem;
  padding-left: 2rem;
  box-sizing: border-box;
}
section.access div.access_box div.access_text div.tel{
}
section.access div.access_box div.access_text div.tel a{
  display: block;
  padding-left: 2rem;
  box-sizing: border-box;
  font-family: "Number";
  position: relative;
  z-index: 1;
  line-height: 32px;
  font-size: 1.2rem;
  height: 32px;
  text-decoration: none;
  font-weight: 700;
  color: #fff;
}
section.access div.access_box div.access_text div.tel a::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2rem;
  height: 2rem;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #fff;
  z-index: 2;
}
section.access div.access_box div.access_text dl.open_time{
}
body[wc-view-type="pc"] section.access div.access_box div.access_text dl.open_time{
  margin-bottom: 1rem;
}
section.access div.access_box div.access_text dl.open_time dt,
section.access div.access_box div.access_text dl.open_time dd{
  padding-left: 2rem;
  box-sizing: border-box;
  color: #fff;
}
section.access div.access_box div.access_text dl.open_time dt{
  position: relative;
  z-index: 1;
  height: 32px;
  line-height: 32px;
}
section.access div.access_box div.access_text dl.open_time dt::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2rem;
  height: 2rem;
  -webkit-mask-image: url("/img/svg/time.svg");
  mask-image: url("/img/svg/time.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #fff;
  z-index: 2;
}
section.access div.access_box div.access_text div.btn_block{
  display: flex;
}
body[wc-view-type="sp"] section.access div.access_box div.access_text div.btn_block,
body[wc-view-type="tb"] section.access div.access_box div.access_text div.btn_block{
  flex-direction: column;
  padding-bottom: 1rem;
  align-items: center;
}
body[wc-view-type="pc"] section.access div.access_box div.access_text div.btn_block{
  box-sizing: border-box;
  justify-content: space-between;
}
section.access div.access_box div.access_text div.btn_block div.btn{
  opacity: 0;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
section.access div.access_box div.access_text div.btn_block div.btn.wcvisible{
  opacity: 1;
}
body[wc-view-type="sp"] section.access div.access_box div.access_text div.btn_block div.btn,
body[wc-view-type="tb"] section.access div.access_box div.access_text div.btn_block div.btn{
  margin-top: 1rem;
}
section.access div.access_box div.access_text div.btn_block div.btn a{
}
body[wc-view-type="sp"] section.access div.access_box div.access_text div.btn_block div.btn a{
  width: 180px;
}
body[wc-view-type="tb"] section.access div.access_box div.access_text div.btn_block div.btn a{
  width: 195px;
}
body[wc-view-type="tb-l"] section.access div.access_box div.access_text div.btn_block div.btn:nth-of-type(1){
  margin-left: auto;
  margin-right: 0.75rem;
}
body[wc-view-type="tb-l"] section.access div.access_box div.access_text div.btn_block div.btn:nth-of-type(2){
  margin-left: 0.75rem;
  margin-right: auto;
}
section.access div.access_box div.add_img{
}
body:not([wc-view-type="sp"]) section.access div.access_box div.add_img{
  width: 50%;
}
section.access div.access_box div.add_img figure{
}
section.access div.access_box div.add_img figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.access div.access_box div.add_img figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[wc-view-type="pc"] section.access div.access_box div.add_img figure img{
}
/*関連サイト*/
section.municipality{
  padding: calc(var(--headerHeight) * 1.5) 0;
  background-color: #fff;
  box-sizing: border-box;
   width: 100vw;
}
body[wc-view-type="sp"] section.municipality{
  padding: calc(var(--headerHeight) * 1.5) 0 15.6vw 7vw;
}
body[wc-view-type="tb"] section.municipality{
  padding: calc(var(--headerHeight) * 1.5) 0 13vw 8vw;
}
body[wc-view-type="tb-l"] section.municipality{
  padding: calc(var(--headerHeight) * 1.5) 0 133px 8vw;
}
body[wc-view-type="pc"] section.municipality{
  padding: calc(var(--headerHeight) * 1.5) calc((100vw - 1100px) / 2) 128px calc((100vw - 1100px) / 2);
}
section.municipality div.contents_title{
  padding-left: 0;
}
section.municipality div.btn{
  opacity: 0;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
section.municipality div.btn.wcvisible{
  opacity: 1;
}
body[wc-view-type="sp"] section.municipality div.btn,
body[wc-view-type="tb"] section.municipality div.btn{
  margin-left: auto;
}
body[wc-view-type="sp"] section.municipality div.btn{
  margin-top: 1rem;
  margin-right: 7vw;
}
body[wc-view-type="tb"] section.municipality div.btn,
body[wc-view-type="tb-l"] section.municipality div.btn{
  margin-top: 1.5rem;
  margin-right: 8vw;
  margin-left: auto;
}
body[wc-view-type="pc"] section.municipality div.btn{
  margin-left: auto;
  margin-top: 1.5rem;
}
section.municipality div.municipality_list{
  overflow-x: auto !important;
  -ms-overflow-style: none;
  display: flex;
  box-sizing: border-box;
}
section.municipality div.municipality_list div.municipality_box{
  flex: none;
  margin-right: 1.25rem;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
body[wc-view-type="sp"] section.municipality div.municipality_list div.municipality_box{
  width: 51vw;
  margin-right: 1.25rem;
}
body[wc-view-type="tb"] section.municipality div.municipality_list div.municipality_box{
  width: calc(300px - 1.25rem);
  margin-right: 1.25rem;
}
body[wc-view-type="pc"] section.municipality div.municipality_list div.municipality_box{
  width: calc(275px - 1rem);
  margin-right: 1rem;
}
section.municipality div.municipality_list div.municipality_box figure{
}
section.municipality div.municipality_list div.municipality_box figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.municipality div.municipality_list div.municipality_box figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section.municipality div.municipality_list div.municipality_box div.municipality_text{
}
section.municipality div.municipality_list div.municipality_box div.municipality_text > p{
  font-size: 1.2rem;
  position: relative;
  z-index: 1;
  padding: 0.75rem calc(0.75rem + 1.4rem) 0.75rem 0.75rem;
  overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
section.municipality div.municipality_list div.municipality_box div.municipality_text > p::after{
  content: "";
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 1.4rem;
  mask-size: 1.4rem;
  width: 1.4rem;
  height: 1.4rem;
  background-color: #333;
}
section.municipality div.municipality_list div.municipality_box a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
/*バナーエリア*/
div.banner_area{
	background-color: #fff;
	box-sizing: border-box;
}
body[wc-view-type="sp"] div.banner_area{
  padding: calc(var(--headerHeight) * 1.5) 0 0 0;
}
body[wc-view-type="tb"] div.banner_area{
  padding: calc(var(--headerHeight) * 1.5) 0 0 0;
}
body[wc-view-type="tb-l"] div.banner_area{
  padding: calc(var(--headerHeight) * 1.5) 0 0 0;
}
body[wc-view-type="pc"] div.banner_area{
   padding: calc(var(--headerHeight) * 1.5) calc((100vw - 1100px) / 2) 0 calc((100vw - 1100px) / 2);
}
div.banner_area div.banner_slider{
}
div.banner_area div.banner_slider div.banner_box{
  width: 275px !important;
  margin: 0 0.5rem;
}
div.banner_area div.banner_slider div.banner_box a{
  display: block;
  text-decoration: none;
  position: relative;
  z-index: 10;
}
div.banner_area div.banner_slider div.banner_box a picture{
  display: block;
  width: 100%;
  height: 100%;
}
div.banner_area div.banner_slider div.banner_box a img{
  width: 100%;
  height: 140px !important;
  object-fit: cover;
}
div.banner_area div.banner_slider div.banner_box a > p{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333;
  padding: 0.5rem 2rem 0 1rem;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
div.banner_area div.banner_slider div.banner_box a > p::after{
  content: "";
  position: absolute;
  right: 0.5rem;
  top: calc(50% + 0.35rem);
  transform: translateY(-50%);
  z-index: 1;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  width: 1.2rem;
  height: 1.2rem;
  background-color: #333;
}
/*トップ一番下空ボックス*/
div.box_kara{
  background-color: #fff;
}
body[wc-view-type="sp"] div.box_kara{
  padding-bottom: calc(26vw + 1rem);
}
body[wc-view-type="tb"] div.box_kara{
  padding-bottom: calc(26vw + 1rem);
}
body[wc-view-type="tb-l"] div.box_kara{
  padding-bottom: calc(12vw + 1rem);
}
body[wc-view-type="pc"] div.box_kara{
  padding-bottom: calc(12vw + 1rem);
}