@charset "UTF-8";

/*----------------------------------------

　style

-----------------------------------------*/
#content.inner p {
  color: #121212;
}
#content.inner .mainimg,
#content.inner .img {
  position: relative;
}
#content.inner .caption {font-size: 10px;position: absolute;right: 10px;bottom: 3px;color: #fff;}
#content.inner .visual {height: 568px;width: 1208px;margin: 0 auto;flex-direction: column;background: url(../img/img_visual.jpg) no-repeat center center / cover;}
#content.inner .visual h1 {width: 424px;mix-blend-mode: multiply;}
#content.inner .visual h1 img {
}
#content.inner .visual .text {font-size: 18px;text-align: center;letter-spacing: 0.15em;margin-top: 34px;line-height: 1.8em;}
#content.inner .visual .caption {color: #000;font-size: 10px; }
#content.inner .content .submenu {position: sticky;left: 0;top: 120px;width: 230px;display: flex;flex-direction: column;gap: 18px;border-top: 1px solid #3c8c61;padding-top: 32px;}
#content.inner .content .submenu a {display: block;font-size: 13px;line-height: 1.6em;letter-spacing: 0.1em;color: #121212;position: relative;opacity: 0.3;}
#content.inner .content .submenu.point1 a:nth-child(1),
#content.inner .content .submenu.point2 a:nth-child(2),
#content.inner .content .submenu.point3 a:nth-child(3) { opacity: 1; }
#content.inner .content .submenu a::after {content: "";display: block;position: absolute;right: 17px;top: 50%;width: 8px;height: 8px;border-radius: 10px;background: #3B8C60;transform: translate(0, -50%);opacity: 0;transition: 0.3s ease all;}
#content.inner .content .submenu.point1 a:nth-child(1)::after,
#content.inner .content .submenu.point2 a:nth-child(2)::after,
#content.inner .content .submenu.point3 a:nth-child(3)::after { opacity: 1; }

#content.inner .content .submenu a span {display: block;color: #3B8C60;line-height: 1.6em;}
#content.inner .content {width: 1208px;margin: 0 auto;margin-top: 56px;box-sizing: border-box;position: relative;display: flex;justify-content: space-between;align-items: start;padding-bottom: 100px;}
#content.inner .content .sec_wrap {
  width: 946px
}
#content.inner .content .sec {background: #FFFCF2;padding: 80px 80px 88px 80px;}
#content.inner .content .sec >.inner {
}
#content.inner .content .sec .mainimg {
}
#content.inner .content .sec .mainimg img {
}
#content.inner .content .sec .mainimg .caption {}
#content.inner .content .sec h2 {font-size: 36px;text-align: center;color: #3B8C60;letter-spacing: 0.05em;margin-top: 40px;line-height: 1.5em;margin-top: 50px;}
#content.inner .content .sec .lead {text-align: center;font-size: 20px;color: #3B8C60;letter-spacing: 0.1em;}
#content.inner .content .sec .text {text-align: center;font-size: 14px;letter-spacing: 0.1em;margin-top: 26px;}
#content.inner .content .sec .box {background: #fff;border-radius: 8px;box-shadow: 0px 4px 4px 0px #00000017;padding: 48px 35px;margin-top: 50px;}
#content.inner .content .sec .box .title {text-align: center;font-size: 14px;border: 1px solid #E7E7E7;letter-spacing: 0.1em;padding: 1px 0;}
#content.inner .content .sec .box .img {margin-top: 25px;}
#content.inner .content .sec .box .img img {
}
#content.inner .content .sec .box .note {font-size: 10px;line-height: 1.5em;margin-top: 20px;}
#content.inner .content .sec .box.box2 {margin-top: 50px;}
#content.inner .content .sec .box.box2 .title {
}
#content.inner .content .sec .box.box2 .img {
}
#content.inner .content .sec .box.box2 .img img {
}
#content.inner .content .sec .box.box2 .note {
}
#content.inner .content .sec.point2 {margin-top: 60px;}
#content.inner .content .sec.point2 >.inner {
}
#content.inner .content .sec.point2 .mainimg {
}
#content.inner .content .sec.point2 .mainimg img {
}
#content.inner .content .sec.point2 .mainimg .caption {/* color: #000; */}
#content.inner .content .sec.point2 h2 {
}
#content.inner .content .sec.point2 .lead {
}
#content.inner .content .sec.point2 ul {display: flex;flex-wrap: wrap;gap: 24px;margin-top: 84px;}
#content.inner .content .sec.point2 ul li {background: linear-gradient(218.3deg, #49999F 120.7%, #3B8C60 441.83%);width: calc(50% - 12px);box-sizing: border-box;padding: 26px;}
#content.inner .content .sec.point2 ul li .img {
}
#content.inner .content .sec.point2 ul li .img img {
}
#content.inner .content .sec.point2 ul li .img .caption {right: 10px;bottom: 3px;font-size: 10px;color: #121212;}
#content.inner .content .sec.point2 ul li .title {text-align: center;color: #fff;font-size: 21px;margin-top: 6px;}
#content.inner .content .sec.point2 ul li .text {color: #fff;font-size: 12px;margin-top: 0;line-height: 1.5em;text-align: center;}
#content.inner .content .sec.point3 {margin-top: 60px;}
#content.inner .content .sec.point3 >.inner {
}
#content.inner .content .sec.point3 .mainimg {
}
#content.inner .content .sec.point3 .mainimg img {
}
#content.inner .content .sec.point3 .mainimg .caption {
}
#content.inner .content .sec.point3 h2 {
}
#content.inner .content .sec.point3 .lead {
}
#content.inner .content .sec.point3 .box {padding: 60px 75px;margin-top: 50px;}
#content.inner .content .sec.point3 .box .img {
}
#content.inner .content .sec.point3 .box .img img {
}
#content.inner .content .sec.point3 .box .bt_more {display: block;text-align: center;background: #49999F;color: #fff;font-size: 16px;letter-spacing: 0.3em;width: 430px;margin: 55px auto 0 auto;padding: 10px 0;border-radius: 100px;}
#content.inner .content .sec.point3 .box .note {margin-top: 40px;}
#content.inner .content .sec.point3 .box .price {border: 1px solid #4a999f;margin-top: 80px;padding: 19px 0 24px 0;}
#content.inner .content .sec.point3 .box .price .title {border: none;color: #fff;background: #1EA19E;font-size: 18px;}
#content.inner .content .sec.point3 .box .price img {width: 470px;margin: 20px auto 0 auto;}
#content.inner .content .sec.point3 .box .price .text {font-size: 10px;text-align: left;line-height: 1.2em;margin-top: 15px;text-align: center;}
#content.inner .content .sec.point3 .box ol {display: flex;flex-wrap: wrap;gap: 24px;margin-top: 40px;}
#content.inner .content .sec.point3 .box ol li {background: linear-gradient(218.3deg, #49999F 120.7%, #3B8C60 441.83%);width: calc(50% - 12px);box-sizing: border-box;padding: 0 27px;display: flex;align-items: start;justify-content: space-between;height: 122px;align-items: center;}
#content.inner .content .sec.point3 .box ol li .label {color: #fff;font-size: 12px;line-height: 1em;letter-spacing: 0.1em;}
#content.inner .content .sec.point3 .box ol li .label span {color: #fff;line-height: 1em;display: block;text-align: center;font-size: 44px;margin-top: 7px;}
#content.inner .content .sec.point3 .box ol li .text {font-size: 13px;text-align: left;color: #fff;line-height: 1.6em;width: calc(100% - 80px);margin-top: 0;letter-spacing: 0;}
#content.inner .content .sec.point3 .box ol li .text strong {
  color: #FFFB00;
  font-weight: normal;
}
#content.inner .content .bt_reservation {display: block;width: 580px;text-align: center;background: #c1361f;margin: 50px auto 0 auto;font-size: 21px;color: #fff;letter-spacing: 0.2em;padding: 24px 0;border-radius: 10px;box-shadow: 2px 2px 3px #00000045;}
#content.inner .content .sec.point3 .bt_reservation {margin-top: 64px;}

@media screen and (max-width: 768px) {
  footer {
    padding-bottom: 220px;    
  }
  .scrolltop {
    bottom: 162px;
  }
  #content.inner p {
    color: #121212;
  }
  #content.inner .mainimg,
  #content.inner .img {
    position: relative;
  }
  #content.inner .caption {font-size: 10px;position: absolute;right: 10px;bottom: 3px;color: #fff;}
  #content.inner .visual {height: auto;width: auto;margin: 15px;flex-direction: column;background: url(../img/img_visual.jpg) no-repeat center center / cover;padding: 115px 0;}
  #content.inner .visual h1 {width: 228px;mix-blend-mode: multiply;}
  #content.inner .visual h1 img {
  }
  #content.inner .visual .text {font-size: 13px;text-align: center;letter-spacing: 0.1em;margin-top: 17px;line-height: 1.8em;!;!i;!;}
  #content.inner .visual .caption {color: #000;font-size: 10px;text-shadow: none;}
  #content.inner .content .submenu {position: fixed;left: 0;top: auto;bottom: 75px;width: 100%;display: flex;flex-direction: row;gap: 0;border-top: 1px solid #3c8c61;background: #fff;z-index: 500;padding-top: 0;}
  #content.inner .content .submenu a {display: block;font-size: 9px;line-height: 1.2em;letter-spacing: 0.1em;color: #121212;position: relative;opacity: 0.3;width: calc(100% / 3);text-align: center;padding: 20px 0 0 0;height: 66px;box-sizing: border-box;border-left: 1px solid #E3E3E3;}
  #content.inner .content .submenu a:nth-child(1) {
    border-left: none;
  }
  #content.inner .content .submenu.point1 a:nth-child(1),
  #content.inner .content .submenu.point2 a:nth-child(2),
  #content.inner .content .submenu.point3 a:nth-child(3) { opacity: 1; }
  #content.inner .content .submenu a::after {content: "";display: block;position: absolute;right: auto;left: 50%;top: 10px;width: 4px;height: 4px;border-radius: 10px;background: #3B8C60;transform: translate(-50%, 0);opacity: 0;transition: 0.3s ease all;}
  #content.inner .content .submenu.point1 a:nth-child(1)::after,
  #content.inner .content .submenu.point2 a:nth-child(2)::after,
  #content.inner .content .submenu.point3 a:nth-child(3)::after { opacity: 1; }
  
  #content.inner .content .submenu a span {display: block;color: #3B8C60;line-height: 1.6em;margin-bottom: 2px;}
  #content.inner .content {width: auto;margin: 0 auto;margin-top: 15px;box-sizing: border-box;position: relative;display: flex;justify-content: space-between;align-items: start;padding-bottom: 0px;}
  #content.inner .content .sec_wrap {
    width: 100vw;
  }
  #content.inner .content .sec {background: #FFFCF2;padding: 35px 15px 36px 15px;}
  #content.inner .content .sec >.inner {
  }
  #content.inner .content .sec .mainimg {
  }
  #content.inner .content .sec .mainimg img {
  object-fit: cover;
  height: 27.5vw;
  }
  #content.inner .content .sec .mainimg .caption {}
  #content.inner .content .sec h2 {font-size: 20px;text-align: center;color: #3B8C60;letter-spacing: 0.05em;margin-top: 40px;line-height: 1.5em;margin-top: 28px;}
  #content.inner .content .sec .lead {text-align: center;font-size: 14px;color: #3B8C60;letter-spacing: 0.1em;line-height: 1.5em;margin-top: 3px;}
  #content.inner .content .sec .text {text-align: left;font-size: 12px;letter-spacing: 0.1em;margin-top: 12px;line-height: 1.7em;padding: 0 10px;}
  #content.inner .content .sec .box {background: #fff;border-radius: 8px;box-shadow: 0px 2px 2px 0px #00000017;padding: 20px 10px;width: calc(100vw - 50px);margin-top: 30px;}
  #content.inner .content .sec .box .title {text-align: center;font-size: 11px;border: 1px solid #E7E7E7;letter-spacing: 0;padding: 1px 0;}
  #content.inner .content .sec .box .img {margin-top: 15px;padding: 0 0 10px 0;position: relative;}
  #content.inner .content .sec .box .img img {
  }
  #content.inner .content .sec .box .note {font-size: 9px;line-height: 1.5em;margin-top: 5px;margin-left: 5px;margin-right: 5px;}
  #content.inner .content .sec .box.box2 {margin-top: 15px;}
  #content.inner .content .sec .box.box2 .title {
  }
  #content.inner .content .sec .box.box2 .img {
  }
  #content.inner .content .sec .box.box2 .img img {
  }
  #content.inner .content .sec .box.box2 .note {
  }
  #content.inner .content .sec.point2 {margin-top: 20px;}
  #content.inner .content .sec.point2 >.inner {
  }
  #content.inner .content .sec.point2 .mainimg {
  }
  #content.inner .content .sec.point2 .mainimg img {
  }
  #content.inner .content .sec.point2 .mainimg .caption {/* color: #000; */}
  #content.inner .content .sec.point2 h2 {
  }
  #content.inner .content .sec.point2 .lead {
  }
  #content.inner .content .sec.point2 ul {display: flex;flex-wrap: wrap;gap: 12px 24px;margin: 30px 10px;flex-direction: column;}
  #content.inner .content .sec.point2 ul li {background: linear-gradient(218.3deg, #49999F 120.7%, #3B8C60 441.83%);width: auto;box-sizing: border-box;padding: 22px 22px 20px 22px;}
  #content.inner .content .sec.point2 ul li .img {
  }
  #content.inner .content .sec.point2 ul li .img img {
  }
  #content.inner .content .sec.point2 ul li .img .caption {right: 5px;bottom: 3px;font-size: 10px;color: #121212;top: auto;}
  #content.inner .content .sec.point2 ul li .title {text-align: center;color: #fff;font-size: 16px;margin-top: 6px;}
  #content.inner .content .sec.point2 ul li .text {color: #fff;font-size: 11px;margin-top: 0;line-height: 1.5em;}
  #content.inner .content .sec.point3 {margin-top: 20px;}
  #content.inner .content .sec.point3 >.inner {
  }
  #content.inner .content .sec.point3 .mainimg {
  }
  #content.inner .content .sec.point3 .mainimg img {
  }
  #content.inner .content .sec.point3 .mainimg .caption {
  }
  #content.inner .content .sec.point3 h2 {
  }
  #content.inner .content .sec.point3 .lead {
  }
  #content.inner .content .sec.point3 .box {padding: 20px 10px;margin-top: 50px;}
  #content.inner .content .sec.point3 .box .img {
  padding: 5px 10px 0 10px;
  width: calc(100% - 20px);
  margin-top: 0;
  }
  #content.inner .content .sec.point3 .box .img img {
  width: 100%;
  }
  #content.inner .content .sec.point3 .box .bt_more {
  display: block;
  text-align: center;
  background: #49999F;
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.2em;
  width: 215px;
  margin: 50px auto 0 auto;
  padding: 5px 0;
  border-radius: 100px;
  }
  #content.inner .content .sec.point3 .box .note {margin-top: 40px;}
  #content.inner .content .sec.point3 .box .price {border: 1px solid #4a999f;margin: 28px 5px 0 5px;padding: 12px 0px 15px 0px;}
  #content.inner .content .sec.point3 .box .price .title {border: none;color: #fff;background: #1EA19E;font-size: 13px;}
  #content.inner .content .sec.point3 .box .price img {width: 92%;margin: 16px auto 0 auto;}
  #content.inner .content .sec.point3 .box .price .text {font-size: 9px;text-align: left;line-height: 1.2em;margin: 12px 0 0 0;}
  #content.inner .content .sec.point3 .box ol {display: flex;flex-wrap: wrap;gap: 10px;margin: 31px 5px 0 5px;}
  #content.inner .content .sec.point3 .box ol li {background: linear-gradient(218.3deg, #49999F 120.7%, #3B8C60 441.83%);width: auto;box-sizing: border-box;padding: 0 40px;display: flex;align-items: start;justify-content: space-between;height: 106px;align-items: center;}
  #content.inner .content .sec.point3 .box ol li .label {color: #fff;font-size: 12px;line-height: 1em;letter-spacing: 0.1em;}
  #content.inner .content .sec.point3 .box ol li .label span {color: #fff;line-height: 1em;display: block;text-align: center;font-size: 44px;margin-top: 4px;}
  #content.inner .content .sec.point3 .box ol li .text {font-size: 12px;text-align: left;color: #fff;line-height: 1.6em;width: calc(100% - 80px);margin: 0;letter-spacing: 0;padding: 0;}
  #content.inner .content .bt_reservation {display: block;width: 82%;text-align: center;background: #c1361f;margin: 25px auto 0 auto;font-size: 16px;color: #fff;letter-spacing: 0.2em;padding: 14px 0;border-radius: 6px;box-shadow: 2px 2px 3px #00000045;}
  #content.inner .content .sec.point3 .bt_reservation {margin-top: 34px;}
}