@charset "UTF-8";
:root {
  /* color */
  --col-1: #2e9648;
  --col-2: #6cb57e;
  --col-3: #c0dfc8;
  --col-4: #f6f9ee;
  --col-5: #fcea7e;
  --col-6: #aac550;
  --col-7: #000;
  --col-8: #000;
  --col-bfc: #000;
  --col-lfc: #065fd4;
  --col-cga: linear-gradient(to right, var(--col-1) 0%, var(--col-1) 20%, var(--col-2) 100%);
  /* gap */
  --gap-025em: 0.25em;
  --gap-05em: 0.5em;
  --gap-075em: 0.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(58px, 10.25vw, 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;
}
@media screen and (max-width: 768px) {
  html {
    scroll-behavior: initial;
  }
}

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 {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.05em;
}
body.pkna {
  -webkit-font-feature-settings: "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;
}

.gf_zenG {
  font-family: YakuHanJP, "Zen Kaku Gothic New", sans-serif;
}

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

.gf_Jose {
  font-family: "Josefin Sans", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

/*-----------------------------------------------
 __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_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: 60px;
}
@media screen and (max-width: 767px) {
  [id^=anker_] {
    scroll-margin-top: 40px;
  }
}

.l_fullbleed {
  display: grid;
  margin-inline: auto;
  grid-template-rows: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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.mx1280_3vw {
  grid-template-columns: 3vw minmax(auto, 1280px) 3vw;
}
.l_fullbleed.mx1200_5vw {
  grid-template-columns: 5vw minmax(auto, 1200px) 5vw;
}
.l_fullbleed.mx1200_3vw {
  grid-template-columns: 3vw minmax(auto, 1200px) 3vw;
}
.l_fullbleed.mx1100_5vw {
  grid-template-columns: 5vw minmax(auto, 1100px) 5vw;
}
.l_fullbleed.mx1100_8vw {
  grid-template-columns: 8vw minmax(auto, 1100px) 8vw;
}
.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.mx960_5vw {
  grid-template-columns: 5vw minmax(auto, 960px) 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.mx600_5vw {
  grid-template-columns: 5vw minmax(auto, 600px) 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);
}

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

#pagenavi {
  overflow: hidden;
}
#pagenavi ul.page-numbers {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid transparent;
  font-size: 13px;
  text-decoration: none;
  color: var(--col-bfc);
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  border-radius: 50%;
}
@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-bfc);
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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-bfc);
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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-bfc);
  background-color: #f0f0f0;
}
#pagenavi a.page-numbers.prev:hover, #pagenavi a.page-numbers.next:hover {
  background-color: transparent;
  border-color: transparent;
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}

.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);
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.postEntry p a:hover {
  color: #6cb57e;
  border-bottom-color: #6cb57e;
}
.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: 500;
  font-size: 1.5rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .postEntry h2 {
    font-size: 1.3125rem;
  }
}
@media screen and (max-width: 600px) {
  .postEntry h2 {
    font-size: 1.125rem;
  }
}
.postEntry h3 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0.75em;
}
@media screen and (max-width: 767px) {
  .postEntry h3 {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 600px) {
  .postEntry h3 {
    font-size: 1.0625rem;
  }
}
.postEntry h4 {
  font-weight: 500;
  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: 500;
  font-size: 1em;
}
.postEntry h6 {
  font-weight: 500;
  font-size: 1em;
}
.postEntry strong {
  font-weight: bold;
}
.postEntry img,
.postEntry video,
.postEntry embed,
.postEntry object,
.postEntry iframe {
  max-width: 100%;
  -webkit-box-sizing: border-box;
          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;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s 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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.postEntry .wp-block-image a:hover img {
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
}
.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;
  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.solid .wp-block-button__link {
  background-color: #2e9648;
  color: #fff;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
}
.postEntry .wp-block-button__link {
  padding: 20px 5em;
  font-size: 0.9375rem;
  margin-bottom: 2em;
  border-radius: 10px;
  background-color: #fff;
  border: 2px solid #000;
  line-height: 1;
  border: 2px solid #2e9648;
  color: #2e9648;
  font-weight: 500;
  white-space: nowrap;
  text-decoration: none;
  display: block;
  border-radius: 10px;
}

.md_postEntry__heading.h2 {
  line-height: 1.5;
  padding-left: 1em;
  border-left: 6px solid #2e9648;
  margin-bottom: 1em;
}
.md_postEntry__heading.h3 {
  line-height: 1.5;
  margin-bottom: 0.75em;
}
.md_postEntry__heading.cl1 {
  color: #2e9648;
}

.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: 99;
}

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

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

#drawer {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: var(--col-1);
  padding: var(--gap-40);
  padding-top: 100px;
}
@media screen and (max-width: 700px) {
  #drawer {
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 60px;
    border-radius: 12px 0 12px 0;
  }
}

.drawer_column {
  display: grid;
  grid-template-columns: 300px 1fr 2fr;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: var(--gap-40) var(--gap-60);
  background-color: var(--col-1);
  max-width: 1280px;
  margin-inline: auto;
}
@media screen and (max-width: 1150px) {
  .drawer_column {
    grid-template-columns: 300px 1fr;
  }
}
@media screen and (max-width: 700px) {
  .drawer_column {
    grid-template-columns: 1fr;
  }
}

.drawer_mainNav .innr {
  padding: 0 var(--gap-25) var(--gap-30) var(--gap-25);
  background: #fff;
  border-radius: 12px;
}
@media screen and (max-width: 700px) {
  .drawer_mainNav .innr {
    border-radius: 0;
    padding: 0;
  }
}
.drawer_mainNav .drawer_logo {
  padding: var(--gap-30);
}
@media screen and (max-width: 700px) {
  .drawer_mainNav .drawer_logo {
    padding: 15vw 0 10vw 8vw;
  }
}
.drawer_mainNav .drawer_logo a {
  display: block;
}
.drawer_mainNav .drawer_logo img {
  height: auto;
  display: block;
  margin-inline: auto;
  width: min(90%, 170px);
}
@media screen and (max-width: 700px) {
  .drawer_mainNav .drawer_logo img {
    margin-inline: initial;
    width: min(35vw, 170px);
  }
}
.drawer_mainNav .mainNav_list {
  padding-bottom: 20px;
}
@media screen and (max-width: 700px) {
  .drawer_mainNav .mainNav_list {
    padding-bottom: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -ms-flex-line-pack: start;
        align-content: start;
    justify-items: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    grid-gap: 0;
  }
}
.drawer_mainNav .mainNav_list .navLink {
  text-decoration: none;
  display: grid;
  grid-template-columns: 1fr 30%;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 0 10px;
  border-bottom: 1px solid #ccc;
  padding: 20px 0 10px 0;
}
@media screen and (max-width: 700px) {
  .drawer_mainNav .mainNav_list .navLink {
    padding: 0;
    grid-template-columns: 1fr;
    border-bottom: none;
    border-right: 1px solid #ccc;
  }
}
.drawer_mainNav .mainNav_list .navLink:last-of-type {
  border-bottom: none;
}
@media screen and (max-width: 700px) {
  .drawer_mainNav .mainNav_list .navLink:last-of-type {
    border-right: none;
  }
}
.drawer_mainNav .mainNav_list .navLink .link_txt {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 10px 0;
}
@media screen and (max-width: 700px) {
  .drawer_mainNav .mainNav_list .navLink .link_txt {
    justify-items: center;
    gap: 5px 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 10px 0;
  }
}
.drawer_mainNav .mainNav_list .navLink .link_head {
  color: var(--col-bfc);
  white-space: nowrap;
  line-height: 1;
  font-size: 16px;
}
@media screen and (max-width: 700px) {
  .drawer_mainNav .mainNav_list .navLink .link_head {
    font-size: 10px;
  }
}
.drawer_mainNav .mainNav_list .navLink .link_ttl {
  color: var(--col-1);
  white-space: nowrap;
  line-height: 1;
  font-size: 32px;
}
@media screen and (max-width: 700px) {
  .drawer_mainNav .mainNav_list .navLink .link_ttl {
    font-size: 15px;
    font-weight: 500;
  }
}
@media screen and (max-width: 700px) {
  .drawer_mainNav .mainNav_list .navLink .link_icon {
    width: 40%;
    margin-inline: auto;
  }
}
.drawer_mainNav .mainNav_list .navLink .link_icon img {
  width: 100%;
  height: auto;
  display: block;
}
@media screen and (max-width: 700px) {
  .drawer_mainNav .mainNav_inquery {
    padding: 5vw;
  }
}
.drawer_mainNav .mainNav_inquery a {
  display: block;
  border: 2px solid var(--col-1);
  border-radius: 8px;
  overflow: hidden;
}
.drawer_mainNav .mainNav_inquery img {
  width: 100%;
  height: auto;
  display: block;
}

@media screen and (max-width: 700px) {
  .drawer_nav {
    padding-left: 8vw;
    padding-right: 8vw;
  }
}
.drawer_nav > li {
  margin-bottom: var(--gap-60);
}
@media screen and (max-width: 1150px) {
  .drawer_nav > li {
    margin-bottom: var(--gap-40);
  }
}
@media screen and (max-width: 700px) {
  .drawer_nav > li {
    margin-bottom: var(--gap-60);
  }
}
.drawer_nav > li:last-child {
  margin-bottom: 0;
}
.drawer_nav > li .main_ttl {
  border-bottom: 3px dotted #fff;
  line-height: 1;
  padding-bottom: 0.75em;
}
.drawer_nav > li .main_ttl a {
  display: block;
  white-space: nowrap;
  color: #fff;
  text-decoration: none;
}
.drawer_nav > li .child > li {
  margin-bottom: 1em;
}
.drawer_nav > li .child > li:last-child {
  margin-bottom: 0;
}
.drawer_nav > li .child > li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  text-decoration: none;
  gap: 0 0.1em;
}
.drawer_nav > li .child > li a i {
  -webkit-transform: translateY(0.1em);
          transform: translateY(0.1em);
}
.drawer_nav > li .child > li a span {
  display: block;
  line-height: 1;
  white-space: nowrap;
}
.drawer_nav > li.nav_sub ul > li {
  margin-bottom: 1.5em;
}
.drawer_nav > li.nav_sub ul > li:last-child {
  margin-bottom: 0;
}
.drawer_nav > li.nav_sub ul > li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  text-decoration: none;
  gap: 0 0.1em;
}
.drawer_nav > li.nav_sub ul > li a i {
  -webkit-transform: translateY(0.1em);
          transform: translateY(0.1em);
}
.drawer_nav > li.nav_sub ul > li a span {
  display: block;
  line-height: 1;
  white-space: nowrap;
}

@media screen and (max-width: 1150px) {
  .drawer_inquery {
    grid-column: 1/3;
  }
}
@media screen and (max-width: 700px) {
  .drawer_inquery {
    grid-column: initial;
  }
}
.drawer_inquery .inquery_innr {
  border: 2px solid #fff;
  border-radius: 12px;
  padding: var(--gap-30);
}
@media screen and (max-width: 700px) {
  .drawer_inquery .inquery_innr {
    border: none;
    padding: 5vw;
  }
}
.drawer_inquery .inquery_ttl {
  color: #fff;
}
.drawer_inquery .dwinquiry_list {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: var(--gap-25);
}
@media screen and (max-width: 1150px) {
  .drawer_inquery .dwinquiry_list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 700px) {
  .drawer_inquery .dwinquiry_list {
    grid-template-columns: 1fr;
  }
}
.drawer_inquery .dwinquiry_list > li > a.btn_area,
.drawer_inquery .dwinquiry_list > li .btn_area {
  background-color: #fff;
  border-radius: 12px;
  padding: var(--gap-20);
  display: grid;
  grid-template-columns: 18% 1fr;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px min(3vw, 15px);
  text-decoration: none;
  color: var(--col-bfc);
}
.drawer_inquery .dwinquiry_list > li > a {
  text-decoration: none;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.drawer_inquery .dwinquiry_list > li > a:hover {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.drawer_inquery .dwinquiry_list .list_ttl {
  color: var(--col-1);
  line-height: 1.5;
  padding-bottom: 0.25em;
}
@media screen and (max-width: 700px) {
  .drawer_inquery .dwinquiry_list .list_ttl {
    font-size: 15px;
    font-weight: 500;
  }
}
.drawer_inquery .dwinquiry_list .list_ttl span {
  display: inline-block;
}
.drawer_inquery .dwinquiry_list .list_icon img {
  width: 100%;
  height: auto;
  display: block;
  margin-inline: auto;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.drawer_inquery .dwinquiry_list .list_icon img.phone {
  width: 90%;
}
.drawer_inquery .dwinquiry_list .list_icon img.mail {
  width: 80%;
}
.drawer_inquery .dwinquiry_list .list_icon img.line {
  width: 80%;
}
.drawer_inquery .dwinquiry_list .list_tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px 10px;
}
.drawer_inquery .dwinquiry_list .list_tel .num {
  font-size: min(3.5vw, 32px);
  color: var(--col-1);
  line-height: 1;
  white-space: nowrap;
  display: block;
}
.drawer_inquery .dwinquiry_list .list_tel .tel_hour {
  line-height: 1;
  white-space: nowrap;
}
.drawer_inquery .dwinquiry_list .list_address {
  line-height: 1.2;
}
@media screen and (max-width: 700px) {
  .drawer_inquery .dwinquiry_list .list_address .address {
    font-size: 11px;
  }
}
.drawer_inquery .dwinquiry_list .list_address a {
  color: var(--col-1);
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  margin-left: 0.5em;
}
.drawer_inquery .dwinquiry_list .list_line {
  line-height: 1.5;
}
.drawer_inquery .dwinquiry_list .list_line a {
  color: var(--col-bfc);
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
}

.drawer_sns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: var(--gap-30);
}
@media screen and (max-width: 700px) {
  .drawer_sns {
    padding-right: 5vw;
    padding-left: 5vw;
    grid-gap: 5vw;
  }
}
.drawer_sns > li {
  background-color: #fff;
  padding: var(--gap-30) var(--gap-30);
  border-radius: 12px;
}
@media screen and (max-width: 700px) {
  .drawer_sns > li {
    padding: 5vw;
  }
}
.drawer_sns .column_head {
  text-align: center;
  padding-top: 8px;
}
@media screen and (max-width: 700px) {
  .drawer_sns .column_head {
    font-size: 10px;
    font-weight: 500;
  }
}
.drawer_sns .column_head p {
  line-height: 1.5;
}
.drawer_sns .column_head p span {
  display: inline-block;
  text-align: justify;
  color: var(--col-1);
}
.drawer_sns .column_ttl {
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 700px) {
  .drawer_sns .column_ttl {
    font-size: 12px;
  }
}
.drawer_sns .column_ttl span {
  display: inline-block;
}
.drawer_sns .column_icon {
  text-align: center;
  display: block;
}
.drawer_sns .column_icon.dev a {
  pointer-events: none;
  position: relative;
}
.drawer_sns .column_icon.dev a::after {
  content: "準備中";
  position: absolute;
  top: 0;
  left: 0;
  font-style: normal;
  font-size: 15px;
  font-weight: 600;
  background-color: rgba(255, 255, 255, 0.9);
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-15deg);
          transform: translate(-50%, -50%) rotate(-15deg);
  color: var(--col-1);
  padding: 0.5em 2em;
  border-radius: 5px;
}
.drawer_sns .column_icon a {
  display: inline-block;
}
.drawer_sns .column_icon a img {
  max-width: 100%;
  height: auto;
  display: block;
  width: min(20vw, 85px);
}
@media screen and (max-width: 700px) {
  .drawer_sns .column_icon a img {
    width: 12vw;
  }
}

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

.sidr_slide__close {
  position: absolute;
  display: none;
  top: 40px;
  right: 40px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  z-index: 999999;
  cursor: pointer;
  border-radius: 50%;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  position: fixed;
  background-color: var(--col-1);
}
@media screen and (max-width: 700px) {
  .sidr_slide__close {
    right: 20px;
    top: 20px;
  }
}
.sidr_slide__close:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.sidr_slide__close::before, .sidr_slide__close::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 30px;
  height: 2px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: rotate(-45deg) translate(-50%, -50%);
          transform: rotate(-45deg) translate(-50%, -50%);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
@media screen and (max-width: 700px) {
  .sidr_slide__close::before, .sidr_slide__close::after {
    width: 20px;
  }
}
.sidr_slide__close::before {
  -webkit-transform: rotate(-45deg) translate(-50%, -50%);
          transform: rotate(-45deg) translate(-50%, -50%);
}
.sidr_slide__close::after {
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
          transform: rotate(45deg) translate(-50%, -50%);
}

.md_header {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #fff;
}
.md_header.top {
  display: none;
}
@media screen and (max-width: 900px) {
  .md_header.top {
    display: block;
  }
}
.md_header .header_wrap {
  display: grid;
  grid-template-columns: 1fr auto auto auto;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: center;
      align-content: center;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 80px;
}
@media screen and (max-width: 768px) {
  .md_header .header_wrap {
    height: 60px;
  }
}
.md_header .site_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: min(3vw, 50px);
}
.md_header .site_ttl a {
  display: block;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.md_header .site_ttl a:hover {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.md_header .site_ttl a img {
  max-width: 100%;
  height: auto;
  display: block;
  width: 200px;
}
@media screen and (max-width: 768px) {
  .md_header .site_ttl a img {
    width: min(30vw, 160px);
  }
}
.md_header .header_inquery a {
  height: 100%;
  background-color: var(--col-1);
  text-decoration: none;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0 0 10px 10px;
  gap: 10px 0;
  padding: 0 var(--gap-40);
}
@media screen and (max-width: 980px) {
  .md_header .header_inquery a {
    padding-right: min(3vw, 30px);
    padding-left: min(3vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .md_header .header_inquery a {
    gap: 5px 0;
    height: 90%;
  }
}
.md_header .header_inquery a:hover span {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.md_header .header_inquery a span {
  display: block;
  line-height: 1;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.md_header .header_inquery a span.ote {
  font-size: 13px;
}
@media screen and (max-width: 768px) {
  .md_header .header_inquery a span.ote {
    font-size: 10px;
  }
}
.md_header .header_inquery a span .btn {
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  .md_header .header_inquery a span .btn {
    font-size: 13px;
  }
}

@media screen and (max-width: 768px) {
  .md_mainNav {
    display: none;
  }
}
.md_mainNav > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0;
  height: 100%;
  margin-right: var(--gap-30);
}
@media screen and (max-width: 980px) {
  .md_mainNav > ul {
    font-size: 13px;
    margin-right: 20px;
  }
}
.md_mainNav > ul > li {
  line-height: 1;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5em;
}
.md_mainNav > ul > li.nav_link a {
  text-decoration: none;
  color: var(--col-bfc);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 1em 0.75em;
  transition: all 0.25s ease;
}
@media screen and (max-width: 980px) {
  .md_mainNav > ul > li.nav_link a {
    padding-right: 0.5em;
    padding-left: 0.5em;
  }
}
.md_mainNav > ul > li.nav_link a:hover {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.md_mainNav > ul > li.nav_link a span {
  display: inline-block;
  position: relative;
  padding: 0.75em 0;
}

.md_mainNav__triger {
  font-size: 11px;
  width: 80px;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px 0;
  margin-right: 15px;
}
@media screen and (max-width: 980px) {
  .md_mainNav__triger {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .md_mainNav__triger {
    width: 60px;
    gap: 5px 0;
  }
}
.md_mainNav__triger span {
  width: 36%;
  height: 3px;
  display: block;
  background-color: var(--col-1);
  margin-inline: auto;
}
.md_kv {
  background-image: url(../images/md_hero02.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: min(100vh, 800px);
}
@media screen and (max-width: 1280px) {
  .md_kv {
    height: min(100vh, 700px);
    background-position: center top;
  }
}
@media screen and (max-width: 1023px) {
  .md_kv {
    background-position: left top;
  }
}
@media screen and (max-width: 900px) {
  .md_kv {
    background-position: right top;
  }
}
@media screen and (max-width: 768px) {
  .md_kv {
    height: min(120vw, 600px);
    background-position: center center;
  }
}
.md_kv .visual_list {
  position: relative;
  overflow: hidden;
}
.md_kv .visual_list .visual_img {
  position: absolute;
  inset: 0;
  background-image: url(../images/md_hero02.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: min(100vh, 800px);
}
@media screen and (max-width: 960px) {
  .md_kv .visual_list .visual_img {
    height: 75vw;
  }
}
@media screen and (max-width: 860px) {
  .md_kv .visual_list .visual_img {
    height: 90vw;
  }
}
@media screen and (max-width: 600px) {
  .md_kv .visual_list .visual_img {
    height: 125vw;
  }
}
.md_kv .visual_list .visual_img:nth-child(2) {
  background-image: url(../images/md_hero04.webp);
}
.md_kv .visual_list .visual_img:nth-child(3) {
  background-image: url(../images/md_hero03.webp);
}

.md_kvTrigger {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
}

.md_floatNav {
  width: 290px;
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  position: absolute;
  left: 30px;
  top: 30px;
}
@media screen and (max-width: 900px) {
  .md_floatNav {
    display: none;
  }
}
.md_floatNav .floatNav_logo {
  padding: var(--gap-30);
}
.md_floatNav .floatNav_logo a {
  display: block;
}
.md_floatNav .floatNav_logo img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-inline: auto;
  width: 90%;
}
.md_floatNav .floatNav_list {
  padding: 0 var(--gap-20);
}
.md_floatNav .floatNav_list .navLnk {
  text-decoration: none;
  display: grid;
  grid-template-columns: 1fr 30%;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 0 10px;
  border-bottom: 1px solid #ccc;
  padding: 20px 0 10px 0;
}
.md_floatNav .floatNav_list .navLnk:last-of-type {
  border-bottom: none;
}
.md_floatNav .floatNav_list .navLnk .link_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px 0;
}
.md_floatNav .floatNav_list .navLnk .link_head {
  color: var(--col-bfc);
  white-space: nowrap;
  line-height: 1;
  font-size: 16px;
}
.md_floatNav .floatNav_list .navLnk .link_ttl {
  color: var(--col-1);
  white-space: nowrap;
  line-height: 1;
  font-size: 32px;
}
.md_floatNav .floatNav_list .navLnk .link_icon img {
  width: 100%;
  height: auto;
  display: block;
}
.md_floatNav .floatNav_inquery {
  padding: var(--gap-20) 0;
  background-color: var(--col-1);
  text-align: center;
}
.md_floatNav .floatNav_inquery a {
  text-decoration: none;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0 0 10px 10px;
  gap: 10px 0;
  padding: var(--gap-20) var(--gap-15);
  position: relative;
}
.md_floatNav .floatNav_inquery a:hover .icon {
  left: calc(100% + 2px);
}
.md_floatNav .floatNav_inquery a span {
  display: block;
  line-height: 1;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.md_floatNav .floatNav_inquery a .icon {
  position: absolute;
  top: 50%;
  left: 100%;
  color: #fff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  font-size: 12px;
}

.md_topNav {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: 0;
  border: 1px solid #ccc;
  display: none;
}
@media screen and (max-width: 900px) {
  .md_topNav {
    display: grid;
  }
}
.md_topNav a.navLnk {
  text-decoration: none;
  display: grid;
  grid-template-columns: 1fr 80px;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 0 15px;
  border-right: 1px solid #ccc;
  padding: 0 10px 0 15px;
}
@media screen and (max-width: 660px) {
  .md_topNav a.navLnk {
    grid-template-columns: 1fr;
    grid-gap: 5px 0;
    padding: 10px 0;
  }
}
.md_topNav a.navLnk:last-child {
  border-right: none;
}
.md_topNav .link_txt {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 10px 0;
}
@media screen and (max-width: 660px) {
  .md_topNav .link_txt {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    text-align: center;
    gap: 5px 0;
  }
}
.md_topNav .link_head {
  color: var(--col-bfc);
  white-space: nowrap;
  line-height: 1;
  font-size: 13px;
}
@media screen and (max-width: 768px) {
  .md_topNav .link_head {
    font-size: 10px;
  }
}
.md_topNav .link_ttl {
  color: var(--col-1);
  white-space: nowrap;
  line-height: 1;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .md_topNav .link_ttl {
    font-size: 15px;
    font-weight: 500;
  }
}
.md_topNav .link_icon {
  padding-top: 10px;
}
@media screen and (max-width: 660px) {
  .md_topNav .link_icon {
    width: 40%;
    padding-top: 0;
    margin-inline: auto;
  }
}
.md_topNav .link_icon img {
  width: 100%;
  height: auto;
  display: block;
}
.md_topNav .link_icon {
  max-width: 100%;
  height: auto;
  display: block;
}

.md_kvCopy {
  position: absolute;
  right: 100px;
  top: 100px;
}
@media screen and (max-width: 980px) {
  .md_kvCopy {
    top: calc(40px + 5vw);
    right: 5vw;
  }
}
@media screen and (max-width: 900px) {
  .md_kvCopy {
    top: min(150px + 20vw, 280px);
  }
}
@media screen and (max-width: 768px) {
  .md_kvCopy {
    top: min(150px + 20vw, 240px);
  }
}
.md_kvCopy span {
  line-height: 1;
  padding-bottom: 0.25em;
  font-size: 54px;
  display: block;
}
@media screen and (max-width: 1280px) {
  .md_kvCopy span {
    font-size: 48px;
  }
}
@media screen and (max-width: 1023px) {
  .md_kvCopy span {
    font-size: min(8vw, 40px);
  }
}
@media screen and (max-width: 768px) {
  .md_kvCopy span {
    font-size: min(6.5vw, 36px);
  }
}
.md_kvCopy em {
  display: inline-block;
  background-color: var(--col-1);
  color: #fff;
  line-height: 1.25;
  font-style: normal;
  padding: 0 0.2em;
}

.md_salesBn {
  text-align: center;
}
.md_salesBn a {
  display: inline-block;
  width: min(90%, 900px);
  -webkit-transform: translateY(-30%);
          transform: translateY(-30%);
  border: 3px solid var(--col-1);
  border-radius: 12px;
  overflow: hidden;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.md_salesBn a:hover {
  -webkit-transform: translateY(calc(-30% + 2px));
          transform: translateY(calc(-30% + 2px));
}
.md_salesBn a img {
  width: 100%;
  height: auto;
  display: block;
}

.md_sns .sns_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: var(--gap-40);
}
@media screen and (max-width: 768px) {
  .md_sns .sns_list {
    grid-template-columns: 1fr;
  }
}
.md_sns .sns_list .list_ttl {
  margin-bottom: 0.5em;
  text-align: center;
}
.md_sns .sns_list .list_ttl span {
  display: inline-block;
  line-height: 1.95;
  white-space: nowrap;
  position: relative;
  padding: 0 1em;
}
.md_sns .sns_list .list_ttl span::before, .md_sns .sns_list .list_ttl span::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 3px;
  background-color: var(--col-1);
}
.md_sns .sns_list .list_ttl span::before {
  left: 0;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.md_sns .sns_list .list_ttl span::after {
  right: 0;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.md_sns .sns_list .list_column {
  border: 1.5px solid #666;
  border-radius: 12px;
  padding: var(--gap-40);
}
@media screen and (max-width: 768px) {
  .md_sns .sns_list .list_column {
    padding: var(--gap-30);
    display: grid;
    grid-template-columns: min(15vw, 100px) 1fr;
    grid-template-rows: auto 1fr;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -ms-flex-line-pack: start;
        align-content: start;
    justify-items: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: var(--gap-15) var(--gap-20);
    max-width: 480px;
    margin-inline: auto;
  }
}
.md_sns .sns_list .list_column .column_head {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .md_sns .sns_list .list_column .column_head {
    grid-column: 2/3;
    text-align: justify;
    font-size: 16px;
  }
}
.md_sns .sns_list .list_column .column_head p {
  line-height: 1.65;
}
@media screen and (max-width: 600px) {
  .md_sns .sns_list .list_column .column_head p {
    font-size: 15px;
  }
}
.md_sns .sns_list .list_column .column_head p span {
  display: inline-block;
  text-align: left;
  color: var(--col-1);
}
.md_sns .sns_list .list_column .column_icon {
  padding: var(--gap-15) 0;
  text-align: center;
  display: block;
}
.md_sns .sns_list .list_column .column_icon.dev a {
  pointer-events: none;
  position: relative;
}
.md_sns .sns_list .list_column .column_icon.dev a::after {
  content: "準備中";
  position: absolute;
  top: 0;
  left: 0;
  font-style: normal;
  font-size: 15px;
  font-weight: 600;
  background-color: rgba(255, 255, 255, 0.9);
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-15deg);
          transform: translate(-50%, -50%) rotate(-15deg);
  color: var(--col-1);
  padding: 0.5em 2em;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .md_sns .sns_list .list_column .column_icon {
    grid-column: 1/2;
    grid-row: 1/2;
    padding: 0;
  }
}
.md_sns .sns_list .list_column .column_icon a {
  display: inline-block;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
@media screen and (max-width: 768px) {
  .md_sns .sns_list .list_column .column_icon a {
    display: block;
  }
}
.md_sns .sns_list .list_column .column_icon a:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.md_sns .sns_list .list_column .column_icon a img {
  max-width: 100%;
  height: auto;
  display: block;
  width: min(20vw, 85px);
}
@media screen and (max-width: 768px) {
  .md_sns .sns_list .list_column .column_icon a img {
    width: 100%;
  }
}
.md_sns .sns_list .list_column .column_summary {
  width: min(100%, 480px);
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .md_sns .sns_list .list_column .column_summary {
    grid-column: 1/3;
    width: 100%;
    font-size: 13px;
    line-height: 1.65;
  }
}

.md_footer {
  background-color: var(--col-1);
}
.md_footer .foot_nav > ul {
  -webkit-column-count: 4;
     -moz-column-count: 4;
          column-count: 4;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
}
.md_footer .foot_nav > ul > li {
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  margin-bottom: 2em;
}
.md_footer .foot_nav > ul > li .children {
  margin-left: 1em;
}
.md_footer .footer_nav {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr auto;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: var(--gap-80);
}
@media screen and (max-width: 1100px) {
  .md_footer .footer_nav {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
  }
}
.md_footer .footer_nav .nav_main .main_ttl {
  border-bottom: 3px dotted #fff;
  line-height: 1;
  padding-bottom: 0.75em;
}
.md_footer .footer_nav .nav_main .main_ttl a {
  display: block;
  white-space: nowrap;
  color: #fff;
  text-decoration: none;
}
.md_footer .footer_nav .nav_main ul > li {
  margin-bottom: 1em;
}
.md_footer .footer_nav .nav_main ul > li:last-child {
  margin-bottom: 0;
}
.md_footer .footer_nav .nav_main ul > li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  text-decoration: none;
  gap: 0 0.1em;
}
.md_footer .footer_nav .nav_main ul > li a i {
  -webkit-transform: translateY(0.1em);
          transform: translateY(0.1em);
}
.md_footer .footer_nav .nav_main ul > li a span {
  display: block;
  line-height: 1;
  white-space: nowrap;
}
.md_footer .footer_nav .nav_sub ul > li {
  margin-bottom: 1em;
}
.md_footer .footer_nav .nav_sub ul > li:last-child {
  margin-bottom: 0;
}
.md_footer .footer_nav .nav_sub ul > li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  text-decoration: none;
  gap: 0 0.1em;
}
.md_footer .footer_nav .nav_sub ul > li a i {
  -webkit-transform: translateY(0.1em);
          transform: translateY(0.1em);
}
.md_footer .footer_nav .nav_sub ul > li a span {
  display: block;
  line-height: 1;
  white-space: nowrap;
}
.md_footer .foot_cc .site_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.md_footer .foot_cc .site_ttl a {
  display: block;
}
.md_footer .foot_cc .site_ttl a img {
  max-width: 100%;
  height: auto;
  display: block;
  width: 200px;
}
.md_footer .foot_cc .copyright {
  border-top: 1px solid #fff;
  line-height: 1.5;
  text-align: center;
  color: #fff;
}

.md_footerInquiry {
  border: 2px solid #fff;
  border-radius: 20px;
  padding: var(--gap-40) var(--gap-40);
}
.md_footerInquiry.contact_us {
  border-top: none;
  padding: 0;
}
.md_footerInquiry.contact_us .inquiry_summary {
  color: var(--col-bfc);
}
.md_footerInquiry.contact_us .inquiry_list > li {
  background-color: var(--col-4);
}
@media screen and (max-width: 768px) {
  .md_footerInquiry {
    border: none;
    border-radius: 0;
    padding: 0;
  }
}
.md_footerInquiry .inquiry_ttl {
  text-align: center;
  color: #fff;
  position: relative;
}
.md_footerInquiry .inquiry_ttl::after {
  content: "";
  position: absolute;
  bottom: -80px;
  right: 0;
  aspect-ratio: 16/34;
  width: 110px;
  display: block;
  background-image: url(../images/md_pict22.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (max-width: 768px) {
  .md_footerInquiry .inquiry_ttl::after {
    display: none;
  }
}
.md_footerInquiry .inquiry_summary {
  color: #fff;
  width: min(78%, 640px);
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .md_footerInquiry .inquiry_summary {
    width: 95%;
  }
}
@media screen and (max-width: 600px) {
  .md_footerInquiry .inquiry_summary {
    font-size: 15px;
  }
}
.md_footerInquiry .inquiry_summary p {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .md_footerInquiry .inquiry_summary p {
    display: inline;
  }
}
.md_footerInquiry .inquiry_summary p span {
  display: inline-block;
  text-align: justify;
}
@media screen and (max-width: 768px) {
  .md_footerInquiry .inquiry_summary p span {
    display: inline;
  }
}
.md_footerInquiry .inquiry_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: var(--gap-40);
}
@media screen and (max-width: 768px) {
  .md_footerInquiry .inquiry_list {
    grid-gap: 3vw;
  }
}
.md_footerInquiry .inquiry_list > li {
  background-color: #fff;
  border-radius: 12px;
  padding: var(--gap-30) var(--gap-30) var(--gap-40) var(--gap-30);
}
@media screen and (max-width: 768px) {
  .md_footerInquiry .inquiry_list > li {
    padding: 5vw;
  }
}
.md_footerInquiry .inquiry_list .list_ttl {
  text-align: center;
  color: var(--col-1);
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .md_footerInquiry .inquiry_list .list_ttl {
    font-weight: 500;
    font-size: 16px;
  }
}
.md_footerInquiry .inquiry_list .list_ttl span {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .md_footerInquiry .inquiry_list .list_ttl span {
    display: block;
  }
}
.md_footerInquiry .inquiry_list .list_icon img {
  height: auto;
  display: block;
  width: min(10vw, 90px);
  margin-inline: auto;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.md_footerInquiry .inquiry_list .list_icon a {
  text-decoration: none;
}
.md_footerInquiry .inquiry_list .list_icon a:hover img {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.md_footerInquiry .inquiry_list .list_icon a .caption {
  color: var(--col-1);
  font-style: normal;
  text-align: center;
  display: block;
  padding-top: 5px;
}
.md_footerInquiry .inquiry_list .list_note {
  color: var(--col-bfc);
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .md_footerInquiry .inquiry_list .list_note {
    font-size: 11px;
    text-align: justify;
  }
}
.md_footerInquiry .inquiry_list .list_note.db span {
  display: block;
  text-align: center;
}
@media screen and (max-width: 900px) {
  .md_footerInquiry .inquiry_list .list_note.db span {
    display: inline;
  }
}
.md_footerInquiry .inquiry_list .list_note span {
  display: inline-block;
  text-align: justify;
}
@media screen and (max-width: 900px) {
  .md_footerInquiry .inquiry_list .list_note span {
    display: inline;
  }
}
.md_footerInquiry .inquiry_list .list_tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px 15px;
}
.md_footerInquiry .inquiry_list .list_tel a {
  display: block;
  color: var(--col-1);
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
}
.md_footerInquiry .inquiry_list .list_tel .tel_hour {
  line-height: 1;
  white-space: nowrap;
}
.md_footerInquiry .inquiry_list .list_address {
  color: var(--col-1);
  text-align: center;
}
.md_footerInquiry .inquiry_list .list_address .address {
  line-height: 1.5;
  display: block;
}
@media screen and (max-width: 768px) {
  .md_footerInquiry .inquiry_list .list_address .address {
    font-size: 10px;
  }
}
.md_footerInquiry .inquiry_list .list_address a {
  color: var(--col-1);
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  margin-left: 0.5em;
}

.md_cvn {
  background-color: var(--col-1);
}
@media screen and (max-width: 768px) {
  .md_cvn {
    padding-top: 8vw;
    padding-bottom: 8vw;
  }
}
.md_cvn .cvn_case {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: var(--gap-40);
}
@media screen and (max-width: 980px) {
  .md_cvn .cvn_case {
    grid-gap: 3vw;
  }
}
@media screen and (max-width: 768px) {
  .md_cvn .cvn_case {
    grid-template-columns: 1fr;
    grid-gap: 5vw;
  }
}
.md_cvn .cvn_case > li {
  background-color: #fff;
  border-radius: 12px;
  padding: var(--gap-30) var(--gap-30) var(--gap-40) var(--gap-30);
}
@media screen and (max-width: 980px) {
  .md_cvn .cvn_case > li {
    width: 100%;
    max-width: 540px;
    margin-inline: auto;
  }
}
@media screen and (max-width: 768px) {
  .md_cvn .cvn_case > li {
    padding: 5vw;
  }
}
.md_cvn .cvn_case a {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .md_cvn .cvn_case a {
    display: grid;
    grid-template-columns: min(15vw, 80px) 1fr;
    grid-template-rows: auto auto 1fr;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -ms-flex-line-pack: start;
        align-content: start;
    justify-items: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    grid-gap: 0 var(--gap-20);
  }
}
.md_cvn .cvn_case a:hover img {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.md_cvn .cvn_case .list_ttl {
  text-align: center;
  color: var(--col-1);
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .md_cvn .cvn_case .list_ttl {
    text-align: left;
    margin-bottom: 0.25em;
  }
}
@media screen and (max-width: 600px) {
  .md_cvn .cvn_case .list_ttl {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0;
  }
}
.md_cvn .cvn_case .list_ttl span {
  display: inline-block;
}
@media screen and (max-width: 980px) {
  .md_cvn .cvn_case .list_ttl span {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .md_cvn .cvn_case .list_ttl span {
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .md_cvn .cvn_case .list_icon {
    grid-column: 1/2;
    grid-row: 1/5;
  }
}
.md_cvn .cvn_case .list_icon img {
  height: auto;
  display: block;
  width: min(12vw, 90px);
  margin-inline: auto;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
@media screen and (max-width: 980px) {
  .md_cvn .cvn_case .list_icon img {
    width: min(12vw, 70px);
  }
}
@media screen and (max-width: 768px) {
  .md_cvn .cvn_case .list_icon img {
    width: 100%;
  }
}
.md_cvn .cvn_case .list_icon img.line {
  width: min(10vw, 80px);
}
@media screen and (max-width: 980px) {
  .md_cvn .cvn_case .list_icon img.line {
    width: min(10vw, 60px);
  }
}
@media screen and (max-width: 768px) {
  .md_cvn .cvn_case .list_icon img.line {
    width: 100%;
  }
}
.md_cvn .cvn_case .list_caption {
  color: var(--col-1);
  font-style: normal;
  text-align: center;
  display: block;
  padding-top: 5px;
}
@media screen and (max-width: 768px) {
  .md_cvn .cvn_case .list_caption {
    text-align: left;
    padding-top: 0;
    font-size: 13px;
    font-weight: 400;
  }
}
.md_cvn .cvn_case .list_note {
  color: var(--col-bfc);
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 980px) {
  .md_cvn .cvn_case .list_note {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .md_cvn .cvn_case .list_note {
    text-align: left;
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 600px) {
  .md_cvn .cvn_case .list_note {
    line-height: 1.3;
  }
}
.md_cvn .cvn_case .list_note span {
  display: inline-block;
  text-align: left;
}
@media screen and (max-width: 600px) {
  .md_cvn .cvn_case .list_note span {
    font-size: 12px;
    display: inline;
  }
}
.md_cvn .cvn_case .list_tel {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .md_cvn .cvn_case .list_tel {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px 10px;
    margin-top: 5px;
  }
}
.md_cvn .cvn_case .list_tel span {
  display: inline-block;
  color: var(--col-1);
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
}
@media screen and (max-width: 980px) {
  .md_cvn .cvn_case .list_tel span.num {
    font-size: min(6vw, 24px);
  }
}
.md_cvn .cvn_case .list_tel span.tel_hour {
  line-height: 1;
  white-space: nowrap;
  display: block;
  padding-top: 5px;
}
@media screen and (max-width: 768px) {
  .md_cvn .cvn_case .list_tel span.tel_hour {
    padding-top: 0;
  }
}

/* モーダル表示時に背景固定 */
body.modal_fixed {
  position: fixed;
  left: 0;
}

.grecaptcha-badge {
  visibility: hidden;
}

@media screen and (max-width: 600px) {
  .md_news {
    padding-top: 8vw;
  }
}
.md_news .news_list.useful > li {
  display: block;
}
.md_news .news_list > li {
  border-bottom: 1px solid #ccc;
  display: grid;
  grid-template-columns: 5em 1fr;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: var(--gap-20);
  padding: 1em 0;
}
.md_news .news_list > li:first-child {
  border-top: 1px solid #ccc;
}
@media screen and (max-width: 600px) {
  .md_news .news_list > li {
    grid-template-columns: 4em 1fr;
  }
}
.md_news .md_news__ttl {
  line-height: 1;
}
.md_news .md_news__ttl a {
  display: inline-block;
  color: var(--col-1);
  text-decoration: none;
  white-space: nowrap;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  text-align: justify;
}
.md_news .md_news__ttl a:hover {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.md_news .news_date {
  line-height: 1.5;
  white-space: nowrap;
  color: #666;
  display: block;
  padding-top: 0.2em;
}
.md_news .news_ttl a {
  line-height: 1.5;
  color: var(--col-bfc);
  text-decoration: none;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  display: inline-block;
}
.md_news .news_ttl a:hover {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}

.md_usefull .md_usefull__wrap {
  border-radius: 10px;
  overflow: hidden;
}
.md_usefull .md_usefull__ttl {
  background-color: var(--col-2);
  text-align: center;
  line-height: 1;
  padding: 1em 0;
}
.md_usefull .md_usefull__ttl a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.md_usefull .md_usefull__ttl a:hover {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.md_usefull .usefull_list {
  padding: var(--gap-30) var(--gap-40);
  background-color: var(--col-3);
}
.md_usefull .usefull_list > li {
  margin-bottom: 1em;
}
.md_usefull .usefull_list > li a.useful_ttl {
  color: var(--col-1);
  text-decoration: none;
  line-height: 1.5;
  background-color: #fff;
  display: block;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0 1em;
  padding: 0.75em 1em;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.md_usefull .usefull_list > li a.useful_ttl:hover {
  background-color: var(--col-4);
}
.md_usefull .usefull_list > li:last-child {
  margin-bottom: 0;
}

.md_strength {
  background-color: var(--col-5);
}
@media screen and (max-width: 600px) {
  .md_strength .md_strength__ttl {
    font-size: 4.5vw;
    padding-bottom: 7vw;
  }
}
.md_strength .md_strength__ttl span {
  line-height: 1;
  padding-bottom: 0.5em;
  display: block;
  text-align: center;
}
.md_strength .md_strength__ttl em {
  display: inline-block;
  background-color: #fff;
  line-height: 1.25;
  font-style: normal;
  padding: 0.15em 0.35em;
}
.md_strength .md_strength__ttl strong {
  color: var(--col-1);
  font-weight: 500;
  padding: 0 0.1em;
}
.md_strength .strength_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: var(--gap-60);
}
@media screen and (max-width: 1200px) {
  .md_strength .strength_list {
    grid-gap: 3vw;
  }
}
@media screen and (max-width: 600px) {
  .md_strength .strength_list {
    grid-template-columns: 1fr;
    grid-gap: 7vw;
  }
}
.md_strength .strength_list > li {
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr 14em;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: var(--gap-15) var(--gap-40);
  padding: var(--gap-20);
  border-radius: 10px;
}
@media screen and (max-width: 980px) {
  .md_strength .strength_list > li {
    grid-template-columns: 1fr;
    grid-gap: var(--gap-20);
  }
}
@media screen and (max-width: 600px) {
  .md_strength .strength_list > li {
    max-width: 480px;
    margin-inline: auto;
  }
}
@media screen and (max-width: 980px) {
  .md_strength .strength_list .strength_img {
    grid-row: 2/3;
    width: min(30vw, 600px);
    margin-inline: auto;
  }
}
@media screen and (max-width: 600px) {
  .md_strength .strength_list .strength_img {
    width: min(60vw, 260px);
  }
}
.md_strength .strength_list .strength_img img {
  max-width: 100%;
  height: auto;
  display: block;
}
.md_strength .strength_list .strength_ttl {
  color: var(--col-1);
  line-height: 1.5;
  -ms-flex-item-align: center;
      align-self: center;
}
@media screen and (max-width: 980px) {
  .md_strength .strength_list .strength_ttl {
    grid-row: 1/2;
  }
}
.md_strength .strength_list .strength_ttl span {
  display: block;
}
@media screen and (max-width: 980px) {
  .md_strength .strength_list .strength_ttl span {
    grid-row: 1/2;
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  .md_strength .strength_list .strength_ttl span {
    text-align: left;
    font-size: 5vw;
    padding-left: 0.5em;
  }
}
.md_strength .strength_list .strength_summary {
  grid-column: 1/3;
  line-height: 1.65;
  padding: 0 1em;
}
@media screen and (max-width: 980px) {
  .md_strength .strength_list .strength_summary {
    grid-column: initial;
  }
}
@media screen and (max-width: 600px) {
  .md_strength .strength_list .strength_summary {
    font-size: 13px;
  }
}

.pTop_items {
  background-color: var(--col-4);
  display: block;
}
.pTop_items .items_taxonomy {
  position: relative;
  padding-bottom: 20px;
}
.pTop_items .items_taxonomy::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.7em);
  left: 0;
  width: 100%;
  height: 3.5px;
  background-color: var(--col-1);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.pTop_items .items_taxonomy a.tax_txt {
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 10px;
  border: 2.5px solid var(--col-1);
  background-color: #fff;
  padding: 0.3em 1.5em;
  position: relative;
  border-radius: 3em;
  z-index: 2;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.pTop_items .items_taxonomy a.tax_txt.rent {
  padding-right: 4em;
}
.pTop_items .items_taxonomy a.tax_txt.rent::after {
  background-image: url(../images/md_pict08.svg);
}
.pTop_items .items_taxonomy a.tax_txt.sale {
  padding-right: 5em;
}
.pTop_items .items_taxonomy a.tax_txt.sale::after {
  background-image: url(../images/md_pict06.svg);
}
.pTop_items .items_taxonomy a.tax_txt::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 1em;
  width: 3em;
  aspect-ratio: 1;
  background-image: url(../images/md_pict06.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.pTop_items .items_taxonomy a.tax_txt::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0.5em;
  aspect-ratio: 1;
  border: 2.5px solid var(--col-1);
  margin-left: -0.5em;
  background-color: #fff;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.pTop_items .items_taxonomy a.tax_txt:hover {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.pTop_items .items_taxonomy .tax_lead {
  white-space: nowrap;
  line-height: 1;
  color: var(--col-bfc);
}
.pTop_items .items_taxonomy .tax_ttl {
  white-space: nowrap;
  line-height: 1;
  color: var(--col-1);
}
.pTop_items .items_taxonomy .tax_img {
  position: absolute;
  right: 0;
}
.pTop_items .items_taxonomy .tax_img img {
  max-width: 100%;
  height: auto;
  display: block;
}

.md_item__wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: var(--gap-60);
  max-width: calc(1280px + 10vw);
  padding-right: 5vw;
  padding-left: 5vw;
  margin-inline: auto;
}
@media screen and (max-width: 1240px) {
  .md_item__wrap {
    display: block;
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (max-width: 1240px) {
  .md_item__list {
    padding-bottom: var(--gap-60);
  }
  .md_item__list:last-child {
    padding-bottom: 0;
  }
}
.md_item__list .item_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: var(--gap-60) var(--gap-25);
}
.md_item__list .item_list.col2 {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 1240px) {
  .md_item__list .item_list.col2 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 900px) {
  .md_item__list .item_list.col2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .md_item__list .item_list.col2 {
    grid-template-columns: 1fr;
  }
}
.md_item__list .item_list.col2 > li:nth-child(3) {
  display: none;
}
@media screen and (max-width: 1240px) {
  .md_item__list .item_list.col2 > li:nth-child(3) {
    display: block;
  }
}
.md_item__list .item_list.col4 {
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1240px) {
  .md_item__list .item_list.col4 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 900px) {
  .md_item__list .item_list.col4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .md_item__list .item_list.col4 {
    grid-template-columns: 1fr;
  }
}
.md_item__list .item_list.col4 > li {
  border: 1px solid var(--col-1);
}
.md_item__list .item_list > li {
  background-color: #fff;
  position: relative;
  margin-top: 20px;
  border-radius: 0 10px 10px 10px;
}
.md_item__list .item_list > li a.item_column {
  display: block;
  text-decoration: none;
  position: relative;
  display: grid;
  margin-inline: auto;
  grid-template-columns: 20px auto 20px;
  grid-template-rows: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 0;
  border-radius: 0 10px 10px 10px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  color: var(--col-bfc);
}
.md_item__list .item_list > li a.item_column:hover {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.md_item__list .item_list > li a.item_column > * {
  grid-column: 2;
  width: 100%;
}
.md_item__list .item_list__slide {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: var(--gap-60) var(--gap-25);
}
@media screen and (max-width: 1240px) {
  .md_item__list .item_list__slide {
    grid-template-columns: repeat(3, 1fr);
    padding-right: 5vw;
    padding-left: 5vw;
  }
}
@media screen and (max-width: 900px) {
  .md_item__list .item_list__slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    overflow: scroll;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 900px) {
  .md_item__list .item_list__slide > li {
    width: 320px;
    min-width: 320px;
  }
}
@media screen and (max-width: 600px) {
  .md_item__list .item_list__slide > li {
    width: 66vw;
    min-width: 66vw;
  }
}
.md_item__list .item_list__slide > li:nth-child(3) {
  display: none;
}
@media screen and (max-width: 1240px) {
  .md_item__list .item_list__slide > li:nth-child(3) {
    display: block;
  }
}
.md_item__list .item_list__slide > li {
  background-color: #fff;
  position: relative;
  margin-top: 20px;
  border-radius: 0 10px 10px 10px;
}
.md_item__list .item_list__slide > li a.item_column {
  display: block;
  text-decoration: none;
  position: relative;
  display: grid;
  margin-inline: auto;
  grid-template-columns: 20px auto 20px;
  grid-template-rows: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 0;
  border-radius: 0 10px 10px 10px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  color: var(--col-bfc);
}
.md_item__list .item_list__slide > li a.item_column:hover {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.md_item__list .item_list__slide > li a.item_column > * {
  grid-column: 2;
  width: 100%;
}
.md_item__list .item_area {
  line-height: 1;
  white-space: nowrap;
  -webkit-transform: translateY(-2em);
          transform: translateY(-2em);
  position: absolute;
  left: 0;
  top: 0;
}
.md_item__list .item_area span {
  display: inline-block;
  background-color: var(--col-1);
  color: #fff;
  padding: 0.5em 1em;
  border-radius: 5px 5px 0 0;
}
.md_item__list .item_tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
.md_item__list .item_tags > li {
  line-height: 1.1;
  height: 2.8em;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  padding: 0 0.5em;
}
.md_item__list .item_tags .tags_deal {
  color: var(--col-1);
  border: 1px solid var(--col-1);
  background-color: #f6f6f6;
}
.md_item__list .item_tags .tags_type {
  width: 6em;
  background-color: var(--col-6);
  color: #fff;
}
.md_item__list .item_name {
  line-height: 1.5;
  color: var(--col-1);
  text-align: justify;
}
.md_item__list .item_summary {
  color: #666;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-height: 4.5em;
  overflow: hidden;
  text-align: justify;
  margin-top: 0.75em;
}
.md_item__list .item_img {
  grid-column: 1/4 !important;
}
.md_item__list .item_img img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 16/9;
}
.md_item__list .item_info .dl_wrap {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: 1em;
  margin-bottom: 0.5em;
}
.md_item__list .item_info .dl_wrap:last-child {
  margin-bottom: 0;
}
.md_item__list .item_info .dl_wrap dt {
  border-radius: 5px;
  border: 1px solid var(--col-6);
  color: var(--col-6);
  line-height: 1.2;
  padding: 0.25em 0;
  width: 5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.md_item__list .item_info .dl_wrap dt span {
  display: block;
}
.md_item__list .item_info .dl_wrap dd {
  line-height: 1.2;
  padding: 0.25em 0;
}
.md_item__list .item_info .dl_wrap dd span {
  display: block;
}

@media screen and (max-width: 1240px) {
  .md_itemList__ttl {
    padding-right: 5vw;
    padding-left: 5vw;
  }
}
.md_itemList__ttl.land a::after {
  background-image: url(../images/md_pict09.svg);
}
.md_itemList__ttl.house a::after {
  background-image: url(../images/md_pict10.svg);
}
.md_itemList__ttl.apartment a::after {
  background-image: url(../images/md_pict11.svg);
}
.md_itemList__ttl.store a::after {
  background-image: url(../images/md_pict13.svg);
}
.md_itemList__ttl.office a::after {
  background-image: url(../images/md_pict13.svg);
}
.md_itemList__ttl.warehouse a::after {
  background-image: url(../images/md_pict13.svg);
}
.md_itemList__ttl.factory a::after {
  background-image: url(../images/md_pict13.svg);
}
.md_itemList__ttl a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--col-1);
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  border-radius: 5px;
  line-height: 1;
  white-space: nowrap;
  padding: 0.75em 1em;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 600px) {
  .md_itemList__ttl a {
    text-align: left;
  }
}
.md_itemList__ttl a::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 1em;
  width: 6em;
  aspect-ratio: 16/15;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media screen and (max-width: 600px) {
  .md_itemList__ttl a::after {
    width: 5em;
  }
}
.md_itemList__ttl a:hover {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}

.md_archive__ttl {
  background-color: var(--col-1);
  border-radius: 5px;
}
.md_archive__ttl a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  line-height: 1;
  white-space: nowrap;
  padding: 0.35em 1em 0.45em 1em;
  position: relative;
}
@media screen and (max-width: 980px) {
  .md_archive__ttl a {
    display: block;
  }
}
.md_archive__ttl a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(100% + 1em);
  width: 6em;
  aspect-ratio: 16/15;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media screen and (max-width: 980px) {
  .md_archive__ttl a::after {
    left: auto;
    right: 2vw;
    width: min(20vw, 120px);
  }
}
.md_archive__ttl a:hover {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.md_archive__ttl.land a::after {
  background-image: url(../images/md_pict09.svg);
}
.md_archive__ttl.apartment a::after {
  background-image: url(../images/md_pict11.svg);
}
.md_archive__ttl.house a::after {
  background-image: url(../images/md_pict10.svg);
}
.md_archive__ttl.store a::after {
  background-image: url(../images/md_pict13.svg);
}
.md_archive__ttl.office a::after {
  background-image: url(../images/md_pict09.svg);
}
.md_archive__ttl.warehouse a::after {
  background-image: url(../images/md_pict09.svg);
}
.md_archive__ttl.factory a::after {
  background-image: url(../images/md_pict09.svg);
}

.md_archive__more a {
  display: block;
  width: min(80%, 360px);
  text-decoration: none;
  color: var(--col-1);
  position: relative;
  margin-inline: auto;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.md_archive__more a:hover {
  -webkit-transform: translate(2px, 2px);
          transform: translate(2px, 2px);
}
.md_archive__more a:hover::before {
  top: 0;
  left: 0;
}
.md_archive__more a::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 100%;
  height: 100%;
  border-radius: 2em;
  background-color: var(--col-1);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.md_archive__more a .txt {
  position: relative;
  z-index: 2;
  background-color: #fff;
  display: block;
  padding: 1em 1em;
  border: 2px solid var(--col-1);
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
}
.md_archive__more a .icon {
  position: absolute;
  right: 0.75em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1.5em;
  z-index: 2;
}

.mdArchive .page_head {
  background-color: var(--col-4);
}
.mdArchive .page_icon {
  position: relative;
}
@media screen and (max-width: 768px) {
  .mdArchive .page_icon {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }
}
.mdArchive .page_icon.icon::after {
  content: "";
  position: absolute;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 700px) {
  .mdArchive .page_icon.icon.deal {
    padding-top: 24vw;
  }
}
.mdArchive .page_icon.icon.deal::after {
  bottom: -5px;
  width: 140px;
  aspect-ratio: 14/17;
}
@media screen and (max-width: 980px) {
  .mdArchive .page_icon.icon.deal::after {
    width: 13vw;
  }
}
@media screen and (max-width: 700px) {
  .mdArchive .page_icon.icon.deal::after {
    width: 15vw;
    bottom: auto;
    top: 4vw;
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.mdArchive .page_icon.icon.sale::after {
  background-image: url(../images/md_pict06f.svg);
}
.mdArchive .page_icon.icon.rent::after {
  background-image: url(../images/md_pict08f.svg);
}
@media screen and (max-width: 700px) {
  .mdArchive .page_icon.icon.type {
    padding-top: 24vw;
  }
}
.mdArchive .page_icon.icon.type::after {
  bottom: -10px;
  width: 140px;
  aspect-ratio: 32/30;
}
@media screen and (max-width: 980px) {
  .mdArchive .page_icon.icon.type::after {
    width: 13vw;
  }
}
@media screen and (max-width: 700px) {
  .mdArchive .page_icon.icon.type::after {
    width: 16vw;
    bottom: auto;
    top: 7vw;
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.mdArchive .page_icon.icon.type.land::after {
  background-image: url(../images/md_pict09.svg);
}
.mdArchive .page_icon.icon.type.house::after {
  background-image: url(../images/md_pict10.svg);
}
.mdArchive .page_icon.icon.type.apartment::after {
  background-image: url(../images/md_pict11.svg);
}
.mdArchive .page_icon.icon.type.business_use::after {
  background-image: url(../images/md_pict13.svg);
}
.mdArchive .page_icon.icon.type.office::after {
  background-image: url(../images/md_pict12.svg);
}
.mdArchive .page_icon.icon.type.warehouse::after {
  background-image: url(../images/md_pict24.svg);
}
.mdArchive .page_icon.icon.type.factory::after {
  background-image: url(../images/md_pict23.svg);
}
.mdArchive .page_icon.icon.type.estate_item::after {
  aspect-ratio: 1;
  background-image: url(../images/md_pict10.svg);
}
.mdArchive .page_icon.icon.type.store::after {
  background-image: url(../images/md_pict13.svg);
}
.mdArchive .page_ttl {
  text-align: center;
}
.mdArchive .page_ttl .lead {
  display: block;
  line-height: 1.5;
}
@media screen and (max-width: 700px) {
  .mdArchive .page_ttl .lead {
    font-size: 13px;
  }
}
.mdArchive .page_ttl .lead span::after {
  content: "/";
  padding: 0 0.25em;
}
.mdArchive .page_ttl .lead span:last-child::after {
  display: none;
}
.mdArchive .page_ttl a.termname,
.mdArchive .page_ttl .termname {
  line-height: 1.5;
  display: block;
  text-decoration: none;
  color: var(--col-bfc);
}
.mdArchive .page_ttl .ttl {
  display: block;
  line-height: 1.5;
  color: var(--col-1);
}
.mdArchive .page_ttl a {
  text-decoration: none;
}
.mdArchive .page_term {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px 12px;
  max-width: 500px;
  margin-inline: auto;
}
@media screen and (max-width: 700px) {
  .mdArchive .page_term {
    font-size: 13px;
    gap: 8px 8px;
  }
}
.mdArchive .page_term > li a,
.mdArchive .page_term > li span {
  background-color: #ddd;
  color: #999;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  padding: 0.4em 1em 0.5em 1em;
  border-radius: 2em;
  font-size: 0.8em;
}
.mdArchive .page_term > li a.is_haspost,
.mdArchive .page_term > li span.is_haspost {
  background-color: var(--col-1);
  color: #fff;
  font-size: 1em;
}
.mdArchive .page_term > li a {
  text-decoration: none;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.mdArchive .page_term > li a:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.sEstate_image {
  padding-right: 3vw;
  padding-left: 3vw;
  padding-top: 3vw;
}
.sEstate_image .innr {
  max-width: 980px;
  margin-inline: auto;
}
.sEstate_image .image_photo .photo_slider img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3/2;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.sEstate_image .image_photo .photo_slider img.is-portrait {
  -o-object-fit: contain;
     object-fit: contain;
}
.sEstate_image .image_photo .photo_slider img.is-landscape {
  -o-object-fit: cover;
     object-fit: cover;
}
.sEstate_image .image_photo .photo_slider__thumb {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  grid-gap: 8px;
  padding-top: 8px;
}
.sEstate_image .image_photo .photo_slider__thumb > li {
  cursor: pointer;
  -webkit-filter: brightness(60%);
          filter: brightness(60%);
  background-color: #fff;
  border-radius: 8px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.sEstate_image .image_photo .photo_slider__thumb > li.current {
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
}
.sEstate_image .image_photo .photo_slider__thumb > li img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.sEstate_image .image_photo .photo_slider__thumb > li img.is-portrait {
  -o-object-fit: contain;
     object-fit: contain;
}
.sEstate_image .image_photo .photo_slider__thumb > li img.is-landscape {
  -o-object-fit: cover;
     object-fit: cover;
}
.sEstate_image .image_docs {
  background-color: #ddd;
  height: 500px;
  width: 40%;
}

.sEstate_head {
  background-color: var(--col-4);
}
.sEstate_head .head_deal span {
  display: inline-block;
  border-bottom: 3px solid var(--col-1);
  line-height: 1;
  white-space: nowrap;
  color: var(--col-1);
  padding-bottom: 0.25em;
}
.sEstate_head .head_column {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: 0 var(--gap-30);
}
@media screen and (max-width: 600px) {
  .sEstate_head .head_column {
    grid-template-columns: 1fr;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.sEstate_head .head_icon {
  background-image: url(../images/md_pict10.svg);
  width: 100%;
  aspect-ratio: 16/15;
  margin-top: -5px;
}
@media screen and (max-width: 600px) {
  .sEstate_head .head_icon {
    width: 20vw;
    margin-inline: auto;
    margin-top: -20px;
  }
}
.sEstate_head .head_icon.land {
  background-image: url(../images/md_pict09.svg);
}
.sEstate_head .head_icon.house {
  background-image: url(../images/md_pict10.svg);
}
.sEstate_head .head_icon.apartment {
  background-image: url(../images/md_pict11.svg);
}
.sEstate_head .head_icon.store {
  background-image: url(../images/md_pict13.svg);
}
.sEstate_head .head_icon.office {
  background-image: url(../images/md_pict13.svg);
}
.sEstate_head .head_icon.warehouse {
  background-image: url(../images/md_pict13.svg);
}
.sEstate_head .head_icon.factory {
  background-image: url(../images/md_pict13.svg);
}
.sEstate_head .head_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0;
}
.sEstate_head .head_title .item_type {
  padding-bottom: 0.5em;
}
@media screen and (max-width: 600px) {
  .sEstate_head .head_title .item_type {
    font-size: 13px;
    font-weight: 500;
  }
}
.sEstate_head .head_title .item_type span {
  display: inline-block;
  background-color: var(--col-1);
  color: #fff;
  border-radius: 2em;
  white-space: nowrap;
  line-height: 1;
  padding: 0.35em 0.75em 0.45em 0.75em;
}
.sEstate_head .head_title .item_copy {
  line-height: 1.5;
  text-align: justify;
  padding-bottom: 0.25em;
}
.sEstate_head .head_title .item_name {
  line-height: 1.5;
  text-align: justify;
}

@media screen and (max-width: 900px) {
  .sEstate_price {
    max-width: 720px;
    margin-inline: auto;
  }
}
.sEstate_price .price_column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 50px;
}
.sEstate_price .price_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 20px;
  position: relative;
}
.sEstate_price .price_wrap:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 0;
  left: -25px;
  width: 1px;
  height: 100%;
  background-color: var(--col-6);
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sEstate_price .price_wrap .txt {
  display: inline-block;
  width: 6em;
  background-color: var(--col-6);
  line-height: 1;
  white-space: nowrap;
  padding: 0.4em 0 0.5em 0;
  color: #fff;
  text-align: center;
  letter-spacing: 0.15em;
  text-indent: 0.15em;
  border-radius: 6px;
}
@media screen and (max-width: 600px) {
  .sEstate_price .price_wrap .txt {
    font-size: 15px;
    font-weight: 500;
  }
}
.sEstate_price .price_wrap .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0 5px;
}
.sEstate_price .price_wrap .price .num {
  line-height: 1;
  white-space: nowrap;
  letter-spacing: 0.1em;
}
.sEstate_price .price_wrap .price .unit {
  line-height: 1;
  white-space: nowrap;
  font-size: 0.6em;
  padding-bottom: 0.05em;
}

@media screen and (max-width: 900px) {
  .sEstate_detail {
    max-width: 720px;
    margin-inline: auto;
  }
}
.sEstate_detail .detail_wrap {
  display: grid;
  grid-template-columns: 4fr 3fr;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: var(--gap-60);
}
@media screen and (max-width: 900px) {
  .sEstate_detail .detail_wrap {
    grid-template-columns: 1fr;
  }
}
.sEstate_detail .detail_wrap.par p {
  margin-bottom: 1em;
}
.sEstate_detail .detail_wrap.par p:last-child {
  margin-bottom: 0;
}
.sEstate_detail .detail_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-top: 1px solid #beb9b4;
}
@media screen and (max-width: 600px) {
  .sEstate_detail .detail_content {
    font-size: 14px;
  }
}
.sEstate_detail .detail_content .dl_wrap {
  width: 100%;
  display: grid;
  grid-template-columns: 7em 1fr;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: 0;
  border-bottom: 1px solid #beb9b4;
}
.sEstate_detail .detail_content .dl_wrap.half {
  width: 50%;
}
.sEstate_detail .detail_content .dl_wrap dt {
  font-weight: 500;
  background-color: #dde7b9;
  line-height: 1.5;
  padding: 0.5em 1em;
}
.sEstate_detail .detail_content .dl_wrap dd {
  line-height: 1.5;
  padding: 0.5em 1em 0.5em 1.5em;
}
.sEstate_detail .detail_content .dl_wrap .row_col span::after {
  content: "/";
  padding: 0 0.25em;
}
.sEstate_detail .detail_content .dl_wrap .row_col span:last-child::after {
  display: none;
}
@media screen and (max-width: 600px) {
  .sEstate_detail .detail_comment {
    display: grid;
    grid-template-columns: 1fr 16vw;
    grid-template-rows: auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -ms-flex-line-pack: start;
        align-content: start;
    justify-items: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    grid-gap: var(--gap-20);
  }
}
.sEstate_detail .detail_comment .comment_ttl {
  padding-bottom: 0.5em;
}
@media screen and (max-width: 600px) {
  .sEstate_detail .detail_comment .comment_ttl {
    text-align: center;
  }
}
.sEstate_detail .detail_comment .comment_ttl span {
  display: inline-block;
  line-height: 1.75;
  white-space: nowrap;
  position: relative;
  padding: 0 1em;
  color: var(--col-1);
}
.sEstate_detail .detail_comment .comment_ttl span::before, .sEstate_detail .detail_comment .comment_ttl span::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 3px;
  background-color: var(--col-1);
}
.sEstate_detail .detail_comment .comment_ttl span::before {
  left: 0;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.sEstate_detail .detail_comment .comment_ttl span::after {
  right: 0;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sEstate_detail .detail_comment .comment_content {
  border: 2.5px solid var(--col-1);
  border-radius: 12px;
  padding: 1.75em 2em;
  position: relative;
}
@media screen and (max-width: 600px) {
  .sEstate_detail .detail_comment .comment_content {
    font-size: 14px;
    padding: 1em 1.5em;
  }
}
.sEstate_detail .detail_comment .comment_content::after {
  content: "";
  position: absolute;
  top: calc(100% - 2.5px);
  left: 60%;
  width: 1.75em;
  aspect-ratio: 1;
  border: 2.5px solid var(--col-1);
  border-top: none;
  border-left: none;
  background-color: #fff;
  -webkit-transform: rotate(45deg) translateX(-50%);
          transform: rotate(45deg) translateX(-50%);
}
@media screen and (max-width: 600px) {
  .sEstate_detail .detail_comment .comment_content::after {
    width: 1em;
    top: 20%;
    left: 100%;
    -webkit-transform: rotate(-45deg) translateX(-50%);
            transform: rotate(-45deg) translateX(-50%);
  }
}
.sEstate_detail .detail_comment .comment_content p {
  margin-bottom: 1em;
  position: relative;
  z-index: 2;
}
.sEstate_detail .detail_comment .comment_content p:last-child {
  margin-bottom: 0;
}
.sEstate_detail .detail_comment .comment_pict {
  padding-top: 30px;
  padding-left: 60%;
}
@media screen and (max-width: 600px) {
  .sEstate_detail .detail_comment .comment_pict {
    padding-left: 0;
    padding-top: calc(50px + 20%);
  }
}
.sEstate_detail .detail_comment .comment_pict .pict {
  display: inline-block;
}
.sEstate_detail .detail_comment .comment_pict .pict img {
  max-width: 100%;
  height: auto;
  display: block;
  width: 140px;
  -webkit-transform: translateX(-55%);
          transform: translateX(-55%);
}
@media screen and (max-width: 600px) {
  .sEstate_detail .detail_comment .comment_pict .pict img {
    width: 100%;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.sEstate_map .map_frame {
  aspect-ratio: 16/10;
  overflow: hidden;
}
.sEstate_map .map_frame iframe {
  width: 100%;
  height: 100%;
  display: block;
}

.md_termTitle {
  position: relative;
}
.md_termTitle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 2px;
  width: 100%;
  height: 2.5px;
  background-color: var(--col-1);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.md_termTitle a {
  display: inline-block;
  background-color: var(--col-1);
  color: #fff;
  line-height: 1;
  white-space: nowrap;
  padding: 0.75em 3em;
  text-decoration: none;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  border-radius: 2em;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 600px) {
  .md_termTitle a {
    padding: 0.75em 1.5em;
  }
}
.md_termTitle a:hover {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}

.sPost_head {
  background-color: var(--col-4);
}
.sPost_head.single .head_ttl::after {
  display: none;
}
.sPost_head .head_column {
  position: relative;
  overflow: hidden;
}
.sPost_head .head_ttl {
  position: relative;
}
@media screen and (max-width: 768px) {
  .sPost_head .head_ttl {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }
}
.sPost_head .head_ttl a {
  text-decoration: none;
  color: var(--col-1);
}
.sPost_head .head_ttl.news::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 120%;
  aspect-ratio: 1;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(../images/md_pict01.svg);
}

@media screen and (max-width: 600px) {
  .sPost_header {
    padding-top: 8vw;
  }
}
.sPost_header .sPost_title {
  line-height: 1.5;
}
.sPost_header .sPost_date {
  display: block;
  color: #555;
  border-bottom: 2px solid var(--col-1);
  line-height: 1;
  white-space: nowrap;
  letter-spacing: 0.1em;
}
.sPost_header .sPost_eyecatch img {
  height: auto;
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}

.sPost_entry h2 span {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, transparent), color-stop(60%, #cce5d3), to(#cce5d3));
  background: linear-gradient(to bottom, transparent 0%, transparent 60%, #cce5d3 60%, #cce5d3 100%);
  padding-bottom: 0.25em;
}

.sPost_policy {
  line-height: 1.65;
}
.sPost_policy p {
  margin-bottom: 1em;
}
.sPost_policy p:last-child {
  margin-bottom: 0;
}
.sPost_policy p.last {
  text-align: right;
}
.sPost_policy .chapter .chp_ttl {
  line-height: 1.5;
}
.sPost_policy .chapter .chp_list {
  padding-left: 1.5em;
}
.sPost_policy .chapter .chp_list.num > li {
  list-style-type: decimal;
}
.sPost_policy .chapter .chp_list.num > li::marker {
  font-size: 1em;
}
.sPost_policy .chapter .chp_list > li {
  line-height: 1.5;
  list-style-type: disc;
  margin-bottom: 0.25em;
}
.sPost_policy .chapter .chp_list > li:last-child {
  margin-bottom: 0;
}
.sPost_policy .chapter .chp_list > li::marker {
  font-size: 0.75em;
}

.pInfo {
  background-color: var(--col-4);
}
.pInfo .info_head {
  padding: var(--gap-40);
}
@media screen and (max-width: 768px) {
  .pInfo .info_head {
    padding: 0;
  }
}
.pInfo .info_head .innr {
  background-image: url(../images/md_001.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  max-width: 1600px;
  margin-inline: auto;
  aspect-ratio: 16/9;
  position: relative;
}
@media screen and (max-width: 768px) {
  .pInfo .info_head .innr {
    aspect-ratio: 4/3;
  }
}
@media screen and (max-width: 500px) {
  .pInfo .info_head .innr {
    aspect-ratio: 5/6;
  }
}
.pInfo .info_ttl {
  position: absolute;
  left: var(--gap-30);
  top: var(--gap-30);
}
.pInfo .info_ttl span {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  display: inline-block;
  background-color: #fff;
  font-size: min(4vw, 50px);
  line-height: 1.5;
  white-space: nowrap;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
  padding: 0.15em 0;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .pInfo .info_ttl span {
    font-size: min(7vw, 36px);
  }
}
.pInfo .info_intro {
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  .pInfo .info_intro {
    margin-top: 0;
  }
}
.pInfo .info_intro .intro_ttl {
  text-align: center;
}
@media screen and (max-width: 600px) {
  .pInfo .info_intro .intro_ttl {
    font-size: 4.5vw;
    padding: 12vw 0;
  }
}
.pInfo .info_intro .intro_ttl span {
  display: inline-block;
  background-color: #fff;
  color: var(--col-1);
  line-height: 1.5;
  border: 1px solid #000;
  padding: 0.1em 0.4em;
  margin-bottom: 0.5em;
}
.pInfo .info_intro .intro_ttl span:last-child {
  margin-bottom: 0;
}
.pInfo .info_intro .intro_summary {
  position: relative;
  grid-column: 2/4;
}
@media screen and (max-width: 768px) {
  .pInfo .info_intro .intro_summary {
    grid-column: 2/3;
    font-size: 16px;
    padding-left: 2vw;
    padding-right: 2vw;
  }
}
@media screen and (max-width: 600px) {
  .pInfo .info_intro .intro_summary {
    margin-top: 0;
  }
}
.pInfo .info_intro .intro_summary p {
  line-height: 2;
  margin-bottom: 1.5em;
  text-align: justify;
}
@media screen and (max-width: 768px) {
  .pInfo .info_intro .intro_summary p br {
    display: none;
  }
}
.pInfo .info_intro .intro_summary p.break {
  margin-bottom: 0;
}
.pInfo .info_intro .intro_summary p:last-child {
  margin-bottom: 0;
}
.pInfo .info_intro .intro_summary .pict {
  position: absolute;
  top: 1em;
  left: 33em;
  width: min(65vw, 380px);
}
@media screen and (max-width: 860px) {
  .pInfo .info_intro .intro_summary .pict {
    position: static;
    margin-left: auto;
  }
}
.pInfo .info_details .details_column {
  background-color: #fff;
}
@media screen and (max-width: 600px) {
  .pInfo .info_details .details_column {
    padding: 8vw 0;
  }
}
.pInfo .info_details .details_column .col_section {
  max-width: 560px;
  margin-inline: auto;
}
.pInfo .info_details .details_ttl {
  text-align: center;
}
.pInfo .info_details .details_ttl span {
  color: var(--col-1);
  border-bottom: 4px solid var(--col-1);
  line-height: 1.5;
  padding-bottom: 0.2em;
}
.pInfo .info_details .details_list {
  padding-right: 1.5em;
  padding-left: 1.5em;
}
@media screen and (max-width: 768px) {
  .pInfo .info_details .details_list.biz .d_wrap {
    grid-template-columns: 6em 1fr;
  }
}
.pInfo .info_details .details_list .d_wrap {
  display: grid;
  grid-template-columns: 9em 1fr;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: 3em;
}
@media screen and (max-width: 768px) {
  .pInfo .info_details .details_list .d_wrap {
    grid-template-columns: 4em 1fr;
  }
}
.pInfo .info_details .details_list dt {
  font-weight: 500;
  line-height: 1.5;
  padding: 0.5em 0;
}
.pInfo .info_details .details_list dt span {
  display: inline-block;
}
.pInfo .info_details .details_list dd {
  line-height: 1.5;
  padding: 0.5em 0;
}
.pInfo .info_details .details_list dd ul > li {
  margin-bottom: 0.25em;
}
.pInfo .info_details .details_list dd ul > li:last-child {
  margin-bottom: 0;
}

.pSale .sale_head {
  background-image: url(../images/md_002.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  max-width: 1800px;
  margin-inline: auto;
  aspect-ratio: 16/9;
  position: relative;
}
@media screen and (max-width: 768px) {
  .pSale .sale_head {
    aspect-ratio: 4/3;
  }
}
@media screen and (max-width: 500px) {
  .pSale .sale_head {
    aspect-ratio: 5/6;
  }
}
.pSale .sale_ttl {
  position: absolute;
  left: 10vw;
  top: 5vw;
  width: 240px;
}
@media screen and (max-width: 980px) {
  .pSale .sale_ttl {
    width: min(30vw, 180px);
  }
}
@media screen and (max-width: 500px) {
  .pSale .sale_ttl {
    top: 10vw;
  }
}
.pSale .sale_ttl img {
  width: 100%;
  height: auto;
  display: block;
}
.pSale .sale_intro {
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  .pSale .sale_intro {
    margin-top: 10vw;
    padding-bottom: 8vw;
  }
}
.pSale .sale_intro .intro_ttl {
  text-align: center;
}
.pSale .sale_intro .intro_ttl .main {
  display: block;
}
@media screen and (max-width: 600px) {
  .pSale .sale_intro .intro_ttl .main {
    font-size: 5vw;
  }
}
.pSale .sale_intro .intro_ttl .main span {
  display: inline-block;
  background-color: #fff;
  line-height: 1.5;
  padding: 0 0.1em;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(70%, #fce148), to(#fce148));
  background: linear-gradient(to bottom, transparent 0%, transparent 70%, #fce148 70%, #fce148 100%);
}
.pSale .sale_intro .intro_ttl .lead {
  display: block;
}
@media screen and (max-width: 600px) {
  .pSale .sale_intro .intro_ttl .lead {
    font-size: 4vw;
  }
}
.pSale .sale_intro .intro_ttl .lead span {
  display: inline-block;
  text-align: left;
}
.pSale .sale_intro .intro_summary {
  position: relative;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pSale .sale_intro .intro_summary {
    text-align: justify;
  }
  .pSale .sale_intro .intro_summary br {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .pSale .sale_intro .intro_summary {
    font-size: min(4vw, 16px);
    margin-top: 8vw;
  }
}
.pSale .sale_intro .intro_summary p {
  line-height: 2;
  margin-bottom: 1.5em;
}
.pSale .sale_intro .intro_summary p.break {
  margin-bottom: 0;
}
.pSale .sale_intro .intro_summary p:last-child {
  margin-bottom: 0;
}
.pSale .sale_intro .intro_check {
  max-width: 600px;
  margin-inline: auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .pSale .sale_intro .intro_check {
    font-size: 17px;
  }
}
.pSale .sale_intro .intro_check::after {
  content: "";
  position: absolute;
  bottom: -1em;
  left: calc(100% + 1em);
  width: 150px;
  aspect-ratio: 16/34;
  background-image: url(../images/md_pict14.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left bottom;
}
@media screen and (max-width: 980px) {
  .pSale .sale_intro .intro_check::after {
    left: auto;
    right: 0;
    width: min(19vw, 100px);
  }
}
.pSale .sale_intro .intro_check > li {
  border: 2px solid var(--col-1);
  border-radius: 2em;
  line-height: 1.5;
  position: relative;
  padding: 0.25em 0;
  padding-left: 4em;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .pSale .sale_intro .intro_check > li {
    padding: 0.5em 1.5em 0.5em 3em;
    border-radius: 12px;
  }
}
.pSale .sale_intro .intro_check > li br {
  display: none;
}
@media screen and (max-width: 600px) {
  .pSale .sale_intro .intro_check > li br {
    display: block;
  }
}
.pSale .sale_intro .intro_check > li .icon {
  display: block;
  width: 1.25em;
  line-height: 1.25;
  aspect-ratio: 1;
  color: #fff;
  background-color: var(--col-1);
  font-size: 2em;
  border-radius: 2em;
  text-align: center;
  position: absolute;
  top: -0.35em;
  left: 0.5em;
}
@media screen and (max-width: 768px) {
  .pSale .sale_intro .intro_check > li .icon {
    width: 1em;
    line-height: 1;
    font-size: 1.5em;
    left: 0.5em;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.pSale .sale_problem {
  background-color: #f5f5f5;
}
@media screen and (max-width: 600px) {
  .pSale .sale_problem {
    padding-bottom: 8vw;
  }
}
.pSale .sale_problem .problem_ttl {
  text-align: center;
}
.pSale .sale_problem .problem_ttl .main {
  display: block;
  color: var(--col-1);
}
@media screen and (max-width: 600px) {
  .pSale .sale_problem .problem_ttl .main {
    font-size: 5.5vw;
  }
}
@media screen and (max-width: 600px) {
  .pSale .sale_problem .problem_ttl .lead {
    font-size: 4.5vw;
  }
}
.pSale .sale_problem .problem_ttl .lead span {
  display: inline-block;
  text-align: left;
}
.pSale .sale_problem .problem_list > li {
  display: grid;
  grid-template-columns: 30% 1fr;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: var(--gap-30);
  margin-bottom: var(--gap-40);
}
@media screen and (max-width: 600px) {
  .pSale .sale_problem .problem_list > li {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0;
    width: 95%;
    margin-inline: auto;
    margin-bottom: 20px;
  }
}
.pSale .sale_problem .problem_list > li:last-child {
  margin-bottom: 0;
}
.pSale .sale_problem .problem_list > li:nth-child(2n) {
  grid-template-columns: 1fr 30%;
}
@media screen and (max-width: 600px) {
  .pSale .sale_problem .problem_list > li:nth-child(2n) {
    grid-template-columns: repeat(3, 1fr);
  }
}
.pSale .sale_problem .problem_list > li:nth-child(2n) .thumb {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (max-width: 600px) {
  .pSale .sale_problem .problem_list > li:nth-child(2n) .thumb {
    grid-column: 3/4;
  }
}
.pSale .sale_problem .problem_list > li:nth-child(2n) .comment::after {
  left: auto;
  right: -5px;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  border-right: 2px solid var(--col-1);
  border-top: none;
  border-left: none;
}
@media screen and (max-width: 600px) {
  .pSale .sale_problem .problem_list > li:nth-child(2n) .comment::after {
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    width: 20px;
    top: calc(100% + 5.5px);
    left: 65%;
    border-bottom: 2px solid var(--col-1);
    border-left: none;
    border-right: 2px solid var(--col-1);
  }
}
@media screen and (max-width: 600px) {
  .pSale .sale_problem .problem_list .thumb {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-transform: translateY(-5vw);
            transform: translateY(-5vw);
    position: relative;
    z-index: 2;
  }
}
.pSale .sale_problem .problem_list .thumb img {
  width: 100%;
  height: auto;
  display: block;
}
.pSale .sale_problem .problem_list .comment {
  border-radius: 10px;
  border: 2px solid var(--col-1);
  padding: var(--gap-20) var(--gap-30);
  background-color: #fff;
  position: relative;
}
@media screen and (max-width: 600px) {
  .pSale .sale_problem .problem_list .comment {
    grid-column: 1/4;
  }
}
.pSale .sale_problem .problem_list .comment::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -5px;
  width: 30px;
  aspect-ratio: 1;
  background-color: #fff;
  border-left: 2px solid var(--col-1);
  border-bottom: 2px solid var(--col-1);
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  -webkit-transform-origin: center top;
          transform-origin: center top;
}
@media screen and (max-width: 600px) {
  .pSale .sale_problem .problem_list .comment::after {
    width: 20px;
    top: calc(100% + 5.5px);
    left: 35%;
    border-bottom: 2px solid var(--col-1);
    border-left: none;
    border-right: 2px solid var(--col-1);
  }
}
.pSale .sale_problem .problem_list .comment .comment_ttl {
  color: var(--col-1);
  line-height: 1.5;
}
.pSale .sale_problem .problem_list .comment .comment_ttl span {
  display: inline-block;
}
.pSale .sale_problem .problem_list .comment .comment_list > li {
  margin-bottom: 0.5em;
  line-height: 1.5;
  position: relative;
  padding-left: 1.25em;
}
.pSale .sale_problem .problem_list .comment .comment_list > li::before {
  content: "";
  position: absolute;
  top: 0.45em;
  left: 0;
  width: 0.75em;
  aspect-ratio: 1;
  background-color: var(--col-1);
  border-radius: 1em;
}
.pSale .sale_faq .sale_faqList {
  padding: var(--gap-30);
  border: 5px solid var(--col-3);
  border-radius: 12px;
}
.pSale .sale_flow {
  background-color: var(--col-4);
}
@media screen and (max-width: 900px) {
  .pSale .sale_flow .flow_intro {
    padding-left: 100px;
  }
}
@media screen and (max-width: 600px) {
  .pSale .sale_flow .flow_intro {
    padding-left: 0;
    padding-top: 8vw;
  }
}
.pSale .sale_flow .flow_intro .intro_ttl {
  color: var(--col-1);
  text-align: center;
}
.pSale .sale_flow .flow_intro .intro_ttl span {
  display: inline-block;
}
.pSale .sale_flow .flow_intro .intro_summary {
  text-align: center;
  position: relative;
}
@media screen and (max-width: 900px) {
  .pSale .sale_flow .flow_intro .intro_summary {
    text-align: justify;
  }
  .pSale .sale_flow .flow_intro .intro_summary br {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .pSale .sale_flow .flow_intro .intro_summary {
    font-size: 15px;
  }
}
.pSale .sale_flow .flow_intro .intro_summary::after {
  content: "";
  position: absolute;
  bottom: -1em;
  left: 0;
  width: 80px;
  aspect-ratio: 12/34;
  background-image: url(../images/md_pict18.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left bottom;
}
@media screen and (max-width: 900px) {
  .pSale .sale_flow .flow_intro .intro_summary::after {
    left: -100px;
  }
}
@media screen and (max-width: 600px) {
  .pSale .sale_flow .flow_intro .intro_summary::after {
    display: none;
  }
}
.pSale .sale_flow .flow_intro .intro_summary p {
  margin-bottom: 1em;
}
.pSale .sale_flow .flow_intro .intro_summary p:last-child {
  margin-bottom: 0;
}
.pSale .sale_flow .flow_step.support .step_ttl {
  color: var(--col-6);
}
.pSale .sale_flow .flow_step.support .step_num .circle {
  background-color: var(--col-6);
}
.pSale .sale_flow .flow_step.support .step_num .circle::before {
  background-color: var(--col-6);
}
.pSale .sale_flow .flow_step.support .step_num .circle::after {
  background-color: var(--col-6);
}
.pSale .sale_flow .flow_step > li {
  background-color: #fff;
  margin-bottom: var(--gap-25);
  padding: var(--gap-25);
  border-radius: 5px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 0.5em var(--gap-30);
  position: relative;
}
@media screen and (max-width: 768px) {
  .pSale .sale_flow .flow_step > li {
    margin-left: 3vw;
  }
}
@media screen and (max-width: 540px) {
  .pSale .sale_flow .flow_step > li {
    margin-left: 4vw;
  }
}
.pSale .sale_flow .flow_step > li:first-child .step_num .circle::before {
  display: none;
}
.pSale .sale_flow .flow_step > li:last-child .step_num .circle::after {
  display: none;
}
.pSale .sale_flow .flow_step .step_ttl {
  line-height: 1.5;
  color: var(--col-1);
}
.pSale .sale_flow .flow_step .step_ttl span {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .pSale .sale_flow .flow_step .step_ttl {
    font-size: 16px;
  }
}
.pSale .sale_flow .flow_step .step_summmary {
  line-height: 1.5;
  text-align: justify;
}
@media screen and (max-width: 768px) {
  .pSale .sale_flow .flow_step .step_summmary {
    font-size: 13px;
  }
}
.pSale .sale_flow .flow_step .step_num .circle {
  background-color: var(--col-1);
  color: #fff;
  text-align: center;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px 0;
  border-radius: 50%;
  width: 100px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .pSale .sale_flow .flow_step .step_num .circle {
    width: min(15vw, 70px);
    font-size: min(3.25vw, 15px);
    position: absolute;
    left: -35px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media screen and (max-width: 540px) {
  .pSale .sale_flow .flow_step .step_num .circle {
    width: 15vw;
    font-size: 3.25vw;
    left: -7.5vw;
  }
}
.pSale .sale_flow .flow_step .step_num .circle::before, .pSale .sale_flow .flow_step .step_num .circle::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 5px;
  height: 150%;
  background-color: var(--col-1);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 540px) {
  .pSale .sale_flow .flow_step .step_num .circle::before, .pSale .sale_flow .flow_step .step_num .circle::after {
    width: 2.5px;
  }
}
.pSale .sale_flow .flow_step .step_num .circle::before {
  top: -100%;
}
.pSale .sale_flow .flow_step .step_num .circle::after {
  top: 100%;
}
.pSale .sale_flow .flow_step .step_num .txt {
  display: block;
  white-space: nowrap;
  line-height: 1;
  margin-top: 0.5em;
  position: relative;
  z-index: 3;
}
.pSale .sale_flow .flow_step .step_num .num {
  display: block;
  white-space: nowrap;
  line-height: 1;
  font-size: 1.75em;
  position: relative;
  z-index: 3;
}
.pSale .sale_flow .flow_step .step_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5em 0;
}
.pSale .flow_support .support_ttlWrap {
  padding-right: 180px;
}
@media screen and (max-width: 600px) {
  .pSale .flow_support .support_ttlWrap {
    padding-right: 0;
  }
}
.pSale .flow_support .support_ttl {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid var(--col-6);
  padding: 0.2em 2em 0.3em 2em;
  border-radius: 2em;
  background-color: #fff;
  position: relative;
}
.pSale .flow_support .support_ttl::after {
  content: "";
  position: absolute;
  top: calc(100% + 2px);
  left: 50%;
  background-color: #fff;
  border-right: 2px solid var(--col-6);
  border-bottom: 2px solid var(--col-6);
  width: 0.6em;
  aspect-ratio: 1;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.pSale .flow_support .support_ttl span {
  display: inline-block;
  color: var(--col-6);
  line-height: 1.5;
}
.pSale .flow_support .support_summary {
  position: relative;
  padding-right: 180px;
}
@media screen and (max-width: 600px) {
  .pSale .flow_support .support_summary {
    padding-right: 0;
    font-size: 15px;
  }
}
.pSale .flow_support .support_summary::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 160px;
  aspect-ratio: 14/17;
  background-image: url(../images/md_pict07f.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (max-width: 600px) {
  .pSale .flow_support .support_summary::after {
    display: none;
  }
}
.pSale .sale_strength .strength_point {
  max-width: 900px;
  margin-inline: auto;
}
.pSale .sale_strength .strength_point > li {
  border: 2.5px solid var(--col-1);
  border-radius: 12px;
  position: relative;
  display: grid;
  grid-template-columns: 40% 1fr;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: 0;
  margin-bottom: var(--gap-80);
}
@media screen and (max-width: 600px) {
  .pSale .sale_strength .strength_point > li {
    grid-template-columns: 1fr;
  }
}
.pSale .sale_strength .strength_point > li:nth-child(2n) {
  grid-template-columns: 1fr 40%;
}
@media screen and (max-width: 600px) {
  .pSale .sale_strength .strength_point > li:nth-child(2n) {
    grid-template-columns: 1fr;
  }
}
.pSale .sale_strength .strength_point > li:nth-child(2n) .point_image {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  border-radius: 0 10px 10px 0;
}
@media screen and (max-width: 600px) {
  .pSale .sale_strength .strength_point > li:nth-child(2n) .point_image {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    border-radius: 0 0 10px 10px;
  }
}
.pSale .sale_strength .strength_point .point_image {
  border-radius: 10px 0 0 10px;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  .pSale .sale_strength .strength_point .point_image {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    border-radius: 0 0 10px 10px;
  }
}
.pSale .sale_strength .strength_point .point_image img {
  max-width: 100%;
  height: auto;
  display: block;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 600px) {
  .pSale .sale_strength .strength_point .point_image img {
    aspect-ratio: 16/9;
  }
}
.pSale .sale_strength .strength_point .point_column {
  position: relative;
  padding: var(--gap-40);
}
@media screen and (max-width: 600px) {
  .pSale .sale_strength .strength_point .point_column {
    padding: 5vw;
    padding-top: 40px;
  }
}
.pSale .sale_strength .strength_point .point_summary {
  text-align: justify;
}
@media screen and (max-width: 600px) {
  .pSale .sale_strength .strength_point .point_summary {
    font-size: 14px;
  }
}
.pSale .sale_strength .strength_point .point_num {
  text-align: center;
  display: inline-block;
  background-color: #fff;
  position: relative;
  color: var(--col-1);
  padding: 0 2.5em;
  z-index: 2;
  position: absolute;
  top: -1.75em;
  left: 2em;
}
@media screen and (max-width: 600px) {
  .pSale .sale_strength .strength_point .point_num {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.pSale .sale_strength .strength_point .point_num::before, .pSale .sale_strength .strength_point .point_num::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 3px;
  background-color: var(--col-1);
  height: 80%;
}
.pSale .sale_strength .strength_point .point_num::before {
  left: 0.5em;
  -webkit-transform: translateY(-50%) rotate(-30deg);
          transform: translateY(-50%) rotate(-30deg);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
.pSale .sale_strength .strength_point .point_num::after {
  right: 0.5em;
  -webkit-transform: translateY(-50%) rotate(30deg);
          transform: translateY(-50%) rotate(30deg);
  -webkit-transform-origin: right top;
          transform-origin: right top;
}
.pSale .sale_strength .strength_point .point_num .txt {
  display: block;
  line-height: 1;
  white-space: nowrap;
  padding-bottom: 0.25em;
}
.pSale .sale_strength .strength_point .point_num .num {
  display: block;
  font-size: 2em;
  line-height: 1;
  white-space: nowrap;
}
.pSale .sale_strength .strength_point .point_ttl {
  padding-bottom: 0.5em;
}
@media screen and (max-width: 600px) {
  .pSale .sale_strength .strength_point .point_ttl {
    text-align: center;
  }
}
.pSale .sale_strength .strength_point .point_ttl span {
  display: block;
  line-height: 1.5;
  color: var(--col-1);
}
.pSale .sale_service .service_summary p {
  text-align: center;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 768px) {
  .pSale .sale_service .service_summary p {
    text-align: justify;
  }
  .pSale .sale_service .service_summary p br {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .pSale .sale_service .service_summary p {
    margin-top: -1em;
    font-size: 4vw;
  }
}
.pSale .sale_service .service_summary p:last-child {
  margin-bottom: 0;
}
.pSale .sale_service .service_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: var(--gap-40);
}
@media screen and (max-width: 1023px) {
  .pSale .sale_service .service_list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 700px) {
  .pSale .sale_service .service_list {
    grid-template-columns: 1fr;
  }
}
.pSale .sale_service .service_list .list_ttl {
  background-color: var(--col-1);
  color: #fff;
  text-align: center;
  line-height: 1.25;
  white-space: nowrap;
  min-height: 3.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25em 0;
  border-radius: 1em;
  position: relative;
}
.pSale .sale_service .service_list .list_ttl::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0.6em;
  aspect-ratio: 1;
  background-color: var(--col-1);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.pSale .sale_service .service_list .list_ttl::before {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 15px;
  width: 40px;
  aspect-ratio: 12/34;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media screen and (max-width: 600px) {
  .pSale .sale_service .service_list .list_ttl::before {
    width: 9vw;
  }
}
.pSale .sale_service .service_list .list_ttl.sale::before {
  background-image: url(../images/md_pict19.svg);
}
.pSale .sale_service .service_list .list_ttl.rent::before {
  background-image: url(../images/md_pict20.svg);
}
.pSale .sale_service .service_list .list_ttl.contact::before {
  background-image: url(../images/md_pict21.svg);
}
.pSale .sale_service .service_list .list_ttl .tl {
  display: block;
}
.pSale .sale_service .service_list .list_ttl .tg {
  display: block;
}
.pSale .sale_service .service_list .list_request {
  border-bottom: 3px dotted var(--col-1);
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.pSale .sale_service .service_list .list_sttl {
  color: var(--col-1);
}
@media screen and (max-width: 600px) {
  .pSale .sale_service .service_list .list_check {
    font-size: 15px;
  }
}
.pSale .sale_service .service_list .list_check.alt > li::before {
  background-color: var(--col-1);
  color: #fff;
}
.pSale .sale_service .service_list .list_check > li {
  position: relative;
  padding-left: 2.5em;
  line-height: 1.5;
  margin-bottom: 1em;
}
.pSale .sale_service .service_list .list_check > li::before {
  content: "";
  position: absolute;
  top: -0.1em;
  left: 0;
  width: 1.35em;
  height: 1.35em;
  border: 2.5px solid var(--col-1);
  font-family: "Material Symbols Outlined";
  content: "\e5ca";
  font-size: 1.35em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  color: var(--col-1);
  background-color: #fff;
  border-radius: 2em;
}
.pSale .sale_service .service_list .list_check > li .break span {
  display: inline-block;
}
.pSale .sale_service .service_list .list_check .arrow {
  position: relative;
  padding-left: 2.5em;
  margin-top: 0.5em;
}
.pSale .sale_service .service_list .list_check .arrow::before {
  content: "";
  position: absolute;
  top: 0.35em;
  left: 0;
  width: 2em;
  height: 1em;
  background-color: #000;
  clip-path: polygon(0% 25%, 65% 25%, 65% 0%, 100% 50%, 65% 100%, 65% 75%, 0% 75%);
}
.pSale .sale_service .service_list .list_check .arrow .line {
  line-height: 1.5;
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(70%, #fce148), to(#fce148));
  background: linear-gradient(to bottom, transparent 0%, transparent 70%, #fce148 70%, #fce148 100%);
}
.pSale .sale_service .service_list .list_check .arrow .txt {
  display: block;
  line-height: 1.5;
}
.pSale .l_bg {
  position: relative;
}
.pSale .l_bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: min(55vw, 450px);
  background-color: #dee9a3;
}

.pSale_secTtl {
  text-align: center;
}
.pSale_secTtl a,
.pSale_secTtl span {
  display: inline-block;
  border-bottom: 4px solid var(--col-1);
  line-height: 1;
  white-space: nowrap;
  padding-bottom: 0.35em;
  text-decoration: none;
  color: var(--col-bfc);
}

.pSale_imgTt {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 600px) {
  .pSale_imgTt {
    grid-column: 1/4;
  }
}
.pSale_imgTt.left .cover_copy {
  right: 0;
}
.pSale_imgTt.left .imgTtl_txt .en {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .pSale_imgTt.left .imgTtl_txt .en {
    text-align: center;
  }
}
.pSale_imgTt.left .imgTtl_txt .main {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .pSale_imgTt.left .imgTtl_txt .main {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 1em;
  }
}
.pSale_imgTt.right .cover_copy {
  left: 0;
}
.pSale_imgTt.right .cover_img {
  margin-left: auto;
}
.pSale_imgTt .imgTtl_txt {
  position: relative;
}
.pSale_imgTt .imgTtl_txt .en {
  display: block;
  line-height: 1;
  white-space: nowrap;
  font-size: min(15vw, 80px);
  color: #fff;
}
@media screen and (max-width: 768px) {
  .pSale_imgTt .imgTtl_txt .en {
    text-align: center;
  }
}
.pSale_imgTt .imgTtl_txt .main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.25em;
}
@media screen and (max-width: 768px) {
  .pSale_imgTt .imgTtl_txt .main {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 1em;
  }
}
@media screen and (max-width: 600px) {
  .pSale_imgTt .imgTtl_txt .main {
    font-size: 18px;
  }
}
.pSale_imgTt .imgTtl_txt .main span {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
}
.pSale_imgTt .imgTtl_txt .main .fill {
  background-color: var(--col-1);
  color: #fff;
  padding: 0.2em 0.4em 0.3em 0.4em;
  font-size: 1.2em;
}
.pSale_imgTt .imgTtl_cover {
  position: relative;
}
.pSale_imgTt .imgTtl_cover .cover_img {
  width: 77%;
}
@media screen and (max-width: 600px) {
  .pSale_imgTt .imgTtl_cover .cover_img {
    width: 100%;
  }
}
.pSale_imgTt .imgTtl_cover .cover_img img {
  height: auto;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/10;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 600px) {
  .pSale_imgTt .imgTtl_cover .cover_img img {
    aspect-ratio: 4/3;
  }
}
.pSale_imgTt .imgTtl_cover .cover_copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.4em 0;
  position: absolute;
  bottom: 1em;
}
@media screen and (max-width: 600px) {
  .pSale_imgTt .imgTtl_cover .cover_copy {
    position: static;
    width: 90%;
    margin-inline: auto;
    margin-top: -1em;
    font-size: min(4.56vw, 26px);
  }
}
.pSale_imgTt .imgTtl_cover .cover_copy span {
  display: inline-block;
  background-color: #fff;
  border: 1px solid #000;
  line-height: 1.5;
  padding: 0 0.35em 0.1em 0.35em;
  color: var(--col-1);
}

.aFaq .faq_term {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1em;
}
.aFaq .faq_term > li a {
  display: inline-block;
  text-decoration: none;
  color: var(--col-1);
  border: 2px solid var(--col-1);
  border-radius: 8px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  line-height: 1;
  white-space: nowrap;
  padding: 0.5em 0.5em;
}
.aFaq .faq_term > li a:hover {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}

.md_faqlist.count .d_wrap:nth-child(1) dt::before {
  content: "Q1";
}
.md_faqlist.count .d_wrap:nth-child(2) dt::before {
  content: "Q2";
}
.md_faqlist.count .d_wrap:nth-child(3) dt::before {
  content: "Q3";
}
.md_faqlist.count .d_wrap:nth-child(4) dt::before {
  content: "Q4";
}
.md_faqlist.count .d_wrap:nth-child(5) dt::before {
  content: "Q5";
}
.md_faqlist.count .d_wrap:nth-child(6) dt::before {
  content: "Q6";
}
.md_faqlist.count .d_wrap:nth-child(7) dt::before {
  content: "Q7";
}
.md_faqlist.count .d_wrap:nth-child(8) dt::before {
  content: "Q8";
}
.md_faqlist.count .d_wrap:nth-child(9) dt::before {
  content: "Q9";
}
.md_faqlist.count .d_wrap:nth-child(10) dt::before {
  content: "Q10";
}
.md_faqlist.count .d_wrap:nth-child(11) dt::before {
  content: "Q11";
}
.md_faqlist.count .d_wrap:nth-child(12) dt::before {
  content: "Q12";
}
.md_faqlist.count .d_wrap:nth-child(13) dt::before {
  content: "Q13";
}
.md_faqlist.count .d_wrap:nth-child(14) dt::before {
  content: "Q14";
}
.md_faqlist.count .d_wrap:nth-child(15) dt::before {
  content: "Q15";
}
.md_faqlist.count .d_wrap dt {
  padding-left: 4em;
}
@media screen and (max-width: 600px) {
  .md_faqlist.count .d_wrap dt {
    padding-left: 3.5em;
  }
}
.md_faqlist .d_wrap {
  margin-bottom: var(--gap-30);
}
.md_faqlist .d_wrap:last-child {
  margin-bottom: 0;
}
.md_faqlist .d_wrap dt {
  position: relative;
  line-height: 1.5;
  color: var(--col-1);
  padding-right: 2.5em;
  padding-left: 2.25em;
  cursor: pointer;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  position: relative;
}
.md_faqlist .d_wrap dt .question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 5px 10px;
}
@media screen and (max-width: 600px) {
  .md_faqlist .d_wrap dt .question {
    font-size: 15px;
  }
}
.md_faqlist .d_wrap dt .question .category {
  margin-top: 0.35em;
}
@media screen and (max-width: 600px) {
  .md_faqlist .d_wrap dt .question .category {
    margin-top: 1px;
  }
}
.md_faqlist .d_wrap dt .question .category i {
  font-style: normal;
  display: block;
  line-height: 1;
  white-space: nowrap;
  border: 1.5px solid var(--col-1);
  text-align: center;
  font-size: 12px;
  border-radius: 5px;
  aspect-ratio: 1;
  overflow: hidden;
  padding: 0.25em;
  font-weight: 600;
}
.md_faqlist .d_wrap dt::before {
  font-family: "Josefin Sans", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  content: "Q";
  position: absolute;
  top: 0.2em;
  left: 0;
  font-size: 1.75em;
  line-height: 1;
  color: var(--col-1);
}
@media screen and (max-width: 600px) {
  .md_faqlist .d_wrap dt::before {
    font-size: 1.5em;
    top: 0.1em;
  }
}
.md_faqlist .d_wrap dt:hover {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.md_faqlist .d_wrap dt .icon {
  position: absolute;
  top: 0.25em;
  right: 0;
  width: 1em;
  aspect-ratio: 1;
  background-color: #fff;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  font-size: 22px;
}
@media screen and (max-width: 600px) {
  .md_faqlist .d_wrap dt .icon {
    top: 0.5em;
    font-size: 16px;
  }
}
.md_faqlist .d_wrap dt.is-open .icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.md_faqlist .d_wrap dd {
  margin-left: 70px;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.4s ease;
  transition: max-height 0.4s ease;
}
@media screen and (max-width: 600px) {
  .md_faqlist .d_wrap dd {
    margin-left: 0;
    font-size: 14px;
  }
}
.md_faqlist .d_wrap dd .innr {
  margin-top: var(--gap-20);
  padding: 0.75em 1.25em;
  background-color: #f5f5f5;
  border-radius: 10px;
}
.md_faqlist .d_wrap dd .innr p {
  margin-bottom: 1.5em;
}
.md_faqlist .d_wrap dd .innr p:last-child {
  margin-bottom: 0;
}

/*****







/
.pTop_kv {
    position: relative;
    background-color: #f7fbfb;
    padding-top: 60px;
    @media screen and (max-width: 767px) {
        padding-top: 5vw;
    }
    @media screen and (max-width: 600px) {
        padding-top: 40vw;
        height: 130vw;
    }
    &::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../images/kv_obj__bg.svg);
        background-size: auto calc(100% - 60px);
        background-repeat: no-repeat;
        background-position: center bottom;
        z-index: 2;
        @media screen and (max-width: 767px) {
            background-size: auto 90vw;
        }
        @media screen and (max-width: 600px) {
            background-position: 55% bottom;
        }
    }
    .copy {
        position: absolute;
        top: 10vw;
        left: 5.5vw;
        display: block;
        width: 30vw;
        z-index: 3;
        width: min(30vw, 400px);
        @media screen and (max-width: 600px) {
            width: 60vw;
            top: calc(100% + 3vw);
            top: 7vw;
            width: 50vw;
        }
        img {
            width: 100%;
            height: auto;
            display: block;
        }
    }
    .object {
        position: relative;
        z-index: 2;
        max-width: 1400px;
        margin-inline: auto;
        img {
            width: 100%;
            height: auto;
            display: block;
            @media screen and (max-width: 600px) {
                display: none;
            }
        }
    }
    .mask {
        // background-color: #ccc;
        position: absolute;
        top: 60px;
        left: 0;
        height: calc(100% - 60px);
        width: 100%;
        overflow: hidden;
        @media screen and (max-width: 767px) {
            top: 5vw;
            height: calc(100% - calc(5vw + 1px));
        }
        span {
            position: absolute;
            display: block;
            width: 100%;
            height: 100%;
            overflow: hidden;
            &::after {
                content: "";
                position: absolute;
                top: 0;
                width: calc(math.div(100%, 10) * 7);
                max-width: calc(math.div(1400px, 10) * 8.5);
                left: 50%;
                margin-left: - math.div(1400px, 10) * 1.25;
                height: 100%;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: left center;
                @media screen and (max-width: 1400px) {
                    width: calc(math.div(100%, 10) * 6.5);
                    margin-left: 0;
                    left: auto;
                    right: 0;
                }
                @media screen and (max-width: 600px) {
                    top: auto;
                    bottom: 0;
                    width: 88vw;
                    background-position: left 60% bottom;
                    height: calc(90vw - 1px);
                }
            }
            &:nth-child(1) {
                &::after {
                    background-image: url(../images/md_headkv__recruit.webp);
                }
            }
            &:nth-child(2) {
                animation-delay: 5s;
                &::after {
                    background-image: url(../images/md_headkv__top5.webp);
                }
            }
            &:nth-child(3) {
                animation-delay: 12s;
                &::after {
                    background-image: url(../images/md_headkv__top3.webp);
                }
            }
            &:nth-child(4) {
                animation-delay: 19s;
                &::after {
                    background-image: url(../images/md_headkv__top4.webp);
                }
            }
            &:nth-child(5) {
                animation-delay: 26s;
                &::after {
                    background-image: url(../images/md_img17.webp);
                }
            }
        }
    }
}

.pTop_intro {
    background-image: url(../images/md_bg01.svg);
    background-size: min(55vw, 1000px);
    background-repeat: no-repeat;
    background-position: right -30% bottom;
    overflow: hidden;
    @media screen and (max-width: 767px) {
        background-size: min(85vw, 500px);
    }
    .intro_contents {
        .sm {
            display: none;
            @media screen and (max-width: 600px) {
                display: block;
            }
        }
        @media screen and (max-width: 600px) {
            padding-top: 10vw;
            padding-bottom: 15vw;
            padding-right: 3vw;
            padding-left: 3vw;
            font-size: min(3.8vw, 17px);
        }
    }
    span {
        display: inline-block;
    }
    p {
        line-height: 2.25;
        margin-bottom: 1.5em;
        letter-spacing: 0.15em;
        @media screen and (max-width: 600px) {
            letter-spacing: 0.075em;
            text-align: justify;
        }
        // text-indent: .2em;
        &:last-child {
            margin-bottom: 0;
        }
    }
}

.pTop_business {
    background-color: #eee;
    overflow: hidden;
    @media screen and (max-width: 767px) {
        background-color: transparent;
    }
    .biz_contents {
        position: relative;
        &::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            background-color: #fff;
            width: 100vw;
            height: 20%;
            display: block;
            @media screen and (max-width: 767px) {
                display: none;
            }
        }
        &::after {
            content: "";
            position: absolute;
            top: 20%;
            left: 5vw;
            clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 20% 100%);
            background-color: #fff;
            width: 90vw;
            height: 50%;
            display: block;
            @media screen and (max-width: 767px) {
                display: none;
            }
        }
    }
    .biz_visual {
        width: 100%;
        img {
            width: 100%;
            height: 100%;
            aspect-ratio: 2.75 / 1;
            display: block;
            object-fit: cover;
            @media screen and (max-width: 767px) {
                aspect-ratio: 1.85 / 1;
            }
        }
    }
    .biz_summary {
        max-width: 780px;
        margin-inline: auto;
        position: relative;
        z-index: 3;
        &::after {
            @media screen and (max-width: 767px) {
                content: "";
                position: absolute;
                left: -8vw;
                bottom: 0;
                width: 100vw;
                height: 20vw;
                display: block;
                background-color: #eee;
                clip-path: polygon(0% 0%, 5% 0%, 15% 100%, 85% 100%, 95% 0%, 100% 0%, 100% 100%, 0% 100%);
            }
        }
        p {
            margin-bottom: 1.5em;
            position: relative;
            z-index: 3;
            text-align: justify;
            &:last-child {
                margin-bottom: 0;
            }
        }
    }
    .biz_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: var(--gap-30);
        position: relative;
        z-index: 3;
        @media screen and (max-width: 767px) {
            grid-column: 1 / 4;
            grid-gap: 0;
        }
        img {
            width: 100%;
            height: 100%;
            aspect-ratio: 16 / 9;
            display: block;
            object-fit: cover;
            @media screen and (max-width: 767px) {
                aspect-ratio: 1.2 / 1;
            }
        }
    }
}

.pTop_machinery {
    background-color: var(--col-1);
    color: #fff;
    @media screen and (max-width: 600px) {
        padding-bottom: 0;
    }
    .machinery_contents {
        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-60);
        grid-column: 2 / 4;
        @media screen and (max-width: 600px) {
            grid-template-columns: 1fr;
            grid-column: 1 / 4;
        }
        .md_secTtl {
            @media screen and (max-width: 600px) {
                text-align: center;
            }
            a {
                color: #fff;
            }
        }
        .md_btn {
            grid-column: 1 / 2;
            @media screen and (max-width: 960px) {
                grid-column: 1 / 3;
            }
            @media screen and (max-width: 600px) {
                grid-column: initial;
                padding-right: 5vw;
                padding-left: 5vw;
            }
        }
    }
    .machinery_summary {
        grid-column: 1 / 2;
        @media screen and (max-width: 600px) {
            grid-column: initial;
            padding-right: 5vw;
            padding-left: 5vw;
        }
        p {
            margin-bottom: 1.5em;
            &:last-child {
                margin-bottom: 0;
            }
        }
    }
    .machinery_visual {
        grid-column: 2 / 3;
        grid-row: 1 / 4;
        @media screen and (max-width: 600px) {
            grid-column: initial;
            grid-row: initial;
            padding-top: var(--gap-40);
        }
        img {
            max-width: 100%;
            height: auto;
            display: block;
            @media screen and (max-width: 960px) {
                width: 100%;
                height: 100%;
                display: block;
                object-fit: cover;
            }
        }
    }
}

.md_works {
    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-30);
    @media screen and (max-width: 767px) {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: min(10vw, 50px) 5vw;
    }
    @media screen and (max-width: 540px) {
        grid-template-columns: 1fr;
    }
    &.home {
        grid-template-columns: repeat(2, 1fr);
        @media screen and (max-width: 600px) {
            grid-template-columns: repeat(3, 280px);
            overflow: scroll;
            padding: 0 5vw;
        }
    }
    > li {
        a {
            text-decoration: none;
            color: var(--col-bfc);
        }
        .md_works__img {
            display: block;
            img {
                width: 100%;
                height: 100%;
                aspect-ratio: 8 / 5;
                display: block;
                object-fit: cover;
            }
            &.alternative {
                aspect-ratio: 8 / 5;
                background-color: #ddd;
                position: relative;
                &::after {
                    content: "No Image";
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    color: #666;
                    transform: translate(-50%, -50%);
                    font-size: 12px;
                }
            }
        }
        .md_works__terms {
            display: inline-flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: flex-start;
            border-top: 1px solid #000;
            border-bottom: 1px solid #000;
            padding: 0.25em 0;
            margin-top: 18px;
            > li {
                &::after {
                    content: "/";
                    padding: 0 0.5em;
                }
                &:last-child {
                    &::after {
                        display: none;
                    }
                }
            }
        }
        .md_works__ttl {
            line-height: 1.5;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            max-height: 4.5em;
            overflow: hidden;
            margin-top: 13px;
        }
    }
}

.pCommon {
    .head_area {
        padding-left: min(5vw, 30px);
        padding-right: min(5vw, 30px);
        .page_ttl {
            text-align: center;
            a,
            span {
                display: inline-block;
                line-height: 1.5;
            }
            a {
                text-decoration: none;
                color: var(--col-bfc);
            }
        }
    }
    .head_pnav {
        background-color: #f6f6f6;
        background: #eee;
        padding: 1em 2em;
        > li {
            padding-bottom: 0.75em;
            padding-left: 1.5em;
            position: relative;
            &::before {
                content: ">";
                position: absolute;
                top: 0;
                left: 0;
                padding-right: 0.5em;
            }
            &:last-child {
                padding-bottom: 0;
            }
            a {
                color: var(--col-bfc);
                line-height: 1.5;
            }
        }
    }
    .head_kv {
        position: relative;
        img {
            max-width: 1100px;
            height: auto;
            display: block;
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            max-height: 600px;
            margin-inline: auto;
            @media screen and (max-width: 600px) {
                aspect-ratio: 4 / 3;
            }
        }
    }

    .head_summary {
        text-align: center;
    }
    .head_image {
        img {
            width: 100%;
            height: 100%;
            aspect-ratio: 16 / 9;
            display: block;
            object-fit: cover;
            @media screen and (max-width: 540px) {
                aspect-ratio: 4 / 3;
            }
        }
    }
}

.pServices {
    .service_intro {
        .intro_wrap {
            position: relative;
            &::before {
                content: "";
                position: absolute;
                bottom: -5vw;
                left: 0;
                width: min(35vw, 600px);
                aspect-ratio: 2 / 1;
                background-image: url(../images/md_bg03.svg);
                background-size: 120% auto;
                background-repeat: no-repeat;
                background-position: top right;
                @media screen and (max-width: 767px) {
                    width: 50vw;
                    left: -10vw;
                }
            }
            &::after {
                content: "";
                position: absolute;
                top: 0;
                right: 0;
                width: min(35vw, 600px);
                aspect-ratio: 5 / 1;
                background-image: url(../images/md_bg04.svg);
                background-size: 100% auto;
                background-repeat: no-repeat;
                background-position: top right;
                @media screen and (max-width: 767px) {
                    width: 50vw;
                }
            }
        }

        .col_wrap {
            display: grid;
            grid-template-columns: 2fr 3fr;
            grid-template-rows: auto;
            justify-content: start;
            align-content: start;
            justify-items: stretch;
            align-items: stretch;
            grid-gap: var(--gap-60);
            grid-column: 1 / 3;
            position: relative;
            z-index: 2;
            @media screen and (max-width: 767px) {
                grid-template-columns: 1fr;
                grid-column: 2;
            }
        }
        .intro_summary {
            align-self: center;
            background-color: #fff;
            @media screen and (max-width: 767px) {
                order: 1;
                padding-top: var(--gap-30);
            }
            p {
                margin-bottom: 1.5em;
                &:last-child {
                    margin-bottom: 0;
                }
            }
        }
        .intro_visual {
            @media screen and (max-width: 767px) {
                order: 2;
            }
            img {
                width: 100%;
                height: 100%;
                aspect-ratio: 1 / 1;
                display: block;
                object-fit: cover;
                object-position: right bottom;
                @media screen and (max-width: 767px) {
                    aspect-ratio: 3 / 2;
                }
            }
        }
    }
    .service_works__wrap {
        @media screen and (max-width: 660px) {
            padding-bottom: 0;
        }
    }
    .service_works {
        background-image: url(../images/md_img02.webp);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        position: relative;
        @media screen and (max-width: 660px) {
            grid-column: 1 / 4;
        }
        &::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            background-color: #113b37;
            width: 100%;
            height: 100%;
            opacity: 0.45;
        }
        > * {
            position: relative;
            z-index: 2;
        }
        .ttl {
            text-align: center;
            line-height: 1;
            white-space: nowrap;
            color: #fff;
        }
    }
    .service_list {
        border-top: 1px dashed darken(#f5f5f0, 30);
        > li {
            border-bottom: 1px dashed darken(#f5f5f0, 30);
            padding: 2em 2em;
            @media screen and (max-width: 660px) {
                padding: 1.5em 1em;
            }
            .list_ttl {
                line-height: 1.5;
            }
            .list_dd {
                padding-left: 1em;
                > li {
                    position: relative;
                    padding-left: 1em;
                    margin-bottom: 1em;
                    &:last-child {
                        margin-bottom: 0;
                    }
                    &::before {
                        content: "・";
                        position: absolute;
                        top: 0;
                        left: 0.15em;
                    }
                    .list_ttl {
                    }
                    p {
                        margin-bottom: 1em;
                        line-height: 1.5;
                        &:last-child {
                            margin-bottom: 0;
                        }
                    }
                }
            }
        }
    }
}
.pMachinery {
    .machinery_listWrap {
        max-width: calc(960px + 10vw);
        padding-left: 5vw;
        padding-right: 5vw;
        margin-inline: auto;
        @media screen and (max-width: 600px) {
            padding-left: 0;
            padding-right: 0;
        }
    }
    .machinery_list {
        > li {
            margin-bottom: var(--gap-60);
        }
        .list_tableWrap {
            @media screen and (max-width: 600px) {
                // overflow: scroll;
            }
        }
        .list_title {
            display: grid;
            grid-template-columns: auto 1fr;
            grid-template-rows: auto;
            justify-content: start;
            align-content: start;
            justify-items: stretch;
            align-items: center;
            grid-gap: var(--gap-20);
            @media screen and (max-width: 600px) {
                padding-left: 3vw;
            }
            .title_img {
                width: min(15vw, 80px);
                img {
                    width: 100%;
                    height: 100%;
                    aspect-ratio: 1 / 1;
                    display: block;
                    object-fit: cover;
                }
            }
        }
        .list_table {
            border-collapse: collapse;
            width: 100%;
            @media screen and (max-width: 600px) {
                font-size: 12px;
                // width: initial;
            }
            &.col2 {
                td,
                th {
                    &.cell_name {
                        width: 75%;
                    }
                    &.cell_note {
                        width: 25%;
                    }
                }
            }
            &.col3 {
                td,
                th {
                    &.cell_name {
                        width: 35%;
                    }
                    &.cell_maker {
                        width: 35%;
                    }
                    &.cell_note {
                        width: 30%;
                    }
                }
            }
            tr {
            }
            td,
            th {
                line-height: 1.5;
                padding: 0.75em 1em;
                @media screen and (max-width: 600px) {
                    // white-space: nowrap;
                }
                &.cell_name {
                    width: 35%;
                }
                &.cell_maker {
                    min-width: 8em;
                }
                &.cell_note {
                }
            }
            th {
                color: #fff;
                background-color: var(--col-1);
                font-weight: 400;
                &.cell_name {
                }
                &.cell_maker {
                }
                &.cell_note {
                }
            }
            td {
                border-bottom: 1px dashed var(--col-1);
            }
        }
    }
}

.pProfile {
    .profile_philosophy {
        background-color: var(--col-2);
        .philo_txt {
            text-align: center;
            line-height: 1.65;
            @media screen and (max-width: 540px) {
                font-size: 4.5vw;
            }
            span {
                display: block;
            }
        }
    }
    .profile_ceo {
        @media screen and (max-width: 600px) {
            padding-top: 6vw;
        }
        .ceo_image {
            display: block;
            width: min(60vw, 400px);
            margin-inline: auto;
            img {
                width: 100%;
                height: 100%;
                aspect-ratio: 1 / 1;
                display: block;
                object-fit: cover;
                border-radius: 50%;
            }
        }
        .ceo_heading {
            line-height: 1.5;
            text-align: center;
            span {
                display: inline-block;
                text-align: left;
            }
        }
        .ceo_summary {
            p {
                margin-bottom: 1em;
                &:last-child {
                    margin-bottom: 0;
                }
                &.ceo_sign {
                    text-align: right;
                }
            }
        }
    }
    .profile_visual {
        width: 100%;
        img {
            width: 100%;
            height: 100%;
            aspect-ratio: 3 / 1;
            display: block;
            object-fit: cover;
            @media screen and (max-width: 960px) {
                aspect-ratio: 2 / 1;
            }
            @media screen and (max-width: 660px) {
                aspect-ratio: 1.5 / 1;
            }
        }
    }
}

.pRecruit {
    .recruit_intro {
        .intro_wrap {
            position: relative;
            // @media screen and (max-width : 600px){
            //     padding-top: 10vw;
            //     padding-bottom: 10vw;
            // }
            // background-color: var(--col-2);
            &::before {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                clip-path: polygon(0% 0%, 5% 0%, 17% 100%, 83% 100%, 95% 0%, 100% 0%, 100% 100%, 0% 100%);
                background-color: #eee;
                width: 100vw;
                height: 90%;
                display: block;
                @media screen and (max-width: 600px) {
                    height: 75%;
                }
            }
        }
    }
    .intro_summary {
        background-color: var(--col-2);
        @media screen and (max-width: 767px) {
            padding-bottom: 0;
        }
        .summary_column {
            max-width: 760px;
            margin-inline: auto;
            @media screen and (max-width: 600px) {
                padding-top: 10vw;
                padding-bottom: 10vw;
            }
            p {
                margin-bottom: 1em;
                &:last-child {
                    margin-bottom: 0;
                }
            }
        }
        .summary_image {
            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: 5px;
            @media screen and (max-width: 767px) {
                grid-column: 1 / 4;
                grid-gap: 0;
            }
            img {
                max-width: 100%;
                height: auto;
                display: block;
                @media screen and (max-width: 767px) {
                    width: 100%;
                    height: 100%;
                    aspect-ratio: 1 / 1;
                    display: block;
                    object-fit: cover;
                }
            }
        }
    }
    .recruit_info {
        .info_ttl {
            line-height: 1.6;
        }
    }
    .recruit_message {
        overflow: hidden;
        .message_img {
            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);
            position: relative;
            @media screen and (max-width: 767px) {
                grid-column: 1 / 4;
                grid-gap: 0;
            }
            &::after {
                content: "";
                position: absolute;
                top: 50%;
                left: -50vw;
                width: 200vw;
                height: 300vh;
                background-color: var(--col-2);
            }
            img {
                width: 100%;
                height: 100%;
                aspect-ratio: 16 / 9;
                display: block;
                object-fit: cover;
                position: relative;
                z-index: 3;
                @media screen and (max-width: 767px) {
                    aspect-ratio: 1.2 / 1;
                }
            }
        }
        .message_staff {
            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-30);
            position: relative;
            z-index: 3;
            @media screen and (max-width: 660px) {
                grid-template-columns: 1fr;
            }
            > li {
                background-color: #fff;
                padding: var(--gap-30);
                .staff_name {
                    display: grid;
                    grid-template-columns: 60px 1fr;
                    grid-template-rows: auto;
                    justify-content: start;
                    align-content: start;
                    justify-items: stretch;
                    align-items: center;
                    grid-gap: var(--gap-20);
                    .thumb {
                        img {
                            width: 100%;
                            height: 100%;
                            aspect-ratio: 1 / 1;
                            display: block;
                            object-fit: cover;
                            border-radius: 50%;
                        }
                    }
                    span {
                        display: inline-block;
                        line-height: 1.6;
                    }
                }
                .staff_message {
                    line-height: 1.75;
                    p {
                        margin-bottom: 0.75em;
                        &:last-child {
                            margin-bottom: 0;
                        }
                    }
                }
            }
        }
    }
    .recruit_link {
        text-align: center;
        a {
            border: 2px solid var(--col-1);
            display: inline-block;
            padding: 15px 80px;
            border-radius: 10px;
            transition: all 0.25s ease;
            position: relative;
            text-decoration: none;
            color: var(--col-1);
            &::before {
                content: "\f061";
                font-family: "Font Awesome 5 Free";
                text-rendering: auto;
                font-weight: bold;
                position: absolute;
                right: 20px;
                top: 50%;
                transform: translateY(-50%);
                color: var(--col-1);
                transition: all 0.25s ease;
            }
            &:hover {
                &::before {
                    transform: translate(4px, -50%);
                }
            }
            img {
                max-width: 100%;
                height: auto;
                display: block;
                width: 160px;
            }
        }
    }
}

.md_definition {
    border-top: 1px dashed darken(#f5f5f0, 30);
    @media screen and (max-width: 540px) {
        font-size: 14px;
    }
    &.recruit {
        .dl_wrap {
            @media screen and (max-width: 540px) {
                grid-template-columns: 5.5em 1fr;
            }
        }
    }
    .dl_wrap {
        display: grid;
        grid-template-columns: 10em 1fr;
        grid-template-rows: auto;
        justify-content: start;
        align-content: start;
        justify-items: stretch;
        align-items: stretch;
        grid-gap: var(--gap-30) 0;
        border-bottom: 1px dashed darken(#f5f5f0, 30);
        @media screen and (max-width: 540px) {
            grid-template-columns: 7em 1fr;
        }
        dt {
            padding: 1.25em 0.5em;
            font-weight: 500;
            text-align: center;
            background-color: #f5f5f0;
            line-height: 1.65;
            span {
                display: inline-block;
                text-align: left;
                &.alcenter {
                    height: 100%;
                    display: flex;
                    flex-direction: row;
                    flex-wrap: wrap;
                    justify-content: center;
                    align-items: center;
                }
            }
        }
        dd {
            padding: 1.25em 1em 1.25em 2em;
            line-height: 1.65;
            align-self: center;
            @media screen and (max-width: 540px) {
                padding: 1.25em 1em 1.25em 1.25em;
            }
            .dd_list {
                > li {
                    margin-bottom: 0.5em;
                    &:last-child {
                        margin-bottom: 0;
                    }
                    .list_ttl {
                        position: relative;
                        padding-left: 1em;
                        &::before {
                            content: "・";
                            position: absolute;
                            top: 0;
                            left: 0.15em;
                        }
                    }

                    .list_dd {
                        padding-left: 2em;
                        > li {
                            position: relative;
                        }
                    }
                }
            }
        }
    }
}

.sArticle_contents {
    @media screen and (max-width: 540px) {
        margin-top: 30px;
    }
    .article_title {
        line-height: 1.6;
    }
    .article_share {
        grid-column: 1 / 2;
        position: sticky;
        top: 100px;
        height: max-content;
        width: min-content;
        @media screen and (max-width: 960px) {
            grid-column: 2;
            order: 2;
            height: initial;
            width: initial;
            position: static;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: center;
            gap: 0 20px;
            margin-top: 40px;
        }
        .share_btn {
            position: relative;
            transform: translateX(-10px);
            @media screen and (max-width: 1100px) {
                transform: translateX(-20px);
            }
            @media screen and (max-width: 960px) {
                transform: translateX(0);
            }
            .success_msg {
                position: absolute;
                top: -10px;
                left: calc(100% + 10px);
                font-size: 10px;
                width: max-content;
                height: auto;
                line-height: 1;
                border-bottom: 1px solid #000;
                background-color: #fff;
                padding: 0.5em;
                z-index: 3;
                display: none;
                &::before {
                    content: "";
                    position: absolute;
                    bottom: -8.5px;
                    right: calc(100% - 2.5px);
                    width: 15px;
                    height: 1px;
                    background-color: #000;
                    transform: rotate(-30deg);
                    transform-origin: left bottom;
                }
            }

            a,
            button {
                text-decoration: none;
                color: #ccc;
                font-size: 24px;
                display: block;
                line-height: 1;
                padding: 0.5em;
                margin: 0.25em 0;
                text-align: center;
                transition: all 0.1s linear;
                &.facebook:hover {
                    color: var(--col-bfc);
                }
                &.twitter:hover {
                    color: var(--col-bfc);
                }
                &.line:hover {
                    color: var(--col-bfc);
                }
                &:hover {
                    color: var(--col-bfc);
                }
            }
        }
    }
    .article_entry {
    }
}

.sWorks {
    .works_terms {
        display: inline-flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        padding: 0.25em 0;
        margin-top: 18px;
        gap: 0.5em 1em;
        > li {
            &:last-child {
                &::after {
                    display: none;
                }
            }
        }
    }
    .works_title {
        line-height: 1.6;
    }
    .works_img {
        img {
            width: 100%;
            height: 100%;
            aspect-ratio: 8 / 5;
            display: block;
            object-fit: cover;
        }
    }
    .works_imglist {
        padding-top: var(--gap-20);
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: auto;
        justify-content: start;
        align-content: start;
        justify-items: stretch;
        align-items: stretch;
        grid-gap: var(--gap-20);
        @media screen and (max-width: 600px) {
            grid-gap: 10px;
            padding-top: 10px;
        }
        > li {
            img {
                width: 100%;
                height: 100%;
                aspect-ratio: 1 / 1;
                display: block;
                object-fit: cover;
            }
        }
    }
}

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

/*-- mailform --*/
#contactform .radio_wrapper, #contactform select, #contactform input[type=text],
#contactform input[type=email],
#contactform input[type=tel],
#contactform textarea {
  padding-top: 1em;
  padding-bottom: 1em;
}

#contactform input[type=submit] {
  color: #fff;
  background-color: #2e9648;
  padding: 1em 2em;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
#contactform input[type=submit]:hover {
  background: rgb(40.0153061224, 130.4846938776, 62.6326530612);
}

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

#contactform p:empty {
  display: none;
}

/*--------
__input
-----------------------------------------------*/
#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;
  -ms-appearance: none;
  appearance: none;
  background: #fff;
  padding-right: 1em;
  padding-left: 1em;
  border: 1px solid #eee;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  resize: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
}
#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: #2e9648;
  border-radius: 0;
  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 {
  color: #000 !important;
  pointer-events: none;
}

/*--------
__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: #000 !important;
  pointer-events: none;
}

/*--------
__layout
-----------------------------------------------*/
#contactform .input_outer {
  display: grid;
  grid-template-columns: 11em 1fr;
  grid-template-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 0.5em var(--gap-30);
  margin: 1em 0;
}
@media screen and (max-width: 960px) {
  #contactform .input_outer {
    grid-template-columns: 1fr;
    margin-bottom: 1.5em;
  }
}
#contactform .input_outer.singlenote {
  display: block;
  margin-left: calc(10em + var(--gap-30));
  text-align: center;
}
@media screen and (max-width: 960px) {
  #contactform .input_outer.singlenote {
    margin-left: 0;
    text-align: center;
  }
}
#contactform .input_outer.submit {
  margin-left: calc(10em + var(--gap-30));
  margin-top: 1.5em;
  text-align: center;
  display: block;
  position: relative;
}
@media screen and (max-width: 960px) {
  #contactform .input_outer.submit {
    margin-left: 0;
  }
}
#contactform .input_head {
  white-space: nowrap;
}
#contactform .input_head.required label {
  padding-right: 24px;
  position: relative;
}
#contactform .input_head.required label:after {
  content: "必須";
  line-height: 1;
  padding-left: 0.25em;
  color: red;
  font-size: 10px;
  display: block;
  font-weight: 400;
  position: absolute;
  top: 0.5em;
  right: 0;
}
#contactform .input_wrap .double {
  margin-top: 1em;
}
#contactform .input_note {
  color: #2e9648;
}
#contactform .input_section {
  padding-bottom: 40px;
}
#contactform .input_section__ttl {
  position: relative;
}
#contactform .input_section__ttl::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #2e9648;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#contactform .input_section__ttl span {
  width: 30%;
  display: block;
  text-align: right;
}
#contactform .input_section__ttl span em {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  position: relative;
  z-index: 2;
  background-color: #fff;
  padding: 0 1em;
  color: #2e9648;
  font-style: normal;
}

/*--------
__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;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  cursor: pointer;
  border: none;
  opacity: 1;
  box-sizing: border-box;
  width: 300px;
  border-radius: 2em;
}
#contactform input[type=submit]::-webkit-search-decoration {
  display: none;
}
#contactform input[type=submit]::focus {
  outline-offset: -2px;
}
@media screen and (max-width: 540px) {
  #contactform input[type=submit] {
    width: 70vw;
    max-width: 300px;
  }
}
#contactform input[type=submit]:disabled {
  opacity: 0.4;
  background: #ccc;
}
#contactform .sub_wrap {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
#contactform .sub_wrap.active::before {
  display: block;
}
#contactform .sub_wrap::before {
  content: "送信中です...";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  background-color: #2e9648;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  z-index: 10;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: none;
}

/*--------
__#accept
-----------------------------------------------*/
#contactform input[type=checkbox] {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  position: absolute;
}
#contactform .chk_target {
  cursor: pointer;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  position: relative;
}
#contactform .chk_target:before {
  content: "";
  position: absolute;
  top: -0.2em;
  left: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #ccc;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
@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;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: #2e9648;
  border-bottom-color: #2e9648;
  border-right-width: 2px;
  border-bottom-width: 2px;
}
@media screen and (max-width: 660px) {
  #contactform .chk_target.c_on:before {
    top: -0.25em;
  }
}
#contactform #accept .note {
  display: block;
  padding-left: 35px;
  cursor: pointer;
  font-size: 13px;
  line-height: 1.4;
}

/*--------
__select
-----------------------------------------------*/
#contactform select {
  font-size: 16px;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: #fff;
  border: 2px solid #ddd;
  -webkit-box-shadow: none;
          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_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: #000;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 12px;
  color: #2e9648;
}
@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;
  }
}

/*--------
__radio
-----------------------------------------------*/
#contactform .radio_wrapper {
  font-size: 16px;
}
#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: #000;
}
#contactform .radio_wrapper .wpcf7-form-control-wrap label input[type=radio]:checked + span::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #2e9648;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#contactform .radio_wrapper .wpcf7-form-control-wrap label span {
  padding-left: 30px;
  position: relative;
  margin-right: 20px;
  line-height: 1;
}
#contactform .radio_wrapper .wpcf7-form-control-wrap label span::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  border: 2px solid #ddd;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#contactform .radio_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 .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;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-width: 2px;
  border-bottom-width: 2px;
  opacity: 1;
  border-right-color: #2e9648;
  border-bottom-color: #2e9648;
}
#contactform .chkbox_nochk__wrapper .wpcf7-form-control-wrap label span {
  cursor: pointer;
  line-height: 30px;
  height: 30px;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 1em 0 28px;
  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.4em;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  opacity: 0.3;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
#contactform .chkbox_nochk__wrapper .wpcf7-form-control-wrap .wpcf7-list-item-label {
  font-size: 0.85em;
}

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

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

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

div.wpcf7-response-output {
  position: relative;
  background: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  text-align: center;
  width: 100%;
  margin: 0 auto !important;
  color: #000 !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #000;
  font-weight: 500;
  line-height: 2;
  font-weight: 700;
}
@media screen and (max-width: 600px) {
  div.wpcf7-response-output {
    font-size: 11px;
  }
}

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 {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: auto;
  padding: 5vh 0;
  background: rgba(238, 238, 238, 0.85);
  z-index: 20;
  width: 60%;
  border-radius: 20px;
  color: #000;
  display: none;
}

input[type=text].wpcf7-not-valid,
input[type=email].wpcf7-not-valid,
input[type=tel].wpcf7-not-valid {
  border-color: red !important;
  border-width: 2px !important;
  background: #ddd !important;
}

select.wpcf7-not-valid {
  border-color: red !important;
  border-width: 2px !important;
  background: #ddd !important;
}

.radio_wrapper .wpcf7-not-valid {
  background: #eee;
  z-index: -1;
}

.chkbox_nochk__wrapper .wpcf7-not-valid {
  background: #eee;
  z-index: -1;
}

textarea.wpcf7-not-valid {
  border-bottom: 2px solid red !important;
}

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

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;
}/*# sourceMappingURL=style.css.map */