@charset "UTF-8";
/*                乾燥さん 5周年 LP
======================================================= */
.kansosan5thPage {
  position: relative;
  overflow: hidden;
  color: #000;
  font-family: "Noto Sans JP", serif;
  letter-spacing: 0;
}
.kansosan5thPage,
.kansosan5thPage * {
  font-feature-settings: normal;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage {
    min-width: 1200px;
  }
}
.kansosan5thPage h1,
.kansosan5thPage h2,
.kansosan5thPage h3,
.kansosan5thPage p {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  background: none;
}
.kansosan5thPage h2 span {
  margin-top: 0;
}
.kansosan5thPage img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage br.sp900 {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage br.sp901 {
    display: none;
  }
}
.kansosan5thPage .js-fadein {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1.2s ease, transform 1.2s ease;
}
.kansosan5thPage .js-fadein.is-show {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .kansosan5thPage .js-fadein {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* MV
======================================================= */
.kansosan5thPage #main_visual {
  position: relative;
  background: #fff;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #main_visual {
    height: clamp(660.83px, 55.07vw, 793px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #main_visual {
    height: 124.13vw;
  }
}
.kansosan5thPage #main_visual .kv_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff226;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #main_visual .kv_bg {
    height: clamp(414.17px, 34.51vw, 497px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #main_visual .kv_bg {
    height: 82.09vw;
  }
}
.kansosan5thPage #main_visual .kv_bg::after {
  content: "";
  position: absolute;
  bottom: -1px;
  background: url(/img/freepages/kansosan_5th_anniversary/bg_wave.png) no-repeat center bottom/100% 100%;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #main_visual .kv_bg::after {
    left: 0;
    width: 100%;
    height: clamp(41.67px, 3.47vw, 50px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #main_visual .kv_bg::after {
    left: -21.64vw;
    width: 143.28vw;
    height: 9.95vw;
  }
}
.kansosan5thPage #main_visual .kv_flag {
  position: absolute;
  top: 0;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #main_visual .kv_flag {
    width: clamp(242.5px, 20.21vw, 291px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #main_visual .kv_flag {
    width: 34.08vw;
  }
}
.kansosan5thPage #main_visual .kv_flag.is-left {
  left: 0;
}
.kansosan5thPage #main_visual .kv_flag.is-right {
  right: 0;
}
.kansosan5thPage #main_visual .kv_confetti {
  position: absolute;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #main_visual .kv_confetti.is-left {
    top: clamp(166.67px, 13.89vw, 200px);
    left: calc(50% - clamp(497.5px, 41.46vw, 597px));
    width: clamp(237.5px, 19.79vw, 285px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #main_visual .kv_confetti.is-left {
    top: 26.62vw;
    left: -2.99vw;
    width: 18.41vw;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #main_visual .kv_confetti.is-right {
    top: clamp(132.5px, 11.04vw, 159px);
    left: calc(50% + clamp(256.67px, 21.39vw, 308px));
    width: clamp(259.17px, 21.6vw, 311px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #main_visual .kv_confetti.is-right {
    top: 25.87vw;
    left: 75.87vw;
    width: 24.25vw;
  }
}
.kansosan5thPage #main_visual .kv_logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #main_visual .kv_logo {
    top: clamp(83.33px, 6.94vw, 100px);
    width: clamp(450.83px, 37.57vw, 541px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #main_visual .kv_logo {
    top: 19.53vw;
    width: 63.56vw;
  }
}
.kansosan5thPage #main_visual .kv_ill {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #main_visual .kv_ill {
    top: clamp(175px, 14.58vw, 210px);
    width: clamp(436.67px, 36.39vw, 524px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #main_visual .kv_ill {
    top: 36.57vw;
    width: 78.11vw;
  }
}

/* ありがとう5周年
======================================================= */
.kansosan5thPage #thanks {
  position: relative;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #thanks {
    padding-bottom: clamp(91.67px, 7.64vw, 110px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #thanks {
    padding: 0 4.48vw 17.41vw;
  }
}
.kansosan5thPage #thanks .thanks_inr {
  position: relative;
  margin: 0 auto;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #thanks .thanks_inr {
    width: clamp(1000px, 83.33vw, 1200px);
  }
}
.kansosan5thPage #thanks .thanks_ttl {
  position: relative;
  z-index: 2;
  margin: 0 auto;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #thanks .thanks_ttl {
    width: clamp(586.67px, 48.89vw, 704px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #thanks .thanks_ttl {
    width: 82.09vw;
  }
}
.kansosan5thPage #thanks .thanks_card {
  position: relative;
  z-index: 1;
  background: #fff226;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #thanks .thanks_card {
    margin-top: clamp(-127px, -8.82vw, -105.83px);
    padding: clamp(154.17px, 12.85vw, 185px) clamp(108.33px, 9.03vw, 130px) clamp(66.67px, 5.56vw, 80px);
    border-radius: clamp(25px, 2.08vw, 30px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #thanks .thanks_card {
    margin-top: -17.16vw;
    padding: 24.13vw 3.73vw 3.73vw;
    border-radius: 4.98vw;
  }
}
.kansosan5thPage #thanks .thanks_lead {
  text-align: center;
  font-weight: 700;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #thanks .thanks_lead {
    margin-bottom: clamp(20.83px, 1.74vw, 25px);
    font-size: clamp(20.83px, 1.74vw, 25px);
    line-height: 2.1;
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #thanks .thanks_lead {
    margin-bottom: 3.98vw;
    font-size: 4.23vw;
    line-height: 1.6;
  }
}
.kansosan5thPage #thanks .thanks_lead span {
  padding: 0 0.1em;
  background: linear-gradient(transparent 58%, #fff 58%, #fff 92%, transparent 92%);
}
.kansosan5thPage #thanks .thanks_txt {
  text-align: center;
  font-weight: 500;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #thanks .thanks_txt {
    font-size: clamp(16.67px, 1.39vw, 20px);
    line-height: 2.1;
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #thanks .thanks_txt {
    font-size: 3.23vw;
    line-height: 2;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #thanks .thanks_txt + .thanks_txt {
    margin-top: 2.1em;
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #thanks .thanks_txt + .thanks_txt {
    margin-top: 2em;
  }
}
.kansosan5thPage #thanks .thanks_movie {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #thanks .thanks_movie {
    margin-top: clamp(66.67px, 5.56vw, 80px);
    aspect-ratio: 908/509;
    border-radius: clamp(25px, 2.08vw, 30px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #thanks .thanks_movie {
    margin-top: 6.97vw;
    height: 46.27vw;
    border-radius: 3.48vw;
  }
}
.kansosan5thPage #thanks .thanks_movie video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.kansosan5thPage #thanks .thanks_movie::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: inherit;
  pointer-events: none;
}
.kansosan5thPage #thanks .thanks_movie.is-playing::after, .kansosan5thPage #thanks .thanks_movie.is-playing .movie_play {
  display: none;
}
.kansosan5thPage #thanks .movie_play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #fff226;
  cursor: pointer;
  transform: translate(-50%, -50%);
  transition: transform 0.3s;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #thanks .movie_play {
    width: clamp(97.5px, 8.13vw, 117px);
    height: clamp(97.5px, 8.13vw, 117px);
  }
  .kansosan5thPage #thanks .movie_play:hover {
    transform: translate(-50%, -50%) scale(1.06);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #thanks .movie_play {
    width: 17.41vw;
    height: 17.41vw;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #thanks .movie_play img {
    width: clamp(47.92px, 3.99vw, 57.5px);
    margin-top: clamp(5px, 0.42vw, 6px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #thanks .movie_play img {
    width: 8.58vw;
    margin-top: 1vw;
  }
}

/* キャンペーン
======================================================= */
.kansosan5thPage #campaign {
  position: relative;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign {
    padding-top: clamp(3.33px, 0.28vw, 4px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign {
    padding-top: 1.99vw;
  }
}
.kansosan5thPage #campaign .campaign_ttl {
  text-align: center;
}
.kansosan5thPage #campaign .campaign_ttl span {
  display: block;
  margin: 0 auto;
}
.kansosan5thPage #campaign .campaign_ttl .en {
  font-family: "Montserrat", "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 0.72;
  letter-spacing: 0.06em;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .campaign_ttl .en {
    font-size: clamp(16.67px, 1.39vw, 20px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .campaign_ttl .en {
    font-size: 3.98vw;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .campaign_ttl .ja {
    width: clamp(512.5px, 42.71vw, 615px);
    margin-top: clamp(17.92px, 1.49vw, 21.5px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .campaign_ttl .ja {
    width: 85.82vw;
    margin-top: 1.37vw;
  }
}
.kansosan5thPage #campaign .campaign_banner {
  display: block;
  margin: 0 auto;
  transition: opacity 0.3s;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .campaign_banner {
    width: clamp(1000px, 83.33vw, 1200px);
    margin-top: clamp(44.17px, 3.68vw, 53px);
  }
  .kansosan5thPage #campaign .campaign_banner:hover {
    opacity: 0.8;
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .campaign_banner {
    width: 91.04vw;
    margin-top: 1.99vw;
  }
}
.kansosan5thPage #campaign .campaign_banner img {
  width: 100%;
}
.kansosan5thPage #campaign .campaign_body {
  position: relative;
  background: #fff226;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .campaign_body {
    margin-top: clamp(220.83px, 18.4vw, 265px);
    padding: clamp(322.5px, 26.88vw, 387px) 0 clamp(125px, 10.42vw, 150px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .campaign_body {
    margin-top: 47.76vw;
    padding: 40.8vw 4.48vw 22.89vw;
  }
}
.kansosan5thPage #campaign .campaign_body::before {
  content: "";
  position: absolute;
  background: #fff226;
  -webkit-mask: url(/img/freepages/kansosan_5th_anniversary/bg_wave.png) no-repeat center bottom/100% 100%;
  mask: url(/img/freepages/kansosan_5th_anniversary/bg_wave.png) no-repeat center bottom/100% 100%;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .campaign_body::before {
    top: clamp(-49px, -3.4vw, -40.83px);
    left: 0;
    width: 100%;
    height: clamp(41.67px, 3.47vw, 50px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .campaign_body::before {
    top: -5.47vw;
    left: -9.95vw;
    width: 119.4vw;
    height: 5.72vw;
  }
}
.kansosan5thPage #campaign .campaign_deco {
  position: absolute;
}
.kansosan5thPage #campaign .campaign_deco.is-ill {
  z-index: 1;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .campaign_deco.is-ill {
    top: clamp(-175px, -12.15vw, -145.83px);
    left: calc(50% - clamp(116.67px, 9.72vw, 140px));
    width: clamp(226.67px, 18.89vw, 272px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .campaign_deco.is-ill {
    top: -31.34vw;
    left: calc(50% - 16.92vw);
    width: 33.83vw;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .campaign_deco.is-left {
    top: clamp(-100px, -6.94vw, -83.33px);
    left: calc(50% - clamp(410px, 34.17vw, 492px));
    width: clamp(250.83px, 20.9vw, 301px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .campaign_deco.is-left {
    top: -16.54vw;
    left: 0;
    width: 33.58vw;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .campaign_deco.is-right {
    top: clamp(-140px, -9.72vw, -116.67px);
    left: calc(50% + clamp(155px, 12.92vw, 186px));
    width: clamp(282.5px, 23.54vw, 339px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .campaign_deco.is-right {
    top: -20.15vw;
    left: 63.43vw;
    width: 36.82vw;
  }
}
.kansosan5thPage #campaign .campaign_coming {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  background: #d6d6d6;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .campaign_coming {
    width: clamp(1000px, 83.33vw, 1200px);
    height: clamp(340.83px, 28.4vw, 409px);
    border: clamp(3.33px, 0.28vw, 4px) solid #30363a;
    border-radius: clamp(16.67px, 1.39vw, 20px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .campaign_coming {
    height: 91.79vw;
    border: 0.75vw solid #30363a;
    border-radius: 3.73vw;
  }
}
.kansosan5thPage #campaign .coming_txt {
  position: absolute;
  left: 50%;
  background: #fff;
  border-radius: 999px;
  font-family: "Montserrat", "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.02em;
  white-space: nowrap;
  transform: translateX(-50%);
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .coming_txt {
    top: clamp(130px, 10.83vw, 156px);
    padding: clamp(14.17px, 1.18vw, 17px) clamp(25px, 2.08vw, 30px) clamp(12.5px, 1.04vw, 15px);
    font-size: clamp(25px, 2.08vw, 30px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .coming_txt {
    top: 36.07vw;
    padding: 3.23vw 5.97vw 2.99vw;
    font-size: 4.48vw;
  }
}
.kansosan5thPage #campaign .coming_txt::before, .kansosan5thPage #campaign .coming_txt::after {
  content: "";
  position: absolute;
  top: 100%;
  background: #fff;
  border-radius: 50%;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .coming_txt::before {
    left: calc(50% + clamp(70px, 5.83vw, 84px));
    width: clamp(20px, 1.67vw, 24px);
    height: clamp(20px, 1.67vw, 24px);
    margin-top: clamp(-11px, -0.76vw, -9.17px);
  }
  .kansosan5thPage #campaign .coming_txt::after {
    left: calc(50% + clamp(62.5px, 5.21vw, 75px));
    width: clamp(10.83px, 0.9vw, 13px);
    height: clamp(10.83px, 0.9vw, 13px);
    margin-top: clamp(15px, 1.25vw, 18px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .coming_txt::before {
    left: calc(50% + 14.68vw);
    width: 3.48vw;
    height: 3.48vw;
    margin-top: -1.49vw;
  }
  .kansosan5thPage #campaign .coming_txt::after {
    left: calc(50% + 12.44vw);
    width: 2.36vw;
    height: 2.36vw;
    margin-top: 2.74vw;
  }
}
.kansosan5thPage #campaign .coming_chara {
  position: absolute;
  bottom: 0;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .coming_chara {
    left: calc(50% - clamp(43.33px, 3.61vw, 52px));
    width: clamp(102.5px, 8.54vw, 123px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .coming_chara {
    left: calc(50% - 7.46vw);
    width: 19.4vw;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .campaign_collab {
    width: clamp(1000px, 83.33vw, 1200px);
    margin: clamp(133.33px, 11.11vw, 160px) auto 0;
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .campaign_collab {
    margin-top: 17.41vw;
  }
}
.kansosan5thPage #campaign .collab_bubble {
  position: relative;
  margin: 0 auto;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.04em;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .collab_bubble {
    width: clamp(753.33px, 62.78vw, 904px);
    font-size: clamp(18.33px, 1.53vw, 22px);
    line-height: 1.86;
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .collab_bubble {
    width: 91.04vw;
    font-size: 3.73vw;
    line-height: 1.8;
  }
}
.kansosan5thPage #campaign .collab_bubble img {
  width: 100%;
}
.kansosan5thPage #campaign .collab_bubble_txt {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .collab_bubble_txt {
    height: 83.0275229358%;
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .collab_bubble_txt {
    height: 76.1904761905%;
  }
}
.kansosan5thPage #campaign .collab_bubble_txt .marker {
  background: linear-gradient(transparent 62%, #fbe0ec 62%, #fbe0ec 98%, transparent 98%);
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .collab_row {
    display: flex;
    align-items: center;
    column-gap: clamp(63.33px, 5.28vw, 76px);
    margin-top: clamp(50px, 4.17vw, 60px);
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .collab_row.is-reverse {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .collab_img {
    flex-shrink: 0;
    width: clamp(486.67px, 40.56vw, 584px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .collab_img {
    margin-top: 6.34vw;
  }
}
.kansosan5thPage #campaign .collab_img img {
  width: 100%;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .collab_body {
    width: clamp(450px, 37.5vw, 540px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .collab_body {
    margin-top: 6.47vw;
  }
}
.kansosan5thPage #campaign .collab_txt {
  font-weight: 500;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .collab_txt {
    font-size: clamp(13.33px, 1.11vw, 16px);
    line-height: 2.1;
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .collab_txt {
    font-size: 3.23vw;
    line-height: 2;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .collab_txt + .collab_txt {
    margin-top: clamp(25px, 2.08vw, 30px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .collab_txt + .collab_txt {
    margin-top: 3.98vw;
  }
}
.kansosan5thPage #campaign .collab_btns {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .collab_btns {
    row-gap: clamp(10px, 0.83vw, 12px);
    margin-top: clamp(33.33px, 2.78vw, 40px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .collab_btns {
    row-gap: 1.49vw;
    margin-top: 6.47vw;
  }
}
.kansosan5thPage #campaign .collab_btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #231815;
  border-radius: 999px;
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  transition: opacity 0.3s;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .collab_btn {
    width: clamp(353.33px, 29.44vw, 424px);
    height: clamp(73.33px, 6.11vw, 88px);
    font-size: clamp(15px, 1.25vw, 18px);
  }
  .kansosan5thPage #campaign .collab_btn:hover {
    opacity: 0.8;
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .collab_btn {
    width: 74.63vw;
    height: 13.93vw;
    border: 0.5vw solid #30363a;
    font-size: 3.48vw;
  }
}
.kansosan5thPage #campaign .collab_btn::before, .kansosan5thPage #campaign .collab_btn::after {
  content: "";
  position: absolute;
  top: 50%;
}
.kansosan5thPage #campaign .collab_btn::before {
  background: #fff;
  transform: translateY(-50%);
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .collab_btn::before {
    right: clamp(31.67px, 2.64vw, 38px);
    width: clamp(12.5px, 1.04vw, 15px);
    height: clamp(1.67px, 0.14vw, 2px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .collab_btn::before {
    right: 4.73vw;
    width: 3.48vw;
    height: 0.5vw;
  }
}
.kansosan5thPage #campaign .collab_btn::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateY(-50%) rotate(45deg);
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .collab_btn::after {
    right: clamp(31.67px, 2.64vw, 38px);
    width: clamp(7.5px, 0.63vw, 9px);
    height: clamp(7.5px, 0.63vw, 9px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .collab_btn::after {
    right: 4.73vw;
    width: 1.99vw;
    height: 1.99vw;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .collab_row.is-grid {
    display: grid;
    grid-template-columns: clamp(483.33px, 40.28vw, 580px) clamp(450px, 37.5vw, 540px);
    grid-template-areas: "img body" "btns body";
    align-items: start;
  }
}
.kansosan5thPage #campaign .collab_row.is-grid .collab_img {
  grid-area: img;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .collab_row.is-grid .collab_img {
    width: 100%;
  }
}
.kansosan5thPage #campaign .collab_row.is-grid .collab_body {
  grid-area: body;
  align-self: center;
}
.kansosan5thPage #campaign .collab_row.is-grid .collab_btns {
  grid-area: btns;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .collab_row.is-grid .collab_btns {
    margin-top: clamp(25px, 2.08vw, 30px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .collab_row.is-grid .collab_btns {
    margin-top: 6.22vw;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .collab_period {
    margin-top: clamp(50px, 4.17vw, 60px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .collab_period {
    margin-top: 5.97vw;
  }
}
.kansosan5thPage #campaign .period_ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  font-weight: 700;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .period_ttl {
    width: clamp(139.17px, 11.6vw, 167px);
    height: clamp(35.83px, 2.99vw, 43px);
    border-radius: clamp(16.67px, 1.39vw, 20px) clamp(16.67px, 1.39vw, 20px) 0 0;
    font-size: clamp(13.33px, 1.11vw, 16px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .period_ttl {
    width: 34.58vw;
    height: 8.96vw;
    border-radius: 2.99vw 2.99vw 0 0;
    font-size: 3.23vw;
  }
}
.kansosan5thPage #campaign .period_list {
  margin: 0;
  background: #fff;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .period_list {
    padding: clamp(25px, 2.08vw, 30px) clamp(20.83px, 1.74vw, 25px) clamp(20.83px, 1.74vw, 25px);
    border-radius: 0 clamp(16.67px, 1.39vw, 20px) clamp(16.67px, 1.39vw, 20px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .period_list {
    padding: 3.48vw 4.48vw;
    border-radius: 0 2.99vw 2.99vw;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .period_list div {
    display: flex;
    align-items: center;
    column-gap: clamp(8.33px, 0.69vw, 10px);
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .period_list div + div {
    margin-top: clamp(8.33px, 0.69vw, 10px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .period_list div + div {
    margin-top: 1.99vw;
  }
}
.kansosan5thPage #campaign .period_list dt {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #30363a;
  border-radius: 999px;
  color: #fff;
  font-weight: 700;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .period_list dt {
    flex-shrink: 0;
    width: clamp(91.67px, 7.64vw, 110px);
    height: clamp(24.17px, 2.01vw, 29px);
    font-size: clamp(11.67px, 0.97vw, 14px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .period_list dt {
    width: fit-content;
    height: 6.22vw;
    padding: 0 2.99vw;
    font-size: 2.99vw;
  }
}
.kansosan5thPage #campaign .period_list dd {
  margin: 0;
  font-weight: 500;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #campaign .period_list dd {
    font-size: clamp(13.33px, 1.11vw, 16px);
    line-height: 1.8;
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #campaign .period_list dd {
    margin-top: 1.24vw;
    font-size: 3.48vw;
    line-height: 1.8;
  }
}

.kansosan5thPage #campaign .campaign_deco + .campaign_collab {
  margin-top: 0;
}

/* The Story of KANSOSAN
======================================================= */
.kansosan5thPage #story {
  position: relative;
  background: #fff226;
  color: #30363a;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story {
    padding: clamp(5px, 0.42vw, 6px) 0 clamp(112.5px, 9.38vw, 135px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #story {
    padding: 0.75vw 4.48vw 20.4vw;
  }
}
.kansosan5thPage #story .story_ttl_main {
  position: relative;
  z-index: 2;
  margin: 0 auto;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .story_ttl_main {
    width: clamp(503.33px, 41.94vw, 604px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #story .story_ttl_main {
    width: 84.58vw;
  }
}
.kansosan5thPage #story .story_card {
  position: relative;
  margin: 0 auto;
  background: #fff;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .story_card {
    width: clamp(1000px, 83.33vw, 1200px);
    margin-top: clamp(-98px, -6.81vw, -81.67px);
    padding: clamp(65.83px, 5.49vw, 79px) clamp(66.67px, 5.56vw, 80px) clamp(16.67px, 1.39vw, 20px);
    border: clamp(3.33px, 0.28vw, 4px) solid #30363a;
    border-radius: clamp(25px, 2.08vw, 30px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #story .story_card {
    margin-top: -16.54vw;
    padding: 23.38vw 4.73vw 2.99vw 0;
    border: 0.75vw solid #30363a;
    border-radius: 4.98vw;
  }
}
.kansosan5thPage #story .story_list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.kansosan5thPage #story .story_item {
  position: relative;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .story_item {
    display: flex;
    align-items: center;
    min-height: clamp(130px, 10.83vw, 156px);
    padding: clamp(16.67px, 1.39vw, 20px) 0;
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #story .story_item {
    padding: 0 0 13.43vw 22.39vw;
  }
}
.kansosan5thPage #story .story_item::before {
  content: "";
  position: absolute;
  z-index: 0;
  background: #30363a;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .story_item::before {
    top: 0;
    bottom: 0;
    left: clamp(43.33px, 3.61vw, 52px);
    width: clamp(2.5px, 0.21vw, 3px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #story .story_item::before {
    top: 2.99vw;
    bottom: -2.99vw;
    left: 10.7vw;
    width: 0.5vw;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .story_item:first-child::before {
    top: 50%;
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #story .story_item:last-child {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .story_item:last-child::before {
    bottom: 50%;
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #story .story_item:last-child::before {
    display: none;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .story_item:nth-child(9) {
    margin-top: clamp(-26px, -1.81vw, -21.67px);
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .story_item.is-now {
    margin-top: clamp(-35px, -2.43vw, -29.17px);
  }
}
.kansosan5thPage #story .story_date {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: #fff462;
  border-style: solid;
  border-color: #30363a;
  border-radius: 50%;
  font-family: "Montserrat", "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .story_date {
    width: clamp(89.17px, 7.43vw, 107px);
    height: clamp(89.17px, 7.43vw, 107px);
    border-width: clamp(2.5px, 0.21vw, 3px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #story .story_date {
    position: absolute;
    top: -4.98vw;
    left: 2.99vw;
    width: 15.92vw;
    height: 15.92vw;
    border-width: 0.5vw;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .story_date .year {
    font-size: clamp(14.17px, 1.18vw, 17px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #story .story_date .year {
    font-size: 2.74vw;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .story_date .month {
    margin-top: clamp(6.67px, 0.56vw, 8px);
    font-size: clamp(23.33px, 1.94vw, 28px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #story .story_date .month {
    margin-top: 1.24vw;
    font-size: 4.48vw;
  }
}
.kansosan5thPage #story .story_date .month small {
  font-family: "Noto Sans JP", serif;
  font-size: 0.5em;
  font-weight: 500;
}
.kansosan5thPage #story .is-now .story_date {
  background: #e95d9d;
  color: #fff;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .story_body {
    margin-left: clamp(34.17px, 2.85vw, 41px);
  }
}
.kansosan5thPage #story .story_ttl {
  font-weight: 700;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .story_ttl {
    letter-spacing: 0.04em;
    font-size: clamp(18.33px, 1.53vw, 22px);
    line-height: 1.68;
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #story .story_ttl {
    font-size: 3.73vw;
    line-height: 1.6;
  }
}
.kansosan5thPage #story .story_txt {
  font-weight: 500;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .story_txt {
    margin-top: clamp(4.17px, 0.35vw, 5px);
    font-size: clamp(11.67px, 0.97vw, 14px);
    line-height: 1.71;
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #story .story_txt {
    margin-top: 1.99vw;
    font-size: 3.23vw;
    line-height: 1.7;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .story_img {
    flex-shrink: 0;
    width: clamp(333.33px, 27.78vw, 400px);
    margin-left: auto;
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #story .story_img {
    width: 59.7vw;
    margin-top: 1.99vw;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .story_img.is-w372 {
    width: clamp(310px, 25.83vw, 372px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #story .story_img.is-w372 {
    width: 55.47vw;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .story_img.is-w360 {
    width: clamp(300px, 25vw, 360px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #story .story_img.is-w360 {
    width: 53.73vw;
  }
}
.kansosan5thPage #story .story_img img {
  width: 100%;
}
.kansosan5thPage #story .story_lineup {
  position: relative;
  background: #fffcdb;
  border-style: solid;
  border-color: #30363a;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .story_lineup {
    margin-top: clamp(106.67px, 8.89vw, 128px);
    padding: clamp(51.67px, 4.31vw, 62px) clamp(24.17px, 2.01vw, 29px) clamp(30.83px, 2.57vw, 37px);
    border-width: clamp(2.5px, 0.21vw, 3px);
    border-radius: clamp(20.83px, 1.74vw, 25px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #story .story_lineup {
    margin: 14.43vw -1.74vw 0 2.99vw;
    padding: 8.21vw 2.24vw 2.86vw;
    border-width: 0.75vw;
    border-radius: 4.98vw;
  }
}
.kansosan5thPage #story .lineup_ttl {
  position: absolute;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #30363a;
  border-radius: 999px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.04em;
  transform: translateX(-50%);
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .lineup_ttl {
    top: clamp(-35px, -2.43vw, -29.17px);
    width: clamp(266.67px, 22.22vw, 320px);
    height: clamp(48.33px, 4.03vw, 58px);
    font-size: clamp(16.67px, 1.39vw, 20px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #story .lineup_ttl {
    top: -6.47vw;
    width: 51.74vw;
    height: 10.32vw;
    font-size: 3.98vw;
  }
}
.kansosan5thPage #story .lineup_list {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .lineup_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: clamp(14.17px, 1.18vw, 17px) clamp(13.33px, 1.11vw, 16px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #story .lineup_list li + li {
    margin-top: 2.11vw;
  }
}
.kansosan5thPage #story .lineup_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #231815;
  text-decoration: none;
  transition: opacity 0.3s;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .lineup_item {
    width: clamp(260px, 21.67vw, 312px);
    height: clamp(131.67px, 10.97vw, 158px);
    padding: 0 clamp(15px, 1.25vw, 18px) 0 clamp(25.83px, 2.15vw, 31px);
    border-radius: clamp(8.33px, 0.69vw, 10px);
  }
  .kansosan5thPage #story .lineup_item:hover {
    opacity: 0.8;
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #story .lineup_item {
    height: 20.77vw;
    padding: 0 4.98vw 0 5.1vw;
    border-radius: 1.99vw;
  }
}
.kansosan5thPage #story .lineup_item.is-basemake {
  background: #fff226;
}
.kansosan5thPage #story .lineup_item.is-skincare {
  background: #d4effa;
}
.kansosan5thPage #story .lineup_item.is-moisturizing {
  background: #faebf2;
}
.kansosan5thPage #story .lineup_item.is-moisture {
  background: #cdeafc;
}
.kansosan5thPage #story .lineup_item.is-specialcare {
  background: #fff9a0;
}
.kansosan5thPage #story .lineup_name {
  font-weight: 700;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .lineup_name {
    font-size: clamp(15px, 1.25vw, 18px);
    line-height: 1.67;
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #story .lineup_name {
    font-size: 3.48vw;
    line-height: 1.45;
  }
}
.kansosan5thPage #story .lineup_img {
  flex-shrink: 0;
}
.kansosan5thPage #story .lineup_img img {
  width: 100%;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .is-basemake .lineup_img {
    width: clamp(115.83px, 9.65vw, 139px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #story .is-basemake .lineup_img {
    width: 27.61vw;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .is-skincare .lineup_img {
    width: clamp(130px, 10.83vw, 156px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #story .is-skincare .lineup_img {
    width: 31.09vw;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .is-moisturizing .lineup_img {
    width: clamp(111.67px, 9.31vw, 134px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #story .is-moisturizing .lineup_img {
    width: 26.62vw;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .is-moisture .lineup_img {
    width: clamp(111.67px, 9.31vw, 134px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #story .is-moisture .lineup_img {
    width: 26.62vw;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #story .is-specialcare .lineup_img {
    width: clamp(127.5px, 10.63vw, 153px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #story .is-specialcare .lineup_img {
    width: 30.35vw;
  }
}

/* お祝いのコメント
======================================================= */
.kansosan5thPage #comments {
  position: relative;
  background: #fff226;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #comments {
    padding: 0 0 clamp(150px, 12.5vw, 180px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #comments {
    padding: 4.48vw 0 24.88vw;
  }
}
.kansosan5thPage #comments::after {
  content: "";
  position: absolute;
  bottom: -1px;
  background: url(/img/freepages/kansosan_5th_anniversary/bg_wave.png) no-repeat center bottom/100% 100%;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #comments::after {
    left: 0;
    width: 100%;
    height: clamp(41.67px, 3.47vw, 50px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #comments::after {
    left: -24.88vw;
    width: 139.3vw;
    height: 5.1vw;
  }
}
.kansosan5thPage #comments .comments_ttl {
  text-align: center;
}
.kansosan5thPage #comments .comments_ttl span {
  display: block;
  margin: 0 auto;
}
.kansosan5thPage #comments .comments_ttl .en {
  font-family: "Montserrat", "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 0.72;
  letter-spacing: 0.06em;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #comments .comments_ttl .en {
    font-size: clamp(16.67px, 1.39vw, 20px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #comments .comments_ttl .en {
    font-size: 3.98vw;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #comments .comments_ttl .ja {
    width: clamp(583.33px, 48.61vw, 700px);
    margin-top: clamp(35.42px, 2.95vw, 42.5px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #comments .comments_ttl .ja {
    width: 61.19vw;
    margin-top: 6.34vw;
  }
}
.kansosan5thPage #comments .comments_ill {
  margin: 0 auto;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #comments .comments_ill {
    width: clamp(90px, 7.5vw, 108px);
    margin-top: clamp(12.5px, 1.04vw, 15px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #comments .comments_ill {
    width: 16.17vw;
    margin-top: 7.21vw;
  }
}
.kansosan5thPage #comments .comments_slider {
  position: relative;
  margin: 0 auto;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #comments .comments_slider {
    width: clamp(1000px, 83.33vw, 1200px);
    margin-top: clamp(41.67px, 3.47vw, 50px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #comments .comments_slider {
    margin-top: 7.96vw;
  }
}
.kansosan5thPage #comments .comments_slider .splide__track {
  overflow: visible;
  cursor: grab;
}
.kansosan5thPage #comments .comments_slider .splide__track:active {
  cursor: grabbing;
}
.kansosan5thPage #comments .comment_item {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #comments .comment_item {
    padding-top: clamp(22.5px, 1.88vw, 27px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #comments .comment_item {
    padding-top: 4.98vw;
  }
}
.kansosan5thPage #comments .comment_photo {
  position: absolute;
  top: 0;
  z-index: 1;
  overflow: hidden;
  border: 3px solid #30363a;
  background: #fff;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #comments .comment_photo {
    left: 0;
    width: clamp(205px, 17.08vw, 246px);
    height: clamp(230px, 19.17vw, 276px);
    border-radius: clamp(16.67px, 1.39vw, 20px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #comments .comment_photo {
    left: -3.98vw;
    width: 29.85vw;
    height: 34.83vw;
    border-radius: 3.23vw;
  }
}
.kansosan5thPage #comments .comment_photo img {
  height: 100%;
  object-fit: cover;
}
.kansosan5thPage #comments .comment_card {
  flex: 1;
  border: 3px solid #30363a;
  background: #fff;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #comments .comment_card {
    margin-left: clamp(164.17px, 13.68vw, 197px);
    padding: clamp(33.33px, 2.78vw, 40px) clamp(31.67px, 2.64vw, 38px) clamp(32.5px, 2.71vw, 39px) clamp(68.33px, 5.69vw, 82px);
    border-radius: clamp(20px, 1.67vw, 24px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #comments .comment_card {
    padding: 0 6.72vw 6.22vw 4.98vw;
    border-radius: 4.48vw;
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #comments .comment_head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 34.83vw;
    margin: 0 -2.49vw 0 26.12vw;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #comments .comment_aff {
    font-size: clamp(11.67px, 0.97vw, 14px);
    line-height: clamp(20.83px, 1.74vw, 25px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #comments .comment_aff {
    font-size: 2.74vw;
    line-height: 4.73vw;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #comments .comment_aff + .comment_name {
    margin-top: clamp(10px, 0.83vw, 12px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #comments .comment_aff + .comment_name {
    margin-top: 0.75vw;
  }
}
.kansosan5thPage #comments .comment_name {
  color: #231815;
  font-weight: 700;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #comments .comment_name {
    font-size: clamp(18.33px, 1.53vw, 22px);
    line-height: clamp(29.17px, 2.43vw, 35px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #comments .comment_name {
    font-size: 4.48vw;
    line-height: 6.72vw;
  }
}
.kansosan5thPage #comments .comment_en {
  color: #879196;
  font-family: "Montserrat", "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #comments .comment_en {
    margin-top: clamp(10px, 0.83vw, 12px);
    font-size: clamp(10.83px, 0.9vw, 13px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #comments .comment_en {
    margin-top: 1.99vw;
    font-size: 2.49vw;
    line-height: 1.4;
  }
}
.kansosan5thPage #comments .comment_txt {
  text-spacing-trim: space-all;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #comments .comment_txt {
    margin-top: clamp(27.08px, 2.26vw, 32.5px);
    font-size: clamp(12.5px, 1.04vw, 15px);
    line-height: clamp(22.5px, 1.88vw, 27px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #comments .comment_txt {
    font-size: 3.23vw;
    line-height: 5.72vw;
  }
}
.kansosan5thPage #comments .comment_txt .emoji {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin: 0 0.1em;
  vertical-align: -0.1em;
}
.kansosan5thPage #comments .splide__arrows {
  position: relative;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #comments .splide__arrows {
    height: clamp(47.5px, 3.96vw, 57px);
    margin-top: clamp(42.5px, 3.54vw, 51px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #comments .splide__arrows {
    height: 11.19vw;
    margin-top: 7.46vw;
  }
}
.kansosan5thPage #comments .splide__arrow {
  top: 0;
  left: 50%;
  right: auto;
  transform: none;
  background: #30363a;
  opacity: 1;
  transition: opacity 0.3s;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #comments .splide__arrow {
    width: clamp(47.5px, 3.96vw, 57px);
    height: clamp(47.5px, 3.96vw, 57px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #comments .splide__arrow {
    width: 11.19vw;
    height: 11.19vw;
  }
}
.kansosan5thPage #comments .splide__arrow:hover:not(:disabled) {
  opacity: 0.8;
}
.kansosan5thPage #comments .splide__arrow::after {
  content: "";
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #comments .splide__arrow::after {
    width: clamp(7.5px, 0.63vw, 9px);
    height: clamp(7.5px, 0.63vw, 9px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #comments .splide__arrow::after {
    width: 1.99vw;
    height: 1.99vw;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #comments .splide__arrow--prev {
    margin-left: clamp(-153px, -10.63vw, -127.5px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #comments .splide__arrow--prev {
    margin-left: -27.61vw;
  }
}
.kansosan5thPage #comments .splide__arrow--prev::after {
  transform: translateX(25%) rotate(-135deg);
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #comments .splide__arrow--next {
    margin-left: clamp(80px, 6.67vw, 96px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #comments .splide__arrow--next {
    margin-left: 16.42vw;
  }
}
.kansosan5thPage #comments .splide__arrow--next::after {
  transform: translateX(-25%) rotate(45deg);
}
.kansosan5thPage #comments .splide__pagination {
  bottom: 0;
  padding: 0;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #comments .splide__pagination {
    height: clamp(47.5px, 3.96vw, 57px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #comments .splide__pagination {
    height: 11.19vw;
  }
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #comments .splide__pagination li + li {
    margin-left: clamp(8.33px, 0.69vw, 10px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #comments .splide__pagination li + li {
    margin-left: 2.49vw;
  }
}
.kansosan5thPage #comments .splide__pagination__page {
  display: block;
  margin: 0;
  background: #d0d0d0;
  opacity: 1;
  transition: width 0.3s, background-color 0.3s;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #comments .splide__pagination__page {
    width: clamp(6.67px, 0.56vw, 8px);
    height: clamp(6.67px, 0.56vw, 8px);
    border-radius: clamp(3.33px, 0.28vw, 4px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #comments .splide__pagination__page {
    width: 1.99vw;
    height: 1.99vw;
    border-radius: 1vw;
  }
}
.kansosan5thPage #comments .splide__pagination__page.is-active {
  background: #e95d9d;
  transform: none;
}
@media only screen and (min-width: 901px) {
  .kansosan5thPage #comments .splide__pagination__page.is-active {
    width: clamp(16.67px, 1.39vw, 20px);
  }
}
@media only screen and (max-width: 900px) {
  .kansosan5thPage #comments .splide__pagination__page.is-active {
    width: 4.98vw;
  }
}

/* 共通ヘッダーの調整
   ローカルでは PC 用ヘッダーのまま SP 幅になり、お知らせスライダーの矢印が
   はみ出して右に白い帯が出るため非表示にする（CMS ではデバイス判定で SP 用ヘッダーに切り替わる）
======================================================= */
@media only screen and (max-width: 900px) {
  .block-top-notice-slide .top_notice_splide .splide__arrow--next {
    display: none;
  }
}