@charset "UTF-8";
:root {
  /* color */
  --col-1: #4671C1;
  --col-2: #FF7852;
  --col-3: #FFE673;
  --col-4: #000;
  --col-5: #000;
  --col-6: #000;
  --col-7: #000;
  --col-8: #000;
  --col-bfc: #3E3A39;
  --col-lfc: #065FD4;
  --col-cga: linear-gradient(to right, var(--col-1) 0%, var(--col-1) 20%, var(--col-2) 100%);
  /* gap */
  --gap-025em: .25em;
  --gap-05em: .5em;
  --gap-075em: .75em;
  --gap-1em: 1em;
  --gap-125em: 1.25em;
  --gap-15em: 1.5em;
  --gap-175em: 1.75em;
  --gap-2em: 2em;
  --gap-15s: min(2.5vw, 15px);
  --gap-15: min(3.2vw, 15px);
  --gap-20s: min(3.85vw, 20px);
  --gap-20: min(4.4vw, 20px);
  --gap-25s: min(5vw, 25px);
  --gap-25: min(5.7vw, 25px);
  --gap-30s: min(6vw, 30px);
  --gap-30: min(6.7vw, 30px);
  --gap-40s: clamp(30px,4.5vw,40px);
  --gap-40: min(8.5vw, 40px);
  --gap-60s: clamp(40px,6vw, 60px);
  --gap-60: clamp(45px,6.75vw,60px);
  --gap-60w: min(14.5vw, 60px);
  --gap-80s: clamp(50px,8.25vw, 80px);
  --gap-80: clamp(60px,9vw, 80px);
  --gap-80w: min(18vw, 80px);
  --gap-100s: clamp(40px,8vw, 100px);
  --gap-100: clamp(70px,11.5vw, 100px);
  --gap-100w: min(23vw, 100px);
  --gap-120s: clamp(65px,11.5vw, 120px);
  --gap-120: clamp(78px,13.5vw, 120px);
  --gap-120w: min(24.5vw, 120px);
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}
body {
  line-height: 1.85;
  font-size: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-weight: normal;
  font-family: YakuHanJP, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Roboto, Meiryo, sans-serif;
  text-rendering: optimizeLegibility;
  color: var(--col-bfc);
}
body.palt {
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}
body.pkna {
  font-feature-settings: "pkna";
}

a, a:link, a:active, a:visited {
  color: var(--col-lfc);
  text-decoration: underline;
  outline: none;
}

a:hover, a:active {
  outline: 0;
}

a, a:visited, a:focus, a:active {
  color: var(--col-lfc);
}

a:hover {
  color: var(--col-lfc);
}

/*-----------------------------------------------
 __fontfamily
-----------------------------------------------*/
.serif {
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "小塚明朝 ProN", "メイリオ", Meiryo, serif;
}

/*--- google font ---*/
.gf_noto {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
}

.gf_roboto {
  font-family: Roboto, sans-serif;
}

.gf_noto__serif {
  font-family: YakuHanJP, "Noto Serif JP", serif;
}

.font_yu {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Roboto, Meiryo, sans-serif;
}

/*-----------------------------------------------
 __fontweight
-----------------------------------------------*/
.fw900 {
  font-weight: 900;
}

.fw700 {
  font-weight: 700;
}

.fw600 {
  font-weight: 600;
}

.fw500 {
  font-weight: 500;
}

.fw400 {
  font-weight: 400;
}

.fw300 {
  font-weight: 300;
}

/*-----------------------------------------------
 __letterspacing centering
-----------------------------------------------*/
.lt1 {
  letter-spacing: 0.1em;
  text-indent: 0.1em;
}

.lt15 {
  letter-spacing: 0.15em;
  text-indent: 0.15em;
}

.lt2 {
  letter-spacing: 0.2em;
  text-indent: 0.2em;
}

.lt3 {
  letter-spacing: 0.3em;
  text-indent: 0.3em;
}

/*-----------------------------------------------
 __fontsize
-----------------------------------------------*/
.fz_100 {
  font-size: 6.25rem;
}

.fz_85 {
  font-size: 5.3125rem;
}
@media screen and (max-width: 980px) {
  .fz_85 {
    font-size: 4.375rem;
  }
}
@media screen and (max-width: 768px) {
  .fz_85 {
    font-size: 3.75rem;
  }
}
@media screen and (max-width: 600px) {
  .fz_85 {
    font-size: 2.8125rem;
  }
}

.fz_80 {
  font-size: 5rem;
}
@media screen and (max-width: 980px) {
  .fz_80 {
    font-size: 4.375rem;
  }
}
@media screen and (max-width: 768px) {
  .fz_80 {
    font-size: 3.75rem;
  }
}
@media screen and (max-width: 600px) {
  .fz_80 {
    font-size: 2.5rem;
  }
}

.fz_60 {
  font-size: 3.75rem;
}
@media screen and (max-width: 980px) {
  .fz_60 {
    font-size: 3.4375rem;
  }
}
@media screen and (max-width: 768px) {
  .fz_60 {
    font-size: 2.8125rem;
  }
}
@media screen and (max-width: 600px) {
  .fz_60 {
    font-size: 2rem;
  }
}

.fz_42 {
  font-size: 2.625rem;
}
@media screen and (max-width: 768px) {
  .fz_42 {
    font-size: 2.25rem;
  }
}
@media screen and (max-width: 600px) {
  .fz_42 {
    font-size: 1.75rem;
  }
}

.fz_40 {
  font-size: 2.5rem;
}
@media screen and (max-width: 768px) {
  .fz_40 {
    font-size: 2.125rem;
  }
}
@media screen and (max-width: 600px) {
  .fz_40 {
    font-size: 1.75rem;
  }
}

.fz_36 {
  font-size: 2.25rem;
}
@media screen and (max-width: 768px) {
  .fz_36 {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 600px) {
  .fz_36 {
    font-size: 1.5625rem;
  }
}

.fz_32 {
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .fz_32 {
    font-size: 1.5625rem;
  }
}
@media screen and (max-width: 600px) {
  .fz_32 {
    font-size: 1.375rem;
  }
}

.fz_30 {
  font-size: 1.875rem;
}
@media screen and (max-width: 768px) {
  .fz_30 {
    font-size: 1.5625rem;
  }
}
@media screen and (max-width: 600px) {
  .fz_30 {
    font-size: 1.375rem;
  }
}

.fz_28 {
  font-size: 1.75rem;
}
@media screen and (max-width: 768px) {
  .fz_28 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .fz_28 {
    font-size: 1.25rem;
  }
}

.fz_26 {
  font-size: 1.625rem;
}
@media screen and (max-width: 768px) {
  .fz_26 {
    font-size: 1.4375rem;
  }
}
@media screen and (max-width: 600px) {
  .fz_26 {
    font-size: 1.25rem;
  }
}

.fz_24 {
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .fz_24 {
    font-size: 1.3125rem;
  }
}
@media screen and (max-width: 600px) {
  .fz_24 {
    font-size: 1.25rem;
  }
}

.fz_22 {
  font-size: 1.375rem;
}
@media screen and (max-width: 768px) {
  .fz_22 {
    font-size: 1.1875rem;
  }
}

.fz_20 {
  font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
  .fz_20 {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 600px) {
  .fz_20 {
    font-size: 1.0625rem;
  }
}

.fz_18 {
  font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
  .fz_18 {
    font-size: 1.0625rem;
  }
}

.fz_17 {
  font-size: 1.0625rem;
}
@media screen and (max-width: 768px) {
  .fz_17 {
    font-size: 1rem;
  }
}

.fz_16 {
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  .fz_16 {
    font-size: 0.9375rem;
  }
}

.fz_15 {
  font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
  .fz_15 {
    font-size: 0.875rem;
  }
}

.fz_14 {
  font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
  .fz_14 {
    font-size: 0.8125rem;
  }
}

.fz_13 {
  font-size: 0.8125rem;
}
@media screen and (max-width: 600px) {
  .fz_13 {
    font-size: 0.75rem;
  }
}

.fz_12 {
  font-size: 0.75rem;
}
@media screen and (max-width: 600px) {
  .fz_12 {
    font-size: 0.625rem;
  }
}

.fz_11 {
  font-size: 0.6875rem;
}
@media screen and (max-width: 600px) {
  .fz_11 {
    font-size: 0.625rem;
  }
}

.fz_10 {
  font-size: 0.625rem;
}

[id^=anker_] {
  scroll-margin-top: 98px;
}
@media screen and (max-width: 767px) {
  [id^=anker_] {
    scroll-margin-top: 80px;
  }
}

.l_fullbleed {
  display: grid;
  margin-inline: auto;
  grid-template-rows: auto;
  justify-content: center;
  grid-gap: 0;
}
.l_fullbleed > * {
  grid-column: 2;
  width: 100%;
}
.l_fullbleed.mx1440_5vw {
  grid-template-columns: 5vw minmax(auto, 1440px) 5vw;
}
.l_fullbleed.mx1366_5vw {
  grid-template-columns: 5vw minmax(auto, 1366px) 5vw;
}
.l_fullbleed.mx1366_3vw {
  grid-template-columns: 3vw minmax(auto, 1366px) 3vw;
}
.l_fullbleed.mx1280_5vw {
  grid-template-columns: 5vw minmax(auto, 1280px) 5vw;
}
.l_fullbleed.mx1200_5vw {
  grid-template-columns: 5vw minmax(auto, 1200px) 5vw;
}
.l_fullbleed.mx1280_3vw {
  grid-template-columns: 3vw minmax(auto, 1280px) 3vw;
}
.l_fullbleed.mx1100_8vw {
  grid-template-columns: 8vw minmax(auto, 1100px) 8vw;
}
.l_fullbleed.mx1100_5vw {
  grid-template-columns: 5vw minmax(auto, 1100px) 5vw;
}
.l_fullbleed.mx1100_3vw {
  grid-template-columns: 3vw minmax(auto, 1100px) 3vw;
}
.l_fullbleed.mx1024_5vw {
  grid-template-columns: 5vw minmax(auto, 1024px) 5vw;
}
.l_fullbleed.mx1024_3vw {
  grid-template-columns: 3vw minmax(auto, 1024px) 3vw;
}
.l_fullbleed.mx980_5vw {
  grid-template-columns: 5vw minmax(auto, 980px) 5vw;
}
.l_fullbleed.mx900_5vw {
  grid-template-columns: 5vw minmax(auto, 900px) 5vw;
}
.l_fullbleed.mx860_5vw {
  grid-template-columns: 5vw minmax(auto, 860px) 5vw;
}
.l_fullbleed.mx800_5vw {
  grid-template-columns: 5vw minmax(auto, 800px) 5vw;
}
.l_fullbleed.mx760_5vw {
  grid-template-columns: 5vw minmax(auto, 760px) 5vw;
}
.l_fullbleed.mx700_5vw {
  grid-template-columns: 5vw minmax(auto, 700px) 5vw;
}
.l_fullbleed > .column_width {
  justify-self: center;
  width: 100%;
}
.l_fullbleed > .column_width.mx_760 {
  max-width: 760px;
}
.l_fullbleed > .column_width.mx_900 {
  max-width: 900px;
}
.l_fullbleed.grey {
  background-color: var(--col-3);
}

.l_pt15s {
  padding-top: var(--gap-15s);
}

.l_pt15 {
  padding-top: var(--gap-15);
}

.l_pt20s {
  padding-top: var(--gap-20s);
}

.l_pt20 {
  padding-top: var(--gap-20);
}

.l_pt25s {
  padding-top: var(--gap-25s);
}

.l_pt25 {
  padding-top: var(--gap-25);
}

.l_pt30 {
  padding-top: var(--gap-30);
}

.l_pt30s {
  padding-top: var(--gap-30s);
}

.l_pt40s {
  padding-top: var(--gap-40s);
}

.l_pt40 {
  padding-top: var(--gap-40);
}

.l_pt40w {
  padding-top: var(--gap-40w);
}

.l_pt60s {
  padding-top: var(--gap-60s);
}

.l_pt60 {
  padding-top: var(--gap-60);
}

.l_pt60w {
  padding-top: var(--gap-60w);
}

.l_pt80s {
  padding-top: var(--gap-80s);
}

.l_pt80 {
  padding-top: var(--gap-80);
}

.l_pt80w {
  padding-top: var(--gap-80w);
}

.l_pt100s {
  padding-top: var(--gap-100s);
}

.l_pt100 {
  padding-top: var(--gap-100);
}

.l_pt100w {
  padding-top: var(--gap-100w);
}

.l_pt120s {
  padding-top: var(--gap-120s);
}

.l_pt120 {
  padding-top: var(--gap-120);
}

.l_pt120w {
  padding-top: var(--gap-120w);
}

.l_pb15s {
  padding-bottom: var(--gap-15s);
}

.l_pb15 {
  padding-bottom: var(--gap-15);
}

.l_pb20s {
  padding-bottom: var(--gap-20s);
}

.l_pb20 {
  padding-bottom: var(--gap-20);
}

.l_pb25s {
  padding-bottom: var(--gap-25s);
}

.l_pb25 {
  padding-bottom: var(--gap-25);
}

.l_pb30 {
  padding-bottom: var(--gap-30);
}

.l_pb30s {
  padding-bottom: var(--gap-30s);
}

.l_pb40s {
  padding-bottom: var(--gap-40s);
}

.l_pb40 {
  padding-bottom: var(--gap-40);
}

.l_pb40w {
  padding-bottom: var(--gap-40w);
}

.l_pb60s {
  padding-bottom: var(--gap-60s);
}

.l_pb60 {
  padding-bottom: var(--gap-60);
}

.l_pb60w {
  padding-bottom: var(--gap-60w);
}

.l_pb80s {
  padding-bottom: var(--gap-80s);
}

.l_pb80 {
  padding-bottom: var(--gap-80);
}

.l_pb80w {
  padding-bottom: var(--gap-80w);
}

.l_pb100s {
  padding-bottom: var(--gap-100s);
}

.l_pb100 {
  padding-bottom: var(--gap-100);
}

.l_pb100w {
  padding-bottom: var(--gap-100w);
}

.l_pb120s {
  padding-bottom: var(--gap-120s);
}

.l_pb120 {
  padding-bottom: var(--gap-120);
}

.l_pb120w {
  padding-bottom: var(--gap-120w);
}

.l_ptb15s {
  padding-top: var(--gap-15s);
  padding-bottom: var(--gap-15s);
}

.l_ptb15 {
  padding-top: var(--gap-15);
  padding-bottom: var(--gap-15);
}

.l_ptb20s {
  padding-top: var(--gap-20s);
  padding-bottom: var(--gap-20s);
}

.l_ptb20 {
  padding-top: var(--gap-20);
  padding-bottom: var(--gap-20);
}

.l_ptb25s {
  padding-top: var(--gap-25s);
  padding-bottom: var(--gap-25s);
}

.l_ptb25 {
  padding-top: var(--gap-25);
  padding-bottom: var(--gap-25);
}

.l_ptb30 {
  padding-top: var(--gap-30);
  padding-bottom: var(--gap-30);
}

.l_ptb30s {
  padding-top: var(--gap-30s);
  padding-bottom: var(--gap-30s);
}

.l_ptb40s {
  padding-top: var(--gap-40s);
  padding-bottom: var(--gap-40s);
}

.l_ptb40 {
  padding-top: var(--gap-40);
  padding-bottom: var(--gap-40);
}

.l_ptb40w {
  padding-top: var(--gap-40w);
  padding-bottom: var(--gap-40w);
}

.l_ptb60s {
  padding-top: var(--gap-60s);
  padding-bottom: var(--gap-60s);
}

.l_ptb60 {
  padding-top: var(--gap-60);
  padding-bottom: var(--gap-60);
}

.l_ptb60w {
  padding-top: var(--gap-60w);
  padding-bottom: var(--gap-60w);
}

.l_ptb80s {
  padding-top: var(--gap-80s);
  padding-bottom: var(--gap-80s);
}

.l_ptb80 {
  padding-top: var(--gap-80);
  padding-bottom: var(--gap-80);
}

.l_ptb80w {
  padding-top: var(--gap-80w);
  padding-bottom: var(--gap-80w);
}

.l_ptb100s {
  padding-top: var(--gap-100s);
  padding-bottom: var(--gap-100s);
}

.l_ptb100 {
  padding-top: var(--gap-100);
  padding-bottom: var(--gap-100);
}

.l_ptb100w {
  padding-top: var(--gap-100w);
  padding-bottom: var(--gap-100w);
}

.l_ptb120s {
  padding-top: var(--gap-120s);
  padding-bottom: var(--gap-120s);
}

.l_ptb120 {
  padding-top: var(--gap-120);
  padding-bottom: var(--gap-120);
}

.l_ptb120w {
  padding-top: var(--gap-120w);
  padding-bottom: var(--gap-120w);
}

.l_mt15s {
  margin-top: var(--gap-15s);
}

.l_mt15 {
  margin-top: var(--gap-15);
}

.l_mt20s {
  margin-top: var(--gap-20s);
}

.l_mt20 {
  margin-top: var(--gap-20);
}

.l_mt25s {
  margin-top: var(--gap-25s);
}

.l_mt25 {
  margin-top: var(--gap-25);
}

.l_mt30 {
  margin-top: var(--gap-30);
}

.l_mt30s {
  margin-top: var(--gap-30s);
}

.l_mt40s {
  margin-top: var(--gap-40s);
}

.l_mt40 {
  margin-top: var(--gap-40);
}

.l_mt40w {
  margin-top: var(--gap-40w);
}

.l_mt60s {
  margin-top: var(--gap-60s);
}

.l_mt60 {
  margin-top: var(--gap-60);
}

.l_mt60w {
  margin-top: var(--gap-60w);
}

.l_mt80s {
  margin-top: var(--gap-80s);
}

.l_mt80 {
  margin-top: var(--gap-80);
}

.l_mt80w {
  margin-top: var(--gap-80w);
}

.l_mt100s {
  margin-top: var(--gap-100s);
}

.l_mt100 {
  margin-top: var(--gap-100);
}

.l_mt100w {
  margin-top: var(--gap-100w);
}

.l_mt120s {
  margin-top: var(--gap-120s);
}

.l_mt120 {
  margin-top: var(--gap-120);
}

.l_mt120w {
  margin-top: var(--gap-120w);
}

.l_mb15s {
  margin-bottom: var(--gap-15s);
}

.l_mb15 {
  margin-bottom: var(--gap-15);
}

.l_mb20s {
  margin-bottom: var(--gap-20s);
}

.l_mb20 {
  margin-bottom: var(--gap-20);
}

.l_mb25s {
  margin-bottom: var(--gap-25s);
}

.l_mb25 {
  margin-bottom: var(--gap-25);
}

.l_mb30 {
  margin-bottom: var(--gap-30);
}

.l_mb30s {
  margin-bottom: var(--gap-30s);
}

.l_mb40s {
  margin-bottom: var(--gap-40s);
}

.l_mb40 {
  margin-bottom: var(--gap-40);
}

.l_mb40w {
  margin-bottom: var(--gap-40w);
}

.l_mb60s {
  margin-bottom: var(--gap-60s);
}

.l_mb60 {
  margin-bottom: var(--gap-60);
}

.l_mb60w {
  margin-bottom: var(--gap-60w);
}

.l_mb80s {
  margin-bottom: var(--gap-80s);
}

.l_mb80 {
  margin-bottom: var(--gap-80);
}

.l_mb80w {
  margin-bottom: var(--gap-80w);
}

.l_mb100s {
  margin-bottom: var(--gap-100s);
}

.l_mb100 {
  margin-bottom: var(--gap-100);
}

.l_mb100w {
  margin-bottom: var(--gap-100w);
}

.l_mb120s {
  margin-bottom: var(--gap-120s);
}

.l_mb120 {
  margin-bottom: var(--gap-120);
}

.l_mb120w {
  margin-bottom: var(--gap-120w);
}

.l_mtb15s {
  margin-top: var(--gap-15s);
  margin-bottom: var(--gap-15s);
}

.l_mtb15 {
  margin-top: var(--gap-15);
  margin-bottom: var(--gap-15);
}

.l_mtb20s {
  margin-top: var(--gap-20s);
  margin-bottom: var(--gap-20s);
}

.l_mtb20 {
  margin-top: var(--gap-20);
  margin-bottom: var(--gap-20);
}

.l_mtb25s {
  margin-top: var(--gap-25s);
  margin-bottom: var(--gap-25s);
}

.l_mtb25 {
  margin-top: var(--gap-25);
  margin-bottom: var(--gap-25);
}

.l_mtb30 {
  margin-top: var(--gap-30);
  margin-bottom: var(--gap-30);
}

.l_mtb30s {
  margin-top: var(--gap-30s);
  margin-bottom: var(--gap-30s);
}

.l_mtb40s {
  margin-top: var(--gap-40s);
  margin-bottom: var(--gap-40s);
}

.l_mtb40 {
  margin-top: var(--gap-40);
  margin-bottom: var(--gap-40);
}

.l_mtb40w {
  margin-top: var(--gap-40w);
  margin-bottom: var(--gap-40w);
}

.l_mtb60s {
  margin-top: var(--gap-60s);
  margin-bottom: var(--gap-60s);
}

.l_mtb60 {
  margin-top: var(--gap-60);
  margin-bottom: var(--gap-60);
}

.l_mtb60w {
  margin-top: var(--gap-60w);
  margin-bottom: var(--gap-60w);
}

.l_mtb80s {
  margin-top: var(--gap-80s);
  margin-bottom: var(--gap-80s);
}

.l_mtb80 {
  margin-top: var(--gap-80);
  margin-bottom: var(--gap-80);
}

.l_mtb80w {
  margin-top: var(--gap-80w);
  margin-bottom: var(--gap-80w);
}

.l_mtb100s {
  margin-top: var(--gap-100s);
  margin-bottom: var(--gap-100s);
}

.l_mtb100 {
  margin-top: var(--gap-100);
  margin-bottom: var(--gap-100);
}

.l_mtb100w {
  margin-top: var(--gap-100w);
  margin-bottom: var(--gap-100w);
}

.l_mtb120s {
  margin-top: var(--gap-120s);
  margin-bottom: var(--gap-120s);
}

.l_mtb120 {
  margin-top: var(--gap-120);
  margin-bottom: var(--gap-120);
}

.l_mtb120w {
  margin-top: var(--gap-120w);
  margin-bottom: var(--gap-120w);
}

.l_pt025em {
  padding-top: var(--gap-025em);
}

.l_pt05em {
  padding-top: var(--gap-05em);
}

.l_pt075em {
  padding-top: var(--gap-075em);
}

.l_pt1em {
  padding-top: var(--gap-1em);
}

.l_pt125em {
  padding-top: var(--gap-125em);
}

.l_pt15em {
  padding-top: var(--gap-15em);
}

.l_pt175em {
  padding-top: var(--gap-175em);
}

.l_pt2em {
  padding-top: var(--gap-2em);
}

.l_pb025em {
  padding-bottom: var(--gap-025em);
}

.l_pb05em {
  padding-bottom: var(--gap-05em);
}

.l_pb075em {
  padding-bottom: var(--gap-075em);
}

.l_pb1em {
  padding-bottom: var(--gap-1em);
}

.l_pb125em {
  padding-bottom: var(--gap-125em);
}

.l_pb15em {
  padding-bottom: var(--gap-15em);
}

.l_pb175em {
  padding-bottom: var(--gap-175em);
}

.l_pb2em {
  padding-bottom: var(--gap-2em);
}

.l_ptb025em {
  padding-top: var(--gap-025em);
  padding-bottom: var(--gap-025em);
}

.l_ptb05em {
  padding-top: var(--gap-05em);
  padding-bottom: var(--gap-05em);
}

.l_ptb075em {
  padding-top: var(--gap-075em);
  padding-bottom: var(--gap-075em);
}

.l_ptb1em {
  padding-top: var(--gap-1em);
  padding-bottom: var(--gap-1em);
}

.l_ptb125em {
  padding-top: var(--gap-125em);
  padding-bottom: var(--gap-125em);
}

.l_ptb15em {
  padding-top: var(--gap-15em);
  padding-bottom: var(--gap-15em);
}

.l_ptb175em {
  padding-top: var(--gap-175em);
  padding-bottom: var(--gap-175em);
}

.l_ptb2em {
  padding-top: var(--gap-2em);
  padding-bottom: var(--gap-2em);
}

.l_mt025em {
  margin-top: var(--gap-025em);
}

.l_mt05em {
  margin-top: var(--gap-05em);
}

.l_mt075em {
  margin-top: var(--gap-075em);
}

.l_mt1em {
  margin-top: var(--gap-1em);
}

.l_mt125em {
  margin-top: var(--gap-125em);
}

.l_mt15em {
  margin-top: var(--gap-15em);
}

.l_mt175em {
  margin-top: var(--gap-175em);
}

.l_mt2em {
  margin-top: var(--gap-2em);
}

.l_mb025em {
  margin-bottom: var(--gap-025em);
}

.l_mb05em {
  margin-bottom: var(--gap-05em);
}

.l_mb075em {
  margin-bottom: var(--gap-075em);
}

.l_mb1em {
  margin-bottom: var(--gap-1em);
}

.l_mb125em {
  margin-bottom: var(--gap-125em);
}

.l_mb15em {
  margin-bottom: var(--gap-15em);
}

.l_mb175em {
  margin-bottom: var(--gap-175em);
}

.l_mb2em {
  margin-bottom: var(--gap-2em);
}

.l_mtb025em {
  margin-top: var(--gap-025em);
  margin-bottom: var(--gap-025em);
}

.l_mtb05em {
  margin-top: var(--gap-05em);
  margin-bottom: var(--gap-05em);
}

.l_mtb075em {
  margin-top: var(--gap-075em);
  margin-bottom: var(--gap-075em);
}

.l_mtb1em {
  margin-top: var(--gap-1em);
  margin-bottom: var(--gap-1em);
}

.l_mtb125em {
  margin-top: var(--gap-125em);
  margin-bottom: var(--gap-125em);
}

.l_mtb15em {
  margin-top: var(--gap-15em);
  margin-bottom: var(--gap-15em);
}

.l_mtb175em {
  margin-top: var(--gap-175em);
  margin-bottom: var(--gap-175em);
}

.l_mtb2em {
  margin-top: var(--gap-2em);
  margin-bottom: var(--gap-2em);
}

.md_header__wrap {
  position: relative;
}
.md_header__wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../images/md_bgob__01.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: min(85vw, 1200px);
  aspect-ratio: 578/173;
}
@media screen and (max-width: 980px) {
  .md_header__wrap::before {
    width: 100vw;
  }
}
@media screen and (max-width: 767px) {
  .md_header__wrap::before {
    aspect-ratio: 422/215;
    background-image: url(../images/md_bgob__08.svg);
  }
}
.md_header__wrap::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../images/md_bgob__02.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: min(35vw, 600px);
  aspect-ratio: 234/137;
}
@media screen and (max-width: 980px) {
  .md_header__wrap::after {
    width: 40vw;
  }
}
@media screen and (max-width: 767px) {
  .md_header__wrap::after {
    aspect-ratio: 234/180;
    background-image: url(../images/md_bgob__09.svg);
  }
}

.md_header__wwd {
  position: relative;
  z-index: 3;
}
.md_header__wwd::before {
  content: "";
  position: absolute;
  top: -5vw;
  left: 0;
  background-image: url(../images/md_bgob__10.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: min(85vw, 1800px);
  aspect-ratio: 578/256;
}
@media screen and (max-width: 1060px) {
  .md_header__wwd::before {
    top: 0;
    width: 100vw;
  }
}
@media screen and (max-width: 767px) {
  .md_header__wwd::before {
    aspect-ratio: 422/215;
    background-image: url(../images/md_bgob__13.svg);
  }
}
.md_header__wwd::after {
  content: "";
  position: absolute;
  top: -12vw;
  right: 0;
  background-image: url(../images/md_bgob__12.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: min(75vw, 1700px);
  aspect-ratio: 578/326;
}
@media screen and (max-width: 1060px) {
  .md_header__wwd::after {
    top: -5vw;
    width: 80vw;
  }
}
@media screen and (max-width: 767px) {
  .md_header__wwd::after {
    aspect-ratio: 577/367;
    top: 0;
    width: 90vw;
    background-image: url(../images/md_bgob__14.svg);
  }
}
.md_header__wwd .inner::before {
  content: "";
  position: absolute;
  top: 10vw;
  right: 0;
  background-image: url(../images/md_bgob__11.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: min(30vw, 500px);
  aspect-ratio: 235/224;
  z-index: 2;
}
@media screen and (max-width: 1060px) {
  .md_header__wwd .inner::before {
    top: 15vw;
    width: 35vw;
  }
}
@media screen and (max-width: 767px) {
  .md_header__wwd .inner::before {
    top: 24vw;
    width: 40vw;
  }
}
@media screen and (max-width: 540px) {
  .md_header__wwd .inner::before {
    top: 35vw;
    width: 30vw;
  }
}

.md_header {
  max-width: 1440px;
  margin-inline: auto;
}
.md_header.home::before, .md_header.home::after {
  display: none;
}
.md_header.home .header_logo img {
  width: 265px;
}
@media screen and (max-width: 768px) {
  .md_header.home .header_logo img {
    width: min(35vw, 180px);
  }
}
.md_header .header_logo {
  padding-top: 30px;
  padding-left: min(5vw, 30px);
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .md_header .header_logo {
    padding-left: 15px;
    padding-top: 20px;
  }
}
.md_header .header_logo a {
  display: inline-block;
}
.md_header .header_logo img {
  width: 220px;
  max-width: 100%;
  height: auto;
  display: block;
}
@media screen and (max-width: 768px) {
  .md_header .header_logo img {
    width: min(35vw, 180px);
  }
}

.md_header__nav {
  position: fixed;
  z-index: 5;
  left: 50%;
  top: 30px;
  height: 0;
  width: 100%;
  max-width: 1440px;
  margin-inline: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 25px;
  background-color: #ddd;
  transform: translateX(-50%);
  padding-right: min(5vw, 30px);
}
@media screen and (max-width: 767px) {
  .md_header__nav {
    top: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .md_header__nav .link_contact {
    display: none;
  }
}
.md_header__nav .link_contact a {
  display: inline-block;
  background-color: var(--col-1);
  color: #fff;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  padding: 0.75em 1em;
  transition: all 0.25s ease;
}
.md_header__nav .link_contact a:hover {
  opacity: 0.9;
}

.md_navTrigger {
  font-size: 11px;
  width: 60px;
  height: 60px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 5px 0;
  background-color: var(--col-2);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.25s ease;
}
.md_navTrigger:hover {
  opacity: 0.9;
}
@media screen and (max-width: 767px) {
  .md_navTrigger {
    width: 52px;
    height: 52px;
  }
}
.md_navTrigger span {
  width: 40%;
  height: 2px;
  display: block;
  background-color: #fff;
  margin-inline: auto;
}
.md_sticy__about {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 5;
  width: 2em;
}
.md_sticy__about a {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: center;
  align-items: stretch;
  text-decoration: none;
  grid-gap: 0.25em;
  width: 2em;
  background-color: var(--col-2);
  color: #fff;
  padding: 1.5em 0 1em 0;
  border-radius: 2em 0 0 0;
  transition: all 0.25s ease;
}
.md_sticy__about a:hover {
  opacity: 0.9;
}
.md_sticy__about a span {
  writing-mode: vertical-rl;
  white-space: nowrap;
  line-height: 1;
}
.md_sticy__about a span:first-child {
  font-size: 0.8em;
}

.md_breadclumb {
  position: relative;
  z-index: 2;
}
.md_breadclumb.wwd {
  z-index: 5;
}
@media screen and (max-width: 660px) {
  .md_breadclumb.wwd {
    display: none;
  }
}
.md_breadclumb.wwd ol li {
  color: #fff;
}
.md_breadclumb.wwd ol li a {
  color: #fff;
}
.md_breadclumb ol {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 1em 0;
}
@media screen and (max-width: 980px) {
  .md_breadclumb ol {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .md_breadclumb ol::-webkit-scrollbar {
    display: none;
  }
}
.md_breadclumb ol > li {
  white-space: nowrap;
  padding-left: 1.5em;
  position: relative;
}
.md_breadclumb ol > li::before {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: bold;
  font-size: 0.75em;
  position: absolute;
  left: 0.75em;
  top: 0.75em;
  color: #999;
}
.md_breadclumb ol > li:first-child {
  padding-left: 0;
}
.md_breadclumb ol > li:first-child::before {
  display: none;
}
.md_breadclumb ol > li a {
  text-decoration: none;
  color: var(--col-bfc);
}
.md_breadclumb ol > li a:hover {
  text-decoration: underline;
}

.md_contact {
  padding-bottom: min(15vw, 240px);
  position: relative;
}
@media screen and (max-width: 540px) {
  .md_contact {
    padding-bottom: 80px;
  }
}
.md_contact > * {
  position: relative;
  z-index: 3;
}
.md_contact::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 1;
  border-radius: 60px 60px 0 0;
}
.md_contact::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/ft_bgimg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 60px 60px 0 0;
  z-index: 0;
}
.md_contact .contact_summary {
  color: #fff;
  max-width: 520px;
}
@media screen and (max-width: 900px) {
  .md_contact .contact_summary {
    max-width: inherit;
  }
}
@media screen and (max-width: 660px) {
  .md_contact .contact_summary {
    text-align: justify;
  }
  .md_contact .contact_summary p {
    display: inline;
  }
}
.md_contact .contact_wrap {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: var(--gap-60);
}
@media screen and (max-width: 900px) {
  .md_contact .contact_wrap {
    grid-template-columns: 1fr;
  }
}
.md_contact .contact_head {
  min-width: 0;
}
@media screen and (max-width: 660px) {
  .md_contact .contact_head .md_secTtl {
    text-align: center;
  }
}
.md_contact .contact_link {
  min-width: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: var(--gap-25);
}
@media screen and (max-width: 900px) {
  .md_contact .contact_link {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 660px) {
  .md_contact .contact_link {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 900px) {
  .md_contact .contact_link > li .md_Btn {
    width: 100%;
    max-width: 300px;
  }
}
@media screen and (max-width: 768px) {
  .md_contact .contact_link > li .md_Btn {
    font-size: 1rem;
    margin-inline: auto;
  }
}
.md_contact .contact_link > li:last-child {
  margin-bottom: 0;
}

.md_secTtl {
  line-height: 1;
  white-space: nowrap;
}
.md_secTtl a {
  text-decoration: none;
  color: #fff;
}

.md_footer__nav {
  position: relative;
  background-color: var(--col-1);
}
.md_footer__nav::before {
  content: "";
  position: absolute;
  bottom: calc(100% - 1px);
  left: 0;
  width: 100%;
  background-image: url(../images/ft_bgob.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  aspect-ratio: 782/59;
  display: block;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .md_footer__nav .ft_sitename {
    text-align: center;
    padding-top: 30px;
  }
}
.md_footer__nav .ft_sitename a {
  color: #fff;
  text-decoration: none;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0 0.25em;
  position: relative;
  z-index: 2;
  padding-top: 0.85em;
  transition: all 0.25s ease;
}
.md_footer__nav .ft_sitename a:hover {
  opacity: 0.9;
}
.md_footer__nav .ft_sitename a span {
  white-space: nowrap;
  display: inline-block;
  line-height: 1.5;
}
.md_footer__nav .ft_sitename a span:first-child {
  font-size: 0.8em;
}
.md_footer__nav .ft_sitename a span:nth-child(2) {
  position: relative;
}
.md_footer__nav .ft_sitename a span:nth-child(2)::after {
  content: "ふくりび";
  position: absolute;
  top: -1.2em;
  left: 3em;
  color: #fff;
  font-size: 0.65em;
}
.md_footer__nav .ft_nav {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto 1fr;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: 20px var(--gap-60);
}
@media screen and (max-width: 767px) {
  .md_footer__nav .ft_nav {
    display: none;
  }
}
.md_footer__nav .ft_nav .main_nav {
  position: relative;
  z-index: 2;
  grid-row: 1/3;
}
.md_footer__nav .ft_nav .main_nav.visit {
  grid-column: 3/4;
  grid-row: 1/2;
}
.md_footer__nav .ft_nav .main_nav.info {
  grid-column: 3/4;
  grid-row: 2/3;
}
.md_footer__nav .ft_nav .main_nav > li {
  padding-bottom: 0.65em;
}
.md_footer__nav .ft_nav .main_nav .heading {
  border-bottom: 1px solid #fff;
  padding-bottom: 0.65em;
  line-height: 1;
  white-space: nowrap;
  margin-bottom: 1em;
}
.md_footer__nav .ft_nav .main_nav a {
  color: #fff;
  text-decoration: none;
  line-height: 1.5;
  display: inline-block;
  box-sizing: border-box;
  transition: all 0.25s ease;
  overflow: hidden;
}
.md_footer__nav .ft_nav .main_nav a:hover {
  opacity: 0.9;
  transform: translateY(1px);
}
.md_footer__nav .ft_social {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .md_footer__nav .ft_social {
    padding-top: 30px;
  }
}
.md_footer__nav .ft_social a {
  display: block;
  width: 2em;
  height: 2em;
  background-color: #4671C1;
  color: #fff;
  text-decoration: none;
  position: relative;
  border-radius: 50%;
}
.md_footer__nav .ft_social a i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
}
.md_footer__nav .ft_cr {
  text-align: center;
  color: #fff;
}

.pageup {
  position: fixed;
  bottom: 20px;
  right: 70px;
  z-index: 5;
  display: block;
  display: none;
}
@media screen and (max-width: 767px) {
  .pageup {
    display: none !important;
  }
}
.pageup a {
  display: block;
  width: 60px;
  height: 60px;
  background-color: var(--col-bfc);
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  transition: all 0.25s ease;
}
.pageup a:hover {
  color: #4671C1;
}
/*-- mailform --*/
#contactform .chkbox_nochk__wrapper, #contactform .chkbox__wrapper, #contactform .radio_wrapper, #contactform select, #contactform input[type=text], #contactform input[type=email], #contactform input[type=tel], #contactform textarea {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

#contactform input[type=submit] {
  color: #fff;
  background-color: var(--col-2);
  padding: 1em 2em;
  transition: all 0.15s linear;
}
#contactform input[type=submit]:hover {
  background: #ff6439;
}

#contactform select, #contactform input[type=text], #contactform input[type=email], #contactform input[type=tel], #contactform textarea {
  background-color: #f9f9f9;
}

/*--------
__input
-----------------------------------------------*/
#contactform p:empty {
  height: 0;
  padding: 0;
  display: none;
}
#contactform p::before {
  display: none;
}
#contactform.form_wrapper {
  margin: 0 auto;
}
#contactform input[type=text], #contactform input[type=email], #contactform input[type=tel], #contactform textarea {
  font-size: 16px;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding-right: 1em;
  padding-left: 1em;
  border: 1px solid #f9f9f9;
  box-shadow: none;
  border-radius: 5px;
  resize: none;
  box-sizing: border-box;
  display: block;
  transition: all 0.25s ease;
}
#contactform input[type=text]::-webkit-input-placeholder, #contactform input[type=email]::-webkit-input-placeholder, #contactform input[type=tel]::-webkit-input-placeholder, #contactform textarea::-webkit-input-placeholder {
  color: #999;
  font-size: 14px;
}
#contactform input[type=text]::-moz-placeholder, #contactform input[type=email]::-moz-placeholder, #contactform input[type=tel]::-moz-placeholder, #contactform textarea::-moz-placeholder {
  color: #999;
}
#contactform input[type=text]:-ms-input-placeholder, #contactform input[type=email]:-ms-input-placeholder, #contactform input[type=tel]:-ms-input-placeholder, #contactform textarea:-ms-input-placeholder {
  color: #999;
}
#contactform input[type=text]:focus, #contactform input[type=email]:focus, #contactform input[type=tel]:focus, #contactform textarea:focus {
  border-color: #eee;
  background-color: #fff;
  border-radius: 5px;
  outline: none;
}
#contactform input[type=text].input_100, #contactform input[type=email].input_100, #contactform input[type=tel].input_100, #contactform textarea.input_100 {
  width: 100%;
}
#contactform input[type=text].input_75, #contactform input[type=email].input_75, #contactform input[type=tel].input_75, #contactform textarea.input_75 {
  width: 75%;
}
@media screen and (max-width: 660px) {
  #contactform input[type=text].input_75, #contactform input[type=email].input_75, #contactform input[type=tel].input_75, #contactform textarea.input_75 {
    width: 100%;
  }
}
#contactform input[type=text].input_50, #contactform input[type=email].input_50, #contactform input[type=tel].input_50, #contactform textarea.input_50 {
  width: 50%;
}
@media screen and (max-width: 660px) {
  #contactform input[type=text].input_50, #contactform input[type=email].input_50, #contactform input[type=tel].input_50, #contactform textarea.input_50 {
    width: 100%;
  }
}
#contactform input[type=text].input_25, #contactform input[type=email].input_25, #contactform input[type=tel].input_25, #contactform textarea.input_25 {
  width: 25%;
}
@media screen and (max-width: 660px) {
  #contactform input[type=text].input_25, #contactform input[type=email].input_25, #contactform input[type=tel].input_25, #contactform textarea.input_25 {
    width: 50%;
  }
}
#contactform input[type=text].input_readonly, #contactform input[type=email].input_readonly, #contactform input[type=tel].input_readonly, #contactform textarea.input_readonly {
  pointer-events: none;
  background: #f6f6f6;
  border-radius: 0;
  border: none;
  color: #999 !important;
  display: inline;
  width: 100%;
  font-size: 14px;
}
#contactform input[type=text]:disabled, #contactform input[type=email]:disabled, #contactform input[type=tel]:disabled, #contactform textarea:disabled {
  opacity: 0.4;
  background: #ddd;
}

/*--------
__textarea
-----------------------------------------------*/
#contactform textarea {
  width: 100%;
}

/*--------
__inputsize
-----------------------------------------------*/
#contactform .input_100 {
  width: 100%;
}
#contactform .input_75 {
  width: 75%;
}
@media screen and (max-width: 660px) {
  #contactform .input_75 {
    width: 100%;
  }
}
#contactform .input_50 {
  width: 50%;
}
@media screen and (max-width: 660px) {
  #contactform .input_50 {
    width: 100%;
  }
}
#contactform .input_25 {
  width: 25%;
}
@media screen and (max-width: 660px) {
  #contactform .input_25 {
    width: 50%;
  }
}
#contactform .input_readonly {
  color: var(--col-bfc) !important;
  pointer-events: none;
}

/*--------
__layout
-----------------------------------------------*/
#contactform .input_note {
  font-size: 13px;
  background: #f6f6f6;
  border: 1px solid #ddd;
  padding: 0.75em 1em;
  color: #666;
  margin: 1em 0;
  line-height: 1.5;
}
#contactform .input_note p {
  margin-bottom: 0.75em;
  line-height: 1.5;
}
#contactform .input_note p:last-child {
  margin-bottom: 0;
}
#contactform .input_outer {
  text-align: left;
  margin: 1em 0 2em 0;
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: auto;
  grid-gap: 10px 20px;
}
@media screen and (max-width: 767px) {
  #contactform .input_outer {
    grid-template-columns: 1fr;
  }
}
#contactform .input_outer.singlenote {
  display: block;
  padding-left: 0;
  text-align: center;
  margin-bottom: 0;
}
#contactform .input_outer.submit {
  margin-top: 3em;
  text-align: center;
  display: block;
  position: relative;
}
#contactform .input_outer .attention {
  font-size: 12px;
  color: #666;
}
#contactform .input_head {
  grid-column: 1/2;
  grid-row: 1/3;
  font-weight: 600;
  line-height: 1.5;
  padding-top: 0.75em;
}
@media screen and (max-width: 767px) {
  #contactform .input_head {
    grid-column: inherit;
    grid-row: inherit;
    font-size: 14px;
  }
}
#contactform .input_head.required:after {
  content: "必須";
  font-weight: 500;
  display: inline-block;
  box-sizing: border-box;
  line-height: 1;
  white-space: nowrap;
  padding: 3px 4px;
  margin-left: 1em;
  font-size: 12px;
  background-color: var(--col-2);
  color: #fff;
}
#contactform .input_wrap {
  grid-column: 2/3;
}
@media screen and (max-width: 767px) {
  #contactform .input_wrap {
    grid-column: inherit;
  }
}
#contactform .input_wrap .double {
  margin-top: 1em;
}
#contactform .attention {
  grid-column: 2/3;
}
@media screen and (max-width: 767px) {
  #contactform .attention {
    grid-column: inherit;
  }
}
#contactform .flex_col {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
#contactform .flex_col span {
  flex: 0 1 auto;
}
@media screen and (max-width: 480px) {
  #contactform .flex_col {
    flex-wrap: wrap;
    overflow-x: scroll;
  }
}
#contactform .flex_col .flex_txt {
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 0.85em;
  display: block;
}

/*--------
__submit
-----------------------------------------------*/
#contactform input[type=submit] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  outline: none;
  font-size: 16px;
  border-radius: 2em;
  padding: 1em 2em;
  min-width: min(90%, 320px);
  display: inline-block;
  box-sizing: border-box;
  text-decoration: none;
  cursor: pointer;
  border: none;
  opacity: 1;
  box-sizing: border-box;
  font-weight: 600;
}
#contactform input[type=submit]::-webkit-search-decoration {
  display: none;
}
#contactform input[type=submit]::focus {
  outline-offset: -2px;
}
#contactform input[type=submit]:disabled {
  opacity: 0.4;
  background: #999;
}

/*--------
__#accept
-----------------------------------------------*/
#contactform input[type=checkbox] {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  position: absolute;
}
#contactform .chk_target {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  white-space: nowrap;
  position: relative;
}
#contactform .chk_target:before {
  content: "";
  position: absolute;
  top: -0.1em;
  left: 0;
  width: 28px;
  height: 28px;
  border: 1px solid #ccc;
  transition: all 0.1s linear;
  border-radius: 5px;
}
@media screen and (max-width: 660px) {
  #contactform .chk_target:before {
    top: 0em;
  }
}
#contactform .chk_target.c_on:before {
  width: 10px;
  top: -0.35em;
  left: 7px;
  transform: rotate(40deg);
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: var(--col-2);
  border-bottom-color: var(--col-2);
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-radius: 0;
}
@media screen and (max-width: 660px) {
  #contactform .chk_target.c_on:before {
    top: -0.25em;
  }
}
#contactform #accept .note {
  display: block;
  padding-left: 50px;
  cursor: pointer;
  line-height: 1.4;
}
#contactform #accept .note a {
  text-decoration: none;
  color: var(--col-bfc);
  position: relative;
}
#contactform #accept .note a::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
}

/*--------
__select
-----------------------------------------------*/
#contactform select {
  font-size: 16px;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: #fff;
  border: 2px solid #ddd;
  box-shadow: none;
  border-radius: 5px;
  resize: none;
  padding-left: 1em;
  padding-right: 2em;
  text-indent: 0.01px;
  text-overflow: "";
}
@media screen and (max-width: 660px) {
  #contactform select {
    padding-right: 1em;
  }
}
#contactform select::-ms-expand {
  display: none;
}
#contactform select:focus {
  outline: none;
}
#contactform .select_wrap .wpcf7-form-control-wrap {
  position: relative;
}
#contactform .select_wrap .wpcf7-form-control-wrap::before {
  pointer-events: none;
  position: absolute;
  display: block;
  width: 1em;
  height: auto;
  right: 0.75em;
  top: 50%;
  font-family: "Font Awesome 5 Free";
  content: "\f078";
  text-rendering: auto;
  color: var(--col-bfc);
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  transform: translateY(-50%);
}
@media screen and (max-width: 660px) {
  #contactform .select_wrap .wpcf7-form-control-wrap::before {
    display: none;
  }
}
#contactform .select_wrap .wpcf7-form-control-wrap.flex_col .wpcf7-not-valid-tip {
  display: none;
}
@media screen and (max-width: 660px) {
  #contactform .select_wrap.nowrap select {
    font-size: 12px !important;
    padding-left: 0.75em;
    padding-right: 0.75em;
  }
  #contactform .select_wrap.nowrap .flex_txt {
    font-size: 10px;
  }
}
@media screen and (max-width: 660px) {
  #contactform .select_wrap .wpcf7-form-control-wrap::before {
    display: block;
  }
}
#contactform .select_wrap.amount {
  text-align: center;
}
#contactform .select_wrap.amount .note {
  padding-bottom: 1em;
}
#contactform .select_wrap.amount select {
  background: #fff;
  resize: none;
  padding-right: 2em;
  min-width: 240px;
}
@media screen and (max-width: 660px) {
  #contactform .select_wrap.amount select {
    min-width: inherit;
  }
}

/*--------
__radio
-----------------------------------------------*/
#contactform .radio_wrapper {
  font-size: 16px;
}
#contactform .radio_wrapper .wpcf7-form-control-wrap .wpcf7-form-control {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.5em 24px;
}
#contactform .radio_wrapper .wpcf7-form-control-wrap label {
  cursor: pointer;
}
#contactform .radio_wrapper .wpcf7-form-control-wrap label input[type=radio] {
  display: none;
}
#contactform .radio_wrapper .wpcf7-form-control-wrap label input[type=radio]:checked + span {
  color: var(--col-bfc);
}
#contactform .radio_wrapper .wpcf7-form-control-wrap label input[type=radio]:checked + span::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 8px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--col-2);
  transform: translateY(-50%);
}
#contactform .radio_wrapper .wpcf7-form-control-wrap label input[type=radio]:checked + span::before {
  border-color: var(--col-2);
}
#contactform .radio_wrapper .wpcf7-form-control-wrap label span {
  padding-left: 36px;
  position: relative;
  line-height: 1;
}
#contactform .radio_wrapper .wpcf7-form-control-wrap label span::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 28px;
  height: 28px;
  border: 2px solid #ddd;
  border-radius: 50%;
  transform: translateY(-50%);
}
#contactform .radio_wrapper .wpcf7-form-control-wrap .wpcf7-list-item-label {
  font-size: 0.85em;
}
#contactform .radio_wrapper .wpcf7-form-control-wrap .mf_radio__horizontal > .wpcf7-list-item {
  display: block;
  margin-bottom: 12px;
}
#contactform .radio_wrapper .wpcf7-form-control-wrap .mf_radio__horizontal > .wpcf7-list-item:last-child {
  margin-bottom: 0;
}

/*--------
__chkbox
-----------------------------------------------*/
#contactform .chkbox__wrapper {
  font-size: 16px;
}
#contactform .chkbox__wrapper .wpcf7-form-control-wrap label {
  cursor: pointer;
}
#contactform .chkbox__wrapper .wpcf7-form-control-wrap label input[type=checkbox] {
  display: none;
}
#contactform .chkbox__wrapper .wpcf7-form-control-wrap label input[type=checkbox]:checked + span {
  color: #fff;
  background: #000;
}
#contactform .chkbox__wrapper .wpcf7-form-control-wrap label span {
  cursor: pointer;
  line-height: 30px;
  height: 30px;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 1em;
  border-radius: 3px;
  white-space: nowrap;
  transition: all 0.1s linear;
  margin: 0.4em 0.5em 0.4em 0;
  color: #999;
  background: rgba(150, 150, 150, 0.1);
}
#contactform .chkbox__wrapper .wpcf7-form-control-wrap label span:hover {
  background: rgba(150, 150, 150, 0.3);
  color: #fff;
}
#contactform .chkbox__wrapper .wpcf7-form-control-wrap .wpcf7-list-item-label {
  font-size: 0.85em;
}

/*--------
__chkbox_nochk
-----------------------------------------------*/
#contactform .chkbox_nochk__wrapper {
  font-size: 16px;
}
#contactform .chkbox_nochk__wrapper .mf_chk__horizontal > .wpcf7-list-item {
  display: block;
}
#contactform .chkbox_nochk__wrapper .wpcf7-form-control-wrap label {
  cursor: pointer;
}
#contactform .chkbox_nochk__wrapper .wpcf7-form-control-wrap label input[type=checkbox] {
  display: none;
}
#contactform .chkbox_nochk__wrapper .wpcf7-form-control-wrap label input[type=checkbox]:checked + span::before {
  width: 10px;
  top: 0.1em;
  left: 5px;
  transform: rotate(45deg);
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-width: 2px;
  border-right-color: var(--col-2);
  border-bottom-width: 2px;
  border-bottom-color: var(--col-2);
  opacity: 1;
}
#contactform .chkbox_nochk__wrapper .wpcf7-form-control-wrap label span {
  cursor: pointer;
  line-height: 30px;
  height: 30px;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 1em 0 32px;
  white-space: nowrap;
  margin: 0.4em 0.5em 0.4em 0;
  position: relative;
}
#contactform .chkbox_nochk__wrapper .wpcf7-form-control-wrap label span:before {
  content: "";
  position: absolute;
  top: 0.2em;
  left: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #000;
  opacity: 0.3;
  transition: all 0.1s linear;
}
#contactform .chkbox_nochk__wrapper .wpcf7-form-control-wrap .wpcf7-list-item-label {
  font-size: 0.85em;
}

.if_policy {
  padding-bottom: 1em;
}
.if_policy .innr {
  background-color: #f7f7f7;
  border-radius: 10px;
  padding: 1.25em 1.75em;
  line-height: 1.5;
}
.if_policy .ttl {
  padding-bottom: 1em;
}

.if_policy__rules {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 1em;
  gap: 1em 2em;
}
.if_policy__rules > li .r_ttl {
  font-weight: 600;
  padding-bottom: 0.25em;
}
.if_policy__rules > li .r_ttl::before {
  content: "・";
  padding-right: 0.25em;
}
.if_policy__rules > li > dl dd {
  padding-left: 1em;
}
.if_policy__rules > li > dl dd > ul {
  list-style-type: circle;
  padding-left: 1em;
}

/* overwrite wpcf7 */
div.wpcf7 {
  position: relative;
}

div.wpcf7 .ajax-loader {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

div.wpcf7 img.ajax-loader {
  display: block;
  margin: 0.5em auto 0 auto !important;
}

div.wpcf7-response-output {
  background: none;
  border: none;
  text-align: center;
  margin: 0 auto !important;
  color: #000;
  box-sizing: border-box;
  background: transparent;
  font-weight: normal;
  line-height: 2;
  border: none !important;
  font-size: 14px;
  color: red;
}
@media screen and (max-width: 600px) {
  div.wpcf7-response-output {
    font-size: 12px;
  }
}

div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors {
  border: none !important;
}

div.wpcf7-mail-sent-ok {
  display: none !important;
}

.wpcf7-not-valid {
  border-color: var(--col-2) !important;
  background: rgba(var(--col-2), 0.15) !important;
}

span.wpcf7-not-valid-tip {
  font-size: 12px !important;
  background: transparent !important;
  border: none !important;
  color: red !important;
  box-sizing: border-box !important;
  padding: 0 10px !important;
  display: block;
  display: none;
}

span.wpcf7-list-item {
  margin-left: 0;
}

.screen-reader-response {
  display: none;
}

.wpcf7-validation-errors {
  display: block;
}

.innr_toggle {
  margin-top: 10px;
  padding: 20px;
  background: #f6f6f6;
}
.innr_toggle .innr_toggle__section {
  padding-bottom: 1em;
}

.deliver_note {
  padding-bottom: 1em;
  color: #000;
}

.wpcf7-spinner {
  display: none !important;
}

.postEntry {
  word-break: break-all;
  text-align: left;
  position: relative;
  z-index: 5;
  /* Block: Separator -------------------------- */
  /* Block: button -------------------------- */
}
.postEntry p {
  margin-bottom: 2em;
  text-align: justify;
}
.postEntry p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 600px) {
  .postEntry p.has-background {
    padding: 1em 1.5em;
  }
}
.postEntry p.has-small-font-size {
  font-size: 0.8125rem;
}
@media screen and (max-width: 600px) {
  .postEntry p.has-small-font-size {
    font-size: 0.75rem;
  }
}
.postEntry p.has-normal-font-size, .postEntry p.has-regular-font-size {
  font-size: 0.9375rem;
}
@media screen and (max-width: 767px) {
  .postEntry p.has-normal-font-size, .postEntry p.has-regular-font-size {
    font-size: 0.875rem;
  }
}
.postEntry p.has-medium-font-size {
  font-size: 0.9375rem;
}
@media screen and (max-width: 767px) {
  .postEntry p.has-medium-font-size {
    font-size: 0.875rem;
  }
}
.postEntry p.has-large-font-size {
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  .postEntry p.has-large-font-size {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 600px) {
  .postEntry p.has-large-font-size {
    font-size: 1.0625rem;
  }
}
.postEntry p.has-huge-font-size {
  font-size: 1.75rem;
}
@media screen and (max-width: 767px) {
  .postEntry p.has-huge-font-size {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .postEntry p.has-huge-font-size {
    font-size: 1.25rem;
  }
}
.postEntry p.has-x-large-font-size {
  font-size: 1.75rem;
}
@media screen and (max-width: 767px) {
  .postEntry p.has-x-large-font-size {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .postEntry p.has-x-large-font-size {
    font-size: 1.25rem;
  }
}
.postEntry p a {
  text-decoration: none;
  border-bottom: 1px dashed #000;
  color: var(--col-bfc);
  transition: all 0.15s ease;
}
.postEntry p a:hover {
  color: var(--col-1);
  border-bottom-color: var(--col-1);
}
.postEntry p a[rel*=noopener]::after {
  content: "\f35d";
  font-family: "Font Awesome 5 Free";
  text-rendering: auto;
  font-weight: bold;
  padding-left: 0.25em;
  padding-right: 0.15em;
}
.postEntry ol, .postEntry ul {
  list-style-type: disc;
  padding-left: 1.5em;
  padding-bottom: 1em;
  line-height: 1.6;
}
.postEntry ol.blocks-gallery-grid, .postEntry ul.blocks-gallery-grid {
  list-style-type: none;
  padding-left: 0;
  padding-bottom: 0;
  line-height: inherit;
}
.postEntry ol li, .postEntry ul li {
  padding: 0.2em 0;
}
.postEntry ol {
  list-style-type: decimal;
}
.postEntry h1, .postEntry h2, .postEntry h3, .postEntry h4 {
  margin: 2em 0 1em 0;
}
@media screen and (max-width: 600px) {
  .postEntry h1, .postEntry h2, .postEntry h3, .postEntry h4 {
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .postEntry h1 br, .postEntry h2 br, .postEntry h3 br, .postEntry h4 br {
    display: none;
  }
}
.postEntry h1 {
  font-size: 2em;
}
.postEntry h2 {
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .postEntry h2 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .postEntry h2 {
    font-size: 1.25rem;
  }
}
.postEntry h3 {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.5;
  margin-bottom: 0.75em;
}
@media screen and (max-width: 767px) {
  .postEntry h3 {
    font-size: 1.3125rem;
  }
}
@media screen and (max-width: 600px) {
  .postEntry h3 {
    font-size: 1.25rem;
  }
}
.postEntry h4 {
  font-weight: 600;
  font-size: 1.25rem;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 767px) {
  .postEntry h4 {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 600px) {
  .postEntry h4 {
    font-size: 1.0625rem;
  }
}
.postEntry h5 {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 0.5em;
}
.postEntry h6 {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 0.5em;
}
.postEntry strong {
  font-weight: bold;
}
.postEntry img,
.postEntry video,
.postEntry embed,
.postEntry object,
.postEntry iframe {
  max-width: 100%;
  box-sizing: border-box;
}
.postEntry .has-drop-cap:not(:focus)::first-letter {
  font-size: 2.5em;
  margin: 0.15em 0.1em 0 0;
}
.postEntry .wp-block-image {
  padding-top: 2em;
  padding-bottom: 2em;
}
.postEntry .wp-block-image + .wp-block-image {
  padding-top: 0em;
}
@media screen and (max-width: 600px) {
  .postEntry .wp-block-image {
    padding-top: 1em;
    padding-bottom: 1em;
  }
}
.postEntry .wp-block-image img {
  display: block;
  height: auto;
  transition: all 0.25s ease;
}
.postEntry .wp-block-image.margin_none {
  margin: 0;
}
.postEntry .wp-block-image figcaption {
  margin-top: 0.5em;
  margin-bottom: 0em;
  color: #666;
  font-size: 11px;
  line-height: 1.5;
}
@media screen and (max-width: 540px) {
  .postEntry .wp-block-image figcaption {
    font-size: 10px;
    text-align: left;
  }
}
.postEntry .wp-block-image a {
  overflow: hidden;
  display: inline-block;
  box-sizing: border-box;
}
.postEntry .wp-block-image a:hover img {
  transform: scale(1.05);
}
.postEntry .wp-block-embed figcaption {
  margin-top: 0.5em;
  margin-bottom: 0em;
  padding-right: 5%;
  padding-left: 5%;
  color: #666;
  text-align: center;
  font-size: 11px;
  line-height: 1.5;
}
@media screen and (max-width: 540px) {
  .postEntry .wp-block-embed figcaption {
    font-size: 10px;
    text-align: left;
  }
}
.postEntry .wpview-type-gallery:after {
  content: "";
  display: table;
  clear: both;
}
.postEntry .wp-block-code {
  background: #f6f6f6;
  padding: 1em;
  margin: 1.5em 0;
  font-size: 14px;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: monospace;
}
@media screen and (max-width: 767px) {
  .postEntry .wp-block-code {
    font-size: 13px;
  }
}
@media screen and (max-width: 540px) {
  .postEntry .wp-block-code {
    font-size: 12px;
  }
}
.postEntry .wp-block-spacer {
  height: 2em !important;
}
.postEntry .wp-block-quote {
  background-color: #f7f7f7;
  padding: 2em 2.5em;
  line-height: 1.65;
  margin-bottom: 2em;
  border-radius: 10px;
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  .postEntry .wp-block-quote {
    font-size: 0.8125rem;
  }
}
.postEntry .wp-block-quote p {
  margin-bottom: 0.75em;
  text-align: justify;
}
.postEntry .wp-block-quote p:last-child {
  margin-bottom: 0;
}
.postEntry .wp-block-quote p:only-child {
  margin-bottom: 0;
}
.postEntry .wp-block-quote cite {
  display: block;
  font-size: 12px;
}
.postEntry hr.wp-block-separator {
  margin-top: 2em;
  margin-bottom: 2em;
  width: 100%;
  border: 1px solid #ddd;
}
.postEntry hr.wp-block-separator.is-style-wide {
  border-bottom-width: 1px;
  width: 100%;
}
.postEntry hr.wp-block-separator.is-style-dots {
  border: none;
}
.postEntry .wp-block-button {
  overflow: hidden;
}
.postEntry .wp-block-button.is-style-outline .wp-block-button__link {
  border: 2px solid var(--col-1);
  color: var(--col-1);
  background-color: transparent;
}
.postEntry .wp-block-button.is-style-outline .wp-block-button__link::before {
  background-image: url(../images/md_arrow_longC1.svg);
}
.postEntry .wp-block-button.color_orange .wp-block-button__link {
  background-color: var(--col-2);
  color: #fff;
}
.postEntry .wp-block-button.color_orange .wp-block-button__link::before {
  background-image: url(../images/md_arrow_longWht.svg);
}
.postEntry .wp-block-button.color_orange.is-style-outline .wp-block-button__link {
  background-color: transparent;
  color: var(--col-2);
  border-color: var(--col-2);
}
.postEntry .wp-block-button.color_orange.is-style-outline .wp-block-button__link::before {
  background-image: url(../images/md_arrow_longC2.svg);
}
.postEntry .wp-block-button__link {
  padding: 1em 3em 1em 4em;
  font-size: 0.9375rem;
  margin-bottom: 2em;
  line-height: 1.25;
  background-color: var(--col-1);
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  display: block;
  border-radius: 2em;
  position: relative;
  transition: all 0.25s ease;
}
.postEntry .wp-block-button__link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1.5em;
  width: 1em;
  background-image: url(../images/md_arrow_longWht.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  aspect-ratio: 31/14;
  transform: translateY(-50%);
  transition: all 0.25s ease;
}
.postEntry .wp-block-button__link:hover {
  opacity: 0.75;
}
.postEntry .wp-block-button__link:hover::before {
  left: 1.7em;
}

.md_postEntry__heading.h2 {
  line-height: 1.5;
  padding-left: 1em;
  border-left: 6px solid var(--col-1);
  margin-bottom: 1em;
}
.md_postEntry__heading.h3 {
  line-height: 1.5;
  margin-bottom: 0.75em;
}
.md_postEntry__heading.cl1 {
  color: var(--col-1);
}

.md_postEntry__image {
  padding-top: 2em;
  padding-bottom: 2em;
}

/*-----------------------------------------------
 __Drawer_menu
-----------------------------------------------*/
.md_drawer__cover {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99999999999;
}

.md_drawer__menu {
  display: none;
  position: relative;
  z-index: 1;
}

.sidr-inner {
  overflow-y: auto;
}

#drawer {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: #ddd;
}

.md_drawer_nav {
  overflow: hidden;
}
.md_drawer_nav .main_nav__wrap {
  background-color: var(--col-1);
  padding-top: 80px;
  padding-bottom: 40px;
}
.md_drawer_nav .main_nav {
  max-width: 320px;
  box-sizing: content-box;
  margin: 0 auto;
  padding: 0 min(10vw, 40px);
}
.md_drawer_nav .navColumn {
  position: relative;
}
.md_drawer_nav .navColumn:first-child::after {
  display: none;
}
.md_drawer_nav .navColumn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 500px;
  background-color: #6c8ece;
  height: 1px;
  transform: translateX(-50%);
}
.md_drawer_nav .nav_toggleTtl {
  line-height: 1.5;
  transition: all 0.25s ease;
}
.md_drawer_nav .nav_toggleTtl.active a::after, .md_drawer_nav .nav_toggleTtl.active span i::after {
  transform: translate(-50%, -50%) rotate(360deg);
}
.md_drawer_nav .nav_toggleTtl a:hover {
  transform: translateY(1px);
}
.md_drawer_nav .nav_toggleTtl a, .md_drawer_nav .nav_toggleTtl span {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 20px 0 10px 0;
  position: relative;
}
.md_drawer_nav .nav_toggleTtl a.toggle::before, .md_drawer_nav .nav_toggleTtl span.toggle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
.md_drawer_nav .nav_toggle {
  margin-left: 1.5em;
}
.md_drawer_nav .nav_toggle > li {
  padding-bottom: 0.5em;
}
.md_drawer_nav .nav_toggle > li:last-child {
  padding-bottom: 1.5em;
}
.md_drawer_nav .nav_toggle > li a {
  text-decoration: none;
  line-height: 1.5;
  color: #fff;
  display: block;
  padding: 0.5em 0;
  transition: all 0.25s ease;
}
.md_drawer_nav .nav_toggle > li a:hover {
  transform: translateY(1px);
}
.md_drawer_nav .nav_toggle > li a span {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
}
.md_drawer_nav .inquiry_nav {
  max-width: 400px;
  width: min(70vw, 400px);
  box-sizing: content-box;
  margin: 0 auto;
  padding: 30px 5%;
}
.md_drawer_nav .inquiry_nav .navTtl {
  padding-bottom: 30px;
}
.md_drawer_nav .inquiry_nav .navTtl a {
  text-decoration: none;
  color: var(--col-bfc);
  display: inline-block;
  box-sizing: border-box;
}
.md_drawer_nav .inquiry_nav .inquiry_btnWrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 1fr));
}
.md_drawer_nav .inquiry_nav .inquiry_btnWrap > li a {
  display: block;
  text-decoration: none;
  color: var(--col-bfc);
  background-color: var(--col-3);
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  padding: 1em 0;
  border-radius: 5px;
  transition: all 0.25s ease;
}
.md_drawer_nav .inquiry_nav .inquiry_btnWrap > li a:hover {
  transform: translateY(1px);
}
.md_drawer_nav .social_nav {
  max-width: 320px;
  box-sizing: content-box;
  margin: 0 auto;
  padding: 20px 5% 30px 5%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
.md_drawer_nav .social_nav a {
  display: block;
  width: 2em;
  height: 2em;
  background-color: var(--col-1);
  color: #fff;
  text-decoration: none;
  position: relative;
  border-radius: 50%;
  transition: all 0.25s ease;
}
.md_drawer_nav .social_nav a:hover {
  transform: translateY(1px);
}
.md_drawer_nav .social_nav a i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
}

/*--------- sidr --------*/
.sidr {
  display: none;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999999999;
  width: 500px;
  overflow-x: hidden;
  overflow-y: auto;
}
@media screen and (max-width: 768px) {
  .sidr {
    width: 90%;
  }
}
.sidr.right {
  left: auto;
  right: -100%;
}
.sidr.left {
  left: -90%;
  right: auto;
}

.sidr_slide__close {
  position: absolute;
  display: none;
  top: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  line-height: 40px;
  z-index: 999999;
  cursor: pointer;
  border-radius: 50%;
  transition: all 0.1s linear;
  background-color: #3e69ba;
}
.sidr_slide__close:hover {
  transform: scale(1.1);
}
.sidr_slide__close::before, .sidr_slide__close::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #ddd;
  width: 20px;
  height: 1px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotate(-45deg) translate(-50%, -50%);
  transform-origin: left top;
}
.sidr_slide__close::before {
  transform: rotate(-45deg) translate(-50%, -50%);
}
.sidr_slide__close::after {
  transform: rotate(45deg) translate(-50%, -50%);
}

/*-----------------------------------------------
 __page_nav
-----------------------------------------------*/
.md_article__pagenav {
  padding-bottom: 3vw;
}

#pagenavi {
  overflow: hidden;
}
#pagenavi ul.page-numbers {
  width: 100%;
  box-sizing: border-box;
  list-style-type: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#pagenavi ul.page-numbers li {
  width: 40px;
  height: 40px;
  margin: 0 5px;
}
@media screen and (max-width: 960px) {
  #pagenavi ul.page-numbers li {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 540px) {
  #pagenavi ul.page-numbers li {
    width: 7vw;
    height: 7vw;
  }
}
#pagenavi a.page-numbers, #pagenavi span.page-numbers {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  border: 1px solid #ddd;
  font-size: 13px;
  text-decoration: none;
  color: var(--col-1);
  transition: all 0.1s linear;
  border-radius: 6px;
}
@media screen and (max-width: 540px) {
  #pagenavi a.page-numbers, #pagenavi span.page-numbers {
    font-size: 11px;
  }
}
#pagenavi a.page-numbers.dots, #pagenavi span.page-numbers.dots {
  border-color: transparent;
}
#pagenavi a.page-numbers.prev, #pagenavi span.page-numbers.prev {
  position: relative;
}
@media screen and (max-width: 540px) {
  #pagenavi a.page-numbers.prev, #pagenavi span.page-numbers.prev {
    display: none;
  }
}
#pagenavi a.page-numbers.prev::before, #pagenavi span.page-numbers.prev::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\f053";
  font-family: "Font Awesome 5 Free";
  text-rendering: auto;
  font-weight: bold;
  color: var(--col-1);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#pagenavi a.page-numbers.next, #pagenavi span.page-numbers.next {
  position: relative;
}
@media screen and (max-width: 540px) {
  #pagenavi a.page-numbers.next, #pagenavi span.page-numbers.next {
    display: none;
  }
}
#pagenavi a.page-numbers.next::before, #pagenavi span.page-numbers.next::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  text-rendering: auto;
  font-weight: bold;
  color: var(--col-1);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#pagenavi a.page-numbers.current, #pagenavi span.page-numbers.current {
  background: var(--col-1);
  border-color: var(--col-1);
  color: #fff;
}
#pagenavi a.page-numbers:hover {
  color: var(--col-1);
  border-color: var(--col-1);
}

.md_page {
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.mdPage_head {
  position: relative;
  z-index: 2;
}
.mdPage_head .head_ttl {
  max-width: 900px;
  margin-inline: auto;
}
.mdPage_head .head_ttl a,
.mdPage_head .head_ttl span {
  display: block;
  text-align: center;
  text-decoration: none;
  line-height: 1;
}
.mdPage_head .head_ttl a .en,
.mdPage_head .head_ttl span .en {
  text-transform: capitalize;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  color: var(--col-1);
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 0 0.35em;
}
.mdPage_head .head_ttl a .en span,
.mdPage_head .head_ttl span .en span {
  display: inline-block;
}
.mdPage_head .head_ttl a .jp,
.mdPage_head .head_ttl span .jp {
  display: block;
  line-height: 1;
  white-space: nowrap;
  padding-top: 0.5em;
}
@media screen and (max-width: 600px) {
  .mdPage_head .head_ttl a .jp,
.mdPage_head .head_ttl span .jp {
    font-size: 16px;
    letter-spacing: initial;
  }
}
.mdPage_head .head_ttl a .jp span,
.mdPage_head .head_ttl span .jp span {
  display: inline-block;
}

.mdPage_secttl {
  position: relative;
  z-index: 2;
}
.mdPage_secttl.c1 {
  color: var(--col-1);
}
.mdPage_secttl.c2 {
  color: var(--col-2);
}
.mdPage_secttl span {
  display: block;
  text-align: center;
  text-decoration: none;
}
.mdPage_secttl span.en {
  text-transform: capitalize;
  display: block;
  line-height: 1;
  white-space: nowrap;
}
.mdPage_secttl span.jp {
  display: block;
  line-height: 1;
  white-space: nowrap;
  padding-top: 1em;
}
@media screen and (max-width: 660px) {
  .mdPage_secttl span.jp {
    padding-top: 0.5em;
  }
}
@media screen and (max-width: 540px) {
  .mdPage_secttl span.fz_24 {
    font-size: 4.5vw;
  }
}

.mdPage_content .con_ttl {
  line-height: 1.5;
}
.mdPage_content .con_ttl.center {
  text-align: center;
}
.mdPage_content .con_ttl span {
  display: block;
}
.mdPage_content .con_summary.center {
  text-align: center;
}
.mdPage_content .con_summary.center p span {
  text-align: center;
}
.mdPage_content .con_summary p {
  margin-bottom: 0.756em;
}
.mdPage_content .con_summary p:last-child {
  margin-bottom: 0;
}
.mdPage_content .con_summary p span {
  display: inline-block;
  text-align: left;
}
.mdPage_content .con_list {
  padding-left: 0.5em;
}
.mdPage_content .con_list > li {
  line-height: 1.6;
  padding-bottom: 0.25em;
  padding-left: 1.5em;
  text-indent: -1.5em;
}
.mdPage_content .con_list > li::before {
  content: "・";
  padding-right: 0.5em;
}
.mdPage_content .con_list > li:last-child {
  margin-bottom: 0;
}

.md_round {
  border-radius: 60px;
}
@media screen and (max-width: 660px) {
  .md_round {
    border-radius: 10vw;
  }
}

.md_roundWrap {
  padding: var(--gap-60);
}
@media screen and (max-width: 660px) {
  .md_roundWrap {
    padding-right: 8vw;
    padding-left: 8vw;
  }
}

.md_Btn,
a.md_Btn {
  text-decoration: none;
  display: inline-block;
  box-sizing: border-box;
  line-height: 1.5;
  position: relative;
  border-radius: 3em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  transition: all 0.25s ease;
}
.md_Btn::before,
a.md_Btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 30px;
  width: 24px;
  background-image: url(../images/md_arrow_longWht.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  aspect-ratio: 31/14;
  transform: translateY(-50%);
  transition: all 0.25s ease;
}
.md_Btn:hover::before,
a.md_Btn:hover::before {
  left: 36px;
}
.md_Btn.lrg,
a.md_Btn.lrg {
  width: 80vw;
  height: 3.75em;
  max-width: 385px;
}
@media screen and (max-width: 768px) {
  .md_Btn.lrg,
a.md_Btn.lrg {
    height: 3.25em;
  }
}
.md_Btn.lrg span,
a.md_Btn.lrg span {
  padding: 0 1.5em 0 70px;
}
.md_Btn.lrg_ft,
a.md_Btn.lrg_ft {
  width: 80vw;
  height: 3.75em;
  max-width: 385px;
}
@media screen and (max-width: 768px) {
  .md_Btn.lrg_ft,
a.md_Btn.lrg_ft {
    height: 3.25em;
    justify-content: flex-start;
  }
}
.md_Btn.lrg_ft span,
a.md_Btn.lrg_ft span {
  padding: 0 1.5em 0 70px;
}
.md_Btn.med,
a.md_Btn.med {
  width: 80vw;
  max-width: 300px;
  height: 3.25em;
}
.md_Btn.med_free,
a.md_Btn.med_free {
  width: initial;
  display: inline-block;
}
.md_Btn.med_free span,
a.md_Btn.med_free span {
  padding-top: 0.875em;
  padding-bottom: 0.875em;
}
.md_Btn.center,
a.md_Btn.center {
  margin-inline: auto;
}
.md_Btn.c1,
a.md_Btn.c1 {
  text-align: center;
  background-color: var(--col-1);
  color: #fff;
}
.md_Btn.c1:hover,
a.md_Btn.c1:hover {
  opacity: 0.9;
}
.md_Btn.c2,
a.md_Btn.c2 {
  text-align: center;
  background-color: var(--col-2);
  color: #fff;
}
.md_Btn.c2:hover,
a.md_Btn.c2:hover {
  opacity: 0.9;
}
.md_Btn span,
a.md_Btn span {
  padding: 0 50px 0 70px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.md_Btn.toggle::before,
a.md_Btn.toggle::before {
  transform: translateY(-50%) rotate(90deg);
}
.md_Btn.toggle.open::before,
a.md_Btn.toggle.open::before {
  transform: translateY(-50%) rotate(-90deg);
}
.md_Btn.toggle.open:hover::before,
a.md_Btn.toggle.open:hover::before {
  left: 30px;
  top: calc(50% - 3px);
}
.md_Btn.toggle:hover::before,
a.md_Btn.toggle:hover::before {
  left: 30px;
  top: calc(50% + 3px);
}

.l_roundBd__top {
  overflow: hidden;
  position: relative;
}
.l_roundBd__top::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1496/134;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 1px;
}
.l_roundBd__top.t_c1::before {
  background-image: url(../images/ft_bgob02.svg);
}
.l_roundBd__top.t_c3::before {
  background-image: url(../images/ft_bgob__c3.svg);
  background-color: #f5f5f5;
}
.l_roundBd__top.t_f5::before {
  background-image: url(../images/ft_bgob05.svg);
}

.l_roundBd__bottom {
  overflow: hidden;
  position: relative;
}
.l_roundBd__bottom::after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1496/134;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center -1px;
}
.l_roundBd__bottom.b_c1::after {
  background-image: url(../images/ft_bgob03.svg);
}
.l_roundBd__bottom.b_c3::after {
  background-image: url(../images/ft_bgob__bc3.svg);
  background-color: #f5f5f5;
}
.l_roundBd__bottom.b_f5::after {
  background-image: url(../images/ft_bgob04.svg);
}

/*--------
__error
-----------------------------------------------*/
.md_404 {
  padding: 10vw 0;
  position: relative;
  z-index: 2;
}
.md_404 .nf_summary p {
  margin-bottom: 1em;
}
.md_404 .nf_summary p:last-child {
  margin-bottom: 0;
}
.md_404 .nf_link a {
  text-decoration: none;
  color: var(--col-bfc);
  font-weight: bold;
  border-bottom: 2px solid #000;
  display: inline-block;
  box-sizing: border-box;
  padding-bottom: 0.5em;
}
.md_404 .nf_link a i {
  padding-left: 0.5em;
}

/*--------
__pTop
-----------------------------------------------*/
.pTop_heroScroll {
  position: absolute;
  top: 0;
  right: 0;
  width: 38vw;
  background-color: #ddd;
  overflow: hidden;
}
@media screen and (max-width: 660px) {
  .pTop_heroScroll {
    position: static;
    width: 90vw;
    aspect-ratio: 5/4;
    order: 2;
    margin-inline: auto;
  }
}
.pTop_heroScroll .sc_wrap {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.pTop_heroScroll .innr1 {
  animation: slide1 40s -20s linear infinite;
}
.pTop_heroScroll .innr2 {
  animation: slide2 40s linear infinite;
}
.pTop_heroScroll img {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  z-index: 4;
}

@keyframes slide1 {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes slide2 {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(-200%);
  }
}
.pTop_hero__wrap {
  overflow: hidden;
  position: relative;
}
.pTop_hero__wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../images/md_bgob__03.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: min(50vw, 890px);
  aspect-ratio: 240/211;
  z-index: -1;
}
@media screen and (max-width: 660px) {
  .pTop_hero__wrap::before {
    width: 90vw;
  }
}

.pTop_heroCol {
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 660px) {
  .pTop_heroCol {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    justify-content: start;
    align-content: start;
    justify-items: stretch;
    align-items: stretch;
  }
}

.pTop_hero {
  position: relative;
  z-index: 3;
  max-width: 1440px;
  margin-inline: auto;
  padding-left: min(5vw, 40px);
  width: 100%;
}
@media screen and (max-width: 660px) {
  .pTop_hero {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 5vw;
    padding-right: 5vw;
    order: 1;
  }
}
.pTop_hero .hero_tagline {
  display: block;
  width: 70%;
  padding-top: 20px;
}
@media screen and (max-width: 660px) {
  .pTop_hero .hero_tagline {
    width: inherit;
    padding-top: 0;
  }
}
.pTop_hero .hero_tagline img {
  max-width: 100%;
  height: auto;
  display: block;
}

.hero_summary {
  line-height: 1.5;
  max-width: 1440px;
  margin-inline: auto;
  padding-left: min(5vw, 50px);
  width: 100%;
}
@media screen and (max-width: 660px) {
  .hero_summary {
    order: 3;
    padding-left: 0;
  }
}
@media screen and (max-width: 980px) {
  .hero_summary .summary_txt {
    max-width: 55vw;
  }
}
@media screen and (max-width: 660px) {
  .hero_summary .summary_txt {
    max-width: inherit;
    justify-items: center;
    text-align: center;
  }
}
.hero_summary .summary_txt span {
  display: block;
}
.hero_summary .summary_txt span br {
  display: none;
}
@media screen and (max-width: 980px) {
  .hero_summary .summary_txt span br {
    display: block;
  }
}

.pTop_banner {
  padding-bottom: 60px;
  position: relative;
}
@media screen and (max-width: 660px) {
  .pTop_banner {
    padding-bottom: 0;
    padding-top: 30px;
  }
}
.pTop_banner::before {
  content: "";
  position: absolute;
  bottom: -50%;
  right: 0;
  background-image: url(../images/md_bgob__04.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: min(37vw, 600px);
  aspect-ratio: 235/224;
}
@media screen and (max-width: 660px) {
  .pTop_banner::before {
    width: 60vw;
    bottom: -60%;
  }
}
.pTop_banner .banner_slide {
  opacity: 0;
  transition: opacity 0.5s linear;
}
.pTop_banner .banner_slide.slick-initialized {
  opacity: 1;
}
.pTop_banner .banner_slide .slide_column {
  width: min(40vw, 450px);
  overflow: hidden;
  position: relative;
  margin: 0 min(3vw, 40px);
  aspect-ratio: 3/2;
}
@media screen and (max-width: 660px) {
  .pTop_banner .banner_slide .slide_column {
    width: 70vw;
    margin: 0 10px;
  }
}
.pTop_banner .banner_slide a.slide_link,
.pTop_banner .banner_slide span.slide_link {
  display: block;
}
.pTop_banner .banner_slide a.slide_link {
  transition: all 0.25s ease;
}
.pTop_banner .banner_slide a.slide_link:hover {
  opacity: 0.9;
}
.pTop_banner .banner_slide .slide_image img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3/2;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.pTop_banner .banner_slide .slick-dots {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  height: 60px;
  background-color: transparent;
}
@media screen and (max-width: 660px) {
  .pTop_banner .banner_slide .slick-dots {
    display: none !important;
  }
}
.pTop_banner .banner_slide .slick-dots > li {
  padding: 0 8px;
}
.pTop_banner .banner_slide .slick-dots > li.slick-active button::before {
  background-color: #000;
}
.pTop_banner .banner_slide .slick-dots > li button {
  display: block;
  text-indent: -999999px;
  position: relative;
  width: 24px;
}
.pTop_banner .banner_slide .slick-dots > li button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #ccc;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.35s ease-out;
}

.pTop_info {
  overflow: hidden;
}
@media screen and (max-width: 660px) {
  .pTop_info > .mx1100_5vw {
    grid-template-columns: 8vw minmax(auto, 1100px) 5vw;
  }
}
.pTop_info .info_wrap {
  margin-inline: auto;
  display: grid;
  margin-inline: auto;
  grid-template-rows: auto;
  justify-content: center;
  grid-gap: 0;
  grid-template-columns: 5vw minmax(auto, 900px) 5vw;
  position: relative;
}
.pTop_info .info_wrap > * {
  grid-column: 2;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .pTop_info .info_wrap {
    grid-template-columns: 8vw minmax(auto, 900px) 5vw;
  }
}
@media screen and (max-width: 660px) {
  .pTop_info .info_wrap {
    display: block;
  }
}
.pTop_info .info_wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 5vw;
  width: 100vw;
  height: 100%;
  background-color: #f5f5f5;
  border-radius: 60px 0 0 60px;
  z-index: -1;
}
@media screen and (max-width: 1023px) {
  .pTop_info .info_wrap::after {
    left: 0;
  }
}
@media screen and (max-width: 660px) {
  .pTop_info .info_wrap::after {
    left: -8vw;
  }
}
.pTop_info .info_ttlEn {
  grid-column: 2/4;
  text-transform: capitalize;
  text-align: right;
  margin-inline: auto;
  position: relative;
  line-height: 1;
  white-space: nowrap;
}
.pTop_info .info_ttlEn a {
  text-decoration: none;
  color: var(--col-1);
  display: inline-block;
  position: relative;
  z-index: 3;
  transition: all 0.25s ease;
}
.pTop_info .info_ttlEn a:hover {
  opacity: 0.9;
}
.pTop_info .info_column {
  max-width: 760px;
  margin-left: auto;
  position: relative;
  z-index: 2;
}
.pTop_info .info_ttl a {
  display: inline-block;
  box-sizing: border-box;
  text-decoration: none;
  color: var(--col-bfc);
}
.pTop_info .info_list > li {
  border-top: 1px solid #fff;
  padding: 1em 0;
}
.pTop_info .info_list > li:last-child {
  border-bottom: 1px solid #fff;
}
.pTop_info .info_list > li .info_title a {
  text-decoration: none;
  color: var(--col-bfc);
  display: inline-block;
  box-sizing: border-box;
  line-height: 1.75;
  transition: all 0.25s ease;
  overflow: hidden;
}
.pTop_info .info_list > li .info_title a:hover {
  opacity: 0.9;
  transform: translateY(1px);
}
.pTop_info .info_list > li .info_meta {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0 1em;
  padding-bottom: 0.5em;
}
.pTop_info .info_list > li .info_time {
  line-height: 1;
  white-space: nowrap;
  display: block;
  color: #707070;
  align-self: self-start;
  margin-top: 0.15em;
}
.pTop_info .info_list > li .info_terms {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5em 0.75em;
}
.pTop_info .info_list > li .info_terms > li a {
  display: inline-block;
  box-sizing: border-box;
  line-height: 1;
  border: 1px solid var(--col-1);
  text-decoration: none;
  color: var(--col-1);
  background-color: #fff;
  padding: 0.3em 0.5em 0.35em 0.5em;
  white-space: nowrap;
}
.pTop_info .info_more .md_Btn {
  margin-left: auto;
}
@media screen and (max-width: 660px) {
  .pTop_info .info_more .md_Btn {
    margin-inline: auto;
  }
}

.pTop_collabo {
  position: relative;
}
.pTop_collabo::before {
  content: "";
  position: absolute;
  top: -10vw;
  left: 0;
  background-image: url(../images/md_bgob__05.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: min(50vw, 800px);
  aspect-ratio: 235/224;
  display: block;
  z-index: -2;
}
.pTop_collabo .collabo_ttl {
  text-transform: capitalize;
  position: relative;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
}
.pTop_collabo .collabo_ttl a {
  text-decoration: none;
  display: inline-block;
  position: relative;
  z-index: 3;
}
.pTop_collabo .collabo_ttl a .en {
  display: block;
  color: var(--col-2);
  text-align: center;
}
.pTop_collabo .collabo_ttl a .jp {
  display: block;
  color: var(--col-bfc);
  text-align: center;
}
.pTop_collabo .collabo_more .md_Btn {
  margin-inline: auto;
}

.pTop_message {
  color: #fff;
}
.pTop_message::after {
  background-color: #f5f5f5;
}
.pTop_message .ob_wrap {
  position: relative;
}
.pTop_message .ob_wrap::before {
  content: "";
  position: absolute;
  top: min(35vw, 400px);
  right: 0;
  background-image: url(../images/md_bgob__04.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
  width: min(25vw, 600px);
  aspect-ratio: 160/224;
}
@media screen and (max-width: 980px) {
  .pTop_message .ob_wrap::before {
    width: min(50vw, 600px);
    top: 14%;
  }
}
.pTop_message .ob_wrap::after {
  content: "";
  position: absolute;
  bottom: min(12vw, 200px);
  left: 0;
  background-image: url(../images/md_bgob__06.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
  width: min(35vw, 600px);
  aspect-ratio: 254/218;
}
@media screen and (max-width: 980px) {
  .pTop_message .ob_wrap::after {
    width: min(50vw, 600px);
  }
}
.pTop_message .innr {
  background-color: var(--col-1);
}
.pTop_message .message_wrap {
  display: grid;
  margin-inline: auto;
  grid-template-rows: auto;
  justify-content: center;
  grid-gap: 0;
  grid-template-columns: 5vw 1fr 5vw;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 660px) {
  .pTop_message .message_wrap {
    grid-template-columns: 1fr;
    grid-column: 1/4;
  }
}
.pTop_message .message_wrap > * {
  grid-column: 2;
  width: 100%;
}
@media screen and (max-width: 660px) {
  .pTop_message .message_wrap > * {
    grid-column: inherit;
  }
}
.pTop_message .message_ttlEn {
  line-height: 1;
  white-space: nowrap;
  transform: rotate(90deg);
  transform-origin: left top;
  position: absolute;
  top: 0;
  left: 0.25em;
}
@media screen and (max-width: 660px) {
  .pTop_message .message_ttlEn {
    left: 1.25em;
  }
}
.pTop_message .message_copy {
  line-height: 1.75;
  padding-left: 80px;
  letter-spacing: 0.025em;
}
@media screen and (max-width: 660px) {
  .pTop_message .message_copy {
    padding-left: 20vw;
    font-size: min(5.7vw, 28px);
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
}
.pTop_message .message_copy span {
  display: block;
}
.pTop_message .message_img img {
  max-width: 100%;
  height: auto;
  display: block;
  width: 65%;
}
@media screen and (max-width: 660px) {
  .pTop_message .message_img img {
    width: 75%;
  }
}
.pTop_message .message_img.right img {
  margin-left: auto;
}
@media screen and (max-width: 660px) {
  .pTop_message .message_img.left {
    padding-top: 40px;
  }
}
.pTop_message .message_img.left img {
  margin-left: 40px;
}
@media screen and (max-width: 660px) {
  .pTop_message .message_img.left img {
    margin-left: 0;
  }
}
.pTop_message .message_summary {
  display: block;
  grid-column: 1/4;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 660px) {
  .pTop_message .message_summary {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}
.pTop_message .message_summary.right {
  justify-content: flex-end;
}
@media screen and (max-width: 660px) {
  .pTop_message .message_summary.right {
    justify-content: flex-start;
  }
}
.pTop_message .message_summary p {
  margin-bottom: 1em;
  text-align: justify;
}
.pTop_message .message_summary p:last-child {
  margin-bottom: 0;
}
.pTop_message .message_summary p span {
  display: block;
}
@media screen and (max-width: 660px) {
  .pTop_message .message_summary p span {
    display: inline;
  }
}
.pTop_message .message_link {
  text-align: center;
}
@media screen and (max-width: 660px) {
  .pTop_message .message_link {
    padding-top: 40px;
  }
}
.pTop_message .message_link a {
  text-decoration: none;
  display: inline-block;
  box-sizing: border-box;
  line-height: 1.5;
  position: relative;
  border-radius: 3em;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 4.5em;
  background-color: #fff;
  color: var(--col-1);
  transition: all 0.25s ease;
}
.pTop_message .message_link a:hover {
  opacity: 0.9;
}
@media screen and (max-width: 660px) {
  .pTop_message .message_link a {
    height: 4em;
  }
}
.pTop_message .message_link a span {
  padding: 0 3em 0 90px;
}
@media screen and (max-width: 660px) {
  .pTop_message .message_link a span {
    padding: 0 40px 0 70px;
  }
}
.pTop_message .message_link a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 30px;
  width: 24px;
  background-image: url(../images/md_arrow_longC1.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  aspect-ratio: 31/14;
  transform: translateY(-50%);
  transition: all 0.25s ease;
}
.pTop_message .message_link a:hover::before {
  left: 36px;
}

.pTop_service {
  position: relative;
  overflow: hidden;
  background-color: #f5f5f5;
}
.pTop_service::after {
  background-color: #fff;
}
.pTop_service .service_ttlEn {
  line-height: 1;
  white-space: nowrap;
  color: var(--col-2);
  text-transform: capitalize;
}
.pTop_service .service_copy {
  line-height: 1.75;
  letter-spacing: 0.025em;
}
@media screen and (max-width: 480px) {
  .pTop_service .service_copy {
    font-size: 5vw;
  }
}
.pTop_service .service_copy span {
  display: block;
}
.pTop_service .svc_num {
  position: absolute;
  top: -0.5em;
  right: 0.35em;
  color: var(--col-3);
  font-size: 90px;
  line-height: 1;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .pTop_service .svc_num {
    font-size: min(15vw, 80px);
  }
}
.pTop_service .service_content {
  max-width: 360px;
  margin-inline: auto;
}
.pTop_service .service_content .svc_ttl {
  line-height: 1.5;
  text-align: center;
  padding-top: 1em;
  padding-bottom: 0.75em;
}
@media screen and (max-width: 767px) {
  .pTop_service .service_content .svc_ttl {
    padding-top: 0;
  }
}
.pTop_service .service_content .svc_ttl span {
  display: inline-block;
  text-align: left;
}
.pTop_service .service_content .svc_image {
  display: block;
}
.pTop_service .service_content .svc_image img {
  max-width: 100%;
  height: auto;
  display: block;
}
.pTop_service .service_content .svc_caption {
  color: var(--col-3);
  line-height: 1.2;
  text-transform: capitalize;
  text-align: center;
}
@media screen and (max-width: 980px) {
  .pTop_service .service_content .svc_caption {
    font-size: 3.5vw;
  }
}
.pTop_service .service_content .svc_caption span {
  display: block;
  margin-top: -0.4em;
}
.pTop_service .service_content .svc_summary p {
  text-align: center;
}
@media screen and (max-width: 980px) {
  .pTop_service .service_content .svc_summary p {
    text-align: left;
  }
  .pTop_service .service_content .svc_summary p br {
    display: none;
  }
}
.pTop_service .service_slide__wrap {
  max-width: 1200px;
  padding-left: 5vw;
  padding-right: 5vw;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .pTop_service .service_slide__wrap {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 0;
  }
}
.pTop_service .service_slide {
  opacity: 0;
  transition: opacity 0.5s linear;
  position: relative;
}
.pTop_service .service_slide.slick-initialized {
  opacity: 1;
}
.pTop_service .service_slide .slick-track {
  display: flex;
}
.pTop_service .service_slide .slick-slide {
  height: auto !important;
}
.pTop_service .service_slide .slide_column {
  border: 3px solid #000;
  margin: 50px min(2.5vw, 30px) 0 min(2.5vw, 30px);
  background-color: #fff;
  padding: var(--gap-40) var(--gap-30);
  position: relative;
}
.pTop_service .service_slide a.slide_link,
.pTop_service .service_slide span.slide_link {
  display: block;
  text-decoration: none;
  color: var(--col-bfc);
}
.pTop_service .service_slide a.slide_link {
  transition: all 0.25s ease;
}
.pTop_service .service_slide a.slide_link:hover {
  opacity: 0.9;
}
.pTop_service .service_slide .slick-arrow {
  width: 40px;
  height: 100px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  opacity: 0.65;
  transition: all 0.25s ease;
}
.pTop_service .service_slide .slick-arrow:hover {
  opacity: 1;
}
.pTop_service .service_slide .slick-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  aspect-ratio: 18/30;
  background-image: url(../images/parts_arrow_l.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 20px;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .pTop_service .service_slide .slick-arrow::before {
    width: 14px;
  }
}
.pTop_service .service_slide .slick-arrow.slick-prev {
  right: 100%;
}
.pTop_service .service_slide .slick-arrow.slick-prev::before {
  background-image: url(../images/parts_arrow_l.svg);
}
.pTop_service .service_slide .slick-arrow.slick-next {
  left: 100%;
}
.pTop_service .service_slide .slick-arrow.slick-next::before {
  background-image: url(../images/parts_arrow_r.svg);
}
.pTop_service .service_slide .slick-arrow.slick-disabled {
  opacity: 0;
}

.pTop_contact {
  position: relative;
  overflow: hidden;
}
.pTop_contact .contact_ttlEn {
  line-height: 1;
  white-space: nowrap;
  color: var(--col-1);
  text-transform: capitalize;
}
.pTop_contact .contact_copy {
  line-height: 1.75;
  letter-spacing: 0.025em;
}
@media screen and (max-width: 480px) {
  .pTop_contact .contact_copy {
    font-size: 4.8vw;
  }
}
.pTop_contact .contact_copy span {
  display: block;
}
.pTop_contact .contact_wrap {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: 0 var(--gap-60);
}
@media screen and (max-width: 767px) {
  .pTop_contact .contact_wrap {
    grid-template-columns: 1fr;
    grid-gap: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .pTop_contact .contact_wrap > li {
    width: min(75vw, 400px);
  }
}
.pTop_contact .contact_wrap > li:first-child {
  grid-column: 1/6;
  grid-row: 1/3;
}
@media screen and (max-width: 767px) {
  .pTop_contact .contact_wrap > li:first-child {
    grid-row: inherit;
    grid-column: 1;
  }
}
.pTop_contact .contact_wrap > li:nth-child(2) {
  grid-column: 6/11;
  grid-row: 2/3;
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  .pTop_contact .contact_wrap > li:nth-child(2) {
    grid-row: inherit;
    padding-top: 0;
    grid-column: 1;
    margin-left: auto;
  }
}
.pTop_contact .contact_wrap > li:nth-child(3) {
  grid-column: 3/8;
  grid-row: 3/4;
}
@media screen and (max-width: 767px) {
  .pTop_contact .contact_wrap > li:nth-child(3) {
    grid-row: inherit;
    grid-column: 1;
  }
}
.pTop_contact .contact_wrap > li a {
  text-decoration: none;
  color: var(--col-bfc);
  display: inline-block;
  aspect-ratio: 41/28;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-image: url(../images/md_bgob__07.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 0.25s ease;
}
.pTop_contact .contact_wrap > li a:hover {
  opacity: 0.9;
}
.pTop_contact .contact_wrap > li a .innr {
  max-width: 260px;
}
@media screen and (max-width: 540px) {
  .pTop_contact .contact_wrap > li a .innr {
    max-width: inherit;
    padding-top: 5vw;
    padding-left: 8vw;
    padding-right: 8vw;
  }
}
.pTop_contact .contact_wrap > li a:hover .c_btn span {
  transform: translateX(5px);
}
.pTop_contact .contact_wrap > li .c_title {
  color: var(--col-1);
  line-height: 1.5;
}
@media screen and (max-width: 540px) {
  .pTop_contact .contact_wrap > li .c_title {
    font-size: 5vw;
  }
}
.pTop_contact .contact_wrap > li .c_summary {
  line-height: 1.75;
}
.pTop_contact .contact_wrap > li .c_btn {
  padding-top: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 767px) {
  .pTop_contact .contact_wrap > li .c_btn {
    padding-right: 40px;
  }
}
.pTop_contact .contact_wrap > li .c_btn span {
  width: 44px;
  height: 44px;
  background-color: var(--col-2);
  display: block;
  border-radius: 50%;
  background-image: url(../images/md_arrow_longWht.svg);
  background-size: 45%;
  background-repeat: no-repeat;
  background-position: center center;
  margin-left: auto;
  transition: all 0.25s ease;
}
@media screen and (max-width: 767px) {
  .pTop_contact .contact_wrap > li .c_btn span {
    width: 30px;
    height: 30px;
  }
}
.pTop_contact .svc_num {
  position: absolute;
  top: -0.5em;
  right: 0.35em;
  color: var(--col-3);
  font-size: 90px;
  line-height: 1;
  white-space: nowrap;
}
.pTop_contact .service_content {
  max-width: 360px;
  margin-inline: auto;
}
.pTop_contact .service_content .svc_ttl {
  line-height: 1.5;
  text-align: center;
  padding-top: 1em;
  padding-bottom: 0.75em;
}
.pTop_contact .service_content .svc_ttl span {
  display: inline-block;
  text-align: left;
}
.pTop_contact .service_content .svc_image {
  display: block;
}
.pTop_contact .service_content .svc_image img {
  max-width: 100%;
  height: auto;
  display: block;
}
.pTop_contact .service_content .svc_caption {
  color: var(--col-3);
  line-height: 1.2;
  text-transform: capitalize;
  text-align: center;
}
.pTop_contact .service_content .svc_caption span {
  display: block;
  margin-top: -0.4em;
}
.pTop_contact .service_content .svc_summary p {
  text-align: center;
}
.pTop_contact .service_slide__wrap {
  max-width: 1200px;
  padding-left: 3vw;
  padding-right: 3vw;
  margin-inline: auto;
}
.pTop_contact .service_slide {
  opacity: 0;
  transition: opacity 0.5s linear;
  position: relative;
}
.pTop_contact .service_slide.slick-initialized {
  opacity: 1;
}
.pTop_contact .service_slide .slick-track {
  display: flex;
}
.pTop_contact .service_slide .slick-slide {
  height: auto !important;
}
.pTop_contact .service_slide .slide_column {
  border: 3px solid #000;
  margin: 50px min(2.5vw, 30px) 0 min(2.5vw, 30px);
  background-color: #fff;
  padding: var(--gap-40) var(--gap-30);
  position: relative;
}
.pTop_contact .service_slide a.slide_link,
.pTop_contact .service_slide span.slide_link {
  display: block;
  text-decoration: none;
  color: var(--col-bfc);
}
.pTop_contact .service_slide .slick-arrow {
  width: 40px;
  height: 100px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  opacity: 0.65;
  transition: all 0.25s ease;
}
.pTop_contact .service_slide .slick-arrow:hover {
  opacity: 1;
}
.pTop_contact .service_slide .slick-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  aspect-ratio: 18/30;
  background-image: url(../images/parts_arrow_l.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 20px;
  transform: translate(-50%, -50%);
}
.pTop_contact .service_slide .slick-arrow.slick-prev {
  right: 100%;
}
.pTop_contact .service_slide .slick-arrow.slick-prev::before {
  background-image: url(../images/parts_arrow_l.svg);
}
.pTop_contact .service_slide .slick-arrow.slick-next {
  left: 100%;
}
.pTop_contact .service_slide .slick-arrow.slick-next::before {
  background-image: url(../images/parts_arrow_r.svg);
}
.pTop_contact .service_slide .slick-arrow.slick-disabled {
  opacity: 0;
}

/*--------
__page why_we_do
-----------------------------------------------*/
.pWwd {
  background-color: #f5f5f5;
  z-index: inherit;
}
.pWwd .mdPage_secttl {
  position: relative;
  z-index: 3;
}
.pWwd .wwd_headTtl {
  padding-top: 40px;
  text-align: center;
  color: #fff;
  white-space: nowrap;
  line-height: 1;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .pWwd .wwd_headTtl {
    padding-top: 7.5vw;
  }
}
@media screen and (max-width: 540px) {
  .pWwd .wwd_headTtl {
    font-size: 5vw;
  }
}
@media screen and (max-width: 660px) {
  .pWwd .pWwd_content {
    padding-top: 35vw;
  }
}

.pWwd_intro .intro_ttl {
  word-break: keep-all;
  text-align: center;
  line-height: 1.6;
}
@media screen and (max-width: 540px) {
  .pWwd_intro .intro_ttl {
    font-size: 5.2vw;
    font-weight: 700;
  }
}
.pWwd_intro .intro_ttl span {
  display: block;
}
.pWwd_intro .intro_summary {
  text-align: center;
  line-height: 2;
  word-break: keep-all;
}
.pWwd_intro .intro_summary p {
  margin-bottom: 1.5em;
}
.pWwd_intro .intro_summary p:last-child {
  margin-bottom: 0;
}
.pWwd_intro .intro_vision {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: var(--gap-80) var(--gap-30);
}
@media screen and (max-width: 980px) {
  .pWwd_intro .intro_vision {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}
@media screen and (max-width: 980px) {
  .pWwd_intro .intro_vision > li {
    width: min(85vw, 450px);
  }
}
.pWwd_intro .intro_vision > li:first-child {
  grid-column: 1/5;
  grid-row: 1/3;
}
@media screen and (max-width: 980px) {
  .pWwd_intro .intro_vision > li:first-child {
    grid-row: inherit;
    grid-column: 1;
  }
}
@media screen and (max-width: 660px) {
  .pWwd_intro .intro_vision > li:first-child {
    margin-left: -4vw;
  }
}
.pWwd_intro .intro_vision > li:nth-child(2) {
  grid-column: 5/9;
  grid-row: 2/3;
}
@media screen and (max-width: 980px) {
  .pWwd_intro .intro_vision > li:nth-child(2) {
    grid-row: inherit;
    grid-column: 1;
    margin-left: auto;
  }
}
@media screen and (max-width: 660px) {
  .pWwd_intro .intro_vision > li:nth-child(2) {
    margin-top: 30px;
    margin-right: -4vw;
  }
}
.pWwd_intro .intro_vision > li .obj {
  display: inline-block;
  aspect-ratio: 41/28;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-image: url(../images/md_bgob__07.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.pWwd_intro .intro_vision > li .obj .innr {
  max-width: 330px;
}
.pWwd_intro .intro_vision > li .obj:hover .c_btn span {
  transform: translateX(5px);
}
.pWwd_intro .intro_vision > li .c_title {
  color: var(--col-1);
  text-align: center;
}
.pWwd_intro .intro_vision > li .c_title .en {
  display: block;
  line-height: 1;
}
.pWwd_intro .intro_vision > li .c_title .jp {
  display: block;
  line-height: 1.5;
  white-space: nowrap;
  padding-top: 0.25em;
}
.pWwd_intro .intro_vision > li .c_summary {
  line-height: 1.75;
  text-align: center;
  word-break: keep-all;
  padding-top: 0.75em;
}
@media screen and (max-width: 660px) {
  .pWwd_intro .intro_vision > li .c_summary {
    font-size: 14px;
  }
}

.pWwd_line {
  overflow: hidden;
  width: 100vw;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.pWwd_line .innr1 {
  animation: pww_slide1 120s -60s linear infinite;
}
.pWwd_line .innr2 {
  animation: pww_slide2 120s linear infinite;
}
.pWwd_line img {
  height: auto;
  display: block;
  width: min(500vw, 2400px);
}

@keyframes pww_slide1 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes pww_slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.pWwd_issue {
  background-color: #fff;
}
@media screen and (max-width: 540px) {
  .pWwd_issue {
    padding-right: 6vw;
    padding-left: 6vw;
  }
}
.pWwd_issue .issue_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: var(--gap-60);
}
@media screen and (max-width: 980px) {
  .pWwd_issue .issue_list {
    grid-template-columns: 1fr;
  }
}
.pWwd_issue .issue_ttl {
  text-align: center;
}
.pWwd_issue .issue_ttl span {
  display: inline-block;
  color: var(--col-2);
  border-bottom: 2px solid var(--col-2);
}
.pWwd_issue .list_ttl {
  border: 2px solid var(--col-1);
  min-height: 4em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  line-height: 1.5;
  word-break: keep-all;
  border-radius: 3em;
  padding: 1em 2em;
  text-align: center;
  position: relative;
}
.pWwd_issue .list_ttl::before {
  content: "";
  position: absolute;
  top: calc(100% - 10px);
  left: 50%;
  width: 5px;
  height: 30px;
  background-color: var(--col-3);
  transform: translateX(-50%);
}
.pWwd_issue .list_ttl::after {
  content: "";
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  width: 16px;
  height: 16px;
  border-bottom: 5px solid var(--col-3);
  border-right: 5px solid var(--col-3);
  transform: translateX(-50%) rotate(45deg);
}
.pWwd_issue .list_guess {
  padding-top: 30px;
  text-align: center;
}
.pWwd_issue .list_guess span {
  text-align: left;
  display: inline-block;
}
.pWwd_issue .list_guess span i {
  background-color: var(--col-3);
  font-style: normal;
}
.pWwd_issue .list_data img {
  width: min(100%, 500px);
  height: auto;
  display: block;
  margin-inline: auto;
}
.pWwd_issue .list_txt {
  background-color: #f5f5f5;
  padding: var(--gap-40);
  border-radius: 30px;
}
.pWwd_issue .issue_result {
  padding-top: 40px;
}
.pWwd_issue .issue_result p {
  text-align: center;
  background-color: var(--col-3);
  line-height: 1.5;
  padding: 0.75em 2em;
  border-radius: 3em;
  position: relative;
  word-break: keep-all;
}
@media screen and (max-width: 540px) {
  .pWwd_issue .issue_result p {
    border-radius: 30px;
    padding-top: 2em;
    padding-bottom: 2em;
  }
}
.pWwd_issue .issue_result p::before {
  content: "";
  position: absolute;
  bottom: calc(100% - 0.5em);
  left: 50%;
  width: 5px;
  height: 60px;
  background-color: var(--col-2);
  transform: translateX(-50%);
}
.pWwd_issue .issue_result p::after {
  content: "";
  position: absolute;
  bottom: calc(100% - 0.5em - 3px);
  left: 50%;
  width: 16px;
  height: 16px;
  border-bottom: 5px solid var(--col-2);
  border-right: 5px solid var(--col-2);
  transform: translateX(-50%) rotate(45deg);
}

.pWwd_service {
  background-color: #fff;
}
@media screen and (max-width: 540px) {
  .pWwd_service.md_roundWrap {
    padding-right: 6vw;
    padding-left: 6vw;
  }
}
.pWwd_service .service_summary {
  max-width: 800px;
  margin-inline: auto;
}
.pWwd_service .service_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: var(--gap-60);
}
@media screen and (max-width: 660px) {
  .pWwd_service .service_list {
    grid-template-columns: 1fr;
    grid-gap: 4vw;
  }
}
@media screen and (max-width: 660px) {
  .pWwd_service .service_list > li {
    display: grid;
    grid-template-columns: 25vw 1fr;
    grid-template-rows: auto auto;
    justify-content: start;
    align-content: start;
    justify-items: stretch;
    align-items: center;
    grid-gap: 0 15px;
  }
}
.pWwd_service .service_list .list_ttl {
  line-height: 1.5;
  color: var(--col-2);
}
@media screen and (max-width: 660px) {
  .pWwd_service .service_list .list_ttl {
    grid-column: 2/3;
    align-self: self-end;
  }
}
@media screen and (max-width: 660px) {
  .pWwd_service .service_list .list_image {
    grid-column: 1/2;
    grid-row: 1/3;
  }
}
.pWwd_service .service_list .list_image img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 660px) {
  .pWwd_service .service_list .list_image img {
    aspect-ratio: 1/1;
  }
}
.pWwd_service .service_list .list_note {
  line-height: 1.5;
  color: #666;
}
@media screen and (max-width: 660px) {
  .pWwd_service .service_list .list_note {
    align-self: self-start;
  }
}

.pWwd_approach {
  background-color: #fff;
}
@media screen and (max-width: 540px) {
  .pWwd_approach.md_roundWrap {
    padding-right: 5vw;
    padding-left: 5vw;
  }
}
.pWwd_approach .approach_cases {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: var(--gap-60);
}
@media screen and (max-width: 860px) {
  .pWwd_approach .approach_cases {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 860px) {
  .pWwd_approach .approach_cases > li {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    justify-content: start;
    align-content: start;
    justify-items: stretch;
    align-items: stretch;
    grid-gap: 0 20px;
  }
}
@media screen and (max-width: 660px) {
  .pWwd_approach .approach_cases > li {
    grid-template-columns: 1fr;
  }
}
.pWwd_approach .approach_cases .case_ttl {
  line-height: 1.5;
  text-align: center;
  word-break: keep-all;
}
@media screen and (max-width: 860px) {
  .pWwd_approach .approach_cases .case_ttl {
    align-self: center;
  }
}
.pWwd_approach .approach_cases .case_ttl .num {
  line-height: 1;
  white-space: nowrap;
  display: block;
  color: var(--col-3);
  font-size: 60px;
}
.pWwd_approach .approach_cases .case_person {
  text-align: center;
}
.pWwd_approach .approach_cases .case_image {
  max-width: 360px;
  margin-inline: auto;
}
@media screen and (max-width: 860px) {
  .pWwd_approach .approach_cases .case_image {
    grid-column: 2/4;
  }
}
@media screen and (max-width: 660px) {
  .pWwd_approach .approach_cases .case_image {
    grid-column: initial;
  }
}
.pWwd_approach .approach_cases .case_image img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.pWwd_approach .approach_cases .case_summary {
  line-height: 1.65;
}
@media screen and (max-width: 860px) {
  .pWwd_approach .approach_cases .case_summary {
    grid-column: 1/4;
  }
}
@media screen and (max-width: 660px) {
  .pWwd_approach .approach_cases .case_summary {
    grid-column: initial;
  }
}
@media screen and (max-width: 860px) {
  .pWwd_approach .approach_cases .case_approach {
    grid-column: 1/4;
  }
}
@media screen and (max-width: 660px) {
  .pWwd_approach .approach_cases .case_approach {
    grid-column: initial;
  }
}
.pWwd_approach .approach_cases .case_approach .approach_head {
  line-height: 1;
  white-space: nowrap;
  color: var(--col-1);
  border-top: 1px solid var(--col-1);
  border-bottom: 1px solid var(--col-1);
  padding: 0.5em 1em;
  text-align: center;
}

.pWwd_stage {
  padding-right: 5vw;
  padding-left: 5vw;
}
.pWwd_stage .innr {
  max-width: 1100px;
  margin-inline: auto;
  background-color: #fff;
}
.pWwd_stage .stage_wrap {
  position: relative;
}
.pWwd_stage .stage_btn {
  position: absolute;
  left: 40px;
  top: 40px;
  width: 90px;
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 660px) {
  .pWwd_stage .stage_btn {
    width: 70px;
    left: 10px;
    top: 20px;
  }
}
.pWwd_stage .stage_btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #eee;
  border-radius: 50%;
}
.pWwd_stage .stage_btn img {
  padding-top: 5%;
  width: 65%;
  height: auto;
  display: block;
  position: relative;
  z-index: 2;
}
.pWwd_stage .stage_flow .slick-dots {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: 0 8px;
  position: relative;
  padding-top: 80px;
  padding-right: var(--gap-80);
  padding-left: var(--gap-80);
}
@media screen and (max-width: 660px) {
  .pWwd_stage .stage_flow .slick-dots {
    padding-top: 60px;
    padding-right: 5vw;
    padding-left: 5vw;
  }
}
.pWwd_stage .stage_flow .slick-dots > li {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: center;
  align-items: stretch;
  grid-gap: 10px;
  border-top: 30px solid #f5f5f5;
  border-left: 30px solid #f5f5f5;
  padding: 15px 10px 0 10px;
  position: relative;
  margin-top: -30px;
  cursor: pointer;
  transition: all 0.25s ease;
}
@media screen and (max-width: 660px) {
  .pWwd_stage .stage_flow .slick-dots > li {
    margin-top: -20px;
    border-top-width: 20px;
    border-left-width: 20px;
    padding: 0;
  }
}
.pWwd_stage .stage_flow .slick-dots > li:hover {
  border-top-color: var(--col-3);
  border-left-color: var(--col-3);
}
.pWwd_stage .stage_flow .slick-dots > li.slick-active .stage_class span {
  background-color: var(--col-2);
  color: #fff;
}
.pWwd_stage .stage_flow .slick-dots > li.slick-active:nth-child(1)::before {
  background-image: url(../images/stage1_active.svg);
}
.pWwd_stage .stage_flow .slick-dots > li.slick-active:nth-child(2)::before {
  background-image: url(../images/stage2_active.svg);
}
.pWwd_stage .stage_flow .slick-dots > li.slick-active:nth-child(3)::before {
  background-image: url(../images/stage3_active.svg);
}
.pWwd_stage .stage_flow .slick-dots > li.slick-active:hover {
  border-top-color: #f5f5f5;
  border-left-color: #f5f5f5;
}
.pWwd_stage .stage_flow .slick-dots > li::before {
  content: "";
  position: absolute;
  bottom: calc(100% + 10px);
  right: 15px;
  width: 100px;
  aspect-ratio: 10/6;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: right bottom;
}
@media screen and (max-width: 660px) {
  .pWwd_stage .stage_flow .slick-dots > li::before {
    width: 15vw;
  }
}
.pWwd_stage .stage_flow .slick-dots > li:nth-child(1) {
  grid-column: 1/2;
  grid-row: 3/4;
}
.pWwd_stage .stage_flow .slick-dots > li:nth-child(1)::before {
  background-image: url(../images/stage1.svg);
}
.pWwd_stage .stage_flow .slick-dots > li:nth-child(2) {
  grid-column: 2/3;
  grid-row: 2/3;
}
.pWwd_stage .stage_flow .slick-dots > li:nth-child(2)::before {
  background-image: url(../images/stage2.svg);
}
.pWwd_stage .stage_flow .slick-dots > li:nth-child(3) {
  grid-column: 3/4;
  grid-row: 1/2;
}
.pWwd_stage .stage_flow .slick-dots > li:nth-child(3)::before {
  background-image: url(../images/stage3.svg);
}
@media screen and (max-width: 860px) {
  .pWwd_stage .stage_class {
    font-size: 15px;
  }
}
@media screen and (max-width: 660px) {
  .pWwd_stage .stage_class {
    position: absolute;
    left: -10px;
    top: 10px;
    font-size: min(3vw, 14px);
  }
}
.pWwd_stage .stage_class span {
  display: inline-block;
  white-space: nowrap;
  line-height: 1;
  padding: 0.5em 1em 0.55em 1em;
  border-radius: 2em;
  background-color: var(--col-3);
  color: var(--col-bfc);
}
.pWwd_stage .stage_name {
  line-height: 1.35;
  min-height: 2.7em;
  white-space: nowrap;
}
@media screen and (max-width: 860px) {
  .pWwd_stage .stage_name {
    font-size: 20px;
  }
}
@media screen and (max-width: 660px) {
  .pWwd_stage .stage_name {
    font-size: min(3vw, 15px);
    padding-top: min(10vw, 50px);
  }
}
.pWwd_stage .stage_content {
  padding: var(--gap-40);
  background-color: #f5f5f5;
  border-radius: 30px;
  margin: 0 var(--gap-80);
}
@media screen and (max-width: 660px) {
  .pWwd_stage .stage_content {
    padding: 5vw;
    border-radius: 20px;
    margin: 0 5vw;
  }
}
.pWwd_stage .stage_content .stage_nav {
  display: none;
}
.pWwd_stage .stage_content .c_stage_class {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5em 1em;
}
@media screen and (max-width: 660px) {
  .pWwd_stage .stage_content .c_stage_class {
    font-size: 15px;
    text-align: center;
    justify-content: center;
  }
}
.pWwd_stage .stage_content .c_stage_class .stage {
  display: inline-block;
  white-space: nowrap;
  line-height: 1;
  padding: 0.5em 1em 0.55em 1em;
  border-radius: 2em;
  background-color: var(--col-2);
  color: #fff;
}
@media screen and (max-width: 660px) {
  .pWwd_stage .stage_content .c_stage_class .stage {
    padding-right: 2em;
    padding-left: 2em;
  }
}
.pWwd_stage .stage_content .c_stage_class .title {
  line-height: 1.5;
}
.pWwd_stage .stage_content .c_stage_title {
  line-height: 1.5;
  padding: 1em 0;
}
.pWwd_stage .stage_content .c_stage_summary {
  line-height: 1.65;
  text-align: justify;
}
@media screen and (max-width: 980px) {
  .pWwd_stage .stage_content .c_stage_summary {
    grid-column: 1/3;
  }
}
.pWwd_stage .stage_content .c_stage_column {
  display: grid;
  grid-template-columns: 3fr 2fr 2fr;
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: var(--gap-30);
}
@media screen and (max-width: 980px) {
  .pWwd_stage .stage_content .c_stage_column {
    grid-template-columns: 1fr 1fr;
  }
}
.pWwd_stage .stage_content .stage_img a {
  text-decoration: none;
  color: var(--col-bfc);
}
.pWwd_stage .stage_content .stage_img img {
  max-width: 100%;
  height: auto;
  display: block;
}
.pWwd_stage .stage_content .stage_img__alt .dummy {
  background-color: #fff;
  aspect-ratio: 3/2;
  display: block;
  position: relative;
}
.pWwd_stage .stage_content .stage_img__alt .dummy::after {
  content: "Comming Soon!";
  position: absolute;
  top: 50%;
  left: 50%;
  color: var(--col-2);
  transform: translate(-50%, -50%);
}
.pWwd_stage .stage_slider {
  transition: opacity 0.5s linear;
  position: relative;
  max-width: 100%;
}
.pWwd_stage .stage_slider.slick-initialized {
  opacity: 1;
}
.pWwd_stage .stage_slider .slick-arrow {
  width: 40px;
  height: 100px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  opacity: 0.65;
  transition: all 0.25s ease;
}
.pWwd_stage .stage_slider .slick-arrow:hover {
  opacity: 1;
}
.pWwd_stage .stage_slider .slick-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  aspect-ratio: 18/30;
  background-image: url(../images/parts_arrow_l.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 20px;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .pWwd_stage .stage_slider .slick-arrow::before {
    width: 14px;
  }
}
.pWwd_stage .stage_slider .slick-arrow.slick-prev {
  right: calc(100% - 60px);
}
@media screen and (max-width: 660px) {
  .pWwd_stage .stage_slider .slick-arrow.slick-prev {
    right: calc(100% - 5vw);
  }
}
.pWwd_stage .stage_slider .slick-arrow.slick-prev::before {
  background-image: url(../images/parts_arrow_l.svg);
}
.pWwd_stage .stage_slider .slick-arrow.slick-next {
  left: calc(100% - 60px);
}
@media screen and (max-width: 660px) {
  .pWwd_stage .stage_slider .slick-arrow.slick-next {
    left: calc(100% - 5vw);
  }
}
.pWwd_stage .stage_slider .slick-arrow.slick-next::before {
  background-image: url(../images/parts_arrow_r.svg);
}
.pWwd_stage .stage_slider .slick-arrow.slick-disabled {
  opacity: 0;
}

.pWwd_ttnu {
  background-color: var(--col-3);
}
.pWwd_ttnu .ttnu_ttl {
  color: var(--col-2);
  text-align: center;
  line-height: 1;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .pWwd_ttnu .ttnu_ttl {
    padding-top: 1em;
  }
}
.pWwd_ttnu .ttnu_read {
  line-height: 1.5;
  text-align: center;
}
.pWwd_ttnu .ttnu_read br {
  display: none;
}
@media screen and (max-width: 767px) {
  .pWwd_ttnu .ttnu_read br {
    display: block;
  }
}
.pWwd_ttnu .ttnu_line {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
}
@media screen and (max-width: 540px) {
  .pWwd_ttnu .ttnu_line {
    grid-template-columns: repeat(2, 1fr);
  }
}
.pWwd_ttnu .ttnu_line img {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .pWwd_ttnu .ttnu_line img {
    aspect-ratio: 1/1;
  }
}
@media screen and (max-width: 540px) {
  .pWwd_ttnu .ttnu_line img {
    aspect-ratio: 8/5;
  }
}
.pWwd_ttnu .ttnu_overview .overview_column {
  display: grid;
  grid-template-columns: 2fr 3fr;
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: center;
  grid-gap: var(--gap-40);
}
@media screen and (max-width: 767px) {
  .pWwd_ttnu .ttnu_overview .overview_column {
    grid-template-columns: 1fr;
  }
}
.pWwd_ttnu .ttnu_overview .overview_image img {
  max-width: 100%;
  width: min(100%, 600px);
  height: auto;
  display: block;
  margin-inline: auto;
}
.pWwd_ttnu .ttnu_overview .overview_link {
  text-align: center;
}
.pWwd_ttnu .ttnu_overview .overview_link a {
  text-decoration: none;
  display: inline-block;
  box-sizing: border-box;
  line-height: 1.5;
  position: relative;
  border-radius: 3em;
  background-color: var(--col-1);
  color: #fff;
  padding: 1em 3em;
  transition: all 0.25s ease;
}
.pWwd_ttnu .ttnu_overview .overview_link a:hover {
  background-color: #3c65b2;
}
.pWwd_ttnu .ttnu_background .background_ttl {
  text-align: center;
  line-height: 1.5;
}
.pWwd_ttnu .ttnu_background .background_summary {
  max-width: 760px;
  margin-inline: auto;
}
.pWwd_ttnu .ttnu_activity .activity_ttl {
  text-align: center;
  line-height: 1.5;
}
.pWwd_ttnu .ttnu_activity .activity_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: var(--gap-80) var(--gap-30);
}
@media screen and (max-width: 980px) {
  .pWwd_ttnu .ttnu_activity .activity_list {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 660px) {
  .pWwd_ttnu .ttnu_activity .activity_list {
    grid-gap: min(20vw, 80px) var(--gap-30);
  }
}
.pWwd_ttnu .ttnu_activity .activity_list > li {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: 1em var(--gap-40);
}
@media screen and (max-width: 980px) {
  .pWwd_ttnu .ttnu_activity .activity_list > li {
    grid-template-columns: 3fr 2fr;
    align-items: center;
  }
}
@media screen and (max-width: 660px) {
  .pWwd_ttnu .ttnu_activity .activity_list > li {
    grid-template-columns: 1fr;
  }
}
.pWwd_ttnu .ttnu_activity .activity_list > li:nth-child(1) .activity_column::before {
  background-image: url(../images/stage1_active.svg);
}
.pWwd_ttnu .ttnu_activity .activity_list > li:nth-child(2) .activity_column::before {
  background-image: url(../images/stage2_active.svg);
}
.pWwd_ttnu .ttnu_activity .activity_list > li:nth-child(3) .activity_column::before {
  background-image: url(../images/stage4.svg);
  bottom: calc(100% - 25px);
}
.pWwd_ttnu .ttnu_activity .activity_column {
  background-color: #fff;
  padding: var(--gap-30);
  border-radius: 20px;
  position: relative;
}
.pWwd_ttnu .ttnu_activity .activity_column::before {
  content: "";
  position: absolute;
  bottom: calc(100% - 15px);
  left: 50%;
  width: 100px;
  aspect-ratio: 10/6;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  transform: translateX(-50%);
}
.pWwd_ttnu .ttnu_activity .activity_column .activity_ttl {
  line-height: 1.5;
  text-align: center;
  color: var(--col-2);
  min-height: 3em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.pWwd_ttnu .ttnu_activity .activity_column .activity_read {
  line-height: 1.6;
  text-align: center;
}
.pWwd_ttnu .ttnu_activity .activity_column .activity_copy {
  border: 2px solid var(--col-2);
  background-color: #f5f5f5;
  text-align: center;
  padding: 0.5em 0.5em;
  border-radius: 15px;
  color: var(--col-2);
}
.pWwd_ttnu .ttnu_activity .activity_column .activity_copy span {
  line-height: 1.25;
  display: block;
}
.pWwd_ttnu .ttnu_activity .activity_column .activity_copy span:last-child {
  font-size: 0.75em;
}
.pWwd_ttnu .ttnu_activity .activity_column .activity_menu {
  text-align: center;
}
.pWwd_ttnu .ttnu_activity .activity_column .activity_menu .bdr {
  border-bottom: 1px solid #000;
  padding-bottom: 0.25em;
  margin-bottom: 0.25em;
}
.pWwd_ttnu .ttnu_activity .activity_summary {
  padding: 0 0.5em;
}
.pWwd_ttnu .ttnu_activity .activity_employment .employ_area {
  border-top: 1px solid var(--col-1);
  border-bottom: 1px solid var(--col-1);
  line-height: 1.5;
  padding: 0.35em 0;
  color: var(--col-1);
}
.pWwd_ttnu .ttnu_activity .activity_employment .employ_column {
  display: grid;
  grid-template-columns: 3fr 5fr 4fr;
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: 1em var(--gap-30);
  padding: var(--gap-20) 0;
  border-bottom: 1px solid var(--col-1);
}
@media screen and (max-width: 980px) {
  .pWwd_ttnu .ttnu_activity .activity_employment .employ_column {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 660px) {
  .pWwd_ttnu .ttnu_activity .activity_employment .employ_column {
    grid-template-columns: 1fr;
  }
}
.pWwd_ttnu .ttnu_activity .activity_employment .employ_ttl {
  line-height: 1.5;
  color: var(--col-1);
}
@media screen and (max-width: 980px) {
  .pWwd_ttnu .ttnu_activity .activity_employment .employ_ttl {
    grid-column: 1/3;
  }
}
@media screen and (max-width: 660px) {
  .pWwd_ttnu .ttnu_activity .activity_employment .employ_ttl {
    grid-column: initial;
  }
}
.pWwd_ttnu .ttnu_activity .activity_employment .employ_image {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: 10px;
}
.pWwd_ttnu .ttnu_activity .activity_employment .employ_image img {
  max-width: 100%;
  height: auto;
  display: block;
}

.pWwd_message .message_ttl {
  text-align: center;
}
.pWwd_message .message_body p {
  margin-bottom: 1em;
}
.pWwd_message .message_body p:last-child {
  margin-bottom: 0;
  text-align: right;
}

.pWwd_involved .involved_ttl {
  position: relative;
  z-index: 2;
}
.pWwd_involved .involved_ttl span {
  display: block;
  text-decoration: none;
}
.pWwd_involved .involved_ttl span.en {
  text-transform: capitalize;
  display: block;
  line-height: 1;
  white-space: nowrap;
  color: var(--col-1);
}
.pWwd_involved .involved_ttl span.jp {
  display: block;
  line-height: 1;
  white-space: nowrap;
  padding-top: 0.5em;
}
.pWwd_involved .involved_list {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: var(--gap-40);
}
@media screen and (max-width: 860px) {
  .pWwd_involved .involved_list {
    grid-template-columns: 1fr;
  }
}
.pWwd_involved .involved_list > li:first-child {
  grid-column: 1/4;
}
@media screen and (max-width: 860px) {
  .pWwd_involved .involved_list > li:first-child {
    grid-column: initial;
  }
}
@media screen and (max-width: 860px) {
  .pWwd_involved .involved_list > li.collabo {
    display: grid;
    grid-template-columns: 10em 1fr;
    grid-template-rows: auto;
    justify-content: start;
    align-content: start;
    justify-items: stretch;
    align-items: center;
    grid-gap: 0 var(--gap-30);
  }
}
@media screen and (max-width: 660px) {
  .pWwd_involved .involved_list > li.collabo {
    grid-template-columns: 1fr;
  }
}
.pWwd_involved .involved_list a {
  text-decoration: none;
  color: var(--col-bfc);
  background-color: #fff;
  line-height: 1.5;
  text-align: center;
  transition: all 0.25s ease;
}
.pWwd_involved .involved_list a:hover {
  opacity: 0.9;
}
.pWwd_involved .involved_list a:hover.involved_btn::before {
  right: 12px;
}
.pWwd_involved .involved_list a.involved_btn {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  position: relative;
  min-height: 140px;
}
@media screen and (max-width: 860px) {
  .pWwd_involved .involved_list a.involved_btn {
    min-height: 80px;
  }
}
@media screen and (max-width: 660px) {
  .pWwd_involved .involved_list a.involved_btn {
    font-size: 15px;
    min-height: 60px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 860px) {
  .pWwd_involved .involved_list a.involved_btn br {
    display: none;
  }
}
.pWwd_involved .involved_list a.involved_btn::before {
  content: "";
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 36px;
  background-image: url(../images/md_arrow_longWht.svg);
  background-size: 50% auto;
  background-repeat: no-repeat;
  background-position: center center;
  aspect-ratio: 1/1;
  transition: all 0.25s ease;
  border-radius: 50%;
}
@media screen and (max-width: 860px) {
  .pWwd_involved .involved_list a.involved_btn::before {
    bottom: 50%;
    transform: translateY(50%);
  }
}
@media screen and (max-width: 660px) {
  .pWwd_involved .involved_list a.involved_btn::before {
    width: 28px;
  }
}
.pWwd_involved .involved_list a.involved_btn.donate {
  min-height: 140px;
}
@media screen and (max-width: 660px) {
  .pWwd_involved .involved_list a.involved_btn.donate {
    min-height: 80px;
    font-size: 20px;
  }
}
.pWwd_involved .involved_list a.involved_btn.c1 {
  border: 3px solid var(--col-1);
}
.pWwd_involved .involved_list a.involved_btn.c1::before {
  background-color: var(--col-1);
}
.pWwd_involved .involved_list a.involved_btn.c2 {
  border: 3px solid var(--col-2);
}
.pWwd_involved .involved_list a.involved_btn.c2::before {
  background-color: var(--col-2);
}
.pWwd_involved .involved_target {
  color: var(--col-1);
  line-height: 1.5;
  padding-left: 0.5em;
  padding-bottom: 0.45em;
  white-space: nowrap;
}

/*--------
__page about
-----------------------------------------------*/
@media screen and (max-width: 540px) {
  .pAbout_vision .con_summary {
    font-size: 4vw;
  }
}

.pAbout_overview {
  background-color: #f5f5f5;
}
.pAbout_overview::before, .pAbout_overview::after {
  background-color: #fff;
}
.pAbout_overview .overview_details .dl_wrap {
  border-bottom: 1px solid var(--col-1);
  padding: 1em 0;
}
.pAbout_overview .overview_details .dl_wrap:first-child {
  border-top: 1px solid var(--col-1);
}
.pAbout_overview .overview_details dt {
  font-weight: 600;
  line-height: 1.5;
  padding-bottom: 0.5em;
}
.pAbout_overview .overview_details dd {
  line-height: 1.5;
}
.pAbout_overview .overview_details dd a {
  border-bottom: 1px dashed #000;
  text-decoration: none;
  color: var(--col-bfc);
}
.pAbout_overview .overview_wrap {
  background-color: #fff;
}
.pAbout_overview .project_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: 1em var(--gap-30);
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
}
@media screen and (max-width: 980px) {
  .pAbout_overview .project_list {
    width: inherit;
  }
}
@media screen and (max-width: 660px) {
  .pAbout_overview .project_list {
    grid-template-columns: auto;
    justify-content: center;
  }
}
.pAbout_overview .project_list > li {
  line-height: 1.5;
  padding-left: 1em;
  position: relative;
}
.pAbout_overview .project_list > li::before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 0.5em;
  aspect-ratio: 1;
  background-color: var(--col-1);
  border-radius: 50%;
  display: block;
}
.pAbout_overview .profile_content > li {
  margin-bottom: var(--gap-60);
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: auto 1fr;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: 0 var(--gap-60);
}
@media screen and (max-width: 660px) {
  .pAbout_overview .profile_content > li {
    grid-template-columns: 30vw 1fr;
    grid-gap: 3vw 8vw;
  }
}
.pAbout_overview .profile_content > li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 660px) {
  .pAbout_overview .profile_content > li .pf_head {
    align-self: center;
  }
}
@media screen and (max-width: 660px) {
  .pAbout_overview .profile_content > li .pf_txt {
    grid-column: 1/3;
  }
}
.pAbout_overview .profile_content > li .pf_image {
  grid-row: 1/3;
  -webkit-mask-image: url(../images/md_mask01.svg);
          mask-image: url(../images/md_mask01.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: top center;
          mask-position: top center;
  -webkit-mask-size: 100% auto;
          mask-size: 100% auto;
}
@media screen and (max-width: 660px) {
  .pAbout_overview .profile_content > li .pf_image {
    grid-row: inherit;
  }
}
.pAbout_overview .profile_content > li .pf_image img {
  max-width: 100%;
  height: auto;
  display: block;
}
.pAbout_overview .profile_content > li .pf_position {
  line-height: 1.5;
}
.pAbout_overview .profile_content > li .pf_name {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0 0.5em;
  line-height: 1.5;
}
.pAbout_overview .profile_content > li .pf_name span {
  display: inline-block;
}
.pAbout_overview .profile_content > li .pf_name span.rubi::before {
  content: "(";
}
.pAbout_overview .profile_content > li .pf_name span.rubi::after {
  content: ")";
}

@media screen and (max-width: 660px) {
  .pAbout_history {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.pAbout_history .history_content {
  height: 23em;
  overflow: hidden;
  transition: all 0.25s ease;
}
.pAbout_history .history_content .dl_wrap {
  display: grid;
  grid-template-columns: 4em 1fr;
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: 1em;
  margin-bottom: 1em;
}
.pAbout_history .history_content .dl_wrap:last-child {
  margin-bottom: 0;
}
.pAbout_history .history_content .dl_wrap dt {
  line-height: 1.5;
}
.pAbout_history .history_content .dl_wrap dd {
  line-height: 1.5;
}
.pAbout_history .history_btn {
  position: relative;
}
.pAbout_history .history_btn::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 6em;
  background: linear-gradient(to bottom, transparent 0%, #fff 100%);
}
.pAbout_history .history_btn .md_Btn {
  margin-inline: auto;
}
.pAbout_history .history_btn .md_Btn.open span::before {
  content: "Close";
}
.pAbout_history .history_btn .md_Btn span::before {
  content: "View More";
}

/*--------
__page partner
-----------------------------------------------*/
.pPartner_intro {
  position: relative;
}
.pPartner_intro::before {
  content: "";
  position: absolute;
  top: min(7vw, 300px);
  right: 0;
  background-image: url(../images/md_bgob__04.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
  width: min(25vw, 600px);
  aspect-ratio: 160/224;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .pPartner_intro::before {
    width: min(50vw, 400px);
  }
}
.pPartner_intro .intro_note {
  background-color: #f5f5f5;
  border-radius: 20px;
  padding: var(--gap-40);
  max-width: -moz-max-content;
  max-width: max-content;
}
.pPartner_intro .intro_note .note_list {
  padding-left: 1.25em;
}
.pPartner_intro .intro_note .note_list > li {
  list-style-type: disc;
  line-height: 1.5;
  padding-bottom: 0.25em;
}
.pPartner_intro .intro_note .note_list > li:last-child {
  padding-bottom: 0;
}
.pPartner_intro .intro_note .note_att > li {
  padding-left: 1.25em;
  text-indent: -1.25em;
  line-height: 1.5;
  padding-bottom: 0.25em;
}
.pPartner_intro .intro_note .note_att > li:last-child {
  padding-bottom: 0;
}
.pPartner_intro .intro_note .note_att > li::before {
  content: "※";
  padding-right: 0.25em;
}
.pPartner_intro .intro_form {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: center;
  grid-gap: 1em var(--gap-60);
}
@media screen and (max-width: 767px) {
  .pPartner_intro .intro_form {
    grid-template-columns: 1fr;
    padding-bottom: 10vw;
  }
  .pPartner_intro .intro_form .md_Btn {
    margin-inline: auto;
  }
}

@media screen and (max-width: 660px) {
  .pPartner_salon {
    padding-top: 40px;
  }
}
.pPartner_salon .salon_appearance a {
  text-decoration: none;
  color: var(--col-2);
  border-bottom: 1px solid transparent;
  transition: all 0.25s ease;
}
.pPartner_salon .salon_appearance a:hover {
  border-bottom-color: var(--col-2);
}
.pPartner_salon .salon_terms {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: var(--gap-40);
}
@media screen and (max-width: 980px) {
  .pPartner_salon .salon_terms {
    grid-gap: min(4vw, 30px);
  }
}
@media screen and (max-width: 767px) {
  .pPartner_salon .salon_terms {
    font-size: 12px;
    grid-gap: 10px;
  }
}
@media screen and (max-width: 660px) {
  .pPartner_salon .salon_terms {
    grid-template-columns: repeat(3, 1fr);
  }
}
.pPartner_salon .salon_terms > li span {
  border: 3px solid var(--col-2);
  text-align: center;
  display: block;
  text-decoration: none;
  color: var(--col-bfc);
  white-space: nowrap;
  line-height: 5;
  border-radius: 15px;
  transition: all 0.25s ease;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .pPartner_salon .salon_terms > li span {
    line-height: 4;
    border-radius: 10px;
  }
}
.pPartner_salon .salon_terms > li span.active {
  background-color: var(--col-2);
  color: #fff;
  pointer-events: none;
}
.pPartner_salon .salon_terms > li span.active:hover {
  background-color: var(--col-2);
}
.pPartner_salon .salon_terms > li span:hover {
  background-color: #ffdbd2;
}
.pPartner_salon .salon_areaTerm {
  display: none;
}
.pPartner_salon .salon_areaTerm.show {
  display: grid;
}
.pPartner_salon .salon_areaTerm .salon_area {
  line-height: 1;
  white-space: nowrap;
}
.pPartner_salon .salon_areaTerm .salon_data > li {
  display: grid;
  grid-template-columns: 2fr 3fr;
  grid-template-rows: auto auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: center;
  grid-gap: 1em var(--gap-30);
  margin-bottom: var(--gap-40);
}
@media screen and (max-width: 660px) {
  .pPartner_salon .salon_areaTerm .salon_data > li {
    grid-gap: 0 5vw;
  }
}
.pPartner_salon .salon_areaTerm .salon_name {
  color: var(--col-1);
  line-height: 1.5;
  align-self: self-end;
}
@media screen and (max-width: 660px) {
  .pPartner_salon .salon_areaTerm .salon_name {
    align-self: center;
  }
}
.pPartner_salon .salon_areaTerm .salon_info {
  border-top: 1.5px solid var(--col-1);
  align-self: self-start;
}
@media screen and (max-width: 660px) {
  .pPartner_salon .salon_areaTerm .salon_info {
    grid-column: 1/3;
    font-size: 12px;
    border-top: none;
  }
}
.pPartner_salon .salon_areaTerm .salon_info .dl_wrap {
  padding: 1em 0;
  border-bottom: 1.5px solid var(--col-1);
  display: grid;
  grid-template-columns: 4em 1fr;
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: var(--gap-30) 1em;
}
.pPartner_salon .salon_areaTerm .salon_info .dl_wrap dt {
  font-weight: 700;
  line-height: 1.5;
}
.pPartner_salon .salon_areaTerm .salon_info .dl_wrap dd {
  line-height: 1.5;
}
.pPartner_salon .salon_areaTerm .salon_info .dl_wrap dd.url {
  word-break: break-all;
  overflow-wrap: break-word;
}
.pPartner_salon .salon_areaTerm .salon_info .dl_wrap dd.url a {
  border-bottom: 1px dashed #000;
  text-decoration: none;
  color: var(--col-bfc);
}
.pPartner_salon .salon_areaTerm .salon_image {
  grid-row: 1/3;
}
@media screen and (max-width: 660px) {
  .pPartner_salon .salon_areaTerm .salon_image {
    grid-row: 1/2;
  }
}
.pPartner_salon .salon_areaTerm .salon_image img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3/2;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.pPartner_salon .salon_areaTerm .salon_image.noimage {
  position: relative;
  width: 100%;
  aspect-ratio: 3/2;
  display: block;
  background-color: #ddd;
}
.pPartner_salon .salon_areaTerm .salon_image.noimage::before {
  content: "NO IMAGE";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #999;
}

/*--------
__page media
-----------------------------------------------*/
.pMedia_theme {
  position: relative;
}
.pMedia_theme::before {
  content: "";
  position: absolute;
  top: 14%;
  right: 0;
  background-image: url(../images/md_bgob__04.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
  width: min(25vw, 600px);
  aspect-ratio: 160/224;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .pMedia_theme::before {
    width: min(50vw, 300px);
    top: 14%;
  }
}
.pMedia_theme .theme_info {
  position: relative;
  margin-top: -5vw;
}
.pMedia_theme .theme_info .note_image {
  -webkit-mask-image: url(../images/md_mask02.svg);
          mask-image: url(../images/md_mask02.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: top center;
          mask-position: top center;
  -webkit-mask-size: 100% auto;
          mask-size: 100% auto;
  position: absolute;
  right: 0;
  top: -40px;
  width: min(35vw, 380px);
}
@media screen and (max-width: 767px) {
  .pMedia_theme .theme_info .note_image {
    position: relative;
    top: 0;
    width: min(65vw, 380px);
    margin-left: auto;
    transform: translateY(5vw);
  }
}
.pMedia_theme .theme_info .note_image img {
  max-width: 100%;
  height: auto;
  display: block;
}
.pMedia_theme .theme_note {
  background-color: #f5f5f5;
  border-radius: 20px;
  padding: var(--gap-40);
  max-width: 700px;
}
@media screen and (max-width: 767px) {
  .pMedia_theme .theme_note {
    margin-top: 0;
  }
}
.pMedia_theme .theme_note .note_list {
  padding-left: 1.25em;
}
.pMedia_theme .theme_note .note_list > li {
  list-style-type: disc;
  line-height: 1.5;
  padding-bottom: 0.25em;
}
.pMedia_theme .theme_note .note_list > li:last-child {
  padding-bottom: 0;
}
.pMedia_theme .theme_note .note_att > li {
  padding-left: 1.25em;
  text-indent: -1.25em;
  line-height: 1.5;
  padding-bottom: 0.25em;
}
.pMedia_theme .theme_note .note_att > li:last-child {
  padding-bottom: 0;
}
.pMedia_theme .theme_note .note_att > li::before {
  content: "※";
  padding-right: 0.25em;
}
.pMedia_theme .theme_archive .archive_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: var(--gap-60);
}
@media screen and (max-width: 660px) {
  .pMedia_theme .theme_archive .archive_list {
    grid-template-columns: 1fr;
    grid-gap: 5vw;
  }
}
.pMedia_theme .theme_archive .archive_list > li ul > li {
  line-height: 1.5;
  padding-bottom: 0.25em;
}
@media screen and (max-width: 660px) {
  .pMedia_theme .theme_archive .archive_list > li ul > li {
    display: inline-block;
  }
  .pMedia_theme .theme_archive .archive_list > li ul > li::after {
    content: "/";
    padding-right: 0.15em;
    padding-left: 0.25em;
  }
}
.pMedia_theme .theme_archive .archive_list > li ul > li:last-child {
  padding-bottom: 0;
}
@media screen and (max-width: 660px) {
  .pMedia_theme .theme_archive .archive_list > li ul > li:last-child::after {
    display: none;
  }
}

@media screen and (max-width: 660px) {
  .pMedia_post {
    padding-bottom: 10vw;
  }
}
.pMedia_post .media_post {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 1fr));
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: var(--gap-60) min(3vw, 30px);
}
@media screen and (max-width: 540px) {
  .pMedia_post .media_post {
    grid-template-columns: repeat(2, 1fr);
  }
}
.pMedia_post .media_post .post_date {
  line-height: 1;
  white-space: nowrap;
  padding-bottom: 0.75em;
  display: block;
}
.pMedia_post .media_post .post_ttl {
  line-height: 1.6;
}
.pMedia_post .media_post .post_terms {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5em 0.75em;
}
.pMedia_post .media_post .post_terms > li a {
  display: inline-block;
  box-sizing: border-box;
  line-height: 1;
  border: 1px solid var(--col-1);
  text-decoration: none;
  color: var(--col-1);
  background-color: #fff;
  padding: 0.3em 0.5em 0.35em 0.5em;
  white-space: nowrap;
}
.pMedia_post .media_post .post_thumbnail {
  display: block;
  margin-bottom: 10px;
}
.pMedia_post .media_post .post_thumbnail img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3/4;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left top;
     object-position: left top;
}
.pMedia_post .media_post .post_thumbnail.alternative {
  position: relative;
  aspect-ratio: 3/4;
  display: block;
  background-color: #eee;
}
.pMedia_post .media_post .post_thumbnail.alternative::before {
  content: "\f302";
  font-family: "Font Awesome 5 Free";
  text-rendering: auto;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  font-weight: 700;
  color: #999;
  text-decoration: none;
}

/*--------
__page medical
-----------------------------------------------*/
.pMedical_intro {
  overflow: hidden;
}
.pMedical_intro .mdPage_content {
  position: relative;
  padding-bottom: 28vw;
}
@media screen and (max-width: 660px) {
  .pMedical_intro .mdPage_content {
    padding-bottom: 15vw;
  }
}
@media screen and (max-width: 540px) {
  .pMedical_intro .mdPage_content .con_summary br {
    display: none;
  }
}
@media screen and (max-width: 660px) {
  .pMedical_intro .mdPage_content .con_link {
    padding-top: 0;
  }
}
@media screen and (max-width: 660px) {
  .pMedical_intro .mdPage_content .con_link .md_Btn {
    margin-inline: auto;
  }
}
.pMedical_intro .medic_image {
  -webkit-mask-image: url(../images/md_mask03.svg);
          mask-image: url(../images/md_mask03.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: top center;
          mask-position: top center;
  -webkit-mask-size: 100% auto;
          mask-size: 100% auto;
  position: absolute;
  top: 30px;
  right: -13vw;
  width: min(53vw, 660px);
  z-index: -1;
}
@media screen and (max-width: 660px) {
  .pMedical_intro .medic_image {
    position: relative;
    width: min(80vw, 400px);
    top: 0;
    right: auto;
    margin-left: auto;
    transform: translate(10vw, -5vw);
  }
}
.pMedical_intro .medic_image img {
  max-width: 100%;
  height: auto;
  display: block;
}

/*--------
__page appearance
-----------------------------------------------*/
.pAppear_intro .intro_image img {
  max-width: 100%;
  height: auto;
  display: block;
}
@media screen and (max-width: 540px) {
  .pAppear_intro .mdPage_secttl .jp {
    letter-spacing: initial;
    text-indent: initial;
    font-size: 4.5vw;
  }
}
@media screen and (max-width: 540px) {
  .pAppear_intro .mdPage_content {
    padding-bottom: 10vw;
  }
}
.pAppear_intro .mdPage_content .con_ttl {
  word-break: keep-all;
}
@media screen and (max-width: 768px) {
  .pAppear_intro .mdPage_content .con_summary.center span {
    text-align: justify;
  }
  .pAppear_intro .mdPage_content .con_summary br {
    display: none;
  }
}

.pAppear_service {
  background-color: #f5f5f5;
}
@media screen and (max-width: 660px) {
  .pAppear_service {
    margin-top: 0;
  }
}
.pAppear_service::before, .pAppear_service::after {
  background-color: #fff;
}
.pAppear_service .mdPage_content {
  position: relative;
  z-index: 2;
}
.pAppear_service .mdPage_content .con_ttl {
  word-break: keep-all;
}
.pAppear_service .service_intro {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: center;
  grid-gap: var(--gap-40);
}
@media screen and (max-width: 660px) {
  .pAppear_service .service_intro {
    grid-template-columns: 1fr;
  }
}
.pAppear_service .service_intro .intro_image {
  -webkit-mask-image: url(../images/md_mask03.svg);
          mask-image: url(../images/md_mask03.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: top center;
          mask-position: top center;
  -webkit-mask-size: 100% auto;
          mask-size: 100% auto;
}
@media screen and (max-width: 660px) {
  .pAppear_service .service_intro .intro_image {
    width: min(80vw, 400px);
    margin-inline: auto;
  }
}
.pAppear_service .service_intro .intro_image img {
  max-width: 100%;
  height: auto;
  display: block;
}
.pAppear_service .ob_wrap {
  position: relative;
}
.pAppear_service .ob_wrap::before {
  content: "";
  position: absolute;
  bottom: 10%;
  right: 0;
  background-image: url(../images/md_bgob__04.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
  width: min(25vw, 600px);
  aspect-ratio: 160/224;
}
@media screen and (max-width: 767px) {
  .pAppear_service .ob_wrap::before {
    width: min(50vw, 300px);
  }
}
.pAppear_service .ob_wrap::after {
  content: "";
  position: absolute;
  top: 25%;
  left: 0;
  background-image: url(../images/md_bgob__05.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
  width: min(35vw, 600px);
  aspect-ratio: 235/224;
}
@media screen and (max-width: 767px) {
  .pAppear_service .ob_wrap::after {
    width: min(60vw, 300px);
  }
}
.pAppear_service .service_menu {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: 5vw;
  position: relative;
  z-index: 2;
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .pAppear_service .service_menu {
    grid-template-columns: 1fr;
  }
}
.pAppear_service .service_menu > li {
  padding: var(--gap-40);
  border: 3px solid #000;
  background-color: #fff;
}
.pAppear_service .service_menu > li:nth-child(3) {
  grid-column: 1/3;
}
@media screen and (max-width: 660px) {
  .pAppear_service .service_menu > li:nth-child(3) {
    grid-column: initial;
  }
}
.pAppear_service .service_menu > li:nth-child(4) {
  grid-column: 1/3;
}
@media screen and (max-width: 660px) {
  .pAppear_service .service_menu > li:nth-child(4) {
    grid-column: initial;
  }
}
.pAppear_service .service_menu a.service_content,
.pAppear_service .service_menu .service_content {
  text-decoration: none;
  color: var(--col-bfc);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: 1em var(--gap-40);
}
@media screen and (max-width: 660px) {
  .pAppear_service .service_menu a.service_content,
.pAppear_service .service_menu .service_content {
    max-width: 360px;
    margin-inline: auto;
  }
}
.pAppear_service .service_menu a.service_content.col2,
.pAppear_service .service_menu .service_content.col2 {
  grid-template-columns: 2fr 3fr;
}
@media screen and (max-width: 660px) {
  .pAppear_service .service_menu a.service_content.col2,
.pAppear_service .service_menu .service_content.col2 {
    grid-template-columns: 1fr;
    max-width: 360px;
    margin-inline: auto;
  }
}
.pAppear_service .service_menu a.service_content.col2 .svc_ttl,
.pAppear_service .service_menu .service_content.col2 .svc_ttl {
  grid-column: 1/3;
}
@media screen and (max-width: 767px) {
  .pAppear_service .service_menu a.service_content.col2 .svc_ttl,
.pAppear_service .service_menu .service_content.col2 .svc_ttl {
    grid-column: 2/3;
    align-self: center;
  }
}
@media screen and (max-width: 660px) {
  .pAppear_service .service_menu a.service_content.col2 .svc_ttl,
.pAppear_service .service_menu .service_content.col2 .svc_ttl {
    grid-column: initial;
    align-self: initial;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .pAppear_service .service_menu a.service_content.col2 .svc_image,
.pAppear_service .service_menu .service_content.col2 .svc_image {
    grid-row: 1/2;
  }
}
@media screen and (max-width: 660px) {
  .pAppear_service .service_menu a.service_content.col2 .svc_image,
.pAppear_service .service_menu .service_content.col2 .svc_image {
    grid-row: initial;
  }
}
@media screen and (max-width: 767px) {
  .pAppear_service .service_menu a.service_content.col2 .svc_summary,
.pAppear_service .service_menu .service_content.col2 .svc_summary {
    grid-column: 1/3;
  }
}
@media screen and (max-width: 660px) {
  .pAppear_service .service_menu a.service_content.col2 .svc_summary,
.pAppear_service .service_menu .service_content.col2 .svc_summary {
    grid-column: initial;
  }
}
.pAppear_service .service_menu a.service_content.maw,
.pAppear_service .service_menu .service_content.maw {
  max-width: 360px;
  margin-inline: auto;
}
.pAppear_service .service_menu a.service_content .svc_ttl,
.pAppear_service .service_menu .service_content .svc_ttl {
  line-height: 1.5;
  word-break: keep-all;
}
@media screen and (max-width: 660px) {
  .pAppear_service .service_menu a.service_content .svc_ttl,
.pAppear_service .service_menu .service_content .svc_ttl {
    text-align: center;
  }
}
.pAppear_service .service_menu a.service_content .svc_ttl.center,
.pAppear_service .service_menu .service_content .svc_ttl.center {
  text-align: center;
}
.pAppear_service .service_menu a.service_content .svc_image__column,
.pAppear_service .service_menu .service_content .svc_image__column {
  display: grid;
  grid-template-columns: 44fr 38fr;
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: var(--gap-30);
}
@media screen and (max-width: 660px) {
  .pAppear_service .service_menu a.service_content .svc_image__column,
.pAppear_service .service_menu .service_content .svc_image__column {
    grid-template-columns: 1fr;
  }
}
.pAppear_service .service_menu a.service_content .svc_image,
.pAppear_service .service_menu .service_content .svc_image {
  display: block;
}
.pAppear_service .service_menu a.service_content .svc_image img,
.pAppear_service .service_menu .service_content .svc_image img {
  max-width: 100%;
  height: auto;
  display: block;
}
.pAppear_service .service_menu a.service_content .svc_caption,
.pAppear_service .service_menu .service_content .svc_caption {
  color: var(--col-3);
  line-height: 1.2;
  text-transform: capitalize;
  text-align: center;
}
.pAppear_service .service_menu a.service_content .svc_caption span,
.pAppear_service .service_menu .service_content .svc_caption span {
  display: block;
  margin-top: -0.4em;
}
@media screen and (max-width: 660px) {
  .pAppear_address {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.md_apsSalon > li {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto auto 1fr;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: var(--gap-20) var(--gap-60);
  margin-bottom: var(--gap-120);
}
@media screen and (max-width: 660px) {
  .md_apsSalon > li {
    grid-template-columns: 1fr;
  }
}
.md_apsSalon > li:last-child {
  margin-bottom: 0;
}
.md_apsSalon .salon_name {
  line-height: 1.5;
}
.md_apsSalon .salon_image {
  grid-column: 1/2;
}
@media screen and (max-width: 660px) {
  .md_apsSalon .salon_image {
    grid-column: initial;
  }
}
.md_apsSalon .salon_image img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3/2;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 660px) {
  .md_apsSalon .salon_image img {
    aspect-ratio: 16/9;
  }
}
.md_apsSalon .salon_image.noimage {
  position: relative;
  width: 100%;
  aspect-ratio: 3/2;
  display: block;
  background-color: #ddd;
}
.md_apsSalon .salon_image.noimage::before {
  content: "NO IMAGE";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #999;
}
.md_apsSalon .salon_map {
  grid-column: 1/2;
}
@media screen and (max-width: 660px) {
  .md_apsSalon .salon_map {
    grid-column: initial;
  }
  .md_apsSalon .salon_map .md_Btn {
    margin-inline: auto;
    font-size: 12px;
    width: 60vw;
  }
}
.md_apsSalon .salon_info {
  grid-column: 2/3;
  grid-row: 1/4;
}
@media screen and (max-width: 660px) {
  .md_apsSalon .salon_info {
    grid-column: initial;
    grid-row: initial;
  }
}
.md_apsSalon .salon_info .dl_wrap {
  padding: 1em 0;
  border-bottom: 1.5px solid var(--col-1);
}
.md_apsSalon .salon_info .dl_wrap dt {
  font-weight: 700;
  line-height: 1.5;
  padding-bottom: 0.5em;
}
.md_apsSalon .salon_info .dl_wrap dd {
  line-height: 1.5;
}

/*--------
__page For medical personnel（profession）
-----------------------------------------------*/
.pProfession_pamph {
  position: relative;
}
@media screen and (max-width: 660px) {
  .pProfession_pamph .mdPage_content {
    padding-top: 0;
  }
}
.pProfession_pamph::before {
  content: "";
  position: absolute;
  top: 20%;
  right: 0;
  background-image: url(../images/md_bgob__04.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: min(33vw, 500px);
  aspect-ratio: 235/224;
}
@media screen and (max-width: 767px) {
  .pProfession_pamph::before {
    width: 50vw;
    top: auto;
    bottom: 30%;
  }
}
.pProfession_pamph .pamph_column {
  position: relative;
}
.pProfession_pamph .pamph_message {
  max-width: 600px;
}
.pProfession_pamph .pamph_message .con_summary {
  text-align: justify;
}
@media screen and (max-width: 980px) {
  .pProfession_pamph .pamph_message {
    max-width: initial;
    padding-right: 200px;
  }
}
@media screen and (max-width: 660px) {
  .pProfession_pamph .pamph_message {
    padding-right: 0;
  }
}
.pProfession_pamph .pamph_sample {
  max-width: 600px;
  background-color: #f5f5f5;
  border-radius: 20px;
  padding: var(--gap-40);
}
@media screen and (max-width: 980px) {
  .pProfession_pamph .pamph_sample {
    max-width: initial;
    padding-right: 200px;
  }
}
@media screen and (max-width: 660px) {
  .pProfession_pamph .pamph_sample {
    padding-right: 0;
    margin-top: 70px;
  }
}
.pProfession_pamph .pamph_sample .sample_txt {
  text-align: justify;
}
@media screen and (max-width: 660px) {
  .pProfession_pamph .pamph_sample .sample_txt {
    padding-right: 25vw;
  }
}
@media screen and (max-width: 480px) {
  .pProfession_pamph .pamph_sample .sample_btn {
    text-align: center;
    position: relative;
  }
}
.pProfession_pamph .pamph_image {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  aspect-ratio: 1/2;
  background-color: red;
  width: 250px;
}
@media screen and (max-width: 980px) {
  .pProfession_pamph .pamph_image {
    width: min(20vw, 130px);
  }
}
@media screen and (max-width: 500px) {
  .pProfession_pamph .pamph_image {
    bottom: 80px;
  }
}
.pProfession_pamph .pamph_image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.pProfession_message {
  color: #fff;
}
.pProfession_message .ob_wrap {
  position: relative;
}
.pProfession_message .ob_wrap::before {
  content: "";
  position: absolute;
  top: min(15vw, 400px);
  right: -5vw;
  background-image: url(../images/md_bgob__04.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
  width: min(25vw, 600px);
  aspect-ratio: 160/224;
}
@media screen and (max-width: 980px) {
  .pProfession_message .ob_wrap::before {
    width: min(50vw, 360px);
    top: 14%;
  }
}
@media screen and (max-width: 660px) {
  .pProfession_message .ob_wrap::before {
    top: 23%;
  }
}
.pProfession_message .ob_wrap::after {
  content: "";
  position: absolute;
  bottom: min(3vw, 200px);
  left: -5vw;
  background-image: url(../images/md_bgob__06.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
  width: min(35vw, 600px);
  aspect-ratio: 254/218;
}
@media screen and (max-width: 980px) {
  .pProfession_message .ob_wrap::after {
    width: min(50vw, 400px);
    bottom: 0%;
  }
}
@media screen and (max-width: 660px) {
  .pProfession_message .ob_wrap::after {
    bottom: 20%;
  }
}
.pProfession_message .innr {
  background-color: var(--col-1);
  padding-right: 5vw;
}
@media screen and (max-width: 540px) {
  .pProfession_message .innr {
    padding-left: 5vw;
  }
}
.pProfession_message .message_wrap {
  display: grid;
  grid-template-columns: 85px 1fr;
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: var(--gap-60);
  max-width: 1024px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .pProfession_message .message_wrap {
    grid-template-columns: 5vw 1fr;
  }
}
@media screen and (max-width: 540px) {
  .pProfession_message .message_wrap {
    grid-template-columns: 1fr;
  }
}
.pProfession_message .message_body {
  position: relative;
  z-index: 2;
}
.pProfession_message .message_body p {
  margin-bottom: 1.5em;
}
@media screen and (max-width: 540px) {
  .pProfession_message .message_body p:first-of-type {
    padding-left: 50px;
  }
}
.pProfession_message .message_body p:last-child {
  padding-bottom: 0;
}
.pProfession_message .message_body img {
  width: min(100%, 360px);
  height: auto;
  display: block;
  margin: 1.5em;
}
.pProfession_message .message_body img.al_right {
  float: right;
  margin-right: 0;
}
@media screen and (max-width: 540px) {
  .pProfession_message .message_body img.al_right {
    width: 95%;
    float: none;
    transform: translateX(5vw);
  }
}
.pProfession_message .message_body img.al_left {
  float: left;
  margin-left: 0;
}
@media screen and (max-width: 540px) {
  .pProfession_message .message_body img.al_left {
    width: 95%;
    float: none;
    transform: translateX(-5vw);
  }
}
.pProfession_message .message_copy {
  line-height: 1.5;
}
@media screen and (max-width: 540px) {
  .pProfession_message .message_copy {
    padding-left: 50px;
  }
}
.pProfession_message .message_ttlEn {
  line-height: 1;
  white-space: nowrap;
}
@media screen and (max-width: 540px) {
  .pProfession_message .message_ttlEn {
    position: absolute;
    left: 0;
    top: 15px;
  }
}
.pProfession_message .message_ttlEn span {
  transform: rotate(90deg);
  transform-origin: left top;
  display: inline-block;
  position: relative;
  left: 1.2em;
  z-index: 2;
}
.pProfession_message .message_img img {
  max-width: 100%;
  height: auto;
  display: block;
  width: 65%;
}
.pProfession_message .message_img.right img {
  margin-left: auto;
}
.pProfession_message .message_img.left img {
  margin-left: 40px;
}
.pProfession_message .message_summary {
  display: block;
  grid-column: 1/4;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.pProfession_message .message_summary.right {
  justify-content: flex-end;
}
.pProfession_message .message_summary p {
  margin-bottom: 1em;
}
.pProfession_message .message_summary p:last-child {
  margin-bottom: 0;
}
.pProfession_message .message_summary p span {
  display: block;
}
.pProfession_message .message_link {
  text-align: center;
}
.pProfession_message .message_link a {
  text-decoration: none;
  display: inline-block;
  box-sizing: border-box;
  line-height: 1.5;
  position: relative;
  border-radius: 3em;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 4.5em;
  background-color: #fff;
  color: var(--col-1);
}
.pProfession_message .message_link a span {
  padding: 0 3em 0 90px;
}
.pProfession_message .message_link a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 30px;
  width: 24px;
  background-image: url(../images/md_arrow_longC1.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  aspect-ratio: 31/14;
  transform: translateY(-50%);
  transition: all 0.25s ease;
}
.pProfession_message .message_link a:hover::before {
  left: 36px;
}

@media screen and (max-width: 660px) {
  .pProfession_partner {
    padding-top: 60px;
  }
}
.pProfession_partner .partner_column {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: center;
  grid-gap: 0 var(--gap-60);
}
@media screen and (max-width: 767px) {
  .pProfession_partner .partner_column {
    grid-template-columns: 1fr;
  }
  .pProfession_partner .partner_column .md_Btn {
    margin-inline: auto;
  }
}
.pProfession_partner .partner_link .md_Btn {
  margin-inline: auto;
}

.md_inquiry.footer {
  background-color: #f5f5f5;
  padding-bottom: min(15vw, 240px);
}
@media screen and (max-width: 660px) {
  .md_inquiry .mdPage_secttl .jp {
    letter-spacing: initial;
    text-indent: initial;
    line-height: 1.5;
    word-break: keep-all;
    white-space: initial;
  }
}
.md_inquiry .md_inquiry__column {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: var(--gap-30) var(--gap-60);
  text-align: center;
}
@media screen and (max-width: 660px) {
  .md_inquiry .md_inquiry__column {
    grid-template-columns: 1fr;
    padding-top: 10vw;
    padding-bottom: 10vw;
  }
}
.md_inquiry .md_inquiry__column a {
  text-decoration: none;
  color: var(--col-1);
  padding: var(--gap-30) 15px;
  display: block;
  position: relative;
  transition: all 0.25s ease;
}
.md_inquiry .md_inquiry__column a:hover {
  opacity: 0.85;
}
.md_inquiry .md_inquiry__column a > * {
  position: relative;
  z-index: 3;
}
.md_inquiry .md_inquiry__column a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--col-3);
  border-radius: 30px;
  z-index: 1;
}
@media screen and (max-width: 660px) {
  .md_inquiry .md_inquiry__column a::before {
    border-radius: 20px;
  }
}
.md_inquiry .md_inquiry__column a::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  width: 100%;
  height: 100%;
  background-color: var(--col-1);
  border-radius: 30px;
  z-index: 0;
}
@media screen and (max-width: 660px) {
  .md_inquiry .md_inquiry__column a::after {
    top: 5px;
    left: 5px;
    border-radius: 20px;
  }
}
.md_inquiry .inquiry_ttl {
  line-height: 1;
  white-space: nowrap;
  padding-bottom: 0.75em;
}
.md_inquiry .inquiry_ttl span {
  display: inline-block;
  border-bottom: 1px solid var(--col-1);
}
.md_inquiry .inquiry_num {
  line-height: 1;
  white-space: nowrap;
}
.md_inquiry .inquiry_form {
  line-height: 1.5;
  white-space: nowrap;
}
.md_inquiry .inquiry_note {
  padding-top: 1em;
  color: var(--col-bfc);
  line-height: 1.5;
}
.md_inquiry .inquiry_note span {
  display: block;
}

/*--------
__page Provisions
-----------------------------------------------*/
.pProvisions .provisions_list > li {
  border-bottom: 1px solid var(--col-1);
  line-height: 1.5;
  padding: 1em 0;
}
.pProvisions .provisions_list > li a {
  text-decoration: none;
  display: inline-block;
  border-bottom: 1px dashed var(--col-bfc);
  color: var(--col-bfc);
  padding-bottom: 0.1em;
}
.pProvisions .provisions_list > li i {
  padding-right: 0.5em;
}

/*--------
__page Policy
-----------------------------------------------*/
.pPolicy .chapter_list > li {
  padding-left: 1.5em;
  text-indent: -1.5em;
}
.pPolicy .chapter_list > li::before {
  content: "・";
  padding-right: 0.5em;
}
.pPolicy .chapter {
  line-height: 1.75;
}
.pPolicy .chapter .last {
  text-align: right;
}
.pPolicy .chapter_ttl {
  margin-bottom: 0.25em;
}
.pPolicy .chapter_nlist > li {
  margin-left: 1em;
  padding-left: 1em;
  text-indent: -1em;
  position: relative;
}
.pPolicy .chapter_nlist > li:nth-child(1)::before {
  content: "1";
  position: absolute;
  top: 0;
  left: 0;
}
.pPolicy .chapter_nlist > li:nth-child(2)::before {
  content: "2";
  position: absolute;
  top: 0;
  left: 0;
}
.pPolicy .chapter_nlist > li:nth-child(3)::before {
  content: "3";
  position: absolute;
  top: 0;
  left: 0;
}
.pPolicy .chapter_nlist > li:nth-child(4)::before {
  content: "4";
  position: absolute;
  top: 0;
  left: 0;
}
.pPolicy .chapter_nlist > li:nth-child(5)::before {
  content: "5";
  position: absolute;
  top: 0;
  left: 0;
}
.pPolicy .chapter_nlist > li:nth-child(6)::before {
  content: "6";
  position: absolute;
  top: 0;
  left: 0;
}
.pPolicy .chapter_nlist > li:nth-child(7)::before {
  content: "7";
  position: absolute;
  top: 0;
  left: 0;
}
.pPolicy .chapter_nlist > li:nth-child(8)::before {
  content: "8";
  position: absolute;
  top: 0;
  left: 0;
}
.pPolicy .chapter_nlist > li:nth-child(9)::before {
  content: "9";
  position: absolute;
  top: 0;
  left: 0;
}
.pPolicy .chapter_nlist > li:nth-child(10)::before {
  content: "10";
  position: absolute;
  top: 0;
  left: 0;
}
.pPolicy .chapter_nlist > li ul {
  margin-left: 1em;
}
.pPolicy .chapter_nnlist > li {
  padding-left: 1em;
  text-indent: -1em;
}
.pPolicy .chapter_nnlist > li:nth-child(1)::before {
  content: "(1)";
  padding-right: 0.5em;
}
.pPolicy .chapter_nnlist > li:nth-child(2)::before {
  content: "(2)";
  padding-right: 0.5em;
}
.pPolicy .chapter_nnlist > li:nth-child(3)::before {
  content: "(3)";
  padding-right: 0.5em;
}
.pPolicy .chapter_nnlist > li:nth-child(4)::before {
  content: "(4)";
  padding-right: 0.5em;
}
.pPolicy .chapter_nnlist > li:nth-child(5)::before {
  content: "(5)";
  padding-right: 0.5em;
}
.pPolicy .chapter_nnlist > li:nth-child(6)::before {
  content: "(6)";
  padding-right: 0.5em;
}
.pPolicy .chapter_nnlist > li:nth-child(7)::before {
  content: "(7)";
  padding-right: 0.5em;
}
.pPolicy .chapter_nnlist > li:nth-child(8)::before {
  content: "(8)";
  padding-right: 0.5em;
}
.pPolicy .chapter_nnlist > li:nth-child(9)::before {
  content: "(9)";
  padding-right: 0.5em;
}
.pPolicy .chapter_nnlist > li:nth-child(10)::before {
  content: "(10)";
  padding-right: 0.5em;
}
.pPolicy .chapter_nnlist > li ul {
  margin-left: 1em;
}

/*--------
__page beautician
-----------------------------------------------*/
.pBeautician .page_nav {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: var(--gap-40);
}
@media screen and (max-width: 767px) {
  .pBeautician .page_nav {
    grid-gap: min(5vw, 25px) 3vw;
    grid-template-columns: 1fr;
    max-width: 480px;
    width: 95%;
    margin-inline: auto;
  }
}
@media screen and (max-width: 540px) {
  .pBeautician .page_nav {
    font-size: 3.5vw;
  }
}
.pBeautician .page_nav > li a {
  border: 3px solid var(--col-2);
  text-align: center;
  text-decoration: none;
  color: var(--col-bfc);
  border-radius: 15px;
  transition: all 0.25s ease;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  height: 5em;
  line-height: 1.5;
  transition: all 0.25s ease;
}
@media screen and (max-width: 767px) {
  .pBeautician .page_nav > li a {
    height: 4em;
  }
}
.pBeautician .page_nav > li a:hover {
  background-color: #ffdbd2;
}
.pBeautician .page_nav > li span {
  display: inline-block;
  white-space: nowrap;
}
.pBeautician .wig_form {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: center;
  grid-gap: 5vw var(--gap-60);
}
@media screen and (max-width: 767px) {
  .pBeautician .wig_form {
    grid-template-columns: 1fr;
  }
  .pBeautician .wig_form .md_Btn {
    margin-inline: auto;
  }
}
.pBeautician .contact_wrap {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: 0 var(--gap-60);
}
@media screen and (max-width: 767px) {
  .pBeautician .contact_wrap {
    grid-template-columns: 1fr;
    grid-gap: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .pBeautician .contact_wrap > li {
    width: min(75vw, 400px);
  }
}
.pBeautician .contact_wrap > li:first-child {
  grid-column: 1/6;
  grid-row: 1/3;
}
@media screen and (max-width: 767px) {
  .pBeautician .contact_wrap > li:first-child {
    grid-row: inherit;
    grid-column: 1;
  }
}
.pBeautician .contact_wrap > li:nth-child(2) {
  grid-column: 6/11;
  grid-row: 2/3;
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  .pBeautician .contact_wrap > li:nth-child(2) {
    grid-row: inherit;
    padding-top: 0;
    grid-column: 1;
    margin-left: auto;
  }
}
.pBeautician .contact_wrap > li:nth-child(3) {
  grid-column: 3/8;
  grid-row: 3/4;
}
@media screen and (max-width: 767px) {
  .pBeautician .contact_wrap > li:nth-child(3) {
    grid-row: inherit;
    grid-column: 1;
  }
}
.pBeautician .contact_wrap > li a {
  text-decoration: none;
  color: var(--col-bfc);
  display: inline-block;
  aspect-ratio: 41/28;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-image: url(../images/md_bgob__07.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.pBeautician .contact_wrap > li a .innr {
  max-width: 260px;
}
@media screen and (max-width: 540px) {
  .pBeautician .contact_wrap > li a .innr {
    max-width: inherit;
    padding-top: 5vw;
    padding-left: 8vw;
    padding-right: 8vw;
  }
}
.pBeautician .contact_wrap > li a:hover .c_btn span {
  transform: translateX(5px);
}
.pBeautician .contact_wrap > li .c_title {
  color: var(--col-1);
  line-height: 1.5;
}
@media screen and (max-width: 540px) {
  .pBeautician .contact_wrap > li .c_title {
    font-size: 5vw;
  }
}
.pBeautician .contact_wrap > li .c_summary {
  line-height: 1.75;
}
.pBeautician .contact_wrap > li .c_btn {
  padding-top: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 767px) {
  .pBeautician .contact_wrap > li .c_btn {
    padding-right: 40px;
  }
}
.pBeautician .contact_wrap > li .c_btn span {
  width: 44px;
  height: 44px;
  background-color: var(--col-2);
  display: block;
  border-radius: 50%;
  background-image: url(../images/md_arrow_longWht.svg);
  background-size: 45%;
  background-repeat: no-repeat;
  background-position: center center;
  margin-left: auto;
  transition: all 0.25s ease;
}
@media screen and (max-width: 767px) {
  .pBeautician .contact_wrap > li .c_btn span {
    width: 30px;
    height: 30px;
  }
}
.pBeautician .merit_wrap {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: 0 var(--gap-60);
}
@media screen and (max-width: 767px) {
  .pBeautician .merit_wrap {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 660px) {
  .pBeautician .merit_wrap {
    grid-gap: var(--gap-30) var(--gap-60);
  }
}
@media screen and (max-width: 767px) {
  .pBeautician .merit_wrap > li {
    width: min(85vw, 400px);
  }
}
.pBeautician .merit_wrap > li:first-child {
  grid-column: 1/6;
  grid-row: 1/3;
}
@media screen and (max-width: 767px) {
  .pBeautician .merit_wrap > li:first-child {
    grid-row: inherit;
    grid-column: 1;
  }
}
.pBeautician .merit_wrap > li:nth-child(2) {
  grid-column: 6/11;
  grid-row: 2/3;
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  .pBeautician .merit_wrap > li:nth-child(2) {
    grid-row: inherit;
    padding-top: 0;
    grid-column: 1;
    margin-left: auto;
  }
}
.pBeautician .merit_wrap > li:nth-child(3) {
  grid-column: 3/8;
  grid-row: 3/4;
}
@media screen and (max-width: 767px) {
  .pBeautician .merit_wrap > li:nth-child(3) {
    grid-row: inherit;
    grid-column: 1;
  }
}
.pBeautician .merit_wrap > li .obj {
  display: inline-block;
  aspect-ratio: 41/28;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-image: url(../images/md_bgob__07.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.pBeautician .merit_wrap > li .obj .innr {
  max-width: 260px;
}
@media screen and (max-width: 540px) {
  .pBeautician .merit_wrap > li .obj .innr {
    max-width: 240px;
  }
}
.pBeautician .merit_wrap > li .obj:hover .c_btn span {
  transform: translateX(5px);
}
.pBeautician .merit_wrap > li .c_title {
  color: var(--col-1);
  line-height: 1.5;
}
.pBeautician .merit_wrap > li .c_summary {
  line-height: 1.75;
}
@media screen and (max-width: 540px) {
  .pBeautician .merit_wrap > li .c_summary {
    line-height: 1.6;
  }
}
.pBeautician .merit_wrap > li .c_btn {
  padding-top: 20px;
}
.pBeautician .merit_wrap > li .c_btn span {
  width: 44px;
  height: 44px;
  background-color: var(--col-2);
  display: block;
  border-radius: 50%;
  background-image: url(../images/md_arrow_longWht.svg);
  background-size: 45%;
  background-repeat: no-repeat;
  background-position: center center;
  margin-left: auto;
  transition: all 0.25s ease;
}
@media screen and (max-width: 767px) {
  .pBeautician .pSalon_training .training_more .md_Btn {
    margin-inline: auto;
  }
}
.pBeautician .app_flow > li {
  border-bottom: 1px solid var(--col-1);
  padding: 1.5em 0;
}
.pBeautician .app_flow .flow_ttl {
  color: var(--col-1);
  line-height: 1.5;
  padding-bottom: 0.5em;
}
.pBeautician .app_flow .flow_list > li {
  line-height: 1.5;
  padding-bottom: 0.5em;
  position: relative;
  padding-left: 1em;
}
.pBeautician .app_flow .flow_list > li::before {
  content: "";
  position: absolute;
  top: calc(0.5em + 2.5px);
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--col-1);
}
.pBeautician .app_flow .flow_list > li:last-child {
  padding-bottom: 0;
}
.pBeautician .pSalon_requirements .requirements > li {
  line-height: 1.5;
  padding-bottom: 0.5em;
  position: relative;
  padding-left: 3em;
  margin-left: 1em;
}
.pBeautician .pSalon_requirements .requirements > li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 700;
}
.pBeautician .pSalon_requirements .requirements > li:nth-child(1)::before {
  content: "1.";
}
.pBeautician .pSalon_requirements .requirements > li:nth-child(2)::before {
  content: "2.";
}
.pBeautician .pSalon_requirements .requirements > li:nth-child(3)::before {
  content: "3.";
}
.pBeautician .pSalon_requirements .requirements > li:nth-child(4)::before {
  content: "4.";
}
.pBeautician .pSalon_requirements .requirements > li:nth-child(5)::before {
  content: "5.";
}
.pBeautician .pSalon_requirements .requirements > li:nth-child(6)::before {
  content: "6.";
}
.pBeautician .pSalon_requirements .requirements > li:nth-child(7)::before {
  content: "7.";
}
.pBeautician .pSalon_requirements .requirements > li:nth-child(8)::before {
  content: "8.";
}
.pBeautician .pSalon_requirements .requirements > li:nth-child(9)::before {
  content: "9.";
}
.pBeautician .pSalon_requirements .requirements > li:nth-child(10)::before {
  content: "10.";
}
.pBeautician .pSalon_requirements .requirements > li:last-child {
  padding-bottom: 0;
}
.pBeautician .book_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: 5vw;
}
@media screen and (max-width: 980px) {
  .pBeautician .book_list {
    grid-template-columns: 1fr;
  }
}
.pBeautician .book_list > li {
  padding: var(--gap-40);
  border: 3px solid #000;
  background-color: #fff;
}
.pBeautician .book_list .service_content {
  display: block;
  max-width: 360px;
  margin-inline: auto;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto 1fr;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: 1em var(--gap-40);
}
@media screen and (max-width: 980px) {
  .pBeautician .book_list .service_content {
    max-width: initial;
    grid-template-columns: 25vw 1fr;
    grid-template-rows: auto auto 1fr;
  }
}
@media screen and (max-width: 660px) {
  .pBeautician .book_list .service_content {
    grid-template-columns: 1fr;
    max-width: 360px;
  }
}
.pBeautician .book_list .service_content .svc_ttl {
  line-height: 1.5;
}
@media screen and (max-width: 980px) {
  .pBeautician .book_list .service_content .svc_ttl {
    grid-column: 2/3;
    justify-self: start;
  }
}
@media screen and (max-width: 660px) {
  .pBeautician .book_list .service_content .svc_ttl {
    grid-column: initial;
    justify-self: center;
  }
}
.pBeautician .book_list .service_content .svc_ttl.center {
  text-align: center;
}
.pBeautician .book_list .service_content .svc_image {
  display: block;
  max-width: 240px;
  margin-inline: auto;
}
@media screen and (max-width: 980px) {
  .pBeautician .book_list .service_content .svc_image {
    grid-column: 1/2;
    grid-row: 1/4;
    max-width: initial;
  }
}
@media screen and (max-width: 660px) {
  .pBeautician .book_list .service_content .svc_image {
    grid-column: initial;
    grid-row: initial;
    width: 60%;
    max-width: 240px;
  }
}
.pBeautician .book_list .service_content .svc_image img {
  width: 100%;
  aspect-ratio: 210/297;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 5px 5px 8px #ddd;
}
.pBeautician .book_list .service_content .svc_summary {
  padding-top: 15px;
}
@media screen and (max-width: 980px) {
  .pBeautician .book_list .service_content .svc_summary {
    grid-column: 2/3;
  }
}
@media screen and (max-width: 660px) {
  .pBeautician .book_list .service_content .svc_summary {
    grid-column: initial;
  }
}
.pBeautician .book_list .service_content .svc_summary p {
  line-height: 1.65;
  text-align: justify;
}
.pBeautician .book_list .service_content .svc_link {
  text-align: center;
  align-self: self-end;
}
@media screen and (max-width: 660px) {
  .pBeautician .book_list .service_content .svc_link {
    grid-column: initial;
    justify-self: center;
    padding-top: 10px;
    width: 100%;
  }
}
.pBeautician .book_list .service_content .svc_link .md_Btn {
  margin-inline: auto;
}
@media screen and (max-width: 540px) {
  .pBeautician .book_list .service_content .svc_link .md_Btn {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .pBeautician .pSalon_homeb {
    padding-top: 0;
  }
}
.pBeautician .pSalon_homeb .homeb_ttl {
  text-align: center;
}
.pBeautician .pSalon_homeb .homeb_ttl span {
  display: inline-block;
  text-align: left;
}

/*--------
__page collaboration
-----------------------------------------------*/
.pCollabo_post .collabo_ttl {
  text-transform: capitalize;
  position: relative;
  line-height: 1.25;
  white-space: nowrap;
  text-align: center;
}
.pCollabo_post .collabo_ttl .en {
  display: block;
  color: var(--col-2);
  text-align: center;
}
.pCollabo_post .collabo_ttl .jp {
  display: inline-block;
  color: var(--col-2);
  text-align: center;
}
.pCollabo_post .collabo_ttl .jp br {
  display: none;
}
@media screen and (max-width: 540px) {
  .pCollabo_post .collabo_ttl .jp br {
    display: block;
  }
}
@media screen and (max-width: 540px) {
  .pCollabo_post .collabo_ttl .jp {
    font-size: 4vw;
  }
}
.pCollabo_post .collabo_more .md_Btn {
  margin-inline: auto;
}

.pCollabo_intro {
  position: relative;
}
@media screen and (max-width: 660px) {
  .pCollabo_intro {
    padding-top: 8vw;
  }
}
.pCollabo_intro::before {
  content: "";
  position: absolute;
  top: min(7vw, 300px);
  right: 0;
  background-image: url(../images/md_bgob__04.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
  width: min(25vw, 600px);
  aspect-ratio: 160/224;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .pCollabo_intro::before {
    width: min(50vw, 300px);
    top: 14%;
  }
}
.pCollabo_intro::after {
  content: "";
  position: absolute;
  bottom: -7%;
  left: 0;
  background-image: url(../images/md_bgob__05.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
  width: min(35vw, 600px);
  aspect-ratio: 235/224;
}
@media screen and (max-width: 767px) {
  .pCollabo_intro::after {
    width: min(50vw, 300px);
    bottom: -2%;
  }
}
.pCollabo_intro > * {
  position: relative;
  z-index: 2;
}
.pCollabo_intro .intro_column {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: var(--gap-60);
}
@media screen and (max-width: 540px) {
  .pCollabo_intro .intro_column {
    grid-template-columns: 1fr;
    grid-gap: 8vw;
  }
}
.pCollabo_intro .intro_column .intro_note {
  grid-column: 1/7;
  grid-row: 1/3;
}
@media screen and (max-width: 767px) {
  .pCollabo_intro .intro_column .intro_note {
    grid-column: 1/11;
    grid-row: inherit;
  }
}
@media screen and (max-width: 540px) {
  .pCollabo_intro .intro_column .intro_note {
    grid-column: 1;
  }
}
.pCollabo_intro .intro_column .intro_image {
  -webkit-mask-image: url(../images/md_mask02.svg);
          mask-image: url(../images/md_mask02.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: top center;
          mask-position: top center;
  -webkit-mask-size: auto;
          mask-size: auto;
  width: 100%;
  aspect-ratio: 4/3;
}
@media screen and (max-width: 540px) {
  .pCollabo_intro .intro_column .intro_image {
    width: min(70vw, 400px);
  }
}
.pCollabo_intro .intro_column .intro_image.img1 {
  grid-column: 6/11;
  grid-row: 2/4;
}
@media screen and (max-width: 540px) {
  .pCollabo_intro .intro_column .intro_image.img1 {
    grid-column: 1;
  }
}
.pCollabo_intro .intro_column .intro_image.img2 {
  grid-column: 1/6;
}
@media screen and (max-width: 767px) {
  .pCollabo_intro .intro_column .intro_image.img2 {
    margin-top: var(--gap-60);
  }
}
@media screen and (max-width: 540px) {
  .pCollabo_intro .intro_column .intro_image.img2 {
    grid-column: 1;
    margin-top: 0;
    margin-left: auto;
  }
}
.pCollabo_intro .intro_column .intro_image img {
  max-width: 100%;
  height: auto;
  display: block;
}
.pCollabo_intro .case_list > li {
  display: grid;
  grid-template-columns: 3fr 2fr;
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: var(--gap-40);
  margin-bottom: var(--gap-60);
}
@media screen and (max-width: 767px) {
  .pCollabo_intro .case_list > li {
    grid-template-columns: 1fr;
  }
}
.pCollabo_intro .case_list > li:last-child {
  margin-bottom: 0;
}
.pCollabo_intro .case_list > li .case_ttl {
  line-height: 1.6;
}
.pCollabo_intro .case_list > li .case_image img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1024/537;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 980px) {
  .pCollabo_intro .case_list > li .case_image img {
    aspect-ratio: 3/2;
  }
}
@media screen and (max-width: 767px) {
  .pCollabo_intro .case_list > li .case_image img {
    aspect-ratio: 1024/537;
    max-width: 540px;
    margin-inline: auto;
  }
}
.pCollabo_intro .case_list > li .case_summary p {
  line-height: 1.75;
  margin-bottom: 0.5em;
}
.pCollabo_intro .case_list > li .case_summary p:last-child {
  margin-bottom: 0;
}
.pCollabo_intro .case_list > li .case_content {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto 1fr;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
}
.pCollabo_intro .case_list > li .case_link {
  align-self: self-end;
  margin-top: 1em;
}
@media screen and (max-width: 767px) {
  .pCollabo_intro .case_list > li .case_link {
    margin-inline: auto;
  }
}
.pCollabo_intro .intro_image img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

.pCollabo_form {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 660px) {
  .pCollabo_form {
    padding-bottom: 10vw;
  }
}

/*--------
__page COntact
-----------------------------------------------*/
@media screen and (max-width: 660px) {
  .pContact {
    margin-top: 5vw;
  }
}
.pContact .form_nav {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: var(--gap-40);
}
@media screen and (max-width: 767px) {
  .pContact .form_nav {
    grid-gap: min(5vw, 25px) 3vw;
    grid-template-columns: 1fr;
    max-width: 480px;
    width: 95%;
    margin-inline: auto;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 540px) {
  .pContact .form_nav {
    font-size: 3.5vw;
  }
}
.pContact .form_nav > li .tab_trigger {
  cursor: pointer;
  border: 3px solid var(--col-2);
  text-align: center;
  text-decoration: none;
  color: var(--col-bfc);
  border-radius: 15px;
  transition: all 0.25s ease;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  height: 5em;
  line-height: 1.5;
  transition: all 0.25s ease;
  transition: all 0.25s ease;
}
@media screen and (max-width: 767px) {
  .pContact .form_nav > li .tab_trigger {
    height: 3em;
    border-radius: 10px;
    background-color: #eee;
    border: 1px solid #ddd;
    width: 90%;
    margin-inline: auto;
  }
}
.pContact .form_nav > li .tab_trigger:hover {
  background-color: #ffdbd2;
}
.pContact .form_nav > li .tab_trigger.active {
  background-color: var(--col-2);
  color: #fff;
}
@media screen and (max-width: 767px) {
  .pContact .form_nav > li .tab_trigger.active {
    height: 4em;
    width: 100%;
  }
}
.pContact .form_nav > li span {
  display: inline-block;
  white-space: nowrap;
}
.pContact .mdForm_tab {
  display: none;
  padding-top: var(--gap-30);
}
.pContact .mdForm_tab.active {
  display: block;
}
.pContact .mdForm_tab .mdForm_ttl {
  text-align: center;
}
.pContact .mdForm_tab .mdForm_ttl span {
  display: inline-block;
  border-bottom: 1px solid #000;
}

.mdForm_recapcha {
  line-height: 1.5;
  text-align: center;
  max-width: 800px;
  margin-inline: auto;
}
.mdForm_recapcha.fino {
  max-width: initial;
  text-align: left;
}
.mdForm_recapcha span {
  display: inline-block;
  text-align: left;
}
.mdForm_recapcha span a {
  text-decoration: none;
  color: var(--col-bfc);
  border-bottom: 1px dashed #000;
}

/*--------
__page visit
-----------------------------------------------*/
.pVisit_intro {
  position: relative;
}
.pVisit_intro::before {
  content: "";
  position: absolute;
  top: 30%;
  right: 0;
  background-image: url(../images/md_bgob__04.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
  width: min(25vw, 600px);
  aspect-ratio: 160/224;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .pVisit_intro::before {
    width: min(50vw, 300px);
    top: 35%;
  }
}
.pVisit_intro .intro_copy {
  line-height: 1.7;
}
@media screen and (max-width: 540px) {
  .pVisit_intro .intro_copy {
    font-size: 17px;
    text-align: justify;
  }
}
.pVisit_intro .visit_customer .note {
  background-color: #f5f5f5;
  border-radius: 20px;
  padding: var(--gap-30) var(--gap-40);
  max-width: 760px;
}
.pVisit_intro .visit_customer .note .note_list {
  padding-left: 1.25em;
}
.pVisit_intro .visit_customer .note .note_list > li {
  list-style-type: disc;
  line-height: 1.5;
  padding-bottom: 0.5em;
}
.pVisit_intro .visit_customer .note .note_list > li:last-child {
  padding-bottom: 0;
}
.pVisit_intro .intro_column {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: var(--gap-60);
}
@media screen and (max-width: 540px) {
  .pVisit_intro .intro_column {
    grid-template-columns: 1fr;
    grid-gap: 8vw;
  }
}
.pVisit_intro .intro_column .intro_note {
  grid-column: 1/7;
  grid-row: 1/3;
}
@media screen and (max-width: 767px) {
  .pVisit_intro .intro_column .intro_note {
    grid-column: 1/11;
    grid-row: inherit;
  }
}
@media screen and (max-width: 540px) {
  .pVisit_intro .intro_column .intro_note {
    grid-column: 1;
  }
}
.pVisit_intro .intro_column .intro_image {
  -webkit-mask-image: url(../images/md_mask02.svg);
          mask-image: url(../images/md_mask02.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: top center;
          mask-position: top center;
  -webkit-mask-size: auto;
          mask-size: auto;
  width: 100%;
  aspect-ratio: 4/3;
}
@media screen and (max-width: 540px) {
  .pVisit_intro .intro_column .intro_image {
    width: min(70vw, 400px);
  }
}
.pVisit_intro .intro_column .intro_image.img1 {
  grid-column: 6/11;
  grid-row: 2/4;
}
@media screen and (max-width: 540px) {
  .pVisit_intro .intro_column .intro_image.img1 {
    grid-column: 1;
  }
}
.pVisit_intro .intro_column .intro_image.img2 {
  grid-column: 1/6;
}
@media screen and (max-width: 767px) {
  .pVisit_intro .intro_column .intro_image.img2 {
    margin-top: var(--gap-60);
  }
}
@media screen and (max-width: 540px) {
  .pVisit_intro .intro_column .intro_image.img2 {
    grid-column: 1;
    margin-top: 0;
    margin-left: auto;
  }
}
.pVisit_intro .intro_column .intro_image img {
  max-width: 100%;
  height: auto;
  display: block;
}
.pVisit_intro .record_wrap {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: 0 var(--gap-60);
  max-width: 900px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .pVisit_intro .record_wrap {
    grid-template-columns: 1fr;
    grid-gap: var(--gap-30) var(--gap-60);
  }
}
@media screen and (max-width: 540px) {
  .pVisit_intro .record_wrap {
    grid-gap: 3vw;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .pVisit_intro .record_wrap > li {
    width: min(60vw, 400px);
  }
}
.pVisit_intro .record_wrap > li:first-child {
  grid-column: 1/6;
  grid-row: 1/3;
}
@media screen and (max-width: 767px) {
  .pVisit_intro .record_wrap > li:first-child {
    grid-row: inherit;
    grid-column: 1;
  }
}
.pVisit_intro .record_wrap > li:nth-child(2) {
  grid-column: 6/11;
  grid-row: 2/3;
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  .pVisit_intro .record_wrap > li:nth-child(2) {
    grid-row: inherit;
    padding-top: 0;
    grid-column: 1;
    margin-left: auto;
  }
}
.pVisit_intro .record_wrap > li:nth-child(3) {
  grid-column: 3/8;
  grid-row: 3/4;
}
@media screen and (max-width: 767px) {
  .pVisit_intro .record_wrap > li:nth-child(3) {
    grid-row: inherit;
    grid-column: 1;
  }
}
.pVisit_intro .record_wrap > li .obj {
  display: inline-block;
  aspect-ratio: 41/28;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-image: url(../images/md_bgob__07.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.pVisit_intro .record_wrap > li .obj .innr {
  max-width: 300px;
}
.pVisit_intro .record_wrap > li .obj:hover .c_btn span {
  transform: translateX(5px);
}
.pVisit_intro .record_wrap > li .c_title {
  color: var(--col-1);
  line-height: 1.5;
}
@media screen and (max-width: 540px) {
  .pVisit_intro .record_wrap > li .c_title {
    font-size: 15px;
    font-weight: 700;
  }
}
.pVisit_intro .record_wrap > li .c_summary {
  line-height: 1.75;
}
.pVisit_intro .record_wrap > li .c_btn {
  padding-top: 20px;
}
.pVisit_intro .record_wrap > li .c_btn span {
  width: 44px;
  height: 44px;
  background-color: var(--col-2);
  display: block;
  border-radius: 50%;
  background-image: url(../images/md_arrow_longWht.svg);
  background-size: 45%;
  background-repeat: no-repeat;
  background-position: center center;
  margin-left: auto;
  transition: all 0.25s ease;
}

.pVisit_area .area_column {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: center;
  grid-gap: var(--gap-30);
}
@media screen and (max-width: 767px) {
  .pVisit_area .area_column {
    grid-template-columns: 1fr;
    padding-top: 40px;
  }
}
.pVisit_area .area_map img {
  max-width: 500px;
  height: auto;
  display: block;
  margin-inline: auto;
}

.pVisit_menu .menu_column {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: var(--gap-30);
}
@media screen and (max-width: 767px) {
  .pVisit_menu .menu_column {
    grid-template-columns: 1fr;
  }
}
.pVisit_menu .menu_note {
  background-color: #f5f5f5;
  border-radius: 20px;
  padding: var(--gap-30) var(--gap-40);
  max-width: 760px;
}
.pVisit_menu .menu_note .note_list {
  padding-left: 1.25em;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr));
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: 0.5em;
}
.pVisit_menu .menu_note .note_list > li {
  list-style-type: disc;
  line-height: 1.5;
}
.pVisit_menu .menu_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: 0 var(--gap-30);
}
@media screen and (max-width: 767px) {
  .pVisit_menu .menu_list {
    grid-template-columns: 1fr;
  }
}
.pVisit_menu .menu_list > li {
  border-top: 2px solid transparent;
  border-bottom: 2px solid var(--col-1);
  padding: 1em 1em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.5em 1.5em;
}
.pVisit_menu .menu_list > li:first-child {
  border-top-color: var(--col-1);
}
.pVisit_menu .menu_list > li:nth-child(2) {
  border-top-color: var(--col-1);
}
@media screen and (max-width: 767px) {
  .pVisit_menu .menu_list > li:nth-child(2) {
    border-top-color: transparent;
  }
}
.pVisit_menu .menu_tax {
  text-align: right;
  padding-bottom: 0.25em;
}
.pVisit_menu .menu_summary p {
  margin-bottom: 1em;
}
.pVisit_menu .menu_summary p:last-child {
  margin-bottom: 0;
}
.pVisit_menu .menu_att > li {
  line-height: 1.5;
  padding-bottom: 0.5em;
  position: relative;
  padding-left: 1em;
}
.pVisit_menu .menu_att > li::before {
  content: "";
  position: absolute;
  top: calc(0.5em + 2.5px);
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--col-1);
}
.pVisit_menu .menu_att > li:last-child {
  padding-bottom: 0;
}
.pVisit_menu .menu_comment {
  position: relative;
  padding-left: 1.25em;
  line-height: 1.65;
}
.pVisit_menu .menu_comment::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

.pVisit_howto .link_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 360px), 1fr));
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: center;
  align-items: center;
  grid-gap: var(--gap-30) var(--gap-60);
}
.pVisit_howto .note {
  background-color: #f5f5f5;
  border-radius: 20px;
  padding: var(--gap-30) var(--gap-40);
}
.pVisit_howto .note .note_list > li {
  line-height: 1.5;
  padding-bottom: 0.5em;
  padding-left: 1.5em;
  position: relative;
}
.pVisit_howto .note .note_list > li:last-child {
  padding-bottom: 0;
}
.pVisit_howto .note .note_list > li:nth-child(1)::before {
  content: "1.";
  position: absolute;
  top: 0;
  left: 0;
}
.pVisit_howto .note .note_list > li:nth-child(2)::before {
  content: "2.";
  position: absolute;
  top: 0;
  left: 0;
}
.pVisit_howto .note .note_list > li:nth-child(3)::before {
  content: "3.";
  position: absolute;
  top: 0;
  left: 0;
}
.pVisit_howto .note .note_list > li:nth-child(4)::before {
  content: "4.";
  position: absolute;
  top: 0;
  left: 0;
}
.pVisit_howto .note .note_list > li:nth-child(5)::before {
  content: "5.";
  position: absolute;
  top: 0;
  left: 0;
}
.pVisit_howto .note .note_list > li:nth-child(6)::before {
  content: "6.";
  position: absolute;
  top: 0;
  left: 0;
}
.pVisit_howto .note .note_list > li:nth-child(7)::before {
  content: "7.";
  position: absolute;
  top: 0;
  left: 0;
}
.pVisit_howto .note .note_list > li:nth-child(8)::before {
  content: "8.";
  position: absolute;
  top: 0;
  left: 0;
}
.pVisit_howto .note .note_list > li:nth-child(9)::before {
  content: "9.";
  position: absolute;
  top: 0;
  left: 0;
}
.pVisit_howto .note .note_list > li:nth-child(10)::before {
  content: "10.";
  position: absolute;
  top: 0;
  left: 0;
}
.pVisit_howto .app_flow > li {
  border-bottom: 1px solid var(--col-1);
  padding: 1.5em 0;
}
.pVisit_howto .app_flow .flow_ttl {
  color: var(--col-1);
  line-height: 1.5;
  padding-bottom: 0.5em;
}
.pVisit_howto .app_flow .flow_list > li {
  line-height: 1.5;
  padding-bottom: 0.5em;
  position: relative;
  padding-left: 1em;
}
.pVisit_howto .app_flow .flow_list > li::before {
  content: "";
  position: absolute;
  top: calc(0.5em + 2.5px);
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--col-1);
}
.pVisit_howto .app_flow .flow_list > li:last-child {
  padding-bottom: 0;
}
.pVisit_howto .fax_form {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: center;
  grid-gap: 1em var(--gap-60);
}
@media screen and (max-width: 767px) {
  .pVisit_howto .fax_form {
    grid-template-columns: 1fr;
    padding-bottom: 10vw;
  }
  .pVisit_howto .fax_form .md_Btn {
    margin-inline: auto;
  }
}

@media screen and (max-width: 660px) {
  .pVisit_inquiry {
    padding-bottom: 10vw;
  }
}

/*--------
__archive
-----------------------------------------------*/
.md_articleList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-gap: 8vw min(5vw, 60px);
}
@media screen and (max-width: 800px) {
  .md_articleList {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 8vw 5vw;
  }
}
@media screen and (max-width: 800px) {
  .md_articleList.scroll {
    overflow: scroll;
    grid-column: 1/4;
    grid-template-columns: repeat(3, min(70vw, 300px));
    grid-gap: 8vw 5vw;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 20px;
  }
}
.md_articleList .post_date {
  line-height: 1;
  white-space: nowrap;
  padding-bottom: 0.75em;
  display: block;
}
.md_articleList .post_ttl a {
  transform: none;
  color: var(--col-bfc);
  text-decoration: none;
  line-height: 1.65;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 3.3em;
  overflow: hidden;
  text-align: justify;
  transition: all 0.25s ease;
}
.md_articleList .post_ttl a:hover {
  opacity: 0.9;
}
.md_articleList .post_terms {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5em 0.75em;
}
.md_articleList .post_terms > li a {
  display: inline-block;
  box-sizing: border-box;
  line-height: 1;
  border: 1px solid var(--col-1);
  text-decoration: none;
  color: var(--col-1);
  background-color: #fff;
  padding: 0.3em 0.5em 0.35em 0.5em;
  white-space: nowrap;
  transition: all 0.25s ease;
}
.md_articleList .post_terms > li a:hover {
  opacity: 0.9;
}
.md_articleList .post_thumbnail {
  display: block;
  transition: all 0.25s ease;
}
.md_articleList .post_thumbnail:hover {
  opacity: 0.9;
}
.md_articleList .post_thumbnail img {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.md_articleList .post_thumbnail.alternative {
  position: relative;
  aspect-ratio: 16/9;
  display: block;
  background-color: #eee;
}
.md_articleList .post_thumbnail.alternative::before {
  content: "\f302";
  font-family: "Font Awesome 5 Free";
  text-rendering: auto;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  font-weight: 700;
  color: #999;
  text-decoration: none;
}

.md_articleList__not {
  text-align: center;
  color: var(--col-1);
}

.md_termList {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
  grid-template-rows: auto;
  justify-content: start;
  align-content: start;
  justify-items: stretch;
  align-items: stretch;
  grid-gap: 0.25em var(--gap-30);
}
.md_termList > li {
  padding-bottom: 0.75em;
}
.md_termList > li a {
  text-decoration: none;
  line-height: 1.5;
  color: var(--col-bfc);
  display: inline-block;
}
.md_termList > li a:hover span::after {
  left: 3px;
}
.md_termList > li a span {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding-left: 1.5em;
}
.md_termList > li a span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.35em;
  height: 0.35em;
  border-top: 1px solid var(--col-bfc);
  border-right: 1px solid var(--col-bfc);
  transform: rotate(45deg) translateY(-50%);
  transition: all 0.25s ease;
}

.pTop_service__nav .service_navWrap {
  max-width: 940px;
  margin: 0 auto;
}
.pTop_service__nav .service_navWrap > li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  background-color: #fff;
  overflow: hidden;
  border-radius: 30px 0 30px 0;
  margin-bottom: 60px;
}
.pTop_service__nav .service_navWrap > li:last-child {
  margin-bottom: 0;
}
.pTop_service__nav .service_navWrap .nav_thumb {
  flex: 0 1 52.5%;
}
.pTop_service__nav .service_navWrap .nav_thumb img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/0.68;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.pTop_service__nav .service_navWrap .nav_ttl {
  white-space: nowrap;
  padding-bottom: 0.75em;
  line-height: 1.5;
  color: var(--col-1);
}
.pTop_service__nav .service_navWrap .nav_ttl img {
  max-width: 100%;
  height: auto;
  display: block;
}
.pTop_service__nav .service_navWrap .nav_summary {
  line-height: 1.5;
}
.pTop_service__nav .service_navWrap .nav_contents {
  flex: 1;
  min-width: 0;
  padding: 2.5rem 7%;
}
.pTop_service__nav .service_navWrap .nav_btn {
  padding-top: 2em;
}
.pTop_service__nav .service_navWrap .nav_btn > li {
  margin-bottom: 1em;
}
.pTop_service__nav .service_navWrap .nav_btn > li:last-child {
  margin-bottom: 0;
}
.pTop_service__nav .service_navWrap .nav_btn > li a {
  line-height: 1.5;
  text-decoration: none;
  display: block;
  color: var(--col-bfc);
  border: 1px solid #beb4b4;
  border-radius: 8px;
  padding: 0.75em 1em;
  line-height: 1.5;
  text-align: center;
}
.pTop_service__nav .service_navWrap .nav_btn > li a span {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  padding-right: 30px;
}
.pTop_service__nav .service_navWrap .nav_btn > li a span::before, .pTop_service__nav .service_navWrap .nav_btn > li a span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 20px;
  height: 9px;
  background-image: url(../images/parts_arrow__smlc1.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin-top: -3px;
}
.pTop_service__nav .service_navWrap .nav_btn > li a span::before {
  opacity: 1;
  background-position: 0 0;
}
.pTop_service__nav .service_navWrap .nav_btn > li a span::after {
  opacity: 0;
  background-position: left -24px top 0;
}
.pTop_service__nav .service_navWrap .nav_btn > li a:hover span::before {
  animation: btn01Before 0.5s;
}
.pTop_service__nav .service_navWrap .nav_btn > li a:hover span::after {
  animation: btn01After 0.5s;
}

.pTop_partner {
  background-color: #fbe4df;
}

.pTop_partner__nav ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.pTop_partner__nav ul > li {
  width: 47.5%;
}
.pTop_partner__nav ul > li a {
  text-decoration: none;
  color: var(--col-bfc);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  position: relative;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
}
.pTop_partner__nav ul > li a::before, .pTop_partner__nav ul > li a::after {
  content: "";
  position: absolute;
  bottom: 25px;
  right: 25px;
  width: 40px;
  height: 18px;
  background-image: url(../images/parts_arrow__smlc1.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.pTop_partner__nav ul > li a::before {
  opacity: 1;
  background-position: 0 0;
}
.pTop_partner__nav ul > li a::after {
  opacity: 0;
  background-position: left -60px top 0;
}
.pTop_partner__nav ul > li a:hover::before {
  animation: btn01Before 0.5s;
}
.pTop_partner__nav ul > li a:hover::after {
  animation: btn01After 0.5s;
}
.pTop_partner__nav .nav_thumb {
  flex: 0 1 40%;
}
.pTop_partner__nav .nav_thumb img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1.15;
}
.pTop_partner__nav .nav_contents {
  flex: 1;
  min-width: 0;
}
.pTop_partner__nav .nav_ttl {
  line-height: 1.5;
  text-align: center;
}
.pTop_partner__nav .nav_ttl span {
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
}

/*--------
__post
-----------------------------------------------*/
.md_singlePost {
  position: relative;
  z-index: 4;
}
.md_singlePost .post_terms {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5em 0.75em;
}
.md_singlePost .post_terms > li a {
  display: inline-block;
  box-sizing: border-box;
  line-height: 1;
  border: 1px solid var(--col-1);
  text-decoration: none;
  color: var(--col-1);
  background-color: #fff;
  padding: 0.3em 0.5em 0.35em 0.5em;
  white-space: nowrap;
}

.sPost_ttl {
  text-align: center;
  line-height: 1.5;
}
.sPost_ttl span {
  display: inline-block;
  text-align: left;
}

/*--------
__pContact
-----------------------------------------------*/
/*--------
__Partner
-----------------------------------------------*/
.pPartner_list > li {
  padding-bottom: 20px;
}
.pPartner_list > li:last-child {
  padding-bottom: 0;
}

.pPartner_data .salon_info .zip::before {
  content: "〒";
}
.pPartner_data .salon_info .phone::before {
  content: "TEL:";
}
.grecaptcha-badge {
  visibility: hidden;
}
/*# sourceMappingURL=maps/style.css.map */