@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

*, *:before, *:after {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* iOSでのデフォルトスタイルをリセット */
input[type=submit],
input[type=button] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
  display: none;
}

input[type=submit]::focus,
input[type=button]::focus {
  outline-offset: -2px;
}

.btn {
  display: inline-block;
  text-decoration: none;
  transition: all 0.6s ease;
}
.btn:hover {
  opacity: 0.8;
}
.btn-arrow-s {
  font-size: clamp(0.56rem, -0.024rem + 1.2vw, 1rem);
  padding: clamp(0.84rem, -0.037rem + 1.8vw, 1.5rem) clamp(1.4rem, 0.024rem + 2.9vw, 2.5rem);
}
@media screen and (max-width: 768px) {
  .btn-arrow-s {
    font-size: calc(16 / 390 * 100vw);
  }
}
.btn-arrow-s:after {
  content: "";
  display: inline-block;
  width: clamp(0.77rem, 0.009rem + 1.6vw, 1.375rem);
  height: clamp(0.56rem, -0.024rem + 1.2vw, 1rem);
  background: url(../img/icon_arrow_r_s.svg) no-repeat center center/100% auto;
  margin-left: clamp(0.35rem, 0.027rem + 0.7vw, 0.625rem);
  transition: all 0.3s ease;
}
@media screen and (max-width: 575px) {
  .btn-arrow-s:after {
    margin-left: calc(10 / 390 * 100vw);
    width: calc(20 / 390 * 100vw);
    height: calc(16 / 390 * 100vw);
  }
}
.btn-arrow-s:hover:after {
  transform: translateX(5px);
}
.btn-arrow-m {
  font-size: clamp(0.56rem, -0.024rem + 1.2vw, 1rem);
  padding: clamp(0.84rem, -0.037rem + 1.8vw, 1.5rem) clamp(1.4rem, 0.024rem + 2.9vw, 2.5rem);
}
@media screen and (max-width: 575px) {
  .btn-arrow-m {
    font-size: calc(16 / 390 * 100vw);
  }
}
.btn-arrow-m:after {
  content: "";
  display: inline-block;
  width: clamp(1.785rem, -0.057rem + 3.8vw, 3.1875rem);
  height: clamp(0.56rem, -0.024rem + 1.2vw, 1rem);
  background: url(../img/icon_arrow_r_m.svg) no-repeat center center/100% auto;
  margin-left: clamp(0.35rem, 0.027rem + 0.7vw, 0.625rem);
  transition: all 0.3s ease;
}
@media screen and (max-width: 575px) {
  .btn-arrow-m:after {
    margin-left: calc(20 / 390 * 100vw);
    width: calc(52 / 390 * 100vw);
    height: calc(16 / 390 * 100vw);
  }
}
.btn-arrow-m:hover:after {
  transform: translateX(5px);
}
.btn-brown {
  background: #C0B79B;
  color: #FFFFFF;
}
.btn-l {
  font-size: clamp(1.19rem, -0.009rem + 2.5vw, 2.125rem);
  padding: clamp(1.015rem, 0.02rem + 2.1vw, 1.8125rem) clamp(2.1rem, -0.006rem + 4.4vw, 3.75rem);
}
@media screen and (max-width: 768px) {
  .btn-l {
    font-size: calc(16 / 390 * 100vw);
  }
}
.btn-wide {
  padding: clamp(0.84rem, -0.037rem + 1.8vw, 1.5rem) clamp(2.31rem, -0.058rem + 4.9vw, 4.125rem);
}
@media screen and (max-width: 575px) {
  .btn-wide {
    padding: calc(14 / 390 * 100vw) calc(71 / 390 * 100vw);
    text-align: center;
  }
}

.fadein {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 1s;
}
.fadein.active {
  opacity: 1;
  transform: translate(0, 0);
}

.blurin {
  opacity: 0;
  -ms-filter: blur(3px);
  filter: blur(3px);
  transition: all 1.5s;
}
.blurin.active {
  opacity: 1;
  -ms-filter: blur(0);
  filter: blur(0);
}

.flex-order-1 {
  order: 1;
}
.flex-order-2 {
  order: 2;
}
.flex-order-3 {
  order: 3;
}
@media screen and (max-width: 575px) {
  .flex-sp-order-1 {
    order: 1;
  }
}
@media screen and (max-width: 575px) {
  .flex-sp-order-2 {
    order: 2;
  }
}
@media screen and (max-width: 575px) {
  .flex-sp-order-3 {
    order: 3;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Noto Sans", "Hiragino Sans", "ヒラギノ角ゴシック", "Yu Gothic", "游ゴシック", Meiryo, sans-serif;
  line-height: 1.375;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #5F5E5E;
  font-size: clamp(0.56rem, -0.024rem + 1.2vw, 1rem);
}
@media screen and (max-width: 768px) {
  body {
    font-size: calc(16 / 390 * 100vw);
  }
}

a {
  text-decoration: none;
  color: #5F5E5E;
  transition: all 0.3s ease;
}

p {
  line-height: 1.8;
  margin-bottom: 2rem;
  text-align: justify;
}

img {
  vertical-align: bottom;
}

.cts {
  padding: 0 clamp(3.5rem, -0.068rem + 7.4vw, 6.25rem);
}
@media screen and (max-width: 768px) {
  .cts {
    padding: 0 calc(40 / 390 * 100vw);
  }
}
.cts-full {
  padding: 0;
}
.cts__inner {
  max-width: 1166px;
  margin: 0 auto;
  padding: clamp(5.25rem, -0.016rem + 11vw, 9.375rem) 0;
}
@media screen and (max-width: 768px) {
  .cts__inner {
    padding: calc(100 / 390 * 100vw) 0;
  }
}
.cts__inner-s {
  max-width: 927px;
  margin: 0 auto;
}
.cts__ttl {
  font-size: clamp(1.54rem, 0.018rem + 3.2vw, 2.75rem);
  font-weight: 400;
  line-height: 1;
  margin-bottom: clamp(3.5rem, -0.068rem + 7.4vw, 6.25rem);
}
@media screen and (max-width: 768px) {
  .cts__ttl {
    font-size: calc(34 / 390 * 100vw);
    margin-bottom: calc(80 / 390 * 100vw);
  }
}
.cts__ttl-s {
  font-size: clamp(1.19rem, -0.009rem + 2.5vw, 2.125rem);
  margin-bottom: clamp(1.75rem, -0.034rem + 3.7vw, 3.125rem);
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .cts__ttl-s {
    font-size: calc(20 / 390 * 100vw);
    margin-bottom: calc(30 / 390 * 100vw);
  }
}
.cts-lower {
  padding: 0 clamp(3.5rem, -0.068rem + 7.4vw, 6.25rem);
}
.cts-lower-full {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .cts-lower {
    padding: 0 calc(40 / 390 * 100vw);
  }
}
.cts-lower__inner {
  max-width: 1166px;
  margin: 0 auto;
  padding: clamp(3.5rem, -0.068rem + 7.4vw, 6.25rem) 0;
}
@media screen and (max-width: 768px) {
  .cts-lower__inner {
    padding: calc(80 / 390 * 100vw) 0;
  }
}
.cts-lower__ttl {
  font-size: clamp(1.19rem, -0.009rem + 2.5vw, 2.125rem);
  font-weight: 400;
  line-height: 1.7;
  margin-bottom: clamp(2.8rem, -0.037rem + 5.9vw, 5rem);
}
@media screen and (max-width: 768px) {
  .cts-lower__ttl {
    font-size: calc(26 / 390 * 100vw);
    margin-bottom: calc(50 / 390 * 100vw);
  }
}

.sec-equipment, .sec-access, .sec-news, .sec-gray {
  background: #F0F0F0;
}
.sec-lead {
  position: relative;
  padding: clamp(17.85rem, -0.141rem + 37.5vw, 31.875rem) 0;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .sec-lead {
    padding: calc(426 / 390 * 100vw) 0 calc(511 / 390 * 100vw);
  }
}
.sec-lead__cts {
  width: clamp(20.16rem, -0.199rem + 42.4vw, 36rem);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .sec-lead__cts {
    width: auto;
    margin: 0 calc(40 / 390 * 100vw);
  }
}
.sec-lead__cts p {
  font-size: clamp(0.7rem, -0.031rem + 1.5vw, 1.25rem);
  margin-bottom: clamp(1.75rem, -0.034rem + 3.7vw, 3.125rem);
}
@media screen and (max-width: 768px) {
  .sec-lead__cts p {
    font-size: calc(16 / 390 * 100vw);
    margin-bottom: calc(50 / 390 * 100vw);
  }
}
.sec-lead__img {
  position: absolute;
}
.sec-lead__img-01 {
  width: clamp(16.1rem, -0.107rem + 33.8vw, 28.75rem);
  top: calc(30 / 1366 * 100vw);
  left: calc(20 / 1366 * 100vw);
}
@media screen and (max-width: 768px) {
  .sec-lead__img-01 {
    width: calc(182 / 390 * 100vw);
    top: calc(40 / 390 * 100vw);
    left: calc(0 / 390 * 100vw);
  }
}
.sec-lead__img-02 {
  width: clamp(13.09rem, -0.103rem + 27.5vw, 23.375rem);
  top: clamp(4.9rem, -0.044rem + 10.3vw, 8.75rem);
  left: calc(555 / 1366 * 100vw);
}
@media screen and (max-width: 768px) {
  .sec-lead__img-02 {
    width: calc(182 / 390 * 100vw);
    top: calc(30 / 390 * 100vw);
    left: calc(20 / 390 * 100vw);
    display: none;
  }
}
.sec-lead__img-03 {
  width: clamp(13.51rem, -0.121rem + 28.4vw, 24.125rem);
  top: calc(30 / 1366 * 100vw);
  right: calc(-20 / 1366 * 100vw);
}
@media screen and (max-width: 768px) {
  .sec-lead__img-03 {
    width: calc(168 / 390 * 100vw);
    top: calc(115 / 390 * 100vw);
    right: calc(0 / 390 * 100vw);
  }
}
.sec-lead__img-04 {
  width: clamp(9.065rem, -0.119rem + 19.1vw, 16.1875rem);
  top: calc(453 / 1366 * 100vw);
  left: calc(0 / 1366 * 100vw);
}
@media screen and (max-width: 768px) {
  .sec-lead__img-04 {
    width: calc(107 / 390 * 100vw);
    top: calc(231 / 390 * 100vw);
    left: calc(55 / 390 * 100vw);
  }
}
.sec-lead__img-05 {
  width: clamp(11.375rem, -0.092rem + 23.9vw, 20.3125rem);
  top: calc(480 / 1366 * 100vw);
  right: calc(-60 / 1366 * 100vw);
}
@media screen and (max-width: 768px) {
  .sec-lead__img-05 {
    width: calc(148 / 390 * 100vw);
    top: auto;
    bottom: calc(234 / 390 * 100vw);
    right: calc(0 / 390 * 100vw);
  }
}
.sec-lead__img-06 {
  width: clamp(13.51rem, -0.121rem + 28.4vw, 24.125rem);
  bottom: calc(120 / 1366 * 100vw);
  left: calc(200 / 1366 * 100vw);
}
@media screen and (max-width: 768px) {
  .sec-lead__img-06 {
    width: calc(202 / 390 * 100vw);
    top: auto;
    bottom: calc(251 / 390 * 100vw);
    left: calc(0 / 390 * 100vw);
  }
}
.sec-lead__img-07 {
  width: clamp(9.66rem, -0.081rem + 20.3vw, 17.25rem);
  bottom: calc(60 / 1366 * 100vw);
  right: calc(243 / 1366 * 100vw);
}
@media screen and (max-width: 768px) {
  .sec-lead__img-07 {
    width: calc(160 / 390 * 100vw);
    bottom: calc(80 / 390 * 100vw);
    right: calc(130 / 390 * 100vw);
  }
}
.sec-break {
  width: 100%;
  height: clamp(18.41rem, -0.165rem + 38.7vw, 32.875rem);
}
@media screen and (max-width: 768px) {
  .sec-break {
    height: calc(168 / 390 * 100vw);
  }
}
.sec-break-desk {
  background: url(../img/bg_line01.webp) no-repeat center center/cover;
}
.sec-equipment__cts:last-child {
  margin-bottom: 0;
}
.sec-equipment__cts {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: clamp(5.25rem, -0.016rem + 11vw, 9.375rem);
}
@media screen and (max-width: 768px) {
  .sec-equipment__cts {
    flex-direction: column;
    margin-bottom: calc(80 / 390 * 100vw);
  }
}
.sec-equipment__cts__body {
  max-width: 340px;
  width: calc(340 / 1366 * 100vw);
}
.sec-equipment__cts__body p {
  font-size: clamp(0.7rem, -0.031rem + 1.5vw, 1.25rem);
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .sec-equipment__cts__body p {
    font-size: calc(16 / 390 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .sec-equipment__cts__body {
    width: 100%;
    order: 2;
  }
}
.sec-equipment__cts__th {
  max-width: 768px;
  width: calc(768 / 1366 * 100vw);
}
.sec-equipment__cts__th img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .sec-equipment__cts__th {
    margin-bottom: calc(30 / 390 * 100vw);
    width: 100%;
    order: 1;
  }
}
.sec-equipment__list li {
  position: relative;
  list-style-position: inside;
  padding-left: 20px;
}
.sec-equipment__list li:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #C0B79B;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 13px;
}
.sec-equipment__list li {
  margin-bottom: clamp(0.105rem, 0.017rem + 0.2vw, 0.1875rem);
}
@media screen and (max-width: 768px) {
  .sec-equipment__list li {
    margin-bottom: calc(10 / 390 * 100vw);
  }
}
.sec-use__list {
  display: flex;
  align-items: center;
  justify-content: space-around;
  align-items: stretch;
  flex-wrap: nowrap;
  margin-bottom: clamp(3.5rem, -0.068rem + 7.4vw, 6.25rem);
}
@media screen and (max-width: 768px) {
  .sec-use__list {
    flex-direction: column;
    margin-bottom: calc(80 / 390 * 100vw);
    gap: calc(16 / 390 * 100vw);
  }
}
.sec-use__list__item {
  color: #FFFFFF;
}
.sec-use__list__item.box-body {
  width: clamp(12.25rem, -0.152rem + 25.8vw, 21.875rem);
  background: #C0B79B;
  padding: clamp(1.75rem, -0.034rem + 3.7vw, 3.125rem) clamp(1.54rem, 0.018rem + 3.2vw, 2.75rem);
}
.sec-use__list__item.box-body p {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .sec-use__list__item.box-body {
    width: 100%;
    padding: calc(44 / 390 * 100vw) calc(46 / 390 * 100vw);
  }
}
.sec-use__list__item.box-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(1.12rem, -0.049rem + 2.4vw, 2rem);
}
.sec-use__list__item.box-arrow img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .sec-use__list__item.box-arrow {
    width: 100%;
    height: calc(32 / 390 * 100vw);
    text-align: center;
  }
  .sec-use__list__item.box-arrow img {
    transform: rotate(90deg);
    width: calc(32 / 390 * 100vw);
  }
}
.sec-use__list__item__num {
  text-align: center;
  margin-bottom: clamp(1.4rem, 0.024rem + 2.9vw, 2.5rem);
}
@media screen and (max-width: 768px) {
  .sec-use__list__item__num {
    margin-bottom: calc(40 / 390 * 100vw);
  }
}
.sec-use__list__item__ttl {
  font-size: clamp(0.7rem, -0.031rem + 1.5vw, 1.25rem);
  margin-bottom: clamp(1.225rem, -0.032rem + 2.6vw, 2.1875rem);
}
@media screen and (max-width: 768px) {
  .sec-use__list__item__ttl {
    font-size: calc(16 / 390 * 100vw);
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .sec-use__list__item {
    font-size: calc(13 / 390 * 100vw);
  }
}
.sec-price__list {
  display: flex;
  justify-content: space-between;
  gap: clamp(1.68rem, 0.012rem + 3.5vw, 3rem);
}
@media screen and (max-width: 768px) {
  .sec-price__list {
    flex-direction: column;
    gap: calc(16 / 390 * 100vw);
  }
}
.sec-price__list__item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: clamp(19.25rem, -0.202rem + 40.5vw, 34.375rem);
  background: #C0B79B;
  padding: clamp(1.75rem, -0.034rem + 3.7vw, 3.125rem) clamp(1.54rem, 0.018rem + 3.2vw, 2.75rem);
}
@media screen and (max-width: 768px) {
  .sec-price__list__item {
    width: 100%;
    padding: calc(30 / 390 * 100vw) calc(20 / 390 * 100vw);
  }
}
.sec-price__list__item dl {
  display: flex;
  align-items: center;
  margin-bottom: clamp(0.7rem, -0.031rem + 1.5vw, 1.25rem);
  width: 100%;
  color: #FFFFFF;
  font-size: clamp(0.84rem, -0.037rem + 1.8vw, 1.5rem);
}
@media screen and (max-width: 768px) {
  .sec-price__list__item dl {
    font-size: calc(16 / 390 * 100vw);
  }
}
.sec-price__list__item dl:last-child {
  margin-bottom: 0;
}
.sec-price__list__item dl dt {
  font-size: clamp(0.7rem, -0.031rem + 1.5vw, 1.25rem);
  width: 50%;
}
@media screen and (max-width: 768px) {
  .sec-price__list__item dl dt {
    font-size: calc(16 / 390 * 100vw);
  }
}
.sec-price__list__item dl dd {
  font-size: clamp(0.7rem, -0.031rem + 1.5vw, 1.25rem);
  width: 50%;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .sec-price__list__item dl dd {
    font-size: calc(16 / 390 * 100vw);
  }
}
.sec-faq {
  background: #C0B79B;
  color: #FFFFFF;
}
.sec-faq__list {
  font-size: clamp(0.7rem, -0.031rem + 1.5vw, 1.25rem);
}
@media screen and (max-width: 768px) {
  .sec-faq__list {
    font-size: calc(16 / 390 * 100vw);
  }
}
.sec-faq__list__item {
  margin-bottom: clamp(1.82rem, 0.006rem + 3.8vw, 3.25rem);
}
@media screen and (max-width: 768px) {
  .sec-faq__list__item {
    margin-bottom: calc(60 / 390 * 100vw);
  }
}
.sec-faq__list__item:last-child .sec-faq__list__item__a {
  margin-bottom: 0;
}
.sec-faq__list__item__q, .sec-faq__list__item__a {
  text-align: justify;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: clamp(1.82rem, 0.006rem + 3.8vw, 3.25rem);
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .sec-faq__list__item__q, .sec-faq__list__item__a {
    gap: calc(20 / 390 * 100vw);
  }
}
.sec-faq__list__item__q > div, .sec-faq__list__item__a > div {
  width: clamp(23.1rem, -0.242rem + 48.6vw, 41.25rem);
}
@media screen and (max-width: 768px) {
  .sec-faq__list__item__q > div, .sec-faq__list__item__a > div {
    width: 100%;
  }
}
.sec-faq__list__item__q:before {
  content: "";
  display: block;
  margin-top: 5px;
  width: clamp(1.015rem, 0.02rem + 2.1vw, 1.8125rem);
  height: clamp(1.12rem, -0.049rem + 2.4vw, 2rem);
}
@media screen and (max-width: 768px) {
  .sec-faq__list__item__q:before {
    width: calc(20 / 390 * 100vw);
    height: calc(20 / 390 * 100vw);
  }
}
.sec-faq__list__item__q:before {
  background: url(../img/icon_q.svg) no-repeat center center/100% auto;
}
.sec-faq__list__item__q > div {
  padding-bottom: 10px;
  border-bottom: 1px solid #FFFFFF;
}
.sec-faq__list__item__a {
  margin-left: clamp(7rem, -0.05rem + 14.7vw, 12.5rem);
}
@media screen and (max-width: 768px) {
  .sec-faq__list__item__a {
    margin-left: calc(60 / 390 * 100vw);
  }
}
.sec-faq__list__item__a:before {
  margin-top: 5px;
  content: "";
  display: block;
  width: clamp(1.015rem, 0.02rem + 2.1vw, 1.8125rem);
  height: clamp(1.12rem, -0.049rem + 2.4vw, 2rem);
}
@media screen and (max-width: 768px) {
  .sec-faq__list__item__a:before {
    width: calc(20 / 390 * 100vw);
    height: calc(22 / 390 * 100vw);
  }
}
.sec-faq__list__item__a:before {
  background: url(../img/icon_a.svg) no-repeat center center/100% auto;
}
.sec-faq__list__item__a > div {
  padding-bottom: 10px;
  border-bottom: 1px solid #FFFFFF;
}
.sec-access__col {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .sec-access__col {
    flex-direction: column;
    gap: calc(30 / 390 * 100vw);
  }
}
.sec-access__col__adress {
  flex: 1;
}
@media screen and (max-width: 768px) {
  .sec-access__col__adress {
    order: 2;
    font-size: calc(15 / 390 * 100vw);
  }
  .sec-access__col__adress P {
    margin-bottom: 0;
  }
}
.sec-access__col__map {
  width: clamp(24.5rem, -0.218rem + 51.5vw, 43.75rem);
}
@media screen and (max-width: 768px) {
  .sec-access__col__map {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .sec-access__col__map {
    order: 1;
  }
}
.sec-access__col__map iframe {
  width: 100%;
  aspect-ratio: 700/376;
}
.sec-event__cal iframe {
  width: 100%;
  aspect-ratio: 700/376;
}
.sec-promoter {
  margin-bottom: clamp(8.4rem, -0.111rem + 17.7vw, 15rem);
}
@media screen and (max-width: 768px) {
  .sec-promoter {
    margin-bottom: calc(80 / 390 * 100vw);
  }
}
.sec-promoter__col {
  display: flex;
  align-items: center;
  margin: 0 auto;
  border: 1px solid #C0B79B;
  max-width: 1366px;
}
@media screen and (max-width: 768px) {
  .sec-promoter__col {
    flex-direction: column;
  }
}
.sec-promoter__col__item__ttl {
  font-size: clamp(1.19rem, -0.009rem + 2.5vw, 2.125rem);
  line-height: 1.8;
  margin-bottom: clamp(2.1rem, -0.006rem + 4.4vw, 3.75rem);
}
@media screen and (max-width: 768px) {
  .sec-promoter__col__item__ttl {
    font-size: calc(26 / 390 * 100vw);
    margin-bottom: calc(40 / 390 * 100vw);
  }
}
.sec-promoter__col__item-th {
  max-width: 860px;
  width: clamp(30.1rem, -0.292rem + 63.3vw, 53.75rem);
}
@media screen and (max-width: 768px) {
  .sec-promoter__col__item-th {
    width: 100%;
  }
}
.sec-promoter__col__item-body {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .sec-promoter__col__item-body {
    padding: calc(30 / 390 * 100vw);
  }
}
.sec-entry__list {
  display: flex;
  align-items: center;
  justify-content: space-around;
  align-items: stretch;
  flex-wrap: nowrap;
  margin-bottom: clamp(3.5rem, -0.068rem + 7.4vw, 6.25rem);
}
@media screen and (max-width: 768px) {
  .sec-entry__list {
    flex-direction: column;
    margin-bottom: calc(80 / 390 * 100vw);
    gap: calc(16 / 390 * 100vw);
  }
}
.sec-entry__list__item.box-body {
  width: clamp(19.25rem, -0.202rem + 40.5vw, 34.375rem);
  border: 1px solid #C0B79B;
  padding: clamp(1.75rem, -0.034rem + 3.7vw, 3.125rem) clamp(1.54rem, 0.018rem + 3.2vw, 2.75rem);
}
.sec-entry__list__item.box-body p {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .sec-entry__list__item.box-body {
    width: 100%;
    padding: calc(30 / 390 * 100vw) calc(30 / 390 * 100vw);
  }
}
.sec-entry__list__item.box-body-wide {
  width: clamp(25.375rem, -0.192rem + 53.3vw, 45.3125rem);
}
@media screen and (max-width: 768px) {
  .sec-entry__list__item.box-body-wide {
    width: 100%;
  }
}
.sec-entry__list__item.box-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(1.12rem, -0.049rem + 2.4vw, 2rem);
}
.sec-entry__list__item.box-arrow img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .sec-entry__list__item.box-arrow {
    width: 100%;
    height: calc(32 / 390 * 100vw);
    text-align: center;
  }
  .sec-entry__list__item.box-arrow img {
    transform: rotate(90deg);
    width: calc(32 / 390 * 100vw);
  }
}
.sec-entry__list__item__ttl {
  font-size: clamp(0.7rem, -0.031rem + 1.5vw, 1.25rem);
  margin-bottom: clamp(1.225rem, -0.032rem + 2.6vw, 2.1875rem);
}
@media screen and (max-width: 768px) {
  .sec-entry__list__item__ttl {
    font-size: calc(16 / 390 * 100vw);
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .sec-entry__list__item {
    font-size: calc(13 / 390 * 100vw);
  }
}
.sec-about-slider {
  overflow: hidden;
}

.col-list-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(1.68rem, 0.012rem + 3.5vw, 3rem);
}
@media screen and (max-width: 768px) {
  .col-list-2 {
    grid-template-columns: repeat(1, 1fr);
    gap: calc(40 / 390 * 100vw);
  }
}
.col-list-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1.68rem, 0.012rem + 3.5vw, 3rem);
}
@media screen and (max-width: 768px) {
  .col-list-3 {
    grid-template-columns: repeat(1, 1fr);
    gap: calc(60 / 390 * 100vw);
  }
}
.col-list-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(1.68rem, 0.012rem + 3.5vw, 3rem);
}
@media screen and (max-width: 768px) {
  .col-list-4 {
    grid-template-columns: repeat(1, 1fr);
    gap: calc(60 / 390 * 100vw);
  }
}
.col-list__item:hover .col-list__item__th img {
  transform: scale(1.1);
}
.col-list__item a {
  display: block;
  color: #5F5E5E;
}
.col-list__item p {
  margin-bottom: 0;
}
.col-list__item__th {
  aspect-ratio: 356/212;
  overflow: hidden;
  margin-bottom: clamp(0.875rem, 0.026rem + 1.8vw, 1.5625rem);
}
.col-list__item__th img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .col-list__item__body {
    font-size: calc(16 / 390 * 100vw);
  }
}

.footer {
  background: url(../img/footer_bg.webp) no-repeat center center/cover;
  position: relative;
  height: calc(594 / 1366 * 100vw);
  max-height: 594px;
}
@media screen and (max-width: 768px) {
  .footer {
    height: calc(259 / 390 * 100vw);
  }
}
.footer__cts {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 161px;
  width: calc(161 / 1366 * 100vw);
}
@media screen and (max-width: 768px) {
  .footer__cts {
    width: calc(95 / 390 * 100vw);
  }
}
.footer__logo {
  margin-bottom: clamp(1.4rem, 0.024rem + 2.9vw, 2.5rem);
}
@media screen and (max-width: 768px) {
  .footer__logo {
    margin-bottom: calc(20 / 390 * 100vw);
  }
}
.footer__logo img {
  width: 100%;
}
.footer__sns-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer__sns-list a {
  display: block;
}
.footer__sns-list a img {
  vertical-align: middle;
}
.footer__sns-list__item__icon-instagram {
  max-width: 33px;
  width: calc(33 / 1366 * 100vw);
}
@media screen and (max-width: 768px) {
  .footer__sns-list__item__icon-instagram {
    width: calc(20 / 390 * 100vw);
  }
}
.footer__sns-list__item__icon-note {
  max-width: 88px;
  width: calc(88 / 1366 * 100vw);
}
@media screen and (max-width: 768px) {
  .footer__sns-list__item__icon-note {
    width: calc(56 / 390 * 100vw);
  }
}
.footer__menu {
  position: absolute;
  bottom: clamp(1.05rem, -0.003rem + 2.2vw, 1.875rem);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .footer__menu {
    bottom: calc(20 / 390 * 100vw);
  }
}
.footer__menu__item {
  border-right: 1px solid #FFFFFF;
  padding: 0 clamp(0.56rem, -0.024rem + 1.2vw, 1rem);
  line-height: 1;
}
.footer__menu__item:last-child {
  border-right: none;
}
.footer__menu__item a,
.footer__menu__item a:visited {
  color: #FFFFFF;
  font-size: clamp(0.56rem, -0.024rem + 1.2vw, 1rem);
  text-decoration: none;
  line-height: 1;
  transition: all 0.3s ease;
}
.footer__menu__item a:hover,
.footer__menu__item a:visited:hover {
  text-decoration: underline;
}

.lower-header {
  padding: clamp(1.75rem, -0.034rem + 3.7vw, 3.125rem) clamp(1.75rem, -0.034rem + 3.7vw, 3.125rem) 0;
}
@media screen and (max-width: 768px) {
  .lower-header {
    padding: 0;
  }
}
.lower-header__bg {
  height: clamp(11.9rem, -0.094rem + 25vw, 21.25rem);
  padding: clamp(1.75rem, -0.034rem + 3.7vw, 3.125rem) clamp(1.75rem, -0.034rem + 3.7vw, 3.125rem);
}
.lower-header__inner {
  max-width: 1166px;
  margin: 0 auto;
  position: relative;
  height: 100%;
}
.lower-header__logo {
  position: absolute;
  left: 0;
  top: 0;
}
.lower-header__logo img {
  width: clamp(3.5rem, -0.068rem + 7.4vw, 6.25rem);
}
.lower-header__ttl {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #FFFFFF;
  font-weight: 400;
  font-size: clamp(1.19rem, -0.009rem + 2.5vw, 2.125rem);
}

.about .lower-header__bg {
  background: url(../img/header_bg_about.webp) no-repeat center center/cover;
}

.space .lower-header__bg {
  background: url(../img/header_bg_space.webp) no-repeat center center/cover;
}

.mv {
  height: 100vh;
  width: 100%;
  position: relative;
  padding: clamp(1.75rem, -0.034rem + 3.7vw, 3.125rem);
}
@media screen and (max-width: 768px) {
  .mv {
    padding: 0;
  }
}
.mv img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.mv__ttl {
  position: absolute;
  left: clamp(3.5rem, -0.068rem + 7.4vw, 6.25rem);
  top: clamp(3.5rem, -0.068rem + 7.4vw, 6.25rem);
  z-index: 100;
  max-width: 150px;
  width: calc(150 / 1366 * 100vw);
}
.mv__ttl img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .mv__ttl {
    width: calc(100 / 390 * 100vw);
    top: calc(60 / 390 * 100vw);
    left: 50%;
    transform: translateX(-50%);
  }
}
.mv__info {
  position: absolute;
  left: clamp(3.5rem, -0.068rem + 7.4vw, 6.25rem);
  bottom: clamp(3.5rem, -0.068rem + 7.4vw, 6.25rem);
  z-index: 100;
  color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .mv__info {
    left: 0;
    bottom: calc(78 / 390 * 100vw);
    width: calc(175 / 390 * 100vw);
    height: calc(165 / 390 * 100vw);
  }
}
.mv__info__inner {
  padding: clamp(0.7rem, -0.031rem + 1.5vw, 1.25rem);
}
@media screen and (max-width: 768px) {
  .mv__info__inner {
    padding: calc(30 / 390 * 100vw) calc(20 / 390 * 100vw);
  }
}
.mv__info__bg {
  position: absolute;
  left: clamp(3.5rem, -0.068rem + 7.4vw, 6.25rem);
  bottom: clamp(3.5rem, -0.068rem + 7.4vw, 6.25rem);
  z-index: 99;
  background-color: rgba(95, 94, 94, 0.6);
  mix-blend-mode: multiply;
  width: clamp(6.125rem, -0.076rem + 12.9vw, 10.9375rem);
  height: clamp(5.775rem, -0.018rem + 12.1vw, 10.3125rem);
}
@media screen and (max-width: 768px) {
  .mv__info__bg {
    left: 0;
    bottom: calc(78 / 390 * 100vw);
    width: calc(175 / 390 * 100vw);
    height: calc(165 / 390 * 100vw);
  }
}
.mv__info__text1 {
  line-height: 1;
  margin-bottom: 10px;
}
.mv__info__text2 {
  line-height: 1.2;
  margin-bottom: 20px;
}
.mv__info__list__item img.instagram {
  width: clamp(0.98rem, -0.043rem + 2.1vw, 1.75rem);
}
@media screen and (max-width: 768px) {
  .mv__info__list__item img.instagram {
    width: calc(28 / 390 * 100vw);
  }
}

.logo-mys {
  width: clamp(17.5rem, -0.168rem + 36.8vw, 31.25rem);
  mix-blend-mode: multiply;
}

.btn-fix-cal {
  position: fixed;
  bottom: clamp(1.05rem, -0.003rem + 2.2vw, 1.875rem);
  right: clamp(1.05rem, -0.003rem + 2.2vw, 1.875rem);
  z-index: 100;
  max-width: 80px;
  width: calc(80 / 1366 * 100vw);
}
@media screen and (max-width: 1024px) {
  .btn-fix-cal {
    max-width: 100px;
    width: calc(100 / 1366 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .btn-fix-cal {
    width: calc(60 / 390 * 100vw);
  }
}
.btn-fix-cal img {
  width: 100%;
}

.about-swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}
.about-swiper .swiper-wrapper p {
  padding-top: clamp(1.4rem, 0.024rem + 2.9vw, 2.5rem);
}

.email-copy-btn {
  position: relative;
  cursor: pointer;
}
.email-copy-btn:hover {
  opacity: 0.8;
}
.email-copy-btn.copied::after {
  content: "コピーしました！";
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 1000;
  animation: tooltipFadeIn 0.3s ease-in-out;
}
.email-copy-btn.copied::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  border: 4px solid transparent;
  border-top-color: #333;
  z-index: 1000;
  animation: tooltipFadeIn 0.3s ease-in-out;
}

@keyframes tooltipFadeIn {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.w100 {
  width: 100%;
}

@media screen and (max-width: 575px) {
  .w100-sp {
    width: 100%;
  }
}

@media screen and (max-width: 575px) {
  .text-sp-right {
    text-align: right;
  }
}
@media screen and (max-width: 575px) {
  .text-sp-left {
    text-align: left;
  }
}

.w100-pc {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .w100-pc {
    width: auto;
  }
}

._pc {
  display: block;
}
@media screen and (max-width: 768px) {
  ._pc {
    display: none;
  }
}

._sp {
  display: none;
}
@media screen and (max-width: 768px) {
  ._sp {
    display: block;
  }
}
._sp-inline {
  display: none;
}
@media screen and (max-width: 768px) {
  ._sp-inline {
    display: inline;
  }
}

._pc-inline {
  display: inline;
}
@media screen and (max-width: 768px) {
  ._pc-inline {
    display: none;
  }
}

.mb-0 {
  margin-bottom: 0 !important;
}
.mb-xxl {
  margin-bottom: clamp(5.25rem, -0.016rem + 11vw, 9.375rem) !important;
}
@media screen and (max-width: 575px) {
  .mb-xxl {
    margin-bottom: calc(80 / 390 * 100vw) !important;
  }
}
.mb-xl {
  margin-bottom: clamp(3.5rem, -0.068rem + 7.4vw, 6.25rem) !important;
}
@media screen and (max-width: 575px) {
  .mb-xl {
    margin-bottom: calc(40 / 390 * 100vw) !important;
  }
}
.mb-m {
  margin-bottom: clamp(2.8rem, -0.037rem + 5.9vw, 5rem) !important;
}
@media screen and (max-width: 575px) {
  .mb-m {
    margin-bottom: calc(80 / 390 * 100vw) !important;
  }
}
.mb-s {
  margin-bottom: clamp(1.75rem, -0.034rem + 3.7vw, 3.125rem) !important;
}
@media screen and (max-width: 575px) {
  .mb-s {
    margin-bottom: calc(40 / 390 * 100vw) !important;
  }
}
.mb-xs {
  margin-bottom: clamp(0.875rem, 0.026rem + 1.8vw, 1.5625rem) !important;
}
@media screen and (max-width: 575px) {
  .mb-xs {
    margin-bottom: calc(16 / 390 * 100vw) !important;
  }
}
.mb-xxs {
  margin-bottom: calc(16 / 1366 * 100vw) !important;
}
@media screen and (max-width: 575px) {
  .mb-xxs {
    margin-bottom: calc(16 / 390 * 100vw) !important;
  }
}
.mb-xxxs {
  margin-bottom: calc(12 / 1366 * 100vw) !important;
}
@media screen and (max-width: 575px) {
  .mb-xxxs {
    margin-bottom: calc(10 / 390 * 100vw) !important;
  }
}
@media screen and (max-width: 575px) {
  .mb-sp-0 {
    margin-bottom: 0 !important;
  }
}

.mt-m {
  margin-top: clamp(2.1rem, -0.006rem + 4.4vw, 3.75rem) !important;
}
@media screen and (max-width: 575px) {
  .mt-m {
    margin-top: calc(40 / 390 * 100vw) !important;
  }
}
.mt-s {
  margin-top: calc(40 / 1366 * 100vw) !important;
}
@media screen and (max-width: 575px) {
  .mt-s {
    margin-top: calc(40 / 390 * 100vw) !important;
  }
}
.mt-xxs {
  margin-top: calc(12 / 1366 * 100vw) !important;
}
@media screen and (max-width: 575px) {
  .mt-xxs {
    margin-top: calc(12 / 390 * 100vw) !important;
  }
}
@media screen and (max-width: 575px) {
  .mt-sp-s {
    margin-top: calc(20 / 390 * 100vw) !important;
  }
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.line-h-1 {
  line-height: 1;
}
.line-h-2 {
  line-height: 2;
}
.line-h-22 {
  line-height: 2.2;
}

.fs-l {
  font-size: clamp(0.7rem, -0.031rem + 1.5vw, 1.25rem);
  line-height: 1.7;
}
@media screen and (max-width: 575px) {
  .fs-l {
    font-size: calc(18 / 390 * 100vw);
  }
}
@media screen and (max-width: 575px) {
  .fs-sp-16 {
    font-size: calc(16 / 390 * 100vw);
  }
}
@media screen and (max-width: 575px) {
  .fs-sp-14 {
    font-size: calc(14 / 390 * 100vw);
  }
}
/*# sourceMappingURL=style.css.map */