@charset "UTF-8";
/* font */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Zen+Kurenaido&display=swap");
/* レスポンシブ消去
-------------------------------------------------- */
.obagi_25th .pcB {
  display: none;
}
@media screen and (min-width: 641px) {
  .obagi_25th .pcB {
    display: block;
  }
}
.obagi_25th .spB {
  display: block;
}
@media screen and (min-width: 641px) {
  .obagi_25th .spB {
    display: none;
  }
}
.obagi_25th .pcI {
  display: none;
}
@media screen and (min-width: 641px) {
  .obagi_25th .pcI {
    display: inline;
  }
}
.obagi_25th .spI {
  display: inline;
}
@media screen and (min-width: 641px) {
  .obagi_25th .spI {
    display: none;
  }
}

/* 相殺
-------------------------------------------------- */
.block-contents-1 {
  margin: initial !important;
  width: initial !important;
}

.block-h1 {
  padding: initial !important;
}

h1 {
  box-sizing: initial !important;
  -webkit-box-shadow: initial !important;
}
h1:after {
  content: none !important;
}

h3 {
  background: initial;
}

/* 共通
-------------------------------------------------- */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 116px;
}
@media screen and (max-width: 640px) {
  html {
    scroll-padding-top: 118px;
  }
}

.obagi_25th {
  background-color: #fff;
  font-family: "Noto Serif JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Montserrat", sans-serif;
  position: relative;
}
.obagi_25th img {
  -webkit-user-drag: none;
  user-drag: none;
  width: 100%;
}
.obagi_25th .inner {
  margin: 0 auto;
  width: min(54.16667dvw, 1040px);
}
@media screen and (max-width: 640px) {
  .obagi_25th .inner {
    width: 89.33334dvw;
  }
}
.obagi_25th .jsError {
  font-size: min(1.25dvw, 24px);
  display: inline-block;
  color: red;
}
@media screen and (max-width: 640px) {
  .obagi_25th .jsError {
    font-size: 3.73334dvw;
  }
}
.obagi_25th .guard {
  position: relative;
}
.obagi_25th .guard::before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  inset: 0;
  z-index: 10;
}

/* 印刷用 */
@media print {
  .obagi_25th__inner::before {
    content: "";
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
  }
  .obagi_25th__inner * {
    visibility: hidden;
  }
}

/* kv
-------------------------------------------------- */
.obagi_25th .kv h1 {
  background-color: #fff;
  border: none;
  padding: 0;
  height: min(50dvw, 960px);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .obagi_25th .kv h1 {
    margin: 0 auto;
    max-width: 1920px;
  }
}
@media screen and (max-width: 640px) {
  .obagi_25th .kv h1 {
    height: 125.06667dvw;
  }
}
.obagi_25th .kv h1:has(img) {
  height: auto;
}
.obagi_25th .kv__error {
  text-align: center;
  margin: 1em 0;
}

/* 
-------------------------------------------------- */
.bgWrap {
  background: linear-gradient(#ffd1d7 0%, #ffd1d7 50%, #ffedcf 100%);
  margin: 0 auto;
  max-width: 1920px;
}

/* about
-------------------------------------------------- */
.obagi_25th .about {
  background-image: url("/-/media/obagi/promotion/25th/bg_about_pc.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 640px) {
  .obagi_25th .about {
    background-image: url("/-/media/obagi/promotion/25th/bg_about_sp.svg");
  }
}
.obagi_25th .about__inner {
  margin: 0 auto;
  padding: min(7.1875dvw, 138px) 0 min(8.38542dvw, 161px);
}
@media screen and (max-width: 640px) {
  .obagi_25th .about__inner {
    padding: 12.8dvw 0 17.06667dvw;
  }
}
.obagi_25th .about__txt {
  color: #CC387D;
  font-size: min(1.5625dvw, 30px);
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .obagi_25th .about__txt {
    font-size: 4dvw;
    font-weight: 600;
    line-height: 1.8;
  }
}
.obagi_25th .about__txt + .about__txt {
  margin-top: min(1.5625dvw, 30px);
}
@media screen and (max-width: 640px) {
  .obagi_25th .about__txt + .about__txt {
    margin-top: 4dvw;
  }
}
.obagi_25th .about__logo {
  margin: min(1.875dvw, 36px) auto 0;
  width: min(6.66667dvw, 128px);
}
@media screen and (max-width: 640px) {
  .obagi_25th .about__logo {
    margin: 3.06667dvw auto 0;
    width: 16.8dvw;
  }
}

/* message
-------------------------------------------------- */
.obagi_25th .message__inner {
  padding: 0 0 min(5.9375dvw, 114px);
}
@media screen and (max-width: 640px) {
  .obagi_25th .message__inner {
    padding: 0 0 13.86667dvw;
  }
}
.obagi_25th .anchor {
  padding-top: min(2.08334dvw, 40px);
  margin-top: max(-2.08333dvw, -40px);
}
@media screen and (max-width: 640px) {
  .obagi_25th .anchor {
    padding-top: 5.33334dvw;
    margin-top: -5.33333dvw;
  }
}
.obagi_25th .message__video {
  height: min(30.46875dvw, 585px);
  width: min(54.16667dvw, 1040px);
}
@media screen and (max-width: 640px) {
  .obagi_25th .message__video {
    height: 50.4dvw;
    width: 89.33334dvw;
  }
}
.obagi_25th .message__video iframe {
  height: 100%;
  width: 100%;
}
.obagi_25th .message__txt {
  background-image: url("/-/media/obagi/promotion/25th/bg_messageTxt_pc.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  color: #fff;
  font-size: min(1.5625dvw, 30px);
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.14em;
  text-align: center;
  text-shadow: min(0.10417dvw, 2px) min(0.10417dvw, 2px) min(0.10417dvw, 2px) rgba(0, 0, 0, 0.25);
  margin: min(3.75dvw, 72px) auto 0;
  padding: min(2.76042dvw, 53px) 0 min(2.91667dvw, 56px);
  width: min(42.1875dvw, 810px);
}
@media screen and (max-width: 640px) {
  .obagi_25th .message__txt {
    background-image: url("/-/media/obagi/promotion/25th/bg_messageTxt_sp.svg");
    font-size: 4.53334dvw;
    line-height: 1.353;
    letter-spacing: 0.14em;
    text-shadow: 0.26667dvw 0.26667dvw 0.26667dvw rgba(0, 0, 0, 0.25);
    margin-top: 5.6dvw;
    padding: 6.53334dvw 5.33334dvw 6.4dvw;
    width: auto;
  }
}

/* interview
-------------------------------------------------- */
.obagi_25th .interview {
  background-image: url("/-/media/obagi/promotion/25th/bg_interview_pc.svg");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 auto;
  max-width: 1920px;
}
@media screen and (max-width: 640px) {
  .obagi_25th .interview {
    background-image: url("/-/media/obagi/promotion/25th/bg_interview_sp.svg");
    background-position: bottom center;
  }
}
.obagi_25th .interview__inner {
  padding: min(5.3125dvw, 102px) 0 min(5.98959dvw, 115px);
}
@media screen and (max-width: 640px) {
  .obagi_25th .interview__inner {
    padding: 13.86667dvw 0 12.26667dvw;
  }
}
.obagi_25th .interview__ttl {
  margin: 0 auto min(3.4375dvw, 66px);
  padding: 0;
  width: min(47.91667dvw, 920px);
}
@media screen and (max-width: 640px) {
  .obagi_25th .interview__ttl {
    margin: 0 auto 8dvw;
    width: 82.93334dvw;
  }
}
.obagi_25th .interview__list {
  display: flex;
  flex-direction: column;
  gap: min(2.1875dvw, 42px) 0;
}
@media screen and (max-width: 640px) {
  .obagi_25th .interview__list {
    gap: 8dvw 0;
  }
}
.obagi_25th .interview__list > li {
  display: flex;
}
@media screen and (max-width: 640px) {
  .obagi_25th .interview__list > li {
    flex-direction: column;
    gap: 5.33334dvw 0;
  }
}
@media screen and (min-width: 641px) {
  .obagi_25th .interview__list > li:nth-child(1) {
    flex-direction: row-reverse;
    gap: 0 min(3.22917dvw, 62px);
  }
}
@media screen and (min-width: 641px) {
  .obagi_25th .interview__list > li:nth-child(2) {
    gap: 0 min(4.6875dvw, 70px);
  }
}
.obagi_25th .interview__list .wrap--top {
  flex-shrink: 0;
  width: min(23.54167dvw, 452px);
}
@media screen and (max-width: 640px) {
  .obagi_25th .interview__list .wrap--top {
    width: auto;
  }
}
.obagi_25th .interview__list .wrap--top .interview__img {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: min(28.69792dvw, 551px);
  width: min(23.54167dvw, 452px);
}
@media screen and (max-width: 640px) {
  .obagi_25th .interview__list .wrap--top .interview__img {
    margin: 0 auto;
    height: 86.8dvw;
    width: 76.8dvw;
  }
}
.obagi_25th .interview__list .wrap--top .interview__img:has(img) {
  height: auto;
  width: auto;
}
@media screen and (max-width: 640px) {
  .obagi_25th .interview__list .wrap--top .interview__img:has(img) {
    height: auto;
    width: 76.8dvw;
  }
}
.obagi_25th .interview__list .wrap--bottom {
  display: flex;
  flex-direction: column;
  gap: min(1.35417dvw, 26px) 0;
}
@media screen and (max-width: 640px) {
  .obagi_25th .interview__list .wrap--bottom {
    gap: 5.33334dvw 0;
  }
}
.obagi_25th .interview__list .wrap--bottom .ttl {
  margin: 0 0 min(0.88542dvw, 17px);
  padding: 0;
}
@media screen and (max-width: 640px) {
  .obagi_25th .interview__list .wrap--bottom .ttl {
    margin-bottom: 2.66667dvw;
  }
}
.obagi_25th .interview__list .wrap--bottom .txt {
  color: #707070;
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: min(0.9375dvw, 18px);
  line-height: 1.8334;
}
@media screen and (max-width: 640px) {
  .obagi_25th .interview__list .wrap--bottom .txt {
    font-size: 3.73334dvw;
    line-height: 1.6429;
  }
}
.obagi_25th .interview__list .wrap--bottom .txt--note {
  color: #8E8E8E;
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: min(0.72917dvw, 14px);
  line-height: 1.4286;
  margin-top: min(0.15625dvw, 3px);
}
@media screen and (max-width: 640px) {
  .obagi_25th .interview__list .wrap--bottom .txt--note {
    font-size: 3.2dvw;
    line-height: 1.5834;
    margin-top: 0.26667dvw;
  }
}
@media screen and (min-width: 641px) {
  .obagi_25th .interview__list > li:nth-child(1) .wrap--top {
    padding-top: min(3.02084dvw, 58px);
  }
}
.obagi_25th .interview__list > li:nth-child(1) .ttl--01 {
  width: min(21.25dvw, 408px);
}
@media screen and (max-width: 640px) {
  .obagi_25th .interview__list > li:nth-child(1) .ttl--01 {
    width: 71.6dvw;
  }
}
@media screen and (max-width: 640px) {
  .obagi_25th .interview__list > li:nth-child(1) .ttl--02 {
    width: 60.53334dvw;
  }
}
@media screen and (min-width: 641px) {
  .obagi_25th .interview__list > li:nth-child(2) {
    gap: 0 min(1.97917dvw, 38px);
  }
}
@media screen and (min-width: 641px) {
  .obagi_25th .interview__list > li:nth-child(2) .wrap--bottom {
    padding-top: min(1.04167dvw, 20px);
  }
}
.obagi_25th .interview__list > li:nth-child(2) .ttl--01 {
  width: min(18.22917dvw, 350px);
}
@media screen and (max-width: 640px) {
  .obagi_25th .interview__list > li:nth-child(2) .ttl--01 {
    width: 61.33334dvw;
  }
}
.obagi_25th .anchorBtn {
  margin: min(2.5dvw, 48px) 0 0;
}
@media screen and (max-width: 640px) {
  .obagi_25th .anchorBtn {
    margin: 10.93334dvw 0 0;
  }
}
.obagi_25th .anchorBtn .txt {
  color: #CC387D;
  font-size: min(1.25dvw, 24px);
  font-weight: 700;
  line-height: 1.75;
  text-align: center;
  margin: 0 auto;
  width: min(47.39584dvw, 910px);
}
@media screen and (max-width: 640px) {
  .obagi_25th .anchorBtn .txt {
    font-size: 4.26667dvw;
    line-height: 1.375;
    width: auto;
  }
}
.obagi_25th .anchorBtn a {
  display: block;
  margin: min(0.78125dvw, 15px) auto 0;
  width: min(45.625dvw, 876px);
}
@media screen and (max-width: 640px) {
  .obagi_25th .anchorBtn a {
    margin: 3.2dvw auto 0;
    width: 89.33334dvw;
  }
}
.obagi_25th .interview__btnWrap {
  margin-top: min(5dvw, 96px);
}
@media screen and (max-width: 640px) {
  .obagi_25th .interview__btnWrap {
    margin-top: 12.8dvw;
  }
}
.obagi_25th .interview__btnWrap a {
  display: block;
  filter: drop-shadow(min(0.15625dvw, 3px) min(0.15625dvw, 3px) min(0.26042dvw, 5px) rgba(0, 0, 0, 0.3));
  margin: 0 auto;
  width: min(27.60417dvw, 530px);
}
@media screen and (max-width: 640px) {
  .obagi_25th .interview__btnWrap a {
    filter: drop-shadow(0.4dvw 0.4dvw 0.66667dvw rgba(0, 0, 0, 0.3));
    width: 70.66667dvw;
  }
}