/*====================================================
////id |  overview
====================================================*/
.overview-inner {
  margin: auto;
  padding-bottom: min(5vw, 30px);
  width: 90%;
}
.overview-wrapper {
  background: var(--color_5);
  overflow: hidden;
  padding: min(10vw, 80px) min(5vw, 40px);
  position: relative;
}
.overview-content {
  margin: auto;
  position: relative;
  width: min(100%, 1000px);
  z-index: 5;
}
.overview-head {
  color: var(--color_1);
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 1em;
  text-align: center;
  text-shadow: 0 0 .15em #fff, 0 0 .15em #fff, 0 0 .15em #fff, 0 0 .15em #fff, 0 0 .15em #fff, 0 0 .15em #fff, 0 0 .15em #fff, 0 0 .15em #fff, 0 0 .15em #fff, 0 0 .15em #fff, 0 0 .15em #fff, 0 0 .15em #fff, 0 0 .15em #fff;
}
.overview-text {
  font-weight: 500;
  text-shadow: 0 0 .15em #fff, 0 0 .15em #fff, 0 0 .15em #fff, 0 0 .15em #fff, 0 0 .15em #fff, 0 0 .15em #fff, 0 0 .15em #fff, 0 0 .15em #fff, 0 0 .15em #fff, 0 0 .15em #fff, 0 0 .15em #fff, 0 0 .15em #fff, 0 0 .15em #fff;
}
.overview-img {
  margin: auto;
  mix-blend-mode: multiply;
  opacity: .3;
  position: absolute;
}
.overview-img .coverImg {
  padding-top: 0;
  height: 100%;
}
.overview-img .coverImg::before {
  content: '';
  display: block;
  margin: auto;
  position: absolute;
    top: 0;
    left: 0;
  z-index: 2;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 960.0px) {
  .overview-head {
    font-size: min(4.6vw, 3.0rem);
  }
  .overview-text {
    font-size: min(4vw, 1.8rem);
  }
  .overview-img {
    filter: blur(2px);
    opacity: .2;
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
  }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960.1px) {
  .overview-head {
    font-size: min(2.6vw, 3.2rem);
  }
  .overview-text {
    font-size: min(1.8vw, 2rem);
    text-align: center;
  }
  .overview-img {
    position: absolute;
      top: 0;
      right: 0;
    width: min(30vw, 700px);
    height: 100%;
  }
  .overview-img .coverImg::before {
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    width: 40%;
    height: 100%;
  }
}

@media print, screen and (min-width: 1500.1px) {
  .overview-img {
    opacity: .45;
  }
}
@media (hover: hover) {}


/*====================================================
////id |  detail
====================================================*/
/* .detail:not(.detail:last-child) .detail-inner {
  padding-bottom: 0;
} */
.detail-wrapper {
  display: grid;
    grid-gap: min(6vw, 50px);
}
.detail-head {
  margin-bottom: min(3vw, 8px);
}
.detail-head.jp_only {
  display: flex;
    justify-content: center;
}

.detail-img {
  display: flex;
    justify-content: center;
  padding: .4em 0;
}
.detail-img img {
  max-height: 400px;
}

.detail-link-wrapper {
  display: flex;
    flex-wrap: wrap;
    gap: min(2vw, 50px);
    justify-content: center;
}

.detail-related_post-wrapper {
  display: flex;
    gap: min(7vw, 40px) min(3vw, 30px);
    justify-content: center;
  margin-top: min(3vw, 20px);
}
.detail-related_post-link .coverImg {
  padding-top: 63.158%;
}
.detail-related_post-link .title {
  display: flex;
    justify-content: center;
  font-size: 1.125em;
  margin-top: .7em;
}
.detail-related_post-link .excerpt {
  margin-top: .5em;
  text-align: center;
}

.detail-tab {
  padding-top: 15px;
}
.detail-tab .tab {
  background: var(--color_1);
  color: #fff;
  display: inline-block;
  line-height: 1.2;
  padding: .2em 1.2em;
}
.detail-tab-content {
  background: #fff;
  border: solid 1px var(--color_1);
  display: grid;
    grid-gap: 1.3em;
  margin-top: -1px;
  padding: min(4vw, 50px) min(3vw, 80px);
}
.detail-tab-content .title {
  display: flex;
    justify-content: center;
}
.detail-tab-img-wrapper {
  display: flex;
    justify-content: center;
  gap: min(4vw, 20px) min(3vw, 24px);
}
.detail-tab-img {
  display: flex;
    justify-content: center;
}
.detail-tab-img img {
  max-height: 350px;
}


.detail-rich_layout-head {
  color: var(--color_1);
  margin-bottom: 1em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 960.0px) {
  .detail-rich_layout-head {
    font-size: min(5.5vw, 2.6rem);
  }
  .detail-rich_layout-img {
    margin: min(10vw, 40px) 0 min(6vw, 30px);
  }
}

@media screen and (max-width: 769.0px) {
  .detail-related_post-wrapper {
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    width: min(90%, 380px);
  }
  .detail-related_post-link .excerpt {
    font-size: .9em;
  }

  .detail-tab-img-wrapper {
    flex-direction: column;
  }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
  .detail-text {
    text-align: center;
  }

  .detail-related_post-wrapper {
    flex-wrap: wrap;
  }
  .detail-related_post-link {
    width: min(calc(50% - (min(3vw, 30px) / 2)), 380px);
  }
  .detail-related_post-link .excerpt {
    font-size: min(1.4vw, 1.6rem);
  }

  .detail-tab-content .title {
    font-size: min(2vw, 2rem);
  }
}

@media print, screen and (min-width: 960.1px) {
  .detail-rich_layout {
    display: flex;
      flex-direction: row-reverse;
      gap: min(4vw, 78px);
  }
  .detail-rich_layout-content {
    display: flex;
      align-items: center;
    padding: 24px 0 35px;
    width: min(65%, 740px);
  }
  .detail-rich_layout-head {
    font-size: min(2.6vw, 3rem);
  }
  .detail-rich_layout-img {
    flex: 1;
    margin-left: calc(var(--innerBox_margin) * -1);
    width: calc(100% + var(--innerBox_margin));
  }
  .detail-rich_layout-img .coverImg {
    padding-top: min(75%, 400px);
    height: 100%;
  }

}

@media (hover: hover) {}


/*====================================================
////id |  xxx
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
}

@media (hover: hover) {}


/*====================================================
////id |  xxx
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
}

@media (hover: hover) {}