/* Common */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

@font-face {
  font-family: MidasiGoPro;
  src: url(../fonts/A-OTF-Midashi-Go-Pro.otf);
}

@font-face {
  font-family: HiraginoSans;
  src: url(../fonts/hiragino-sans-gb.otf);
}

body {
  font-family: 'HiraginoSans', sans-serif;
}

img {
  height: auto;
}

.red {
  color: #c1272d;
}

.box {
  position: relative;
}

#sec1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#sec2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#sec3 {
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
}

@media screen and (max-width: 767px) {
  #sec3 {
    top: -10px;
  }
}

#sec4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.inner {
  max-width: 1050px;
  min-width: 700px;
  margin: 0 auto;
  padding: 4% 4.36%;
  background: rgba(255, 255, 255, 0.9);
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .inner {
    max-width: 100%;
    min-width: auto;
    box-sizing: content-box;
  }
}

.sec-tit {
  width: 100%;
  text-align: center;
  margin-bottom: min(2vw, 30px);
}

@media screen and (max-width: 767px) {
  .sec-tit {
    padding-top: 20px;
  }
}

.sec-tit img {
  width: 12.5556%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .sec-tit img {
    width: 48%;
    max-width: 130px;
  }
}

.sec-tit .sec-tit_sub {
  color: #000;
  font-size: clamp(16px, 2.2vw, 24px);
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .sec-tit .sec-tit_sub {
    font-size: inherit;
  }
}

.days-wrap {
  overflow: hidden;
  padding: 4.93333vw 0 0;
}

@media screen and (max-width: 767px) {
  .days-wrap {
    padding: min(18vw, 100px) 0 0;
  }
}

@media screen and (max-width: 767px) {
  .days-wrap .header {
    height: 8vw;
  }
}

@media screen and (max-width: 767px) {
  .days-wrap .header .headerInner2 .logo2 {
    width: 220px;
  }
}

.days-wrap .header .headerInner2 .btn-area {
  margin: 0 3vw 0 14.66667vw;
}

@media screen and (min-width: 768px) {
  .days-wrap .header .headerInner2 .btn-area {
    display: flex !important;
    gap: 0 3.33333vw;
  }
}

.days-wrap .header .headerInner2 .btn-area a {
  display: block;
}

.days-wrap .header .headerInner2 .btn-area a img {
  height: 16px;
  width: auto;
}

.days-wrap .header .headerInner2 .btn-area a img {
  display: block;
  width: 100%;
}

.days-wrap .header .headerInner2 .btnBox {
  height: 100%;
  display: flex;
}

@media screen and (max-width: 767px) {
  .days-wrap .header .headerInner2 .btnBox {
    width: 37.33333vw;
  }
}

.days-wrap .header .headerInner2 .btnBox a {
  background: #6db328;
  display: block;
  width: 9.33333vw;
  height: 100%;
  padding: 1.86667vw 0 0;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .days-wrap .header .headerInner2 .btnBox a {
    width: 18.66667vw;
    padding: 2.66667vw 0 0;
  }
}

.days-wrap .header .headerInner2 .btnBox a img {
  display: block;
  width: 5.33333vw;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .days-wrap .header .headerInner2 .btnBox a img {
    width: 10.66667vw;
  }
}

.days-wrap .header .headerInner2 .btnBox a.mypageBtn {
  background: #008236;
}

.days-wrap .header .headerInner2 .btnBox a.mypageBtn img {
  width: 6.53333vw;
}

@media screen and (max-width: 767px) {
  .days-wrap .header .headerInner2 .btnBox a.mypageBtn img {
    width: 13.06667vw;
  }
}

.days-wrap .header .headerInner2 .btnBox span {
  background: #B5B5B6;
  display: block;
  width: 9.33333vw;
  height: 100%;
  padding: 1.86667vw 0 0;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .days-wrap .header .headerInner2 .btnBox span {
    width: 18.66667vw;
    padding: 2.66667vw 0 0;
  }
}

.days-wrap .header .headerInner2 .btnBox span img {
  display: block;
  width: 5.33333vw;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .days-wrap .header .headerInner2 .btnBox span img {
    width: 10.66667vw;
  }
}

.days-wrap .header .headerInner2 .btnBox span.mypageBtn img {
  width: 6.53333vw;
}

@media screen and (max-width: 767px) {
  .days-wrap .header .headerInner2 .btnBox span.mypageBtn img {
    width: 13.06667vw;
  }
}

@media screen and (max-width: 767px) {
  .days-wrap .header .btn-area {
    background: #FFF;
    text-align: center;
    padding: min(2.66667vw, 10px) 0;
  }

  .days-wrap .header .btn-area a {
    display: inline-block;
  }

  .days-wrap .header .btn-area a+a {
    margin-left: 3vw
  }

  .days-wrap .header .btn-area a img {
    height: 10px;
    width: auto;
  }

  .days-wrap .header .btn-area a img {
    display: block;
    width: 100%;
  }
}

.days-wrap .titleVisual {
  background: #ffffff;
}

.days-wrap .titleVisual h3 {
  font-family: 'Oswald', sans-serif;
  font-size: min(3vw, 58px);
  font-weight: bold;
  text-align: center;
  color: #251e1c;
  letter-spacing: 0.15em;
}

@media screen and (max-width: 767px) {
  .days-wrap .titleVisual h3 {
    margin-top: 2vw;
    font-size: min(4.8vw, 58px);
  }
}

.days-wrap .titleVisual h3 img {
  width: 100%;
}

.days-wrap .keyVisual {
  width: 100%;
  padding: 0;
  position: relative;
  z-index: 1;
  line-height: 0;
}

@media screen and (min-width: 768px) {
  .days-wrap .keyVisual {
    height: 37.8125vw;
  }
}

.days-wrap .keyVisual .kv-imgs {
  width: 100%;
  height: 100%;
}

.days-wrap .keyVisual .kv-imgs img {
  display: inline-block;
  width: 100%;
  height: auto;
}

.days-wrap .keyVisual [class^="kv-tit0"] {
  position: absolute;
  opacity: 0;
  -webkit-animation: loader 1.4s ease 0.3s 1 forwards;
  animation: loader 1.4s ease 0.3s 1 forwards;
  animation-delay: 3s;
}

.days-wrap .keyVisual .kv-tit {
  position: static;
}

@media screen and (max-width: 767px) {
  .days-wrap .keyVisual .kv-tit {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4vw;
    background: url(../../assets/img/winter/bg_kv.jpg) no-repeat center top;
    background-size: cover;
    width: 100%;
    padding: 6vw 0;
  }
}

.days-wrap .keyVisual .kv-tit02 {
  position: absolute;
  top: 54%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  width: 42%;
}

@media screen and (max-width: 767px) {
  .days-wrap .keyVisual .kv-tit02 {
    width: 70%;
    top: 50%;
    left: 52%;
  }
}

.days-wrap .keyVisual .kv-tit01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background: rgba(0, 62, 147, 0.5);
  transform: translate(0) !important;
  height: min(5.15vw, 98px);
  align-content: center;
}

.days-wrap .keyVisual .kv-tit01 img {
  width: 34.87%;
  max-width: 600px;
}

@media screen and (max-width: 767px) {
  .days-wrap .keyVisual .kv-tit01 {
    height: min(8vw, 98px);
    min-height: 30px;
  }

  .days-wrap .keyVisual .kv-tit01 img {
    width: 50%;
    min-width: 200px;
  }
}

.days-wrap .intro {
  background: url(../img/summer2026/bg_intro.jpg) no-repeat top center;
  background-size: cover;
  position: relative;
  padding: 20px 20px 5vw;
  z-index: 0;
}

@media screen and (max-width: 767px) {
  .days-wrap .intro {
    padding: 2vw 2vw 8vw;
  }
}

.days-wrap .intro .intro_ttl {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.days-wrap .intro .intro_ttl.ttl_bg {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: clamp(8px, 2vw, 20px);
  line-height: 1.2;
  box-sizing: border-box;
}

.days-wrap .intro .intro_ttl.ttl_01 {
  color: #000000;
  font-size: clamp(16px, 2.65vw, 36px);
  font-weight: 700;
  margin-top: min(1vw, 20px);
  letter-spacing: 0.1em;
  text-shadow: 4px 4px 10px rgba(255, 255, 255, 0.3), -4px 4px 10px rgba(255, 255, 255, 0.3), 0px 4px 10px rgba(255, 255, 255, 0.3), 0px -4px 10px rgba(255, 255, 255, 0.3), 3.5px 3.4px 10px rgba(255, 255, 255, 0.3), -3.5px -3.4px 10px rgba(255, 255, 255, 0.3), 3.5px -3.4px 10px rgba(255, 255, 255, 0.3), -3.5px 3.4px 10px rgba(255, 255, 255, 0.3);
}

.days-wrap .intro .intro_ttl.ttl_01 img {
  width: 73.28125%;
}

@media screen and (max-width: 767px) {
  .days-wrap .intro .intro_ttl.ttl_01 {
      margin-top: 20px;
  }
}

.days-wrap .intro .intro_ttl.ttl_02 {
  color: #fff;
  background: #1bb8ce;
  font-size: clamp(19px, 3.4vw, 46px);
  font-weight: 700;
}

.days-wrap .intro .intro_ttl.ttl_02 img {
  width: 49.296875%;
}

.days-wrap .intro .intro_ttl.ttl_03 {
  margin-top: 6.5vw;
  color: #000000;
  font-size: clamp(22px, 4.2vw, 54px);
  font-weight: 700;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .days-wrap .intro .intro_ttl.ttl_03 {
    margin-top: 7.5vw;
  }
}

.days-wrap .intro .intro_ttl.ttl_04 {
  width: 45%;
  margin-top: 1.5vw;
}

@media screen and (min-width: 767px) {
  .days-wrap .intro .intro_ttl.ttl_04 {
    min-width: 400px;
  }
}

@media screen and (max-width: 767px) {
  .days-wrap .intro .intro_ttl.ttl_04 {
    width: 80%;
  }
}

.days-wrap .intro .intro_day {
  position: absolute;
  top: 19%;
  right: 15%;
  width: min(16vw, 300px);
  height: min(16vw, 300px);
  /* border-radius: 50%;
  align-content: center;
  text-align: center;
  font-size: 39px;
  line-height: 1;
  color: #ffffff;
  background: linear-gradient(45deg, #72b9e7, #f4afc3); */
}

@media screen and (max-width: 1200px) {
  .days-wrap .intro .intro_day {
    top: 21%;
    right: 12%;
  }
}

@media screen and (max-width: 767px) {
  .days-wrap .intro .intro_day {
    width: min(22vw, 300px);
    height: min(22vw, 300px);
    right: 2%;
  }
}

.days-wrap .intro .intro_day .fs-28 {
  font-size: 0.74em;
}

.days-wrap .intro .intro_day .fs-32 {
  font-size: 0.82em;
}

.days-wrap .intro .intro_day .fs-34 {
  font-size: 0.86em;
}

.days-wrap .intro .intro_day .fs-61 {
  font-size: 1.57em;
}

.days-wrap .intro .intro_desc {
  width: 100%;
  max-width: 80%;
  margin: 2vw auto 0;
  color: #251e1c;
  font-size: clamp(13px, 1.9vw, 24px);
  font-weight: 700;
  text-align: center;
}

.days-wrap .intro .intro-reveal {
  opacity: 0;
  transform: translateY(72px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.days-wrap .intro.is-visible .intro-reveal {
  opacity: 1;
  transform: translateY(0);
}

.days-wrap .intro.is-visible .intro-reveal-02 {
  transition-delay: 0.16s;
}

.days-wrap .intro.is-visible .intro-reveal-03 {
  transition-delay: 0.32s;
}

.days-wrap .intro.is-visible .intro-reveal-04 {
  transition-delay: 0.48s;
}

@media screen and (max-width: 767px) {
  .days-wrap .process .inner {
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .days-wrap .process .inner .flow {
    margin-right: -10px;
  }
}

@media screen and (max-width: 767px) {
  .days-wrap .process .inner .flow {
    padding: 0;
    background: none;
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .days-wrap .process .inner .flow-wrap {
    overflow: hidden !important;
  }
}

@media screen and (max-width: 767px) {
  .days-wrap .process .inner .flow-wrap {
    width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
  }
}

@media screen and (max-width: 767px) {
  .days-wrap .process .inner .flow-wrap figure,
  .days-wrap .process .inner .flow-wrap ul {
    min-width: 660px;
  }
}

.days-wrap .process .inner .flow ul {
  padding-bottom: 1rem;
  padding-top: 1.8vw;
  background: url(../../assets/img/summer2026/bg_process_img02.jpg) repeat-y top center;
  background-size: contain;
}

/* @media screen and (min-width: 768px) { */
  .days-wrap .process .inner .flow ul {
    margin: -7px 0 0;
  }
/* } */

@media screen and (max-width: 767px) {
  .days-wrap .process .inner .flow ul {
    padding-bottom: 0;
  }
}

.days-wrap .process .inner .flow ul li {
  position: relative;
  box-sizing: border-box;
  color: #fff;
  padding: 0 1rem 0 0;
  font-size: 0.8vw;
  line-height: 1.25;
}

@media screen and (max-width: 767px) {
  .days-wrap .process .inner .flow ul li {
    font-size: 12px;
    padding: 0;
    background: rgba(222, 223, 223, 0.75);
    margin: 0 0 1.8vw;
  }
}

.days-wrap .process .inner .flow ul li .flow-inner {
  position: relative;
  padding: min(0.5vw, 0.5rem) 1rem min(0.5vw, 0.5rem) 0.5rem;
}

@media screen and (max-width: 767px) {
  .days-wrap .process .inner .flow ul li .flow-inner {
    padding: 0.2rem 0.5rem;
  }
}

.days-wrap .process .inner .flow ul li .date {
  padding: 0.3rem 1rem 0.3rem 0.5rem;
  text-shadow: 0px 0px 1.5px rgba(177, 165, 145, 1), -0px 0px 1.5px rgba(177, 165, 145, 1), 0px 0px 1.5px rgba(177, 165, 145, 1), 0px -0px 1.5px rgba(177, 165, 145, 1), 0px 0px 1.5px rgba(177, 165, 145, 1), -0px -0px 1.5px rgba(177, 165, 145, 1), 0px -0px 1.5px rgba(177, 165, 145, 1), -0px 0px 1.5px rgba(177, 165, 145, 1);
}

@media screen and (min-width: 768px) {
  .days-wrap .process .inner .flow ul li .date {
    margin-right: -5px;
  }
}

/* @media screen and (max-width: 767px) {
  .days-wrap .process .inner .flow ul li .date {
    background: #a69981;
  }
} */

.days-wrap .process .inner .flow ul li .mb20 {
  margin-bottom: 1.33333vw;
}

.days-wrap .process .inner .flow ul li a {
  border-bottom: none;
  font-size: inherit;
  color: inherit;
}

.days-wrap .process .inner .flow ul li a:hover {
  opacity: 0.7;
}

.days-wrap .process .inner .flow ul li .repletion {
  font-size: min(1.2vw, 12px);
  color: #000000;
  text-wrap: nowrap;
}

@media screen and (max-width: 767px) {
  .days-wrap .process .inner .flow ul li .repletion {
    font-size: min(2.4vw, 10px);
  }
}

/* @media screen and (min-width: 768px) { */
  .days-wrap .process .inner .flow ul li:nth-child(1) {
    width: 45%;
    background: url(../img/summer2026/bg-flow01.png) no-repeat top left;
    background-size: contain;
  }
/* } */

/* @media screen and (max-width: 767px) {
  .days-wrap .process .inner .flow ul li:nth-child(1) {
    width: 100%;
    max-width: unset;
  }
} */

/* @media screen and (min-width: 768px) { */
  .days-wrap .process .inner .flow ul li:nth-child(2) {
    width: 33.5%;
    left: 40.2%;
    background: url(../img/summer2026/bg-flow02.png) no-repeat top left;
    background-size: contain;
    margin-top: 20px;
  }
/* } */

/* @media screen and (max-width: 767px) {
  .days-wrap .process .inner .flow ul li:nth-child(2) {
    width: 100%;
    left: 0;
  }
} */

/* @media screen and (min-width: 768px) { */
  .days-wrap .process .inner .flow ul li:nth-child(3) {
    width: 34%;
    left: 57%;
    background: url(../img/summer2026/bg-flow03.png) no-repeat top left;
    background-size: contain;
    margin-bottom: 1vw;
  }
/* } */

/* @media screen and (max-width: 767px) {
  .days-wrap .process .inner .flow ul li:nth-child(3) {
    width: 100%;
    left: 0;
  }
} */

/* @media screen and (min-width: 768px) { */
  .days-wrap .process .inner .flow ul li:nth-child(4) {
    width: 24.8%;
    left: 61.5%;
    background: url(../img/summer2026/bg-flow04.png) no-repeat top left;
    background-size: contain;
  }
  /* } */
  
  @media screen and (max-width: 767px) {
    .days-wrap .process .inner .flow ul li:nth-child(4) {
    margin-top: 10px;
    /* width: 100%;
    left: 0;
    clip-path: unset; */
  }
}

/* @media screen and (min-width: 768px) { */
  .days-wrap .process .inner .flow ul li:nth-child(5) {
    width: 24.8%;
    left: 73%;
    margin-top: 20px;
    background: url(../img/summer2026/bg-flow05.png) no-repeat top left;
    background-size: contain;
  }

  .days-wrap .process .inner .flow ul li:nth-child(5) .flow-inner {
    padding: 1rem 1rem 1rem 0.5rem;
  }

  .days-wrap .process .inner .flow ul li:nth-child(5) .date {
    padding: 0.3rem 1rem 0.3rem 0.5rem;
  }
/* } */

/* @media screen and (max-width: 767px) {
  .days-wrap .process .inner .flow ul li:nth-child(5) {
    width: 100%;
    left: 0;
  }
} */

.days-wrap .process .inner .flow ul li:nth-child(6) {
  background: #5b2309;
  color: #fff;
  width: fit-content;
  padding: 0;
  left: 86.6%;
  margin-top: -0.5vw;
}

.days-wrap .process .inner .flow ul li:nth-child(6) .flow-inner {
  padding: 0.4rem 0.8rem;
}

.days-wrap .process .inner .flow ul li:nth-child(6) p {
  font-size: clamp(12px, 1.6vw, 17px);
}

/* @media screen and (max-width: 767px) {
  .days-wrap .process .inner .flow ul li:nth-child(6) {
    margin-top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
} */

.days-wrap .process .inner .flow ul li .flow-inner .abs-txt {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
  color: #5b2309;
}

@media screen and (max-width: 767px) {
  .days-wrap .process .inner .flow ul li .flow-inner .abs-txt {
    /* position: static;
    transform: none;
    margin-top: 10px; */
    transform: translate(10%, -50%);
  }
}

.days-wrap .process .inner .flow ul li .flow-inner .abs-txt p {
  font-size: clamp(12px, 1.6vw, 17px);
}

.days-wrap .process .inner .dayList {
  background: #FFF;
  padding: 4vw 3.33333vw;
}

@media screen and (max-width: 767px) {
  .days-wrap .process .inner .dayList {
    padding: 0;
  }
}

.days-wrap .process .inner .dayList .BoxCont {
  display: flex;
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  .days-wrap .process .inner .dayList .BoxCont {
    align-items: baseline;
    padding: 0 10px;
  }
}

.days-wrap .process .inner .dayList ul li {
  background: #6db229;
  margin: 0 0 4vw;
}

.days-wrap .process .inner .dayList ul li:last-child {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .days-wrap .process .inner .dayList ul li:last-child {
    margin: 0 auto 30px;
  }
}

.days-wrap .bg-wrapper {
  background: url(../img/summer2026/bg_main.jpg) repeat-y center center;
  background-size: cover;
  position: relative;
  z-index: 0;
  padding: 4vw;
}

@media screen and (max-width: 767px) {
  .days-wrap .bg-wrapper {
    padding: 40px 4vw;
  }
}

/* PROCESS */

.days-wrap .process .inner em {
  margin-top: -3vw;
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: bolder;
  font-size: 3vw;
}

.days-wrap .process .inner p.sub-txt {
  color: #000;
  font-size: clamp(16px, 2vw, 22px);
  font-weight: 600;
  margin-bottom: clamp(5px, 0.5vw, 10px);
  font-family: MidasiGoPro, sans-serif;
}

@media screen and (max-width: 767px) {
  .days-wrap .process .inner p.sub-txt {
    font-size: inherit;
  }
}

.days-wrap .process .inner em:nth-of-type(2) {
  margin-top: 3vw;
  font-size: clamp(14px, 3.777vw, 24px);
  font-weight: bolder;
  font-family: "Noto Sans", sans-serif;
}

.days-wrap .process .inner .summary {
  width: 100%;
  margin: 0 auto 4vw;
  color: #000;
}

@media screen and (max-width: 767px) {
  .days-wrap .process .inner .summary {
    margin: 0 auto 40px;
  }
}

.days-wrap .process .inner .summary table {
  width: 100%;
  border-collapse: collapse;
}

.days-wrap .process .inner .summary tr:nth-of-type(1) {
  border-top: #80755c solid 1px;
}

.days-wrap .process .inner .summary tr:nth-of-type(2) {
  border-bottom: #80755c solid 1px;
}

.days-wrap .process .inner .summary tr:nth-of-type(4) {
  border-bottom: #80755c solid 1px;
}

/* .days-wrap .process .inner .summary tr:nth-of-type(1) th:nth-of-type(1){
  background-color: unset;
} */
.days-wrap .process .inner .summary tr th,
.days-wrap .process .inner .summary tr td {
  border-right: #80755c solid 1px;
  border-left: #80755c solid 1px;
}

.days-wrap .process .inner .summary td {
  text-align: center;
  padding: 1vw 0;
}

@media screen and (max-width: 767px) {
  .days-wrap .process .inner .summary td{
    padding: 0;
    height: 50px;
  }
}

.days-wrap .process .inner .summary th {
  font-size: min(2vw, 20px);
  font-weight: 500;
  color: #ffffff;
  background-color: #b1a591;
  line-height: 1.2;
  text-align: center;
  padding: 0.45vw 0 0.55vw;
}

@media screen and (max-width: 767px) {
  .days-wrap .process .inner .summary th{
    font-size: 16px;
    padding: 0;
    height: 40px;
  }
}

.days-wrap .process .inner .summary th span {
  display: block;
  font-size: min(1.6vw, 16px);
}

@media screen and (max-width: 767px) {
  .days-wrap .process .inner .summary th span {
    font-size: 12px;
  }
}



.days-wrap .process .inner .summary td {
  font-size: clamp(12px, 1.6vw, 16px);
  background-color: #ffffff;
}

.days-wrap .process .inner .flow ul li .f-yellow {
  color: #5b2309;
  font-weight: 500;
  font-size: clamp(12px, 1.6vw, 17px);
  line-height: 1.2;
}

.days-wrap .process .inner .flow ul li p {
  line-height: 1.4em;
  font-size: clamp(10px, 1.3vw, 14px);
}

.days-wrap .process .inner .flow ul li p+p {
  margin-top: 0.2em;
}

.days-wrap .process .inner .flow ul li .tit span {
  font-size: 0.8em;
}

.days-wrap .process .inner .flow ul li .time {
  font-size: 14px;
  line-height: 1.8em;
  text-align: center;
}

.days-wrap .process .inner .flow ul li.scrlDays07 .time {
  text-align: center;
  padding-right: 1rem;
}

.days-wrap .process .inner .flow ul li.scrlDays12.pc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: unset;
}

.days-wrap .process .inner .flow ul li.scrlDays12 .bg-blue {
  background: #1bb8ce;
}

.days-wrap .process .inner .flow ul li.scrlDays12 .bg-blue:nth-of-type(1) {
  position: relative;
  padding: 2.11vw 4vw 2.11vw 1vw;
}

.days-wrap .process .inner .flow ul li.scrlDays12 .bg-blue:nth-of-type(1)::after {
  content: '';
  display: block;
  position: absolute;
  right: -1.9vw;
  top: 0;
  border-top: 3.7vw solid transparent;
  border-bottom: 3.7vw solid transparent;
  border-left: 1.92vw solid #1bb8ce;
}

.days-wrap .process .inner .flow ul li.scrlDays12 .bg-blue:nth-of-type(2) {
  padding: 0.8vw 0.5vw 0.8vw 1vw;
}

.days-wrap .process .inner .infomation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px 20px 50px;
  background: #e2e1db;
  margin: 25px 0 0;
}

@media screen and (max-width: 767px) {
  .days-wrap .process .inner .infomation {
    flex-wrap: wrap;
    padding: 20px;
    margin: 20px 0 0;
  }
}

.days-wrap .process .inner .infomation .infomation-ttl {
  width: 15%;
  padding: 25px;
  border-right: 1px solid #80755c;
  border-left: 1px solid #80755c;
  margin: 0 auto 0 0;
}

@media screen and (max-width: 767px) {
  .days-wrap .process .inner .infomation .infomation-ttl {
    width: 50%;
    max-width: 150px;
    border-right: none;
    border-left: none;
    border-top: 1px solid #80755c;
    border-bottom: 1px solid #80755c;
    padding: 10px;
    margin: 0 auto 20px;
  }
}

.days-wrap .process .inner .infomation .infomation-content {
  width: 73.8%;
}

@media screen and (max-width: 767px) {
  .days-wrap .process .inner .infomation .infomation-content {
    width: 100%;
  }
}

.days-wrap .process .inner .infomation .infomation-content p {
  color: #231815;
  font-size: clamp(12px, 1.3vw, 16px);
  text-indent: -1rem;
  padding-left: 1em;
  line-height: 1.1;
}

.days-wrap .process .inner .infomation .infomation-content p:first-of-type {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .days-wrap .process .inner .infomation .infomation-content p:first-of-type {
    margin-bottom: 10px;
  }
}

/* Program */
.program {
  margin: clamp(40px, 78vw, 80px) auto;
}

@media screen and (max-width: 767px) {
  .program {
    margin: 40px auto;
  }
}

.program .program-item {
  margin: clamp(20px, 4.8vw, 40px) 0 0;
}

.program .program-item .program-date {
  position: relative;
  display: flex;
  align-items: center;
}

.program .program-item .program-date img {
  max-width: 100%;
}

.program .program-item .program-date .program-date_day {
  position: absolute;
  font-size: clamp(20px, 2.2vw, 30px);
  font-weight: 600;
  left: max(-35px, -3vw);
  width: min(12.8vw, 150px);
  height: min(12.8vw, 150px);
  border-radius: 50%;
  align-content: center;
  text-align: center;
  color: #ffffff;
  background: linear-gradient(45deg, #e5aa76, #ee85a8);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2), 0px 0px 3px rgba(0, 0, 0, 0.2), 0px 0px 3px rgba(0, 0, 0, 0.2), 0px 0px 3px rgba(0, 0, 0, 0.2), 0px 0px 3px rgba(0, 0, 0, 0.2), 0px 0px 3px rgba(0, 0, 0, 0.2), 0px 0px 3px rgba(0, 0, 0, 0.2), 0px 0px 3px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 767px) {
  .program .program-item .program-date .program-date_day {
    min-width: 100px;
    min-height: 100px;
    font-size: min(5vw, 20px);
  }
}

.program .program-item .program-date .program-date_day span {
  font-size: 1.7em;
  line-height: 1;
}

.program .program-item .program-date .program-date_tit {
  font-size: clamp(18px, 1.8vw, 25px);
  left: 31.6456%;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .program .program-item .program-date .program-date_tit {
    font-size: min(3vw, 20px);
  }
}

.program .program-item .program-date .program-date_location {
  width: 93%;
  font-size: clamp(16px, 1.4vw, 22px);
  line-height: 1.3;
  margin-left: auto;
  padding-left: min(7.2vw, 95px);
}

@media screen and (max-width: 767px) {
  .program .program-item .program-date .program-date_location {
    font-size: 18px;
    padding-left: min(15vw, 52px);
  }
}

.program .program-item .program-date .program-date_location p {
  padding: 10px 0 10px 40px;
}

@media screen and (max-width: 767px) {
  .program .program-item .program-date .program-date_location p {
    padding: 8px 0 8px 50px;
  }
}

.program .program-item .program-date .program-date_location p:nth-of-type(1) {
  background: #e9baa7;
  color: rgba(182, 29, 41, 0.75);
}

.program .program-item .program-date .program-date_location p:nth-of-type(2) {
  background: #e2e1db;
  color: #231815;
}

.program .program-item .program-date .program-date_location span {
  display: block;
  margin-left: min(1vw, 24px);
}

.program .program-item .program-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.program .program-item .program-content figure {
  width: 44.8889%;
}

@media screen and (max-width: 767px) {
  .program .program-item .program-content figure {
    width: 100%;
  }
}

.program .program-item .program-content figure img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

.program .program-item .program-content .txtArea {
  width: 51%;
  padding: clamp(5px, 2vw, 28px) 0 clamp(20px, 2.8vw, 32px);
}

@media screen and (max-width: 767px) {
  .program .program-item .program-content .txtArea {
    width: 100%;
    padding: 10px 10px clamp(20px, 2.8vw, 32px);
  }
}

.program .program-item .program-content .txtArea .txtArea-ttl {
  font-size: 21px;
  margin-left: -10px;
  font-weight: 600;
}

.program .program-item .program-content .txtArea .txtArea-ttl .pre-quote {
  margin: 0 -8px;
}

.program .program-item .program-content .txtArea .txtArea-desc {
  font-size: 14px;
  font-weight: 400;
  margin: 0.5vw 0 0;
  color: #333;
}

.program .program-item .program-content .txtArea .txtArea-caption {
  font-size: 14px;
  margin: 1.2vw 0 0;
  text-indent: -1em;
  padding-left: 1em;
}

/* Interview */

.interview .inner {
  padding: 0;
}

.interview .interview-tit {
  display: flex;
  align-items: center;
  background: #e7e6e5;
}

@media screen and (max-width: 767px) {
  .interview .interview-tit {
    flex-wrap: wrap;
  }
}

.interview .interview-tit .col-left {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20%;
  background: linear-gradient(90deg, #72b9e7, #f4afc3);
  text-align: center;
  height: min(7vw, 80px);
  clip-path: polygon(0% 0, 100% 0, 70% 100%, 0% 100%);
  padding-right: 40px;
}

.interview .interview-tit .col-left img {
  width: min(11vw, 100%);
  max-width: 134px;
}

@media screen and (max-width: 767px) {
  .interview .interview-tit .col-left {
    width: 100%;
    height: 60px;
    clip-path: none;
    padding-right: 0;
  }

  .interview .interview-tit .col-left img {
    width: 100%;
  }
}

.interview .interview-tit .col-right {
  width: 80%;
  text-align: center;
  font-size: min(2.4vw, 28px);
}

@media screen and (max-width: 767px) {
  .interview .interview-tit .col-right {
    width: 100%;
    font-size: 18px;
    line-height: 1.4;
    padding: 10px 0;
  }
}


.interview .interview-tit .col-right .fs-35 {
  font-size: 1.25em;
  font-weight: 700;
}

.interview .interview-tit .col-right .fs-37 {
  font-size: 1.32em;
  font-weight: 700;
}

.interview .interview-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #ffffff;
}

.interview .interview-content .box-left {
  width: 35.5%;
  padding: clamp(20px, 3.2vw, 35px) clamp(8px, 1.2vw, 15px) clamp(20px, 3.2vw, 35px) clamp(20px, 3.2vw, 35px);
  box-sizing: border-box;
  color: #fff;
  align-content: end;
}

@media screen and (max-width: 767px) {
  .interview .interview-content .box-left {
    width: 100%;
  }
}

.interview .interview-content .box-left .interview-content_tit {
  font-size: clamp(22px, 2vw, 35px);
  font-weight: bold;
  margin-right: -40px;
  line-height: 1.25;
}

@media screen and (max-width: 767px) {
  .interview .interview-content .box-left .interview-content_tit {
    font-size: 26px;
    margin-right: 0;
  }
}

.interview .interview-content .box-left .interview-content_tit span.f33 {
  font-size: 0.9428em;
}

.interview .interview-content .box-left .interview-content_tit span.f26 {
  font-size: 0.7428em;
}

.interview .interview-content .box-left .interview-desc {
  font-size: 14px;
  margin-top: 0.8vw;
  color: #000000;
}

.interview .interview-content .box-left .read-more {
  background: #000;
  color: #fff;
  border-radius: 4px;
  padding: 6px 12px 4px;
  width: fit-content;
  min-width: 40%;
  margin-top: clamp(18px, 2vw, 24px);
  font-size: clamp(14px, 1.7vw, 18px);
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

.interview .interview-content .box-left .read-more:hover {
  opacity: 0.8;
}

.interview .interview-content .box-left .read-more a {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}

.interview .interview-content .box-right {
  width: 60.955%;
  height: fit-content;
  display: flex;
  margin: auto 0;
  padding: 10px clamp(20px, 3.2vw, 35px) 10px 0;
}

.interview .interview-content .box-right figure {
  width: 50%;
}

.interview .interview-content .box-right figure img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .interview .interview-content .box-right {
    width: 100%;
    order: -1;
    padding: 0;
  }
}

/* Outline */

.outline {
  margin: clamp(40px, 78vw, 80px) auto 0;
}

@media screen and (max-width: 767px) {
  .outline {
    margin: 40px auto 0;
  }
}

.outline .outline-content {
  margin: clamp(20px, 4.8vw, 40px) 0 0;
}

.outline .outline-content .outline-item {
  display: flex;

  column-gap: 40px;
  row-gap: 8px;
  font-size: 18px;
  padding-bottom: clamp(20px, 2.8vw, 30px);
}

@media screen and (max-width: 767px) {
  .outline .outline-content .outline-item {
    justify-content: space-between;
    flex-wrap: wrap;
  }
}

.outline .outline-content .outline-item:not(:last-of-type) {
  border-bottom: 1px solid #1a1a1a;
}

.outline .outline-content .outline-item:not(:first-of-type) {
  padding-top: clamp(20px, 3vw, 35px);
}

.outline .outline-content .outline-item .outline-item-ttl {
  color: #0071bc;
  text-align: justify;
  text-wrap: nowrap;
  width: 18%;
}

@media screen and (max-width: 767px) {
  .outline .outline-content .outline-item .outline-item-ttl {
    width: 100%;
    text-align: left;
    margin-left: -10px;
  }
}

.outline .outline-content .outline-item .outline-item-desc {
  width: 75%;
  color: #000;
  font-size: 18px;
  font-weight: 500;
  font-family: MidasiGoPro, sans-serif;
}

@media screen and (max-width: 767px) {
  .outline .outline-content .outline-item .outline-item-desc {
    width: 100%;
    font-size: 16px;
  }
}

.outline .outline-content .outline-item .outline-item-desc span {
  font-size: 14px;
  font-weight: 400;
}

.outline .outline-content .outline-item .outline-item-desc a {
  color: #000;
  text-decoration: none;
}

.outline .outline-content .outline-item .outline-item-desc a:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.outline .outline-content .outline-item-caption {
  font-size: 18px;
  margin-top: 1.2vw;
  color: #000;
  font-family: 'Hiragino Kaku Gothic Pro', sans-serif;
}

@media screen and (max-width: 767px) {
  .outline .outline-content .outline-item-caption {
    font-size: 16px;
    padding-bottom: 20px;
    font-weight: lighter;
  }
}


/* Entry */
.days-wrap .entry02 {
  background: #0071bc;
}

.days-wrap .entry02 .inner {
  padding: 0;
  background: transparent;
}

.days-wrap .entry02 .inner .copyright {
  color: #fff;
  text-align: center;
  display: block;
  padding-bottom: 10px;
}

.days-wrap .entry__link {
  display: flex;
  gap: 50px;
  justify-content: center;
  padding: 10px 0;
}

.days-wrap .entry__link p {
  color: #4C4948;
  font-size: 12px;
}

.days-wrap .entry__link p a {
  color: #4C4948;
  transition: all 0.3s ease;
  text-decoration: underline;
}

.days-wrap .entry__link p a:hover {
  opacity: 0.7;
}

.days-wrap .entry__link p.u-wh {
  color: #fff;
}

.days-wrap .entry__link p.u-wh a {
  color: #fff;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .days-wrap .entry02 .inner .copyright {
    font-size: 10px;
    padding-bottom: 20px;
  }

  .days-wrap .entry__link {
    margin: 12px;
  }

  .days-wrap .entry__link p {
    font-size: 10px;
  }
}


/* modal */
button {
  cursor: pointer;
  transition: .3s;
  border: none;
  background: none;
  font-weight: bold;
}

button:hover {
  opacity: .5;
}

.modal__open-button {
  display: inline-block;
  width: fit-content;
  margin: 0 auto;
  padding: 0;
}

dialog {
  position: relative;
  overflow: visible;
  border: none;
  padding: 50px 80px 60px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  width: 85%;
  max-width: 600px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

/* モーダルが開いている時のフェードイン */
dialog[open] {
  opacity: 1;
}

/* モーダルの背景（backdrop）のスタイル */
dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

/* モーダルが開いている時の背景のフェードイン */
dialog[open]::backdrop {
  opacity: 1;
}

/* モーダルのヘッダー */
.modal__header {
  display: flex;
  justify-content: right;
  align-items: center;
}

/* 閉じるボタンのスタイル */
.modal__close-button {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(25%, -25%);
  background: #fff;
  border-radius: 50px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
  border: none;
  font-size: 2em;
  cursor: pointer;
  color: #555;
  padding: 0 4px;
  line-height: 1;
}

.modal__close-button:hover {
  color: #c1272d;
  opacity: 1;
}

.modal__close-button2 {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(25%, -25%);
  background: #fff;
  border-radius: 50px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
  border: none;
  font-size: 2em;
  cursor: pointer;
  color: #555;
  padding: 0 4px;
  line-height: 1;
}

.modal__close-button2:hover {
  color: #c1272d;
  opacity: 1;
}

/* モーダルのコンテンツ領域 */
.modal__content {
  align-content: center;
  overflow-y: auto;
  padding-right: 10px;
  display: inline-block;
  position: relative;
}

.modal__content p {
  margin-bottom: 1em;
  line-height: 1.6;
}

.modal__list {
  margin-top: 1rem;
}

.modal__listTitle {
  font-size: 20px;
}

.modal__listTxt {
  font-size: 18px;
}

/* モーダルのフッター */
.modal__footer {
  text-align: right;
  margin-top: 20px;
  border-top: 1px solid #eee;
  padding-top: 10px;
}

/* 背面のスクロール抑制 */
body.modal-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}

@media screen and (max-width: 767px) {
  dialog {
    padding: 20px;
    width: 80%;
  }

  .modal__content {
    padding-right: 0;
  }
}

/****--------- ボール ---------****/
.anime-ball {
  animation: ball 0.5s alternate infinite ease-in-out;
  -webkit-animation: ball 0.5s alternate infinite ease-in-out;
  -moz-animation: ball 0.5s alternate infinite ease-in-out;
  vertical-align: top;
}

@keyframes ball {
  0% {
    transform: translate(0%, 0%) rotateX(35deg);
  }

  100% {
    transform: translate(0%, -5px);
  }
}

@-webkit-keyframes ball {
  0% {
    -webkit-transform: translate(0%, 0%) rotateX(35deg);
  }

  100% {
    -webkit-transform: translate(0%, -5px);
  }
}

@-moz-keyframes ball {
  0% {
    -moz-transform: translate(0%, 0%) rotateX(35deg);
  }

  100% {
    -moz-transform: translate(0%, -5px);
  }
}

/* lording */
.loader .loaderInner {
  width: 300px;
}

.loader .loaderInner .loaderIcon__title {
  width: 100%;
}

.td1 {
  transition-delay: 2.5s;
}