/*adobeフォントロード
------------------------------*/
html {
    visibility: hidden;
}
html.wf-active,
html.loading-delay {
    visibility: visible;
}

/*ページトップ画像
------------------------*/
.page_top_wrap {
  padding-top: 65px;
}
.page_top {
  position: relative;
  background-image: url(../../img/pool/img_1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.page_top::before {
  content: '';
  display: block;
  padding-top: 36.9%;
}

/*コンテンツ
------------------------*/
body{
  line-height: 1.9285;
}
h2{
  font-size: 18px;
  letter-spacing: 3.6px;
}
.line{
  width: 100%;
  height: 1px;
  display: inline-block;
  background-color: #707070;
}
.kaigyo{
  display: inline-block;
}
.note_title {
    line-height: 1;
    margin-bottom: 70px;
}
.note_title span {
    display: block;
}
.note_title .jp {
    text-align: center;
    padding-bottom: 20px;
}
.note_title .note_title_line{
  width: 40px;
  border-bottom: 1px solid #666;
  margin-left: auto;
  margin-right: auto;
}
.note_title .en {
  text-align: center;
    font-size: 16px;
    margin-top: 20px;
}


.pool {
  padding-top: 120px;
}
.intro {
  padding-bottom: 120px;
}
.instraction h1{
  font-size: 28px;
  letter-spacing: 5.6px;
}
.divider {
  height: 1px;
  background-color: #333;
}

.image_wrap {
  position: relative;
  width: 100%;
} 
.image_wrap::before {
  content: '';
  display: block;
  padding-top: 100%;
}
.image_wrap .pool_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.pool_video{
  max-width: 1100px;
  margin-top: 120px;
  margin-left: auto;
  margin-right: auto;
}
.top_video{
  width: 100%;
  height: 100%;
}
.top_video source{
  width: 100%;
  height: 100%;
}
.pool_top_text{
  text-align: center;
  margin-top: 112px;
  margin-bottom: 90px;
}
.pool_top_text h2{
  font-size: 18px;
  letter-spacing: 3.6px;
  line-height: 1;
  margin-bottom: 40px;
}
.pool_top_text p{
  margin-bottom: 27px;
}
.pool_top_text p:last-child{
  margin-bottom: 0;
}

.pic3_wrap{
  margin-bottom: 120px;
  text-align: center;
}
.pic3_wrap p{
  margin-top: 40px;
}

.pool_slider_container{
width: 100%;
  overflow: hidden;
}
.pool_slider {
  width: 100%;
  height: auto;
}
.pool_slider .swiper-wrapper{
  transition-timing-function: linear;
}
.pool_item .image_wrap::before{
  padding-top: 63.9%;
}
.pool_slider:not(.swiper-container-initialized) .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 45px;
}


.overview_wrap{
  background-color: #EFEFEF;
  padding-top: 80px;
  padding-bottom: 90px;
  margin-bottom: 150px;
}
.overview_list{
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.overview_list dl{
  display: flex;
  border-bottom: 1px solid #666;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.overview_list dl:first-child{
  padding-top: 20px;
  border-top: 1px solid #666;
}
.overview_list dl dt{
  width: 22%;
  min-width: 176px;
  padding-left: 30px;
}
.overview_list .overview_list_ex li{
  margin-bottom: 8px;
  line-height: 1.42;
  text-indent: -1em;
   padding-left: 1em;
}
.overview_list .overview_list_ex li:last-child{
  margin-bottom: 0;
}
.overview_list .overview_list_note {
  display: flex;
  justify-content: flex-end;
  font-size: 85.7%;
}

.private_wrap{
  margin-bottom: 150px;
  display: flex;
  gap: 90px;
}
.private_image{
  margin-left: calc(50% - 50vw);
}
.private_image.image_wrap::before{
  padding-top: 62.1%;
}
.private_text{
  max-width: 50%;
  margin-top: 90px;
}
.private_text h2{
  font-size: 18px;
  letter-spacing: 3.6px;
  line-height: 1.8;
  margin-bottom: 40px;
}
.private_text p{
  margin-bottom: 27px;
}
.private_text p:last-child{
  margin-bottom: 0;
}

.bath_top_wrap{
  display: flex;
  align-items: flex-end;
  gap: 90px;
}
.bath_top_wrap .bath_text{
  max-width: 50%;
}
.bath_top_wrap .bath_text h2{
  font-size: 18px;
  letter-spacing: 3.6px;
  line-height: 1;
  margin-bottom: 40px;
}
.bath_top_wrap .bath_text p{
  margin-bottom: 27px;
}
.bath_top_wrap .bath_text p:last-child{
  margin-bottom: 0;
}
.bath_sunset_wrap{
  margin-top: 90px;
  margin-bottom: 130px;
  text-align: center;
}
.bath_top_wrap .bath_image{
  width: calc(100% + 90px);
  margin: 0 -90px 0 0;
}
.bath_sunset_wrap .bath_sunset_image.image_wrap::before{
  padding-top: 48.3%;
}
.bath_sunset_wrap p{
  margin-top: 40px;
}

.enjoy_container{
  background-color: #EFEFEF;
  padding-top: 110px;
  padding-bottom: 190px;
}
.sec_cont_title{
  line-height: 1;
  margin-bottom: 81px;
}
.sec_cont_title span{
  display: block;
}
.sec_cont_title .en{
  text-align: center;
  font-size: 16px;
  letter-spacing: 1.92px;
  margin-bottom: 30px;
}
.sec_cont_title .ja{
  text-align: center;
  font-size: 28px;
  letter-spacing: 5.6px;
}

.enjoy_list_wrap{
  display: flex;
  flex-wrap: wrap;
  gap: 45px;
  margin-bottom: 23px;
}
.enjoy_list_item{
  width: calc((100% - 90px) / 3);
  margin-bottom: 70px;
}
.enjoy_list_image_wrap{
  position: relative;
}
.enjoy_list_image_wrap .enjoy_icon{
  width: 40px;
  height: 40px;
  position: absolute;
  margin-top: 2px;
  margin-left: 2px;
  z-index: 2;
}
.enjoy_list_image_wrap .enjoy_icon:nth-child(2){
  left: 42px;
}
.enjoy_list_image_wrap .enjoy_icon:nth-child(3){
  left: 84px;
}
.enjoy_list_item .enjoy_list_image.image_wrap::before{
  padding-top: 67.6%;
}
.enjoy_list_item p{
  margin: 25px 0 18px 0;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 3.2px;
  line-height: 1;
}
.enjoy_list_item p:last-child{
  margin: 0;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 2.8px;
  line-height: 1.9825;
}

.enjoy_more{
  padding-bottom: 190px;
}
.enjoy_more._mobile{
  display: none;
}
.enjoy_more_title {
    max-width: 510px;
    line-height: 1;
    margin-bottom: 40px;
}
.enjoy_more_title span {
    display: block;
}
.enjoy_more_title .jp {
    border-bottom: 1px solid #666;
    padding-bottom: 10px;
}
.enjoy_more_title .en {
    text-align: right;
    font-size: 16px;
    letter-spacing: 1.92px;
    margin-top: 10px;
}
.enjoy_more_C{
  display: flex;
  align-items: center;
  border-top: 4px solid #FFF;
}
.enjoy_more_C dt{
  width: 16%;
  position: relative;
  padding-left: 37px;
  font-size: 16px;
  letter-spacing: 3.2px;
  font-weight: 500;
  flex-shrink: 0;
}
.enjoy_more_C dt::before{
  content: "";
  width: 24px;  
  height: 26px;
  background-image: url(../../img/pool/SVG/icon_10.svg); 
  background-repeat:  no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 0;
  top: calc(50% - 13px);
}
.enjoy_more_C dd ul{
  display: block;
  margin-bottom: 0;
}
.enjoy_more_C dd ul li{
  border-top: 2px solid #FFF;
  display: flex;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}
.enjoy_more_C dd ul li:first-child{
  border: none;
}
.enjoy_more_C dd ul li p:first-child{
  width: 23%;
  display: block;
  flex-shrink: 0;
  padding-left: 70px;
  font-size: 14px;
  letter-spacing: 2.8px;
  font-weight: 500;
  position: relative;
}
.enjoy_more_C dd ul li:first-child p:first-child::before{
  content: "";
  width: 15px;  
  height: 47px;
  background-image: url(../../img/pool/SVG/icon_12.svg); 
  background-repeat:  no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 20px;
  top: -10px;
}
.enjoy_more_C dd ul li:nth-child(2) p:first-child::before{
  content: "";
  width: 15px;  
  height: 47px;
  background-image: url(../../img/pool/SVG/icon_13.svg); 
  background-repeat:  no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 20px;
  top: -10px;
}
.enjoy_more_C dd ul li:last-child p:first-child::before{
  content: "";
  width: 15px;  
  height: 47px;
  background-image: url(../../img/pool/SVG/icon_14.svg); 
  background-repeat:  no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 20px;
  top: -10px;
}
.enjoy_more_C dd ul li p:last-child{
  font-size: 14px;
  letter-spacing: 2.8px;
}
.enjoy_more_inventory{
  display: flex;
  align-items: center;
  border-top: 4px solid #FFF;
  border-bottom: 4px solid #FFF;
}
.enjoy_more_inventory dt{
  width: 16%;
  position: relative;
  padding-left: 37px;
  font-size: 16px;
  letter-spacing: 3.2px;
  font-weight: 500;
  flex-shrink: 0;
}
.enjoy_more_inventory dt::before{
  content: "";
  width: 24px;  
  height: 26px;
  background-image: url(../../img/pool/SVG/icon_16.png); 
  background-repeat:  no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 0;
  top: calc(50% - 13px);
}
.enjoy_more_inventory dd ul{
  display: block;
  margin-bottom: 0;
}
.enjoy_more_inventory dd ul li{
  border-top: 2px solid #FFF;
  display: flex;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}
.enjoy_more_inventory dd ul li:first-child{
  border: none;
}
.enjoy_more_inventory dd ul li p:first-child{
  width: 23%;
  display: block;
  flex-shrink: 0;
  padding-left: 18px;
  font-size: 14px;
  letter-spacing: 2.8px;
  font-weight: 500;
}
.enjoy_more_inventory dd ul li p:last-child{
  font-size: 14px;
  letter-spacing: 2.8px;
}


.outline_wrap{
  background-color: #fff;
  padding: 80px 15px;
}
.outline_list{
  max-width: 690px;
  margin-left: auto;
  margin-right: auto;
}
.outline_check._mobile{
  display: none;
}
.outline_check{
  display: flex;
  justify-content: space-between;
}
.outline_people p{
  position:relative;
  font-size: 12px;
  letter-spacing: 1.44px;
  padding-left: 37px;
}
.outline_people p::before{
  content:"";
  width: 27px;  
  height: 21px;
  background-image: url(../../img/pool/SVG/icon_1.svg); 
  background-repeat:  no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 0;
  top: calc(50% - 11px);
}
.outline_breadth p{
  position:relative;
  font-size: 12px;
  letter-spacing: 1.44px;
  padding-left: 33px;
}
.outline_breadth p::before{
  content:"";
  width: 23px;  
  height: 18px;
  background-image: url(../../img/pool/SVG/icon_2.svg); 
  background-repeat:  no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 0;
  top: calc(50% - 9px);
}
.outline_breadth p{
  position:relative;
  font-size: 12px;
  letter-spacing: 1.44px;
  padding-left: 33px;
}
.outline_breadth p::before{
  content:"";
  width: 23px;  
  height: 18px;
  background-image: url(../../img/pool/SVG/icon_2.svg); 
  background-repeat:  no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 0;
  top: calc(50% - 9px);
}
.outline_time p{
  position:relative;
  font-size: 12px;
  letter-spacing: 1.44px;
  padding-left: 30px;
}
.outline_time p::before{
  content:"";
  width: 20px;  
  height: 20px;
  background-image: url(../../img/pool/SVG/icon_3.svg); 
  background-repeat:  no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
}

.outline_installation{
  margin-top: 38px;
}
.outline_subtitle{
  display: flex;
  align-items: center;
}
.outline_subtitle .subtitle_span{
  position: relative;
  padding-left: 38px;
  margin-right: 20px;
  flex-shrink: 0;
}
.outline_subtitle._faci .subtitle_span::before{
  content:"";
  width: 30px;  
  height: 23px;
  background-image: url(../../img/pool/SVG/icon_4.svg); 
  background-repeat:  no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 0;
  top: calc(50% - 15px);
}
.outline_subtitle._ame .subtitle_span::before{
  content:"";
  width: 30px;  
  height: 23px;
  background-image: url(../../img/pool/SVG/icon_5.svg); 
  background-repeat:  no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 5px;
  top: calc(50% - 15px);
}
.outline_subtitle._baby .subtitle_span::before{
  content:"";
  width: 30px;  
  height: 23px;
  background-image: url(../../img/pool/SVG/icon_6.svg); 
  background-repeat:  no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 7px;
  top: calc(50% - 15px);
}

.faci_list,.ame_list,.baby_list{
  font-size: 12px;
  letter-spacing: 1.44px;
  line-height: 1.67;
  margin-top: 13px;
}
.ame_list{
  margin-bottom: 25px;
}
.ame_list span {
  font-size: 10px;
  letter-spacing: 1.2px;
  line-height: 2.1;
}
.faci_note{
  font-size: 10px;
  letter-spacing: 1.2px;
  line-height: 2;
  margin-top: 10px;
}

.outline_facility .faci_note:last-child{
  margin-top: 0;
  margin-bottom: 25px;
}
.outline_line{
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #1C1C1C;
}
.read_more._pool {
    font-size: 16px;
    letter-spacing: 3.2px;
    font-weight: 500;
    align-self: flex-end;
}
.read_more._pool{
  width: 243px;
  margin-top: 70px;
  margin-right: 0;
  margin-left: auto;
}
.read_more._pool .underline {
    display: block;
    padding-right: 15px;
    padding-bottom: 6px;
    position: relative;
    font-family: "ryo-gothic-plusn", sans-serif;
    font-weight: 500;
}
.read_more._pool .underline::after {
    content: "";
    width: 7px;
    height: 13px;
    background-image: url(../../img/common/arrow.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 8px;
    margin: auto;
}

@media screen and (max-width: 1410px){
  .bath_top_wrap .bath_image {
    width: 100%;
    margin: 0;
  }
}

@media screen and (max-width: 1000px){

  .enjoy_list_item{
    width: calc((100% - 45px) / 2);
  }

  .enjoy_more._mobile{
    display: block;
  }
  .enjoy_more._pc{
    display: none;
  }
  .enjoy_more_title .en{
    font-size: 12px;
    letter-spacing: 1.44px;
  }
  .enjoy_more_C{
    display: block;
    border: none;
  }
  .enjoy_more_C_title{
    position: relative;
    font-size: 16px;
    letter-spacing: 3.2px;
    font-weight: 500;
    padding-left: 37px;
    margin-bottom: 15px;
  }
  .enjoy_more_C_title::before{
    content: "";
    width: 24px;  
    height: 26px;
    background-image: url(../../img/pool/SVG/icon_10.svg); 
    background-repeat:  no-repeat;
    background-size: contain;
    display: inline-block;
    position: absolute;
    left: 0;
    top: calc(50% - 13px);
    }
  .enjoy_more_C ul{
    border-top: 4px solid #FFF;
    border-bottom: 4px solid #FFF;
    padding: 5px 0;
  }
  .enjoy_more_C ul li{
    padding-top: 25px;
    padding-bottom: 25px;
    border-top: 2px solid #FFF;
  }
  .enjoy_more_C ul li:first-child{
    border-top: none;
  }
  .enjoy_more_C ul li p{
    padding-left: 43.5px;
  }
  .enjoy_more_C ul li p:first-child{
    position: relative;
    font-weight: 500;
    margin-bottom: 5px;
  }
  .enjoy_more_C ul li p:first-child::before{
    content: "";
    width: 15px;  
    height: 47px;
    background-image: url(../../img/pool/SVG/icon_12.svg); 
    background-repeat:  no-repeat;
    background-size: contain;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 5px;
  }
  .enjoy_more_C ul li:nth-child(2) p:first-child::before{
    content: "";
    width: 15px;  
    height: 47px;
    background-image: url(../../img/pool/SVG/icon_13.svg); 
    background-repeat:  no-repeat;
    background-size: contain;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 5px;
  }
  .enjoy_more_C ul li:last-child p:first-child::before{
    content: "";
    width: 15px;  
    height: 47px;
    background-image: url(../../img/pool/SVG/icon_14.svg); 
    background-repeat:  no-repeat;
    background-size: contain;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 5px;
  }

  .enjoy_more_inventory{
    display: block;
    border: none;
  }
  .enjoy_more_inventory_title{
    position: relative;
    font-size: 16px;
    letter-spacing: 3.2px;
    font-weight: 500;
    padding-left: 37px;
    margin-top: 50px;
    margin-bottom: 15px;
  }
  .enjoy_more_inventory_title::before{
    content: "";
    width: 24px;  
    height: 26px;
    background-image: url(../../img/pool/SVG/icon_16.png); 
    background-repeat:  no-repeat;
    background-size: contain;
    display: inline-block;
    position: absolute;
    left: 0;
    top: calc(50% - 13px);
    }
  .enjoy_more_inventory ul{
    border-top: 4px solid #FFF;
    border-bottom: 4px solid #FFF;
    padding: 5px 0;
  }
  .enjoy_more_inventory ul li{
    padding-top: 25px;
    padding-bottom: 25px;
    border-top: 2px solid #FFF;
  }
  .enjoy_more_inventory ul li:first-child{
    border-top: none;
  }
  .enjoy_more_inventory ul li p:first-child{
    font-weight: 500;
  }
}

@media screen and (max-width: 958px){
  .enjoy_list_wrap{
    gap: 30px;
  }
  .enjoy_list_item{
    width: calc((100% - 30px) / 2);
  }
}

@media screen and (max-width: 768px){
  .page_top::before {
    padding-top: 70%;
  }
  .sec_title{
    margin-bottom: 40px;
  }
  .pool{
    padding-top: 80px;
  }
  .instraction h1{
    font-size: 22px;
    letter-spacing: 4.4px;
  }
  .intro{
    padding-bottom: 40px;
  }

  .pool_video{
    margin-top: 90px;
  }
  .pool_top_text{
    margin-top: 40px;
    margin-bottom: 70px;
  }
  .pool_top_text h2{
    font-size: 16px;
    letter-spacing: 3.2px;
    line-height: 1.8;
    margin-bottom: 30px;
    text-align: left;
  }
  .pool_top_text p{
    text-align: left;
  }

  .pic3_wrap{
    margin-bottom: 70px;
  }
  .pic3_wrap p{
    margin-top: 30px;
    text-align: left;
  }


  .overview_wrap{
    padding-top: 100px;
    padding-bottom: 80px;
    margin-bottom: 70px;
  }
  .overview_list dl{
    flex-direction: column;
    gap: 5px;
    padding-bottom: 23px;
    margin-bottom: 23px;
  }
  .overview_list dl dt{
    width: 100%;
    padding-left: 0;
  }
  .overview_list dl dd{
    padding-left: 26px;
  }
  .overview_list .overview_list_note {
    justify-content: flex-start;
  }
  .note_title{
    margin-bottom: 55px;
  }
  .private_wrap{
    flex-direction: column;
    gap: 50px;
    margin-bottom: 70px;
  }
  .private_image{
    width: 100vw;
    margin-right: calc(50% - 50vw);
  }
  .private_text{
    max-width: 100%;
    margin-top: 0;
  }
  .private_text h2{
    font-size: 16px;
    letter-spacing: 3.2px;
    line-height: 1.8;
    margin-bottom: 30px;
  }
  .bath_top_wrap{
    flex-direction: column-reverse;
    align-items: unset;
    gap: 50px;
  }
  .bath_top_wrap .bath_text{
    max-width: 100%;
  }
  .bath_top_wrap .bath_text h2{
    margin-bottom: 30px;
    font-size: 16px;
    letter-spacing: 3.2px;
    line-height: 1.8;
  }
  .bath_sunset_wrap{
    margin-top: 50px;
    margin-bottom: 80px;
  }
  .bath_sunset_image{
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
  .bath_sunset_wrap p{
    margin-top: 30px;
    text-align: left;
  }

  .enjoy_container{
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .sec_cont_title{
    margin-bottom: 50px;
  }

  .enjoy_more{
    padding-bottom: 70px;
  }

  .container.outline_wrap{
    margin: 0 15px;
    padding-top: 70px;
    padding-bottom: 50px;
  }
  .outline_check._mobile{
    display: block;
  }
  .outline_check._pc{
    display: none;
  }
  .outline_check_sub{
    display: flex;
  }
  .outline_check_sub .outline_people,
  .outline_check_sub .outline_breadth{
    width: 50%;
  }
  .outline_check .outline_time{
    margin-top: 20px;
  }
  .outline_facility .faci_note:last-child{
    margin-bottom: 40px;
  }
  .ame_list{
    margin-bottom: 40px;
  }
  .read_more._pool{
    width: 223px;
    margin-top: 70px;
    font-size: 15px;
  }
}

@media screen and (max-width: 600px){
    .enjoy_list_wrap{
    gap: 50px;
    margin-bottom: 150px;
  }
  .enjoy_list_item{
    width: 100%;
    margin-bottom: 0;
  }
  .enjoy_list_item p{
    margin: 20px 0 13px 0;
    font-size: 15px;
    letter-spacing: 3px;
  }
}