@charset "utf-8";

/* ============================
mv
=============================== */
.mv__imgbk {
  width: 65.97vw;
  position: absolute;
  right: 0;
  top: 0;
  clip-path: polygon(23.37% 0, 100% 0, 100% 100%, 0% 100%);
  overflow: hidden;
  opacity: 0;
  transition: opacity 1.5s ease;
}
.mv__imgbk.show {
  opacity: 1;
}
.mv__heading-Wrap {
  width: 49.3%;
  height: 31.25vw;
  clip-path: polygon(0 0, 100% 0, 63.7% 100%, 0 100%);
  background: #fff;
}
.mv__heading-Wrap,
.no-mv .mv__heading {
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.mv__heading-Wrap.show,
.no-mv .mv__heading.show {
  opacity: 1;
  transform: translateX(0);
}
.mv__heading {
  font-size: max(45px, 4.17vw);
  /* 1440→60px 980→45px */
  line-height: 1.08;
  letter-spacing: 0.07em;
  position: absolute;
  left: 0;
  /* top: 41%; */
  top: 65%;
  transform: translate(0, -59%);
}

.mv__heading .en {
  display: block;
  margin-bottom: 0.4em;
}
#accom .mv__heading .en {
  font-size: max(35px, 2.99vw);
  /* 1440→45px 980→35px */
}
.mv__heading .ja {
  font-size: max(13px, 33.33%);
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: 0.1em;
  display: block;
}
.no-mv .mv__heading {
  padding: max(100px, 6.94vw) 0 max(25px, 1.16vw);
  position: static;
}
.no-mv .mv__heading .en {
  margin-bottom: 0.1em;
}

/* ============================
lead
=============================== */
.lead {
  padding: max(198px, 13.75vw) 0 max(58px, 4.03vw);
}
.lead-heading-wrap .lead-ic {
  width: 12.5vw;
  min-width: 180px;
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -10%);
}
.lead-heading-wrap .lead-ic.inv_mov {
  transform-origin: center bottom;
  transform: translate(-50%, -10%) scale(0);
}
.lead-heading-wrap .lead-ic.inv_mov.mov {
  transform: translate(-50%, -10%) scale(1);
  transition: transform 0.4s ease-out;
  transition-delay: 0.3s;
}
.lead-heading-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.lead-heading {
  font-size: max(30px, 2.08vw);
  line-height: 1.47;
  letter-spacing: 0.05em;
  margin-bottom: 1.167em;
  position: relative;
}
.lead-heading::after {
  content: "";
  width: 100%;
  height: 3px;
  background-image: radial-gradient(circle, #00675b 30%, transparent 31%);
  background-size: 10px 3px;
  background-repeat: repeat-x;
  position: absolute;
  bottom: -0.5em;
  left: 0;
}
.lead-heading + p {
  line-height: 1.77;
  letter-spacing: 0.01em;
  max-width: 55.56vw;
  min-width: 800px;
}
.lead-heading__add {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 1em;
}
.lead-heading__add p {
  font-size: max(20px, 1.39vw);
  line-height: 1.45;
  letter-spacing: 0.1em;
  padding-right: 1em;
}
.lead-heading__add .sptel {
  font-size: max(25px, 1.74vw);
  line-height: 1.44;
  letter-spacing: 0.1em;
  display: flex;
  align-items: center;
  gap: 0.1em;
}
.lead-heading__add .sptel::before {
  content: "";
  width: 1em;
  height: 1em;
  background: url(../imgs/sports/ic_tel.png) no-repeat center/contain;
  position: relative;
  top: 0.1em;
}

@media screen and (max-width: 1440px) {
  /* ============================
	lead
	=============================== */
  .lead-heading + p {
    width: 100%;
    max-width: 800px;
    min-width: initial;
  }
}
@media screen and (max-width: 980px) {
  /* ============================
	mv
	=============================== */
  .mv__imgbk {
    width: 100%;
    position: static;
    clip-path: none;
  }
  .mv__txtbk {
    width: 100%;
    max-width: 784px;
    background: #fff;
    padding: 2em 6em 2em 4vw;
    position: absolute;
    bottom: 0;
    transform: translateY(50%);
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
  }
  .mv__txtbk .inner-1200 {
    width: 100%;
  }
  .mv__heading-Wrap {
    width: 100%;
    height: auto;
    clip-path: none;
  }
  .mv__heading {
    position: static;
    transform: initial;
  }
  #accom .mv__heading .en {
    font-size: clamp(30px, 5.86vw, 45px);
  }
  .mv__heading .en br {
    display: none;
  }
  /* ============================
	lead
	=============================== */
  .lead {
    padding: min(220px, 22.45vw) 0 max(58px, 4.03vw);
  }
  .lead-heading-wrap .lead-ic {
    width: 18.37vw;
    max-width: 180px;
    min-width: 117px;
  }

  .lead-heading {
    font-size: clamp(27px, 3.06vw, 30px);
  }

  .lead-heading__add p {
    font-size: clamp(18px, 2.04vw, 20px);
  }
  .lead-heading__add .sptel {
    font-size: clamp(22px, 2.55vw, 25px);
  }
}
@media screen and (max-width: 768px) {
  /* ============================
	mv
	=============================== */
  .mv__imgbk {
    height: 60vw;
  }
  .mv__heading {
    font-size: clamp(35px, 5.86vw, 45px);
  }

  /* ============================
	lead
	=============================== */
  .lead-heading {
    font-size: clamp(24px, 4.22vw, 27px);
  }
}
@media screen and (max-width: 640px) {
  .mv__txtbk {
    padding: 2em 4vw;
    position: static;
    transform: initial;
    clip-path: none;
  }
  .lead {
    padding: 90px 0 58px;
  }
}
@media screen and (max-width: 480px) {
  .mv__heading .en br {
    display: block;
  }
  .lead-heading__add p {
    font-size: clamp(16px, 4.19vw, 18px);
  }
  .lead-heading__add .sptel {
    font-size: clamp(18px, 5.12vw, 22px);
  }
}