@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Maru+Gothic:wght@400;500;700&display=swap");
:root {
  --faHome: "";
  --panAF: inline;
  --hira: YakuHanJP_Narrow, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Noto Sans JP", 游ゴシック, YuGothic,メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --ser: YakuHanJP_Narrow,"Noto Serif JP", serif;
  --san: YakuHanJP_Narrow, "Noto Sans JP", sans-serif;
  --zmg: "Zen Maru Gothic","Noto Sans JP";
  --bodyFF: YakuHanJP_Narrow,"Noto Sans JP", sans-serif;
  --noYH: "Noto Sans JP", sans-serif;
  --eng: "Noto Sans JP";
}

.noYH {
  font-family: var(--noYH) !important;
}

.ser {
  font-family: var(--ser) !important;
}

.san {
  font-family: var(--san) !important;
}

.eng {
  font-family: var(--eng) !important;
}

.zmg {
  font-family: var(--zmg) !important;
}

.ebg {
  font-family: var(--ebg) !important;
}

.lat {
  font-family: var(--lat) !important;
}

.blog p, h1, .h1FZ, h2, .h2FZ, h3, .h3FZ, h5, h4, span.clone, .mv_tate, .mv_tx > div, .mv_tx > article > div, .title1.large h1, .title1.large h2, .title1.large h3, .title1.large p, .title1.large p:is(body.blog p), .fb_formwrap .box_form:is(#contents div) dl:has(dd:empty) dt:is(#contents dt), .it_bnr02 > div b, .form_wrap.form_column dl:has(dd:empty) dt, .f *.form_column dl:has(dd:empty) dt, .form_wrap.form_simple dl:has(dd:empty) dt:is(#contents dt), .f *.form_simple dl:has(dd:empty) dt:is(#contents dt), .form_wrap.form_01 dl:has(dd:empty) dt:is(#contents dt), .f *.form_01 dl:has(dd:empty) dt:is(#contents dt), .form_wrap.form_02 dl:has(dd:empty) dt:is(#contents dt), .f *.form_02 dl:has(dd:empty) dt:is(#contents dt), .form_wrap.form_03 dl:has(dd:empty) dt:is(#contents dt), .f *.form_03 dl:has(dd:empty) dt:is(#contents dt), div.items > article a.name, div.relay a.name, div.bundle a.name, .h-font {
  font-weight: var(--hfw);
  font-family: var(--hff);
  line-height: var(--hlh);
  letter-spacing: var(--hls);
  color: var(--hcolor);
}

.mv_tate, .mv_tx > div, .mv_tx > article > div, .title1 h1:not(:has(em)), .title1 h2:not(:has(em)), .title1 h3:not(:has(em)), .title1 article > p:not(:has(em)), .title1 p:is(body.blog p):not(:has(em)), h1, .h1FZ, .h1FZ *, .blog h1, .title1 p {
  font-size: var(--h1FZ);
}

.fb_flow04 .box:is(#contents div):before, .fb_check .box:is(#contents div) h3:before, h2, .h2FZ, .h2FZ * {
  font-size: var(--h2FZ);
}

.frame01 > article, .title1 h1:has(em), .title1 h2:has(em), .title1 h3:has(em), .title1 article > p:has(em), .title1 p:is(body.blog p):has(em), .fb_spot > :nth-child(1) a > div, .fb_formwrap .box_form:is(#contents div) dl:has(dd:empty) dt:is(#contents dt), .form_wrap.form_simple dl:has(dd:empty) dt:is(#contents dt), .f *.form_simple dl:has(dd:empty) dt:is(#contents dt), .form_wrap.form_01 dl:has(dd:empty) dt:is(#contents dt), .f *.form_01 dl:has(dd:empty) dt:is(#contents dt), .form_wrap.form_02 dl:has(dd:empty) dt:is(#contents dt), .f *.form_02 dl:has(dd:empty) dt:is(#contents dt), .form_wrap.dl_menu dl:has(dd:empty) dt:is(#contents *), .f *.dl_menu dl:has(dd:empty) dt:is(#contents *), .form_wrap.dl_menu dl:has(.subDT) dt:is(#contents *), .f *.dl_menu dl:has(.subDT) dt:is(#contents *), .form_wrap.dl_menu-rev dl:has(dd:empty) dt:is(#contents *), .f *.dl_menu-rev dl:has(dd:empty) dt:is(#contents *), .form_wrap.dl_menu-rev dl:has(.subDT) dt:is(#contents *), .f *.dl_menu-rev dl:has(.subDT) dt:is(#contents *), div.blog_form02 div.blog_list > div h3, div.items > article a.name {
  font-size: var(--h3FZ);
}

.mv .mv_h:is(*) .en, .mv .mv_it:is(*) .en {
  font-family: var(--lib);
  font-style: italic;
  font-weight: 100;
}

.bd-current {
  border: var(--line);
  border-color: currentColor;
}
.bd-block {
  border-block: var(--line);
}
.bd-left {
  border-left: var(--line);
}

:root {
  --mcDK:#47ae65;
  --mcLT:#00b356;
  --mc:#004d25;
  --mc10:#004d2511;
  --mc20:#004d2533;
  --mc30:#004d2544;
  --mc40:#004d2566;
  --mc50:#004d2588;
  --mc60:#004d2599;
  --mc70:#004d25bb;
  --mc80:#004d25cc;
  --mcCC:#004d25cc;
  --mcDD:#004d25dd;
  --mc90:#004d25ee;
  --mcEE:#004d25ee;
  --sc:#f5ea57;
  --sc10:#f5ea5711;
  --sc20:#f5ea5733;
  --sc30:#f5ea5744;
  --sc40:#f5ea5766;
  --sc50:#f5ea5788;
  --sc60:#f5ea5799;
  --sc70:#f5ea57bb;
  --sc80:#f5ea57cc;
  --scCC:#f5ea57cc;
  --scDD:#f5ea57dd;
  --sc90:#f5ea57ee;
  --scEE:#f5ea57ee;
  --acDK:#d9dd10;
  --ac:#ff9802;
  --ac10:#ff980211;
  --ac20:#ff980233;
  --ac30:#ff980244;
  --ac40:#ff980266;
  --ac50:#ff980288;
  --ac60:#ff980299;
  --ac70:#ff9802bb;
  --ac80:#ff9802cc;
  --acCC:#ff9802cc;
  --acDD:#ff9802dd;
  --ac90:#ff9802ee;
  --acEE:#ff9802ee;
  --bc:#fefdee;
  --bc10:#fefdee11;
  --bc20:#fefdee33;
  --bc30:#fefdee44;
  --bc40:#fefdee66;
  --bc50:#fefdee88;
  --bc60:#fefdee99;
  --bc70:#fefdeebb;
  --bc80:#fefdeecc;
  --bcCC:#fefdeecc;
  --bcDD:#fefdeedd;
  --bc90:#fefdeeee;
  --bcEE:#fefdeeee;
  --un:unset;
  --inh:inherit;
  --cur:currentColor;
  --tr:transparent;
  --tx:#333333;
  --tx10:#33333311;
  --tx20:#33333333;
  --tx30:#33333344;
  --tx40:#33333366;
  --tx50:#33333388;
  --tx60:#33333399;
  --tx70:#333333bb;
  --tx80:#333333cc;
  --txCC:#333333cc;
  --txDD:#333333dd;
  --tx90:#333333ee;
  --txEE:#333333ee;
  --gr:#444444;
  --gr20:#44444433;
  --gr40:#44444466;
  --gr50:#44444488;
  --gr70:#444444bb;
  --bk:#000;
  --bk10:#0001;
  --bk20:#0003;
  --bk30:#0005;
  --bk40:#0006;
  --bk50:#0008;
  --bk60:#000a;
  --bk70:#000b;
  --bk80:#000c;
  --bkCC:#000c;
  --bkDD:#000d;
  --bk90:#000e;
  --wh:#fff;
  --wh10:#fff1;
  --wh20:#fff3;
  --wh30:#fff5;
  --wh40:#fff6;
  --wh50:#fff8;
  --wh60:#fffa;
  --wh70:#fffb;
  --wh80:#fffc;
  --whCC:#fffc;
  --whDD:#fffd;
  --wh90:#fffe;
  --oran:#ffdec4;
  --yell:#d9d90b;
  --gree:#338033;
  --red: #eb605f;
  --red20:#eb605f33;
  --red40:#eb605f66;
  --red50:#eb605f88;
  --red70:#eb605fbb;
  --yel: #eeba02;
  --yel20:#eeba0233;
  --yel40:#eeba0266;
  --yel50:#eeba0288;
  --yel70:#eeba02bb;
  --blu: #4795bd;
  --blu20:#4795bd33;
  --blu40:#4795bd66;
  --blu50:#4795bd88;
  --blu70:#4795bdbb;
  --ml:#f4eceb;
  --ml20:#f4eceb33;
  --ml40:#f4eceb66;
  --ml50:#f4eceb88;
  --ml70:#f4ecebbb;
  --al:#e5fdff;
  --al11:#e5fdff11;
  --al20:#e5fdff33;
  --al40:#e5fdff66;
  --al50:#e5fdff88;
  --al70:#e5fdffbb;
  --cc:#ccc;
  --dd:#ddd;
  --ee:#eee;
  --ff:#fff;
  --f2:#f3ede1;
  --c6:#c6c6c6;
  --9b:#9b9b9b;
}

:root {
  --bl025:calc(var(--bl)/4);
  --bl03:calc(var(--bl)/3);
  --bl05:calc(var(--bl)/2);
  --bl06:calc(var(--bl)/3*2);
  --bl075:calc(var(--bl)/4*3);
  --Nbl15:calc(var(--bl)*-1.5);
  --Nbl05:calc(var(--bl)*-0.5);
  --Nbl075:calc(var(--bl)*-0.75);
  --Nbl2:calc(var(--bl)*-2.0);
  --Nbl:calc(var(--bl)*-1.0);
  --Nbl1:calc(var(--bl)*-1.0);
  --bl:calc(var(--bl)*1.0);
  --bl1:calc(var(--bl)*1.0);
  --bl15:calc(var(--bl)*1.5);
  --bl2:calc(var(--bl)*2.0);
  --bl25:calc(var(--bl)*2.5);
  --bl3:calc(var(--bl)*3.0);
  --incont:calc(50vw - clamp(0px,calc(50vw - var(--pad,20px)),calc((var(--base) / 2) + var(--bar,0px) / 2)));
  --in1800:calc(50vw - clamp(0px,calc(50vw - var(--pad,20px)),calc(900px + var(--bar,0px) / 2)));
  --in1740:calc(50vw - clamp(0px,calc(50vw - var(--pad,20px)),calc(870px + var(--bar,0px) / 2)));
  --in1728:calc(50vw - clamp(0px,calc(50vw - var(--pad,20px)),calc(864px + var(--bar,0px) / 2)));
  --in1680:calc(50vw - clamp(0px,calc(50vw - var(--pad,20px)),calc(840px + var(--bar,0px) / 2)));
  --in1620:calc(50vw - clamp(0px,calc(50vw - var(--pad,20px)),calc(810px + var(--bar,0px) / 2)));
  --in1560:calc(50vw - clamp(0px,calc(50vw - var(--pad,20px)),calc(780px + var(--bar,0px) / 2)));
  --in1536:calc(50vw - clamp(0px,calc(50vw - var(--pad,20px)),calc(768px + var(--bar,0px) / 2)));
  --in1500:calc(50vw - clamp(0px,calc(50vw - var(--pad,20px)),calc(750px + var(--bar,0px) / 2)));
  --in1440:calc(50vw - clamp(0px,calc(50vw - var(--pad,20px)),calc(720px + var(--bar,0px) / 2)));
  --in1380:calc(50vw - clamp(0px,calc(50vw - var(--pad,20px)),calc(690px + var(--bar,0px) / 2)));
  --in1320:calc(50vw - clamp(0px,calc(50vw - var(--pad,20px)),calc(660px + var(--bar,0px) / 2)));
  --in1200:calc(50vw - clamp(0px,calc(50vw - var(--pad,20px)),calc(600px + var(--bar,0px) / 2)));
  --in1080:calc(50vw - clamp(0px,calc(50vw - var(--pad,20px)),calc(540px + var(--bar,0px) / 2)));
  --in1000:calc(50vw - clamp(0px,calc(50vw - var(--pad,20px)),calc(500px + var(--bar,0px) / 2)));
  --in960:calc(50vw - clamp(0px,calc(50vw - var(--pad,20px)),calc(480px + var(--bar,0px) / 2)));
  --in800:calc(50vw - clamp(0px,calc(50vw - var(--pad,20px)),calc(400px + var(--bar,0px) / 2)));
  --in840:calc(50vw - clamp(0px,calc(50vw - var(--pad,20px)),calc(420px + var(--bar,0px) / 2)));
  --in720:calc(50vw - clamp(0px,calc(50vw - var(--pad,20px)),calc(360px + var(--bar,0px) / 2)));
  --in600:calc(50vw - clamp(0px,calc(50vw - var(--pad,20px)),calc(300px + var(--bar,0px) / 2)));
  --widepad:calc(50vw - clamp(0px,calc(50vw - var(--pad2)),calc(500px + var(--bar,0px) / 2)));
  --contout:calc(50% - 50vw + calc(var(--bar,0px) / 2));
  --contoutsp:calc(100% - 100vw + calc(var(--bar,0px) / 2));
  --barhalf:calc(var(--bar,0px) / 2);
  --baseinner:calc(var(--base) - var(--pad2));
  --vw:calc(100vw - var(--bar,0px) - var(--pad2));
}

.f_btns, .cont, section {
  max-width: 100%;
  width: var(--base);
  margin-inline: auto;
}

.bg100Rin {
  margin-inline: var(--contout) !important;
  max-width: unset;
  padding-right: var(--incont);
}

.bg100Lin {
  margin-inline: var(--contout) !important;
  max-width: unset;
  padding-left: var(--incont);
}

.title_028, .title_026, .head_03, .head_04, .bg_stripe, .bg100in {
  margin-inline: var(--contout) !important;
  max-width: unset;
  padding-inline: var(--incont);
}

.mv, .title1, .fb_spot, .divSection, .head_02, .head_022, .head_021, .head_06, .wave_outer, body:where(.home) .wrapper100in, .wrapper100, .wrapper100in, .bg100 {
  margin-inline: var(--contout) !important;
  max-width: unset;
}

.f_link, .pan1 a,
.h_nav a:not(.drop a, .nopointer),
.nav a:not(.drop ul li a),
.f_nav a,
.blog_text h3 span,
.rss-title, .h_fix a,
.h_nav .drop ul li,
.f_btn {
  background-image: linear-gradient(currentColor, currentColor);
  transition: background 0.4s ease;
  background-repeat: no-repeat;
  background-position-y: 100%;
  background-position-x: -103%;
  background-size: 200% 2px;
}
.f_link:hover, .pan1 a:hover,
.h_nav a:hover:not(.drop a, .nopointer),
.nav a:hover:not(.drop ul li a),
.f_nav a:hover,
.blog_text h3 span:hover,
.rss-title:hover, .h_fix a:hover,
.h_nav .drop ul li:hover,
.f_btn:hover {
  background-position-x: 0%;
  animation: rightgrow 0.4s ease;
}
@keyframes rightgrow {
  0% {
    background-position-x: 203%;
  }
  100% {
    background-position-x: 100%;
  }
}

.p-list p:not(:has(> a)), :where([class*=card]:not(body.shop *)).fakeBtn article > a > div, .grid50 .dl_menu dd, .H-bfaf h1, .H-bfaf h2, .H-bfaf h3, .H-bf h1, .H-bf h2, .H-bf h3, .bar-bfaf, .bar-bf {
  position: relative;
}
.p-list p:not(:has(> a))::before, :where([class*=card]:not(body.shop *)).fakeBtn article > a > div::before, .grid50 .dl_menu dd::before, .H-bfaf h1::before, .H-bfaf h2::before, .H-bfaf h3::before, .H-bf h1::before, .H-bf h2::before, .H-bf h3::before, .bar-bfaf::before, .bar-bf::before {
  content: "bf";
  display: inline-block;
  background-color: #777;
  z-index: 1;
  font-weight: 900;
  font-family: var(--fa);
}

.title_12 h1, .title_12 h2, .title_12 h3, .title_11 h1, .title_11 h2, .title_11 h3, .f_nav a.nopointer, .f_nav-column .nopointer, :where([class*=card]:not(body.shop *)).fakeBtn article > a > div, :where([class*=card]:not(body.shop *)).num-point article div p, .H-bfaf h1, .H-bfaf h2, .H-bfaf h3, .H-af h1, .H-af h2, .H-af h3, .bar-flex, .bar-bfaf, .bar-af {
  position: relative;
}
.title_12 h1::after, .title_12 h2::after, .title_12 h3::after, .title_11 h1::after, .title_11 h2::after, .title_11 h3::after, .f_nav a.nopointer::after, .f_nav-column .nopointer::after, :where([class*=card]:not(body.shop *)).fakeBtn article > a > div::after, :where([class*=card]:not(body.shop *)).num-point article div p::after, .H-bfaf h1::after, .H-bfaf h2::after, .H-bfaf h3::after, .H-af h1::after, .H-af h2::after, .H-af h3::after, .bar-flex::after, .bar-bfaf::after, .bar-af::after {
  content: "af";
  display: inline-block;
  background-color: #777;
  z-index: 1;
  font-weight: 900;
  font-family: var(--fa);
}

.fukidasi > div, .H-bgi, .form_wrap.form_simple dl:has(dd:empty) dt:is(#contents dt), .f *.form_simple dl:has(dd:empty) dt:is(#contents dt) {
  position: relative;
  z-index: 1;
}
.fukidasi > div::before, .H-bgi::before, .form_wrap.form_simple dl:has(dd:empty) dt:is(#contents dt)::before, .f *.form_simple dl:has(dd:empty) dt:is(#contents dt)::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}

.fb_column .box, [class*=hov-] a:not([class*=btn]) {
  position: relative;
  z-index: 1;
}
.fb_column .box::after, [class*=hov-] a:not([class*=btn])::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}

:root {
  --f12:clamp(10px, 1.2vw, 12px);
  --f14:clamp(12px, 1.4vw, 14px);
  --f16:clamp(14px, 1.5vw, 16px);
  --f18:clamp(14px, 1.6vw, 18px);
  --f20:clamp(16px, 2vw, 20px);
  --f22:clamp(16px, 2vw, 22px);
  --f24:clamp(20px, 2.4vw, 24px);
  --f26:clamp(20px, 2.4vw, 26px);
  --f28:clamp(20px, 2.4vw, 28px);
  --f30:clamp(20px, 2.4vw, 30px);
  --f32:clamp(24px, 3.2vw, 32px);
  --f34:clamp(24px, 3.4vw, 34px);
  --f36:clamp(24px, 3.6vw, 36px);
  --f40:clamp(24px, 4vw, 40px);
  --f44:clamp(32px, 4vw, 44px);
  --f48:clamp(32px, 5vw, 48px);
  --f52:clamp(40px, 5vw, 52px);
  --f60:clamp(40px,6vw,60px);
  --f64:clamp(48px,6vw,64px);
  --f68:clamp(48px,6vw,68px);
  --f72:clamp(48px,7vw,72px);
  --f96:clamp(48px,9vmin,96px);
  --f160:clamp(64px,16vw,160px);
  --fzllen:clamp(36px,4.4vw,44px);
  --fzllll:clamp(44px,6vw,80px);
}

:root {
  --fa: "Font Awesome 6 Pro","Font Awesome 6 Free","Font Awesome 6 Brand","Font Awesome 6 Duotone","Line Awesome Free","Line Awesome Brands";
  --la: "Line Awesome Free","Line Awesome Brands","Font Awesome 6 Pro","Font Awesome 6 Free","Font Awesome 6 Brand","Font Awesome 6 Duotone";
}

@keyframes rightgrow {
  0% {
    background-position-x: 203%;
  }
  100% {
    background-position-x: 100%;
  }
}
@keyframes rightshrink {
  0% {
    background-position: 0% 100%;
  }
  100% {
    background-position: -100% 100%;
  }
}

.sns-i_stop div.sns_list > div .sns_text *, .sns-i_stop3 div.sns_list > div .sns_text * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes listslide {
  0% {
    transform: scale(1);
    opacity: 0;
    z-index: -1;
  }
  7% {
    opacity: 1;
    z-index: 1;
  }
  16% {
    opacity: 1;
    z-index: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 1;
    z-index: 1;
  }
  57% {
    opacity: 1;
    z-index: -1;
  }
  67% {
    opacity: 0;
    z-index: -1;
  }
  74% {
    transform: scale(1.2);
  }
  100% {
    opacity: 0;
    z-index: -1;
  }
}
@keyframes slidescale {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes slowtrans {
  0% {
    translate: 0 0;
  }
  100% {
    translate: calc(-1 * (50vw - clamp(0px, 50vw, 720px)));
  }
}
@keyframes slowscale {
  0% {
    scale: 0 1;
    transform-origin: left;
  }
  50% {
    scale: 1 1;
    transform-origin: left;
  }
  50.1% {
    scale: 1 1;
    transform-origin: right;
  }
  100% {
    scale: 0 1;
    transform-origin: right;
  }
}
@keyframes slowscale2 {
  0% {
    scale: 0.5 1;
    transform-origin: left;
  }
  25% {
    scale: 1 1;
    transform-origin: left;
  }
  25.1% {
    scale: 1 1;
    transform-origin: right;
  }
  50% {
    scale: 0.5 1;
    transform-origin: right;
  }
  75% {
    scale: 0 1;
    transform-origin: right;
  }
  75.1% {
    scale: 0 1;
    transform-origin: left;
  }
  100% {
    scale: 0.5 1;
    transform-origin: left;
  }
}
@keyframes slowpos {
  0% {
    background-position-x: 50%;
  }
  75% {
    background-position-x: -100%;
  }
  75.1% {
    background-position-x: 100%;
  }
  100% {
    background-position-x: 50%;
  }
}
@keyframes poyooon {
  0% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  10% {
    transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  40% {
    transform: scale(1.2, 0.8) translate(0%, 15%);
  }
  50% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  60% {
    transform: scale(0.9, 1.2) translate(0%, -100%);
  }
  75% {
    transform: scale(0.9, 1.2) translate(0%, -20%);
  }
  85% {
    transform: scale(1.2, 0.8) translate(0%, 15%);
  }
  100% {
    transform: scale(1, 1) translate(0%, 0%);
  }
}
@keyframes poyonK {
  0% {
    transform: scale(1, 1);
  }
  20% {
    transform: scale(1.04, 0.96);
  }
  40% {
    transform: scale(1.08, 0.92);
  }
  50% {
    transform: scale(1, 1);
  }
  60% {
    transform: scale(0.96, 1.08);
  }
  70% {
    transform: scale(1, 1.08);
  }
  80% {
    transform: scale(1.08, 0.92);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes poyonC {
  0% {
    transform: scale(1, 1);
  }
  5% {
    transform: scale(1.04, 0.96);
  }
  10% {
    transform: scale(1.08, 0.92);
  }
  20% {
    transform: scale(1, 1);
  }
  24% {
    transform: scale(0.96, 1.08);
  }
  28% {
    transform: scale(1, 1.08);
  }
  32% {
    transform: scale(1.08, 0.92);
  }
  36% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes poyonK-s {
  0% {
    transform: scale(1, 1);
  }
  20% {
    transform: scale(1.02, 0.99);
  }
  40% {
    transform: scale(1.04, 0.98);
  }
  50% {
    transform: scale(1, 1);
  }
  60% {
    transform: scale(0.98, 1.02);
  }
  70% {
    transform: scale(1, 1.01);
  }
  80% {
    transform: scale(1.04, 0.98);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes poyonR {
  0% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  20% {
    transform: scale(1.04, 0.96) translate(0%, 1%);
  }
  40% {
    transform: scale(1.08, 0.92) translate(0%, 3%);
  }
  50% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  60% {
    transform: scale(0.96, 1.08) translate(0%, -10%);
  }
  70% {
    transform: scale(1, 1.08) translate(0%, -4%);
  }
  80% {
    transform: scale(1.08, 0.92) translate(0%, 3%);
  }
  100% {
    transform: scale(1, 1) translate(0%, 0%);
  }
}
@keyframes poyooon2 {
  0% {
    transform: scale(1, 1);
  }
  2% {
    transform: scale(1.05, 0.95);
  }
  10% {
    transform: scale(1.1, 0.9);
  }
  12% {
    transform: scale(1, 1);
  }
  15% {
    transform: scale(0.95, 1.1);
  }
  18% {
    transform: scale(0.95, 1.1);
  }
  21% {
    transform: scale(1.1, 0.9);
  }
  25% {
    transform: scale(1, 1);
  }
  28% {
    transform: scale(0.98, 1.02);
  }
  32% {
    transform: scale(0.98, 1.02);
  }
  36% {
    transform: scale(1.02, 0.97);
  }
  40% {
    transform: scale(1, 1);
  }
}
@keyframes pururun {
  0% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  10% {
    transform: scale(1, 1) translate(10%, 0%) skew(-10deg, 0deg);
  }
  60% {
    transform: scale(1, 1) translate(20%, 0%) skew(-20deg, 0deg);
  }
  70% {
    transform: scale(1, 1) translate(-15%, 0%) skew(15deg, 0deg);
  }
  80% {
    transform: scale(1, 1) translate(15%, 0%) skew(-15deg, 0deg);
  }
  80% {
    transform: scale(1, 1) translate(5%, 0%) skew(-5deg, 0deg);
  }
  90% {
    transform: scale(1, 1) translate(-5%, 0%) skew(5deg, 0deg);
  }
  100% {
    transform: scale(1, 1) translate(0%, 0%);
  }
}
@keyframes purun {
  0% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  15% {
    transform: scale(0.9, 0.9) translate(0%, 5%);
  }
  30% {
    transform: scale(1.3, 0.8) translate(0%, 10%);
  }
  50% {
    transform: scale(0.8, 1.3) translate(0%, -10%);
  }
  70% {
    transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  100% {
    transform: scale(1, 1) translate(0%, 0%);
  }
}
@keyframes puyon {
  0% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  40% {
    transform: scale(0.95, 1.2) translate(0%, -10%);
  }
  50% {
    transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  60% {
    transform: scale(0.95, 1.05) translate(0%, -3%);
  }
  70% {
    transform: scale(1.05, 0.95) translate(0%, 3%);
  }
  80% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  100% {
    transform: scale(1, 1) translate(0%, 0%);
  }
}
@keyframes step {
  0% {
    translate: 100%;
  }
  100% {
    translate: 0%;
  }
}
@keyframes UpAnime {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-50%);
  }
}
@keyframes DownAnime {
  from {
    opacity: 0;
    transform: translateY(-50%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.UpMove {
  animation: UpAnime 0.5s forwards;
}

.DownMove {
  animation: DownAnime 0.5s forwards;
}

@keyframes hideop {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeup {
  0% {
    opacity: 0;
    translate: 0% 100%;
  }
  100% {
    opacity: 1;
    translate: 0% 0;
  }
}
@keyframes faderight {
  0% {
    opacity: 0;
    translate: 5vmin 0;
  }
  100% {
    opacity: 1;
    translate: 0% 0;
  }
}
@keyframes fadeleft02 {
  0% {
    opacity: 0;
    translate: -5vmin 0;
  }
  100% {
    opacity: 1;
    translate: 0% 0;
  }
}
@keyframes sk-cubemove {
  25% {
    transform: translateX(40px) rotate(-90deg) scale(0.5);
  }
  50% {
    transform: translateX(40px) translateY(40px) rotate(-179deg);
  }
  50.1% {
    transform: translateX(40px) translateY(40px) rotate(-180deg);
  }
  75% {
    transform: translateX(0px) translateY(40px) rotate(-270deg) scale(0.5);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes sidetoside {
  0% {
    translate: 125% 0;
  }
  50% {
    translate: -425% 0;
  }
  100% {
    translate: 125% 0;
  }
}
@keyframes turn {
  0% {
    rotate: y 90deg;
  }
  10% {
    rotate: y 0deg;
  }
  40% {
    rotate: y 0deg;
  }
  50% {
    rotate: y -90deg;
  }
  60% {
    rotate: y -180deg;
  }
  90% {
    rotate: y -180deg;
  }
  100% {
    rotate: y -270deg;
  }
}
@keyframes big {
  0% {
    scale: 0.5;
  }
  20% {
    scale: 30;
  }
  50% {
    scale: 30;
  }
  100% {
    scale: 0;
  }
}
blockquote {
  font-style: italic;
}

@media screen and (max-width: 834px) {
  .imgR, .imgL {
    float: none;
  }
}

iframe {
  width: 100%;
}

span.translate {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  color: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  min-height: 0vw;
  border: none;
  background-color: unset;
}

html {
  font-size: 62.5% !important;
  text-size-adjust: none;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
}

body {
  counter-reset: number 0;
  min-height: 100vh;
  min-height: 100dvh;
  font-style: normal;
  margin: 0;
  color: unset;
  text-align: unset;
}

#contents {
  width: 100%;
}
#contents::after {
  display: none;
}

#main {
  width: unset;
}

i, a:after {
  font-weight: 900;
  line-height: inherit;
}

.clearfix:after {
  visibility: visible;
}

span, b, u {
  display: inline-block;
}

img {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.im {
  width: 100%;
}

body img.imgL {
  max-width: 100%;
}
body img.imgR {
  max-width: 100%;
}

li {
  list-style: none;
}

small {
  font-size: 80%;
}

input, button, textarea, select {
  font: inherit;
  color: inherit;
}

input[type=button] {
  cursor: pointer;
  padding: 5px 10px;
}

a:not([class], .h a, .f a) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  color: var(--linkC);
}

div.blog_list {
  border: none;
}

div.sns_list div.sns_text, div.blog_list div.blog_text {
  width: 100%;
  padding: 0px;
  font-size: inherit;
}

div.sns_list ul li a, div.blog_list ul li a {
  display: block;
  font-size: inherit;
  line-height: inherit;
}

div.detail, div.detail2 {
  margin-top: unset;
}

h2.mail.title {
  display: none !important;
}

.form_wrap.confirm {
  margin-top: 40px;
}
.form_wrap.confirm dl:last-of-type dt, .form_wrap.confirm dl:last-of-type dd {
  border-bottom: 1px solid #ddd;
}

.map li {
  border-left: 5px solid #CCCCCC;
  list-style: none;
  margin: 0 0 15px;
  padding: 0 0 0 10px;
  text-align: left;
}

table {
  table-layout: auto;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  table {
    table-layout: fixed;
  }
}
pre {
  margin: 0;
  padding: 0;
  white-space: pre-line;
}

u {
  text-decoration: line-through;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration: underline;
}

hr {
  border-bottom: 2px solid var(--tx);
}

body {
  overflow-x: hidden;
  font-family: var(--bodyFF);
  font-size: var(--f16);
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.02em;
  color: var(--tx);
  font-style: normal;
}
body:where(.home) {
  --base:1440px;
  --incont:calc(50vw - clamp(0px,calc(50vw - var(--pad,20px)),calc(720px + var(--bar,0px) / 2)));
}
body:where(.home) .wrapper100in {
  padding-inline: var(--in1440);
}
body:where(:not(.home)) {
  --base:1200px;
  --Wpdb:var(--bl05);
  --Schild:var(--bl05);
  --Wchild:var(--bl05);
}

body.blog {
  --base:1440px;
  --g:3vmin;
}

:root {
  --hfw: 700;
  --hcolor: var(--inh);
  --hff:var(--inh);
  --subFW: 700;
  --subFF: var(--inh);
  --subC: var(--inh);
  --hlh:1.25;
  --hls:0.0em;
  --h1FZ:clamp(32px, 4vw, 48px);
  --h2FZ:clamp(24px, 3vw, 32px);
  --h3FZ:clamp(16px, 2vw, 20px);
}

aside {
  --h2FZ:var(--f20);
  --h3FZ:var(--f20);
}

:root {
  --base:1200px;
  --Fmt:var(--bl);
  --Wpdb:var(--bl06);
  --Schild:var(--bl06);
  --Wchild:var(--bl03);
  --Hafter:var(--bl025);
  --linkC:var(--ac);
  --bl:120px;
  --pad:20px;
  --pad2:calc(var(--pad) * 2);
  --g:6vmin;
}
@media screen and (max-width: 1200px) {
  :root {
    --g:3vmin;
  }
}
@media screen and (max-width: 834px) {
  :root {
    --bl:80px;
    --pad:16px;
  }
}

.BeforeF {
  margin-bottom: calc(var(--Fmt) * -1);
}

.pxsh {
  text-shadow: var(--pxsh);
}

.pxshbk {
  text-shadow: var(--pxshbk);
}

.pxds {
  text-shadow: var(--pxds);
}

.bssc {
  box-shadow: var(--bssc);
}

:root {
  --barW: 2px;
  --decoS:solid;
  --bdc: var(--tx50);
  --bds: solid;
  --bdw: 1px;
  --bdc: var(--cur);
  --line:var(--bdw) var(--bds) var(--bdc);
  --lineOff:.5em;
  --rad:0vmin;
  --Hrad:calc(var(--rad)/2 );
  --radhalf:calc(var(--rad)/2 );
  --sheetR:var(--un);
  --boardR:var(--rad);
  --sw:2px;
  --sw2:calc(var(--sw)*2);
  --nsw:calc(var(--sw)*-1);
  --txshWH:var(--tsW) var(--tsW) var(--wh);
  --tsW:1.5vh;
  --tsC: var(--wh);
  --txsh:var(--tsW) var(--tsW) 0 var(--tsC), 0 0 var(--tsW) var(--tsC);
  --pxsh:1px 1px var(--tsC);
  --pxshbk:1px 1px var(--bk);
  --pxds:drop-shadow(1px 1px var(--tsC));
  --pxdsbk:drop-shadow(1px 1px var(--bk));
  --bs:6px 6px 0px var(--sc50),-6px -6px 0px var(--sc50);
  --bs2:.25em .25em #ccc;
  --bsinset: inset 2px 2px 2px #8882,inset -2px -2px 2px #8882;
  --TS:inset var(--sw) var(--sw) var(--sw2) var(--bk50),inset var(--nsw) var(--nsw) var(--sw2) var(--wh40);
  --bslg:2px 4px 8px #111b;
  --bsgr:5px 5px 0px var(--gr);
  --bsbtn:5px 5px 0px var(--gr),inset 5px 5px 0px var(--wh);
  --bsbk:2px 2px 0px var(--bk);
  --bswh:2px 2px 0px var(--wh);
  --bsmc:2px 2px 0px var(--mc);
  --bsac:2px 2px 0px var(--ac);
  --bssc:2px 2px 0px var(--sc);
  --bsblur:0 0 10px #11100088;
  --ds:drop-shadow(0 0 2px var(--wh))drop-shadow(0 0 2px var(--wh))drop-shadow(0 0 2px var(--wh));
  --stW:1.5vh;
  --stC:var(--tx20);
  --stroke:drop-shadow(0 0 var(--stW) var(--stC))drop-shadow(0 0 var(--stW) var(--stC))drop-shadow(0 0 var(--stW) var(--stC))drop-shadow(0 0 var(--stW) var(--stC));
  --stroke-wh:drop-shadow(0 0 var(--stW) var(--wh))drop-shadow(0 0 var(--stW) var(--wh))drop-shadow(0 0 var(--stW) var(--wh))drop-shadow(0 0 var(--stW) var(--wh));
  --stroke-ac:0 0 var(--stW) var(--ac),0 0 var(--stW) var(--ac),0 0 var(--stW) var(--ac),0 0 var(--stW) var(--ac),0 0 var(--stW) var(--ac),0 0 var(--stW) var(--ac);
  --stroke-sc:0 0 var(--stW) var(--sc),0 0 var(--stW) var(--sc),0 0 var(--stW) var(--sc),0 0 var(--stW) var(--sc),0 0 var(--stW) var(--sc),0 0 var(--stW) var(--sc);
}

.bxsh {
  box-shadow: var(--bs);
}

div:where(:has(h1, h2, h3):has(div:empty)) + div {
  margin-top: var(--Hafter);
}

.Hafter {
  margin-top: var(--Hafter);
}

.sub-mc {
  --subC: var(--mc);
}

.sub-ac {
  --subC: var(--ac);
}

.sub-bc {
  --subC: var(--bc);
}

.sub-sc {
  --subC: var(--sc);
}

.sub-wh {
  --subC: var(--wh);
}

.sub-red {
  --subC: var(--red);
}

.f {
  margin-top: var(--Fmt);
}

#contents_wrap, section.blog {
  position: relative;
  z-index: 1;
  max-width: 100%;
  min-width: unset;
  margin-block-start: var(--contMT);
}

#contents {
  padding-inline: var(--pad);
}
#contents:is(.blog *) {
  --contMT: 0;
}

section.blog {
  margin-block-start: var(--bl05);
}
section.blog div.wrap {
  border-radius: 10px;
}

section > *, form > *:where(:not(.shop *)) {
  max-width: 100%;
  margin-inline: auto;
  position: relative;
}
section > * + *, form > *:where(:not(.shop *)) + * {
  margin-top: var(--Schild);
}
section > * + *.box, form > *:where(:not(.shop *)) + *.box {
  margin-top: 0;
}
section > * > *, form > *:where(:not(.shop *)) > * {
  max-width: 100%;
}

.wrapper, .wrapper100in, .wrapper100, body:where(.home) .wrapper100in {
  padding-block: var(--Wpdb);
  position: relative;
}
.wrapper > *, .wrapper100in > *, .wrapper100 > *, body:where(.home) .wrapper100in > * {
  margin-inline: auto;
}
.wrapper > * + *, .wrapper100in > * + *, .wrapper100 > * + *, body:where(.home) .wrapper100in > * + * {
  margin-top: var(--Wchild);
}
.wrapper .box, .wrapper100in .box, .wrapper100 .box {
  margin: unset;
}
.wrapper100in {
  padding-inline: var(--incont);
}

html {
  scrollbar-gutter: stable;
  overflow-x: hidden;
}
html:has(.h.active, .policy-wrap.active) {
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  html:has(.h.active, .policy-wrap.active) .h {
    width: calc(100% - var(--bar));
  }
}

html, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  font-weight: inherit;
  vertical-align: unset;
}

b, strong {
  font-weight: 700;
}

u {
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25em;
}

div.clearfix:has(:is(h1, h2, h3) figure) + div {
  margin-top: var(--bl03);
}

:where(h1, h2, h3) i:before {
  content: "\f219";
  font-family: var(--la);
  font-weight: 900;
  font-size: 120%;
  vertical-align: middle;
  margin-right: 8px;
}

h3, .h3FZ, .h3FZ *, h5, .h5font, h4 {
  font-size: clamp(20px, 2.4vw, 24px);
  font-weight: bold;
}

h5, .h5font, h4 {
  display: inline-block;
  line-height: 2;
}

em, span {
  font-size: inherit;
  font-weight: inherit;
  display: inline-block;
}

.im img:is(#contents img) {
  height: auto;
}

.h-en :is(h1, h2, h3) {
  letter-spacing: 0;
  color: var(--sc);
}
.h-en :is(h1, h2, h3) span {
  padding-inline: 0.5em;
  border-bottom: 1px solid currentColor;
}

section div.form_wrap dl {
  color: var(--tx);
}

.box {
  position: relative;
}
.box a {
  text-decoration: none;
}

.submit:is(#contents *) {
  margin-top: var(--bl05);
}

div.clearfix > div:empty:not([class], [id]), div.clearfix > article > div:empty:not([class], [id]) {
  display: none !important;
}
div.clearfix > div a:not([class], [id]), div.clearfix > article > div a:not([class], [id]) {
  color: var(--linkC);
}

#contents .slick-list {
  width: 100%;
}

:target, [id] {
  scroll-margin-top: calc(var(--head) * 2);
}

.submit:is(#contents *) {
  margin-top: 40px;
}

#contents .form_wrap dl dt {
  flex-direction: row;
  justify-content: unset;
}
#contents .form_wrap:is(.confirm, .message, .error, .entry) {
  font-size: var(--f16);
  --bdc:#ccc;
}
#contents .form_wrap:is(.confirm, .message, .error, .entry) *:not(label) {
  color: #111 !important;
}
#contents .form_wrap:is(.confirm, .message, .error) {
  margin-top: calc(var(--head) * 1.2) !important;
  margin-inline: auto !important;
}

section div.form_wrap dl dt label {
  font-size: inherit;
}

p.annot {
  width: var(--base);
  margin-inline: auto !important;
  max-width: 100%;
}

hr {
  border-bottom: px solid var(--gr);
  margin-block: 1em;
}

.pan1 {
  position: relative;
  z-index: 1;
}
.pan1.__center ul {
  justify-content: center;
}
.pan1.__right ul {
  justify-content: flex-end;
}
.pan1.__left ul {
  justify-content: flex-start;
}
.pan1:is(.title1 + *) {
  margin-top: calc(var(--Schild) / 2);
}
.pan1 ul li a:-moz-any-link::after {
  content: var(--faHome);
  font-family: var(--fa);
  margin-inline-start: 0.5em;
  display: var(--panAF);
}
.pan1 ul li a:any-link::after {
  content: var(--faHome);
  font-family: var(--fa);
  margin-inline-start: 0.5em;
  display: var(--panAF);
}
.pan1 ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  max-width: var(--base);
  justify-content: flex-end;
}
.pan1 ul li:not(:first-child) {
  pointer-events: none;
}
.pan1 ul li:not(:first-child) a {
  text-decoration: none;
  color: currentColor;
  background: none;
}
.pan1 ul a:-moz-any-link {
  text-decoration: none;
  color: var(--linkC);
}
.pan1 ul a:any-link {
  text-decoration: none;
  color: var(--linkC);
}

i {
  font-family: var(--fa);
  color: inherit;
}

body.blog .clearfix:after {
  display: none;
}

body.blog {
  background-color: unset;
  /* section div#contents article > p {
  } */
  /* ================================================================= 
  ver5 calendar
  ================================================================= */
  /* ================================================================= 
  ver5 builingual
  ================================================================= */
  /* ================================================================= 
  スマホ　CSS
  ================================================================= */
}
body.blog section.blog {
  margin-top: var(--bl03);
}
body.blog article > * + * {
  margin-top: var(--bl025);
}
body.blog #contents article ul.clearfix, body.blog #contents article style + * {
  margin-top: 0;
}
body.blog .h_btn:is(a) {
  text-decoration: none;
}
body.blog img {
  border: 0px;
}
body.blog video {
  max-width: 100%;
}
body.blog input,
body.blog textarea,
body.blog select,
body.blog button {
  margin: 0;
  padding: unset;
  font-family: sans-serif;
  font-size: 100%;
}
body.blog * html .clearfix {
  height: 1%;
}
body.blog .clearfix:after {
  clear: both;
  display: none;
  height: 0px;
  line-height: 0px;
  content: ".";
  visibility: hidden;
}
body.blog select {
  padding: 4px 2px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  font-size: 100%;
  max-width: 100%;
}
body.blog div.wrap {
  width: unset;
  max-width: unset;
  margin: 0 auto;
  display: flex;
}
body.blog #main_image {
  width: 100%;
  height: 300px;
  height: 700px;
  background-image: url(../images/home/mvtrimresize.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}
body.blog footer {
  width: 100%;
  background: unset;
}
body.blog section div.wrap {
  padding: 20px;
  background-color: #fff;
  /*cbg_color*/
  /*cbg_image*/
  /*cbg_repeat*/
  display: flex;
}
body.blog section aside {
  padding: 0 10px;
  width: 24%;
  min-width: 200px;
  overflow: hidden;
}
body.blog section div#contents {
  width: 74%;
  overflow: hidden;
}
body.blog aside div#prof a {
  display: block;
  width: 100%;
  height: 30px;
  text-align: right;
  padding-right: 10px;
}
body.blog aside div#search {
  position: relative;
}
body.blog aside div#search input {
  width: 100%;
}
body.blog aside div#search button {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  right: 5px;
  width: 28px;
  height: 28px;
  border: none;
  background: url(../img/search.png) no-repeat;
  background-size: 22px;
  background-position: center center;
  text-indent: -9999px;
}
body.blog aside h3,
body.blog aside nav > div {
  font-size: 15px;
  line-height: 50px;
  color: #6b6b6b;
}
body.blog aside h3:nth-of-type(2),
body.blog aside nav > div:nth-of-type(2) {
  margin-top: 20px;
}
body.blog aside nav {
  padding: 20px 0;
}
body.blog aside nav > a {
  display: block;
  text-align: right;
  padding-right: 10px;
  margin-top: 10px;
}
body.blog aside ul li {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
body.blog aside ul li:first-child {
  border-top: unset;
}
body.blog aside ul li a span:nth-of-type(2) {
  display: unset;
}
body.blog section div#contents div.pager {
  line-height: 30px;
  padding: 0 10px 50px 10px;
}
body.blog section div#contents div.pager a.next {
  float: right;
}
body.blog section div#contents div#blog_detail {
  padding: 10px 10px 0 10px;
}
body.blog section div#contents div#prof_detail img {
  padding: 0 10px;
  float: right;
}
body.blog section div#contents div#prof_detail div#prof_text {
  clear: right;
  padding: 10px;
}
body.blog section div#contents article div.date {
  line-height: 30px;
  color: var(--tx);
}
body.blog section div#contents article h1,
body.blog section div#contents article h1 span:nth-of-type(2),
body.blog section div#contents article h2 span:nth-of-type(2) {
  display: unset;
}
body.blog section div#contents article h1:empty,
body.blog section div#contents article h1 span:nth-of-type(2):empty,
body.blog section div#contents article h2 span:nth-of-type(2):empty {
  display: none;
}
body.blog section div#contents article ul {
  margin-bottom: 10px;
}
body.blog section div#contents article ul li {
  float: left;
  list-style: none;
}
body.blog section div#contents article ul li a {
  display: block;
  line-height: inherit;
  margin-left: 0.5em;
  margin-right: unset;
  border-radius: calc(var(--rad) / 4);
}
body.blog section div#contents article div.flex {
  display: flex;
  flex-direction: column;
}
body.blog section div#contents article div.flex_images {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2%;
  order: 1;
}
body.blog section div#contents article div.flex_images > * {
  flex: 1;
}
@media screen and (max-width: 960px) {
  body.blog section div#contents article div.flex_images > * {
    flex: unset;
    width: 49%;
  }
}
body.blog section div#contents div.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
body.blog section div#contents div.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
body.blog section div#contents article div.sns {
  display: flex;
  justify-content: center;
}
body.blog section div#contents article div.sns a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px;
  width: 200px;
  height: 45px;
  border-radius: 3px;
  text-decoration: none;
}
body.blog section div#contents article div.sns a span {
  font-size: 16px;
}
body.blog section div#contents article div.sns a i {
  display: block;
  width: 40px;
  height: 40px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
body.blog section div#contents article div.sns a.tw {
  background: #1da1f2;
}
body.blog section div#contents article div.sns a.fb {
  background: #2f6db6;
}
body.blog section div#contents article div.sns a.line {
  background: #00b900;
}
body.blog section div#contents article div.sns a.tw i {
  background-image: url(../img/TW.png);
}
body.blog section div#contents article div.sns a.fb i {
  background-image: url(../img/FB.png);
  background-size: 28px;
  background-position: center 3px;
}
body.blog section div#contents article div.sns a.line i {
  background-image: url(../img/LINE.png);
}
body.blog section div#contents > dl {
  display: block;
  margin: 0 10px 20px 10px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
body.blog section div#contents > dl dt {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 10px;
}
body.blog section div#contents > dl dt > div > a {
  text-underline-offset: 0.5em;
  color: var(--tx);
  text-decoration-color: var(--ac);
  font-size: var(--h3FZ);
}
body.blog section div#contents > dl dt span.translate {
  display: block;
  font-weight: var(--hfw);
  margin-top: 8px;
}
body.blog section div#contents > dl dd {
  margin-top: var(--f16);
}
body.blog section div#contents > dl ul li {
  float: left;
  list-style: none;
  margin-bottom: 0.5em;
}
body.blog section div#contents > dl ul li a {
  display: block;
  margin-right: 0.5em;
  padding: 0.25em 0.5em;
  background-color: var(--mc);
  color: #fff;
  text-decoration: none;
  border-radius: var(--radhalf);
}
body.blog section div#contents > dl dt span:nth-of-type(2) {
  display: block;
  font-size: 12px;
}
body.blog div#form_calendar {
  width: 100%;
  max-width: 100%;
  margin: 10px auto 10px auto;
  min-width: unset;
}
body.blog div#form_calendar td.blog {
  background-color: var(--mc30);
}
body.blog div#form_calendar div.head {
  position: relative;
  width: 100%;
  height: 30px;
  text-align: center;
}
body.blog div#form_calendar div.head span {
  position: absolute;
  display: block;
  line-height: 30px;
  font-size: 12px;
  font-weight: bold;
  color: #6b6b6b;
}
body.blog div#form_calendar div.head span:nth-of-type(1) {
  top: 0;
  left: 0;
  width: 20px;
  font-size: 20px;
}
body.blog div#form_calendar div.head span:nth-of-type(2) {
  top: 0;
  left: 25px;
}
body.blog div#form_calendar div.head span:nth-of-type(3) {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
}
body.blog div#form_calendar div.head span:nth-of-type(4) {
  top: 0;
  right: 25px;
}
body.blog div#form_calendar div.head span:nth-of-type(5) {
  top: 0;
  right: 0;
  width: 20px;
  font-size: 20px;
}
body.blog div#form_calendar div.head span:nth-of-type(1):hover,
body.blog div#form_calendar div.head span:nth-of-type(5):hover {
  color: #6f94f5;
  cursor: pointer;
}
body.blog div#form_calendar table {
  table-layout: fixed;
  border-collapse: collapse;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  width: 100%;
}
body.blog div#form_calendar table thead tr th {
  border: none;
  text-align: center;
  font-size: 11px;
  font-weight: normal;
  color: #6b6b6b;
}
body.blog div#form_calendar table tbody tr {
  height: 30px;
}
body.blog div#form_calendar table tbody tr td {
  border: none;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  text-align: center;
  position: relative;
}
body.blog div#form_calendar table tbody tr td:first-of-type {
  border-left: 1px solid #ccc;
  background: #f1f1f1;
}
body.blog div#form_calendar table tbody tr td.other {
  background: #f9f9f9;
}
body.blog div#form_calendar table tbody tr td label {
  font-size: 12px;
}
body.blog div#form_calendar table tbody tr td:last-of-type label {
  color: #6f94f5;
}
body.blog div#form_calendar table tbody tr td:first-of-type label,
body.blog div#form_calendar table tbody tr td.holiday label {
  color: #f17878;
}
body.blog div#form_calendar table tbody tr td.other label {
  font-size: 12px;
  color: #ccc;
}
body.blog div#form_calendar table tbody tr td.other:last-of-type label {
  color: #92adf3;
}
body.blog div#form_calendar table tbody tr td.other:first-of-type label,
body.blog div#form_calendar table tbody tr td.other.holiday label {
  color: #f5acac;
}
body.blog div#form_calendar table tbody tr td:hover {
  background: rgba(0, 200, 255, 0.82) !important;
  cursor: pointer;
}
body.blog div#form_calendar table tbody tr td:hover label {
  cursor: pointer;
}
body.blog div#form_calendar table tbody tr td.open {
  background: var(--mc20);
}
body.blog div#form_calendar table tbody tr td.close {
  background: var(--ac);
}
body.blog div#form_calendar dl.open,
body.blog div#form_calendar dl.close {
  display: flex;
  font-size: 12px;
}
body.blog div#form_calendar dl.open label,
body.blog div#form_calendar dl.close label {
  display: inline-block;
  margin-right: 10px;
  width: 30px;
  height: 20px;
  font-size: 12px;
}
body.blog div#form_calendar dl.open label {
  background: var(--mc20);
}
body.blog div#form_calendar dl.close label {
  background: var(--ac);
}
body.blog div#builingual {
  background: #f1f1f1;
  padding: 5px 0;
}
body.blog div#builingual div.progress {
  display: none;
  float: left;
  line-height: 32px;
  color: #2e7200;
  font-weight: bold;
}
body.blog div#builingual div.progress img {
  float: left;
  margin-top: 4px;
  padding: 0 10px 0 20px;
}
body.blog div#builingual div.language {
  float: right;
  color: #999;
  font-weight: bold;
}
body.blog div#builingual div.language select {
  margin: 0 20px 0 10px;
}
body.blog div.translate {
  margin: 30px 0 30px 0;
}
body.blog section div#contents div#blog_detail + div.translate {
  margin: 10px 10px 30px 10px;
}
body.blog section div#contents article > p + div.translate {
  margin: 5px 0 30px 0;
}
body.blog section div#contents img {
  height: auto !important;
}
body.blog section div#contents article h1 span {
  display: block;
  font-size: var(--f40);
  line-height: 1.6;
  margin-bottom: 20px;
  padding-bottom: 12px;
  position: relative;
  position: relative;
  border-bottom: 1px solid var(--mc);
  padding: 0.25em;
  margin-bottom: var(--f16);
  line-height: 1.3;
}
body.blog section div#contents article h1 span::before, body.blog section div#contents article h1 span::after {
  content: "";
  height: 8px;
  position: absolute;
  left: 0;
  bottom: -8px;
  border-radius: 2px;
}
body.blog section div#contents article h1 span::before {
  width: 66%;
  background-color: var(--mctr);
  display: none;
}
body.blog section div#contents article h1 span::after {
  width: 20%;
  background-color: var(--mc);
  display: none;
}
body.blog section div.form_wrap dl {
  display: flex;
}
body.blog section div.form_wrap dl dt {
  border: 1px solid #ccc;
  border-right: none;
  border-bottom: none;
  background-color: #f5f5f5;
  padding: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  box-sizing: border-box;
}
body.blog section div.form_wrap dl dd {
  border: 1px solid #ccc;
  border-bottom: none;
  padding: 8px;
  box-sizing: border-box;
}
body.blog section div.form_wrap dl:last-of-type dt {
  border-bottom: 1px solid #ddd;
}
body.blog section div.form_wrap dl:last-of-type dd {
  border-bottom: 1px solid #ddd;
}
body.blog section div.form_wrap dl dt label,
body.blog section div.form_wrap p.annot {
  color: #ff0000;
}
body.blog section div.form_wrap dl dd > div {
  display: flex;
}
body.blog section div.form_wrap dl dd input[type=text],
body.blog section div.form_wrap dl dd input[type=password] {
  width: 300px;
  max-width: 100%;
}
body.blog section div.form_wrap dl dd div input[type=text],
body.blog section form div.form_wrap dl dd div select {
  margin-bottom: 8px;
}
body.blog section div.form_wrap dl dd div:last-of-type input[type=text],
body.blog section div.form_wrap dl dd div:last-of-type select {
  margin-bottom: 0;
}
body.blog section div.form_wrap dl dd span {
  margin-right: 8px;
  line-height: 32px;
}
body.blog section div.form_wrap dl dd input[type=text] + span,
body.blog section div.form_wrap dl dd select + span {
  margin-left: 8px;
}
body.blog section div.form_wrap dl dd p {
  margin-top: 4px;
}
body.blog section div.form_wrap dl dd.addr input,
body.blog section div.form_wrap dl dd.ship_addr input {
  width: 100%;
}
body.blog section div.form_wrap dl dd.addr select,
body.blog section div.form_wrap dl dd.ship_addr select {
  width: 122px !important;
}
body.blog section div.form_wrap dl dd.addr div:nth-of-type(1) input,
body.blog section div.form_wrap dl dd.ship_addr div:nth-of-type(1) input {
  width: 100px !important;
  text-align: center;
}
body.blog section div.form_wrap dl dd.date div,
body.blog section div.form_wrap dl dd.birthday div,
body.blog section div.form_wrap dl dd.is_entry div {
  float: left;
  margin-right: 8px;
}
body.blog section div.form_wrap dl dd.is_entry div {
  display: flex;
  height: 32px;
  align-items: center;
}
body.blog section div.form_wrap dl dd.is_entry label {
  width: 80px;
}
body.blog section div.form_wrap dl dd.is_entry input[type=text] {
  width: 160px !important;
}
body.blog section div.form_wrap dl dd.date input,
body.blog section div.form_wrap dl dd.birthday input {
  width: 80px !important;
  text-align: center;
}
body.blog section div.form_wrap dl dd.date select,
body.blog section div.form_wrap dl dd.birthday select {
  width: 60px !important;
}
body.blog section div.form_wrap dl dd.date p,
body.blog section div.form_wrap dl dd.birthday p,
body.blog section div.form_wrap dl dd.is_entry p {
  padding-top: 4px;
  clear: left;
}
body.blog section div.form_wrap dl dd.date div:last-of-type input[type=text],
body.blog section div.form_wrap dl dd.birthday div:last-of-type input[type=text],
body.blog section div.form_wrap dl dd.date div:last-of-type select,
body.blog section div.form_wrap dl dd.birthday div:last-of-type select {
  margin-bottom: 8px;
}
body.blog section div.form_wrap dl dd.number input {
  width: 60px !important;
  text-align: right;
}
body.blog section div.form_wrap dl dd.radio label,
body.blog section div.form_wrap dl dd.checkbox label {
  display: inline-block;
  min-width: 80px;
  margin-right: 8px;
}
body.blog section div.form_wrap.confirm dl dd span {
  color: #ff0000;
}
body.blog section div.form_wrap.message {
  background: #fff;
  border: 1px solid #ddd;
  padding: 20px;
  margin: 50px 20px 20px 20px;
  border-radius: 2px;
}
body.blog section div.form_wrap.message ul li {
  font-size: 20px;
  margin-bottom: 10px;
}
body.blog section div.form_wrap.message p span {
  width: 100%;
  display: block;
  margin-top: 15px;
  font-size: 12px;
}
body.blog section div.form_wrap.error {
  background: #ff0000;
  margin-bottom: 10px;
}
body.blog section div.form_wrap.error p {
  padding: 5px;
}
@media only screen and (max-width: 960px) {
  body.blog section div.wrap {
    flex-direction: column-reverse;
    padding-inline: unset;
  }
  body.blog section aside {
    width: 98%;
  }
  body.blog section div#contents {
    width: 98%;
  }
  body.blog section div#contents article div.sns a {
    background: initial !important;
    width: 40px;
    width: 40px;
  }
  body.blog section div#contents article div.sns a span {
    display: none;
  }
  body.blog section div#contents article div.sns a i {
    background-size: 40px 40px !important;
    background-position: center center !important;
  }
  body.blog .tbl_block th {
    text-align: center;
  }
  body.blog .tbl_block th,
  body.blog .tbl_block td {
    display: block;
  }
  body.blog .tbl_scroll {
    overflow-x: auto;
    white-space: nowrap;
  }
}
body.blog .imgL {
  float: left;
  margin-right: var(--g);
}
body.blog .imgR {
  float: right;
  margin-left: var(--g);
}
body.blog .imgC {
  margin: 0px auto 0px auto;
  display: block;
}
@media screen and (max-width: 834px) {
  body.blog #contents {
    margin-bottom: 12%;
  }
}
body.blog aside nav > div {
  font-size: 15px;
  line-height: 50px;
  color: #6b6b6b;
  border-bottom: 1px solid var(--tx);
}
body.blog #contents .card.card3 {
  gap: 20px 2%;
  flex-wrap: wrap;
  margin-bottom: 6%;
}
body.blog #contents .card.card3 ul {
  display: contents;
}
body.blog #contents .card.card3 li {
  flex: unset;
  width: 32%;
  margin-top: 0;
}
@media screen and (max-width: 1000px) {
  body.blog #contents .card.card3 li {
    width: 49%;
  }
}
@media screen and (max-width: 640px) {
  body.blog #contents .card.card3 li {
    width: 100%;
  }
}
body.blog #contents .card.card3 a {
  padding: 0 !important;
  margin-right: 0 !important;
}
body.blog #contents .card.card3 img {
  width: 100% !important;
  margin: 0;
}
body.blog #contents .title3 article {
  padding-left: 0;
}

body:not(.blog) section .h_title {
  display: none;
}

body.blog {
  background-color: unset;
  max-width: 100%;
  padding-inline: 0;
}
@media screen and (max-width: 834px) {
  body.blog {
    padding-inline: 0;
  }
}

div.blog_list h3,
div.blog_list div.blog_text {
  font-size: unset;
}

section aside {
  width: 24%;
  padding: 0 10px;
}
section aside * {
  text-align: left;
}
section aside *:is(nav > div) {
  text-align: center;
}
@media screen and (max-width: 834px) {
  section aside {
    padding: 0;
  }
}

section div#contents {
  width: 74%;
}

section.blog {
  width: var(--base);
  max-width: 100%;
  margin-inline: auto;
  margin-top: 2%;
}

body.blog #contents article h2 {
  position: relative;
  z-index: 1;
  --wid: 112px;
}
body.blog #contents article h2:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.2);
  width: var(--wid);
  height: 100%;
  z-index: -1;
  -webkit-clip-path: polygon(100% 100%, 0% 100%, 0% 0%);
          clip-path: polygon(100% 100%, 0% 100%, 0% 0%);
  display: none;
}
@media screen and (max-width: 834px) {
  body.blog #contents article h2 {
    --pad: 20px;
    --wid: 60px;
  }
}

section div#contents > dl {
  overflow: auto;
}

aside ul li a {
  background-color: rgba(255, 255, 255, 0);
  transition: 0.4s;
  border-radius: 0;
}

aside ul li a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

input[type=text],
input[type=password],
textarea,
select {
  border-radius: 0;
}

aside nav > a {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0;
}
aside nav > a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.blog #calendar #form_calendar {
  box-shadow: none;
  background: transparent;
}

td.open {
  color: #000;
}

td.other {
  background: transparent !important;
}

section div#contents article ul li a {
  display: block;
  padding: 5px 10px;
  border-radius: 4px;
  color: unset;
  margin: 0 10px 20px 0;
}

section div#contents article ul li a {
  border-radius: 0;
  border: 1px solid #fff;
  background-color: var(--mc);
  text-decoration: none;
}

section.blog div#contents *,
section.blog aside * {
  box-shadow: none !important;
}
@media screen and (max-width: 834px) {
  section.blog div#contents *,
  section.blog aside * {
    float: none !important;
  }
}
section.blog div#contents article,
section.blog aside article {
  margin-bottom: 0;
}
@media screen and (max-width: 834px) {
  section.blog div#contents article img,
  section.blog div#contents section div#contents article video,
  section.blog aside article img,
  section.blog aside section div#contents article video {
    margin: 10px 0 10px 0 !important;
  }
}
section.blog div#contents .category a,
section.blog div#contents ul a,
section.blog aside .category a,
section.blog aside ul a {
  border: unset;
}
section.blog div#contents div.date,
section.blog aside div.date {
  border-radius: 0;
  border: none;
  background-color: unset;
  padding: 0;
}
section.blog div#contents #calendar #form_calendar td:hover,
section.blog aside #calendar #form_calendar td:hover {
  background: unset !important;
}
section.blog div#contents #calendar #form_calendar td.close,
section.blog aside #calendar #form_calendar td.close {
  background: #aaa;
}
section.blog div#contents #calendar #form_calendar td.blog label,
section.blog aside #calendar #form_calendar td.blog label {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  aspect-ratio: 1/1;
  line-height: 22px;
  background: #fff;
  border-radius: 999px;
  bottom: 0;
  left: 0;
}
section.blog div#contents #calendar #form_calendar dl.open,
section.blog div#contents #calendar #form_calendar dl.close,
section.blog aside #calendar #form_calendar dl.open,
section.blog aside #calendar #form_calendar dl.close {
  display: flex;
  padding-left: 5px;
}
section.blog div#contents #calendar #form_calendar dl.open label,
section.blog div#contents #calendar #form_calendar dl.close label,
section.blog aside #calendar #form_calendar dl.open label,
section.blog aside #calendar #form_calendar dl.close label {
  display: block;
  width: 40px;
  height: 20px;
  margin-bottom: 5px;
}
section.blog div#contents #calendar #form_calendar dl.close label,
section.blog aside #calendar #form_calendar dl.close label {
  background-color: #aaa;
}
section.blog div#contents #calendar #form_calendar span,
section.blog div#contents #calendar #form_calendar th,
section.blog aside #calendar #form_calendar span,
section.blog aside #calendar #form_calendar th {
  color: #111;
}

section.blog aside * {
  border-color: #111;
}

@media screen and (max-width: 640px) {
  section.blog div#contents article {
    margin-bottom: 20px;
  }
}
section.blog div#contents article ul {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
section.blog div#contents article ul li {
  float: none;
  list-style: none;
  margin-top: unset;
  display: inline-block;
}
section.blog div#contents article h2 span {
  display: block;
  font-size: var(--f32);
  line-height: 1.6;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 12px;
  position: relative;
  font-weight: 600;
  padding: 6px 0 10px;
  position: relative;
  padding: 0.25em;
  border-bottom: 1px solid var(--mc);
  margin-bottom: var(--f16);
  line-height: 1.3;
}
section.blog div#contents .tate article {
  display: flex;
  flex-direction: column;
}
section.blog div#contents .tate h3 {
  order: -1;
  display: inline-block;
}
section.blog div#contents .tate div {
  margin-bottom: 20px;
}
section.blog div#contents .imglast article {
  display: flex;
  flex-direction: column;
}
section.blog div#contents .imglast .imgW {
  order: 1;
}
section.blog div#contents .imglast div {
  margin-bottom: 20px;
}
section.blog div#contents .yoko {
  display: flex;
  flex-wrap: nowrap;
}
@media screen and (max-width: 640px) {
  section.blog div#contents .yoko {
    flex-wrap: wrap;
  }
}
section.blog div#contents .yoko article {
  width: 100%;
}
section.blog div#contents .yoko div {
  margin-bottom: 20px;
}

aside .pages a {
  text-align: left;
}

section div#contents article + article {
  margin-top: var(--bl025);
  padding-top: var(--bl025);
  border-top: 1px dashed var(--tx50);
}
section div#contents article ul li a {
  color: var(--wh);
}
section div#contents article h2 span {
  line-height: 2;
}
section div#contents article time {
  padding: 0.25em 1em;
  border-radius: var(--radhalf);
  color: #fff;
  background-color: var(--ac);
}

body.blog.bk {
  background-color: var(--bk);
}
body.blog.bk section div.wrap {
  background-color: var(--bk);
}
@media screen and (max-width: 834px) {
  body.blog.bk .fl37 > * {
    padding-left: 0px;
  }
}

div.bxi_index ol li:hover {
  color: var(--mc);
}

section div#contents div.bxi_index {
  margin: unset;
  border: 1px solid var(--tx50);
  padding: var(--pad);
}

#contents_wrap:is(.shop *), section.blog:is(.shop *) {
  margin-block-start: unset;
}

div.search form select {
  background: unset;
}

div.items {
  margin-left: unset;
  justify-content: space-between;
  gap: 3vmin 2%;
}

div.items > article {
  margin: unset;
}
@media screen and (max-width: 834px) {
  div.items > article {
    flex: unset;
    width: 49%;
  }
}
div.items > article a.photo {
  width: 100%;
}

div.search {
  display: flex;
  gap: 1em;
  justify-content: space-between;
}
div.search::after {
  display: none;
}

div.search form {
  width: 570px;
  max-width: 100%;
  display: flex;
  align-items: center;
}

div.search form select {
  background: unset;
  font-size: unset;
  padding-block: unset;
}

div.select > select {
  font-size: unset;
  padding-block: unset;
  height: 2em;
}

div.select:after {
  top: 45%;
  height: 100%;
}

div.pager a {
  height: 2em;
}

div.search form div.select {
  width: unset;
  min-width: unset;
  flex: 1;
  min-width: 160px;
}
div.search form div.select option {
  font-size: 70%;
}

div.search form div.text {
  display: flex;
  flex: 2;
  width: unset;
}
div.search form div.text input {
  line-height: 1;
  height: 2em;
}

div.search form button {
  background-position: center;
  width: 2em;
  height: 100%;
}

div.under ul li a {
  width: unset;
  text-decoration: none;
  background-color: var(--mc);
  color: #fff;
  font-weight: bold;
  font-size: clamp(12px, 1.6vw, 20px);
  line-height: 1.5;
}

div.items {
  margin-left: unset;
  gap: 3vmin 2%;
  justify-content: flex-start;
}

div.items > article {
  width: 32%;
  margin: unset;
  align-items: flex-start;
  line-height: 1.5;
  padding: 1em;
  padding-bottom: 1em;
  border: 1px solid var(--gr);
}
@media screen and (max-width: 834px) {
  div.items > article {
    width: 49%;
  }
}
@media screen and (max-width: 480px) {
  div.items > article {
    width: 100%;
  }
}
div.items > article a.photo {
  width: 100%;
  height: unset;
  aspect-ratio: 3/2;
}
div.items > article a.name {
  color: var(--mc);
  text-decoration: none;
}
div.items > article p.summary {
  font-size: var(--f16);
}
div.items > article p.price {
  padding-top: 0.75em;
  font-weight: bold;
  margin-left: auto;
}

div.relay ul li, div.bundle ul li {
  width: 260px;
  height: unset;
}
@media screen and (max-width: 640px) {
  div.relay ul li, div.bundle ul li {
    width: calc(50vw - 70px);
  }
}
@media screen and (max-width: 480px) {
  div.relay ul li, div.bundle ul li {
    width: calc(49vw - 0px);
  }
}

div.relay a.name, div.bundle a.name {
  font-size: var(--f20);
  color: var(--mc);
  text-decoration: none;
  text-align: left;
}

div.relay p.price, div.bundle p.price {
  text-align: left;
  line-height: 1.2;
  font-weight: bold;
}

div.relay a.photo, div.bundle a.photo {
  background-position: center;
}

div.items > article a.photo, div.relay a.photo, div.bundle a.photo {
  background-repeat: no-repeat;
  background-size: contain;
}

div.photo div.small ul li {
  max-height: 150px;
}

div.photo div.large {
  display: grid;
  place-items: center;
}
div.photo div.large img {
  width: 100%;
  height: 100% !important;
  max-height: 470px;
}

div.item_option dl dt, button.addcart, div.attr dl dt {
  background-color: var(--mc);
  color: #fff;
}

div.item_view div.struct {
  flex-wrap: wrap;
}
div.item_view div.struct > * {
  width: 100%;
}

button.addcart {
  background: unset;
  text-indent: unset;
  height: unset;
  color: var(--tx);
  background: unset;
  text-indent: unset;
  height: unset;
  width: 100%;
  background-color: var(--btnBG);
  color: var(--btnC);
  box-shadow: var(--bsinset);
  border-radius: 1000px;
  padding: 0.25em 0.5em;
}

div.item_view h2 span {
  display: none;
}

div.item_view > ul li a {
  background: unset;
  text-indent: unset;
  height: unset;
  width: 100%;
  background-color: var(--btnBG);
  color: var(--btnC) !important;
  box-shadow: var(--bsinset);
  border-radius: var(--radhalf);
  padding: 0.25em 0.75em;
  text-decoration: none;
  color: var(--tx);
}

div.photo div.large .im {
  height: 100%;
}
div.photo div.large .im img {
  -o-object-fit: cover;
     object-fit: cover;
}

div.item_view {
  min-width: unset;
  max-width: unset;
  width: 70%;
}
@media screen and (max-width: 834px) {
  div.item_view {
    width: 100%;
  }
}

body.shop div.photo {
  flex-wrap: wrap;
}
body.shop div.photo > * {
  width: 100%;
}
body.shop div.photo div.small {
  min-width: unset;
  max-width: unset;
}
body.shop div.photo div.small ul {
  gap: 1vmin 1%;
}
body.shop div.photo div.small ul li {
  flex: unset;
  width: 19.2%;
  margin: unset;
}
body.shop div.photo div.small figure {
  background-color: #f4f4f4;
}
body.shop div.photo div.small img {
  aspect-ratio: 1;
  -o-object-position: center;
     object-position: center;
}
div.items > article {
  padding: unset;
  border: none;
}
div.items > article a.photo {
  border-radius: var(--radhalf);
}

div.items > article button {
  background: unset;
  text-indent: unset;
  height: unset;
  width: 100%;
  background-color: var(--btnBG);
  color: var(--btnC);
  box-shadow: var(--bsinset);
  border-radius: 1000px;
  padding: 0.5em 0.5em;
}

:root {
  --trt:translate .4s,opacity .8s .2s,clip-path .4s .0s,filter .4s .0s,scale .4s .4s;
  --bw:0px;
  --transX: 4vmin;
  --transY: 4vmin;
}

[class*=js-].show:nth-child(1), [class*=js-ch] > *.show:nth-child(1), [class*=js-art] article > *.show:nth-child(1) {
  transition-delay: 0s;
}
[class*=js-].show:nth-child(1):is(section > *), [class*=js-ch] > *.show:nth-child(1):is(section > *), [class*=js-art] article > *.show:nth-child(1):is(section > *) {
  transition-delay: 0s;
}
[class*=js-].show:nth-child(2), [class*=js-ch] > *.show:nth-child(2), [class*=js-art] article > *.show:nth-child(2) {
  transition-delay: 0.1s;
}
[class*=js-].show:nth-child(2):is(section > *), [class*=js-ch] > *.show:nth-child(2):is(section > *), [class*=js-art] article > *.show:nth-child(2):is(section > *) {
  transition-delay: 0s;
}
[class*=js-].show:nth-child(3), [class*=js-ch] > *.show:nth-child(3), [class*=js-art] article > *.show:nth-child(3) {
  transition-delay: 0.2s;
}
[class*=js-].show:nth-child(3):is(section > *), [class*=js-ch] > *.show:nth-child(3):is(section > *), [class*=js-art] article > *.show:nth-child(3):is(section > *) {
  transition-delay: 0s;
}
[class*=js-].show:nth-child(4), [class*=js-ch] > *.show:nth-child(4), [class*=js-art] article > *.show:nth-child(4) {
  transition-delay: 0.3s;
}
[class*=js-].show:nth-child(4):is(section > *), [class*=js-ch] > *.show:nth-child(4):is(section > *), [class*=js-art] article > *.show:nth-child(4):is(section > *) {
  transition-delay: 0s;
}
[class*=js-].show:nth-child(5), [class*=js-ch] > *.show:nth-child(5), [class*=js-art] article > *.show:nth-child(5) {
  transition-delay: 0.4s;
}
[class*=js-].show:nth-child(5):is(section > *), [class*=js-ch] > *.show:nth-child(5):is(section > *), [class*=js-art] article > *.show:nth-child(5):is(section > *) {
  transition-delay: 0s;
}
[class*=js-].show:nth-child(6), [class*=js-ch] > *.show:nth-child(6), [class*=js-art] article > *.show:nth-child(6) {
  transition-delay: 0.5s;
}
[class*=js-].show:nth-child(6):is(section > *), [class*=js-ch] > *.show:nth-child(6):is(section > *), [class*=js-art] article > *.show:nth-child(6):is(section > *) {
  transition-delay: 0s;
}
[class*=js-].show:nth-child(7), [class*=js-ch] > *.show:nth-child(7), [class*=js-art] article > *.show:nth-child(7) {
  transition-delay: 0.6s;
}
[class*=js-].show:nth-child(7):is(section > *), [class*=js-ch] > *.show:nth-child(7):is(section > *), [class*=js-art] article > *.show:nth-child(7):is(section > *) {
  transition-delay: 0s;
}
[class*=js-].show:nth-child(8), [class*=js-ch] > *.show:nth-child(8), [class*=js-art] article > *.show:nth-child(8) {
  transition-delay: 0.7s;
}
[class*=js-].show:nth-child(8):is(section > *), [class*=js-ch] > *.show:nth-child(8):is(section > *), [class*=js-art] article > *.show:nth-child(8):is(section > *) {
  transition-delay: 0s;
}
[class*=js-].show:nth-child(9), [class*=js-ch] > *.show:nth-child(9), [class*=js-art] article > *.show:nth-child(9) {
  transition-delay: 0.8s;
}
[class*=js-].show:nth-child(9):is(section > *), [class*=js-ch] > *.show:nth-child(9):is(section > *), [class*=js-art] article > *.show:nth-child(9):is(section > *) {
  transition-delay: 0s;
}

.it01.show:nth-child(1), .it01 > *.show:nth-child(1), .ti01.show:nth-child(1), .ti01 > *.show:nth-child(1) {
  transition-delay: 0s;
}
.it01.show:nth-child(1):is(section > *), .it01 > *.show:nth-child(1):is(section > *), .ti01.show:nth-child(1):is(section > *), .ti01 > *.show:nth-child(1):is(section > *) {
  transition-delay: 0s;
}
.it01.show:nth-child(2), .it01 > *.show:nth-child(2), .ti01.show:nth-child(2), .ti01 > *.show:nth-child(2) {
  transition-delay: 0.2s;
}
.it01.show:nth-child(2):is(section > *), .it01 > *.show:nth-child(2):is(section > *), .ti01.show:nth-child(2):is(section > *), .ti01 > *.show:nth-child(2):is(section > *) {
  transition-delay: 0s;
}
.it01.show:nth-child(3), .it01 > *.show:nth-child(3), .ti01.show:nth-child(3), .ti01 > *.show:nth-child(3) {
  transition-delay: 0.4s;
}
.it01.show:nth-child(3):is(section > *), .it01 > *.show:nth-child(3):is(section > *), .ti01.show:nth-child(3):is(section > *), .ti01 > *.show:nth-child(3):is(section > *) {
  transition-delay: 0s;
}
.it01.show:nth-child(4), .it01 > *.show:nth-child(4), .ti01.show:nth-child(4), .ti01 > *.show:nth-child(4) {
  transition-delay: 0.6s;
}
.it01.show:nth-child(4):is(section > *), .it01 > *.show:nth-child(4):is(section > *), .ti01.show:nth-child(4):is(section > *), .ti01 > *.show:nth-child(4):is(section > *) {
  transition-delay: 0s;
}
.it01.show:nth-child(5), .it01 > *.show:nth-child(5), .ti01.show:nth-child(5), .ti01 > *.show:nth-child(5) {
  transition-delay: 0.8s;
}
.it01.show:nth-child(5):is(section > *), .it01 > *.show:nth-child(5):is(section > *), .ti01.show:nth-child(5):is(section > *), .ti01 > *.show:nth-child(5):is(section > *) {
  transition-delay: 0s;
}
.it01.show:nth-child(6), .it01 > *.show:nth-child(6), .ti01.show:nth-child(6), .ti01 > *.show:nth-child(6) {
  transition-delay: 1s;
}
.it01.show:nth-child(6):is(section > *), .it01 > *.show:nth-child(6):is(section > *), .ti01.show:nth-child(6):is(section > *), .ti01 > *.show:nth-child(6):is(section > *) {
  transition-delay: 0s;
}
.it01.show:nth-child(7), .it01 > *.show:nth-child(7), .ti01.show:nth-child(7), .ti01 > *.show:nth-child(7) {
  transition-delay: 1.2s;
}
.it01.show:nth-child(7):is(section > *), .it01 > *.show:nth-child(7):is(section > *), .ti01.show:nth-child(7):is(section > *), .ti01 > *.show:nth-child(7):is(section > *) {
  transition-delay: 0s;
}
.it01.show:nth-child(8), .it01 > *.show:nth-child(8), .ti01.show:nth-child(8), .ti01 > *.show:nth-child(8) {
  transition-delay: 1.4s;
}
.it01.show:nth-child(8):is(section > *), .it01 > *.show:nth-child(8):is(section > *), .ti01.show:nth-child(8):is(section > *), .ti01 > *.show:nth-child(8):is(section > *) {
  transition-delay: 0s;
}
.it01.show:nth-child(9), .it01 > *.show:nth-child(9), .ti01.show:nth-child(9), .ti01 > *.show:nth-child(9) {
  transition-delay: 1.6s;
}
.it01.show:nth-child(9):is(section > *), .it01 > *.show:nth-child(9):is(section > *), .ti01.show:nth-child(9):is(section > *), .ti01 > *.show:nth-child(9):is(section > *) {
  transition-delay: 0s;
}

.js-bgFix {
  position: relative;
}
.js-bgFix > * {
  margin-inline: auto;
}
.js-bgFix .bgFix {
  opacity: 0;
  pointer-events: none;
  transition: 2s;
  background-color: #fff;
}
.js-bgFix.show .bgFix {
  opacity: 1;
}

.toplinks [class*=js-].show:nth-of-type(1), .toplinks [class*=js-] > *.show:nth-of-type(1) {
  transition-delay: 0s;
}
.toplinks [class*=js-].show:nth-of-type(1):is(section > *), .toplinks [class*=js-] > *.show:nth-of-type(1):is(section > *) {
  transition-delay: 0s;
}
.toplinks [class*=js-].show:nth-of-type(2), .toplinks [class*=js-] > *.show:nth-of-type(2) {
  transition-delay: 0.3s;
}
.toplinks [class*=js-].show:nth-of-type(2):is(section > *), .toplinks [class*=js-] > *.show:nth-of-type(2):is(section > *) {
  transition-delay: 0s;
}
.toplinks [class*=js-].show:nth-of-type(3), .toplinks [class*=js-] > *.show:nth-of-type(3) {
  transition-delay: 0.6s;
}
.toplinks [class*=js-].show:nth-of-type(3):is(section > *), .toplinks [class*=js-] > *.show:nth-of-type(3):is(section > *) {
  transition-delay: 0s;
}
.toplinks [class*=js-].show:nth-of-type(4), .toplinks [class*=js-] > *.show:nth-of-type(4) {
  transition-delay: 0.9s;
}
.toplinks [class*=js-].show:nth-of-type(4):is(section > *), .toplinks [class*=js-] > *.show:nth-of-type(4):is(section > *) {
  transition-delay: 0s;
}
.toplinks [class*=js-].show:nth-of-type(5), .toplinks [class*=js-] > *.show:nth-of-type(5) {
  transition-delay: 1.2s;
}
.toplinks [class*=js-].show:nth-of-type(5):is(section > *), .toplinks [class*=js-] > *.show:nth-of-type(5):is(section > *) {
  transition-delay: 0s;
}
.toplinks [class*=js-].show:nth-of-type(6), .toplinks [class*=js-] > *.show:nth-of-type(6) {
  transition-delay: 1.5s;
}
.toplinks [class*=js-].show:nth-of-type(6):is(section > *), .toplinks [class*=js-] > *.show:nth-of-type(6):is(section > *) {
  transition-delay: 0s;
}
.toplinks [class*=js-].show:nth-of-type(7), .toplinks [class*=js-] > *.show:nth-of-type(7) {
  transition-delay: 1.8s;
}
.toplinks [class*=js-].show:nth-of-type(7):is(section > *), .toplinks [class*=js-] > *.show:nth-of-type(7):is(section > *) {
  transition-delay: 0s;
}
.toplinks [class*=js-].show:nth-of-type(8), .toplinks [class*=js-] > *.show:nth-of-type(8) {
  transition-delay: 2.1s;
}
.toplinks [class*=js-].show:nth-of-type(8):is(section > *), .toplinks [class*=js-] > *.show:nth-of-type(8):is(section > *) {
  transition-delay: 0s;
}
.toplinks [class*=js-].show:nth-of-type(9), .toplinks [class*=js-] > *.show:nth-of-type(9) {
  transition-delay: 2.4s;
}
.toplinks [class*=js-].show:nth-of-type(9):is(section > *), .toplinks [class*=js-] > *.show:nth-of-type(9):is(section > *) {
  transition-delay: 0s;
}

.js-CPtoB {
  -webkit-clip-path: inset(0 0 99% 0);
          clip-path: inset(0 0 99% 0);
  opacity: 0;
  transition: var(--trt);
}
.js-CPtoB.show {
  animation: CPtoB 0.4s ease-out forwards;
  opacity: 1;
}
@keyframes CPtoB {
  from {
    -webkit-clip-path: inset(0 0 99% 0);
            clip-path: inset(0 0 99% 0);
  }
  to {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
}

.js-letter.show h1 > *:nth-child(1) {
  transition-delay: 1.02s;
}
.js-letter.show h1 > *:nth-child(2) {
  transition-delay: 1.04s;
}
.js-letter.show h1 > *:nth-child(3) {
  transition-delay: 1.06s;
}
.js-letter.show h1 > *:nth-child(4) {
  transition-delay: 1.08s;
}
.js-letter.show h1 > *:nth-child(5) {
  transition-delay: 1.1s;
}
.js-letter.show h1 > *:nth-child(6) {
  transition-delay: 1.12s;
}
.js-letter.show h1 > *:nth-child(7) {
  transition-delay: 1.14s;
}
.js-letter.show h1 > *:nth-child(8) {
  transition-delay: 1.16s;
}
.js-letter.show h1 > *:nth-child(9) {
  transition-delay: 1.18s;
}
.js-letter.show h1 > *:nth-child(10) {
  transition-delay: 1.2s;
}
.js-letter.show h1 > *:nth-child(11) {
  transition-delay: 1.22s;
}
.js-letter.show h1 > *:nth-child(12) {
  transition-delay: 1.24s;
}
.js-letter.show h1 > *:nth-child(13) {
  transition-delay: 1.26s;
}
.js-letter.show h1 > *:nth-child(14) {
  transition-delay: 1.28s;
}
.js-letter.show h1 > *:nth-child(15) {
  transition-delay: 1.3s;
}
.js-letter.show h1 > *:nth-child(16) {
  transition-delay: 1.32s;
}
.js-letter.show h1 > *:nth-child(17) {
  transition-delay: 1.34s;
}
.js-letter.show h1 > *:nth-child(18) {
  transition-delay: 1.36s;
}
.js-letter.show h1 > *:nth-child(19) {
  transition-delay: 1.38s;
}
.js-letter.show h1 > *:nth-child(20) {
  transition-delay: 1.4s;
}
.js-letter.show h1 > *:nth-child(21) {
  transition-delay: 1.42s;
}
.js-letter.show h1 > *:nth-child(22) {
  transition-delay: 1.44s;
}
.js-letter.show h1 > *:nth-child(23) {
  transition-delay: 1.46s;
}
.js-letter.show h1 > *:nth-child(24) {
  transition-delay: 1.48s;
}
.js-letter.show h1 > *:nth-child(25) {
  transition-delay: 1.5s;
}
.js-letter.show h1 > *:nth-child(26) {
  transition-delay: 1.52s;
}
.js-letter.show h1 > *:nth-child(27) {
  transition-delay: 1.54s;
}
.js-letter.show h1 > *:nth-child(28) {
  transition-delay: 1.56s;
}
.js-letter.show h1 > *:nth-child(29) {
  transition-delay: 1.58s;
}
.js-letter.show h1 > *:nth-child(30) {
  transition-delay: 1.6s;
}
.js-letter.show h1 > *:nth-child(31) {
  transition-delay: 1.62s;
}
.js-letter.show h1 > *:nth-child(32) {
  transition-delay: 1.64s;
}
.js-letter.show h1 > *:nth-child(33) {
  transition-delay: 1.66s;
}
.js-letter.show h1 > *:nth-child(34) {
  transition-delay: 1.68s;
}
.js-letter.show h1 > *:nth-child(35) {
  transition-delay: 1.7s;
}
.js-letter.show h1 > *:nth-child(36) {
  transition-delay: 1.72s;
}
.js-letter.show h1 > *:nth-child(37) {
  transition-delay: 1.74s;
}
.js-letter.show h1 > *:nth-child(38) {
  transition-delay: 1.76s;
}
.js-letter.show h1 > *:nth-child(39) {
  transition-delay: 1.78s;
}
.js-letter.show h1 > *:nth-child(40) {
  transition-delay: 1.8s;
}
.js-letter.show h1 > *:nth-child(41) {
  transition-delay: 1.82s;
}
.js-letter.show h1 > *:nth-child(42) {
  transition-delay: 1.84s;
}
.js-letter.show h1 > *:nth-child(43) {
  transition-delay: 1.86s;
}
.js-letter.show h1 > *:nth-child(44) {
  transition-delay: 1.88s;
}
.js-letter.show h1 > *:nth-child(45) {
  transition-delay: 1.9s;
}
.js-letter.show h1 > *:nth-child(46) {
  transition-delay: 1.92s;
}
.js-letter.show h1 > *:nth-child(47) {
  transition-delay: 1.94s;
}
.js-letter.show h1 > *:nth-child(48) {
  transition-delay: 1.96s;
}
.js-letter.show h1 > *:nth-child(49) {
  transition-delay: 1.98s;
}
.js-letter.show h1 > *:nth-child(50) {
  transition-delay: 2s;
}
.js-letter.show h1 > *:nth-child(51) {
  transition-delay: 2.02s;
}
.js-letter.show h1 > *:nth-child(52) {
  transition-delay: 2.04s;
}
.js-letter.show h1 > *:nth-child(53) {
  transition-delay: 2.06s;
}
.js-letter.show h1 > *:nth-child(54) {
  transition-delay: 2.08s;
}
.js-letter.show h1 > *:nth-child(55) {
  transition-delay: 2.1s;
}
.js-letter.show h1 > *:nth-child(56) {
  transition-delay: 2.12s;
}
.js-letter.show h1 > *:nth-child(57) {
  transition-delay: 2.14s;
}
.js-letter.show h1 > *:nth-child(58) {
  transition-delay: 2.16s;
}
.js-letter.show h1 > *:nth-child(59) {
  transition-delay: 2.18s;
}
.js-letter.show h1 > *:nth-child(60) {
  transition-delay: 2.2s;
}

.js-letter {
  filter: blur(var(--bw));
  opacity: 0;
  transition: var(--trt);
}
.js-letter h1 > * {
  opacity: 0;
  transition: 0.4s;
}
.js-letter.show h1 > * {
  opacity: 1;
}
.js-letter.show {
  opacity: 1;
  --bw:0px;
}

.js-left, .js-right, .js-top, .js-bottom, .js-chB > *, .js-chL > *, .js-chR > *, .js-cpL, .js-cPR, .js-uHide, .js-artB article > *, .js-artL article > *, .js-artR article > * {
  transition: var(--trt);
  opacity: 0;
}
.js-left.show, .js-right.show, .js-top.show, .js-bottom.show, .js-chB > *.show, .js-chL > *.show, .js-chR > *.show, .js-cpL.show, .js-cPR.show, .js-uHide.show, .js-artB article > *.show, .js-artL article > *.show, .js-artR article > *.show {
  translate: none;
  opacity: 1;
}
.js-hide {
  filter: blur(var(--bw));
  opacity: 0;
  translate: 0 var(--bw);
  transition: var(--trt);
}
.js-hide.show {
  opacity: 1;
  --bw:0px;
  translate: none;
}
.js-scale {
  opacity: 0;
  transition: scale 1.2s, opacity 0.8s 0.4s !important;
  scale: 0.8;
}
.js-scale.show {
  opacity: 1;
  scale: 1;
}
.js-left, .js-chL > *, .js-artL article > * {
  translate: calc(var(--transX) * -1);
}
.js-right, .js-chR > *, .js-artR article > * {
  translate: var(--transX);
}
.js-bottom, .js-chB > *, .js-artB article > * {
  translate: 0 var(--transY);
}
.js-top {
  translate: 0 calc(var(--transY) * -0.5);
}

.js-clip .im {
  transition: 0.4s 0s;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 1px, 0% 0%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 1px, 0% 0%);
}
.js-clip .im > * {
  transition: 0.4s;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
.js-clip.show .im {
  transition: 0.8s;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.js-clip.show .im > * {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.js-clip.js-clipR {
  -webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
          clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
}
.js-clip.js-clipR:after {
  transform-origin: left;
}

.js-clip02 {
  opacity: 0.1;
  transition-duration: 0.6s;
  -webkit-clip-path: polygon(0% 0%, 1px 0%, 1px 100%, 0% 100%);
          clip-path: polygon(0% 0%, 1px 0%, 1px 100%, 0% 100%);
}
.js-clip02.show {
  opacity: 1;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.js-clip03 {
  opacity: 0.1;
  transition-duration: 0.6s;
  -webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
          clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
}
.js-clip03.show:nth-of-type(1) {
  transition-delay: 0.2s;
}
.js-clip03.show:nth-of-type(2) {
  transition-delay: 0.4s;
}
.js-clip03.show:nth-of-type(3) {
  transition-delay: 0.6s;
}
.js-clip03.show:nth-of-type(4) {
  transition-delay: 0.8s;
}
.js-clip03.show:nth-of-type(5) {
  transition-delay: 1s;
}
.js-clip03.show:nth-of-type(6) {
  transition-delay: 1.2s;
}
.js-clip03.show:nth-of-type(7) {
  transition-delay: 1.4s;
}
.js-clip03.show:nth-of-type(8) {
  transition-delay: 1.6s;
}
.js-clip03.show:nth-of-type(9) {
  transition-delay: 1.8s;
}
.js-clip03.show {
  opacity: 1;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.js-clip04 {
  transition: 0.6s 0s;
  opacity: 0.1;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 1px, 0% 0%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 1px, 0% 0%);
}
.js-clip04 article > * {
  transition: 0.4s 0.6s;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
.js-clip04.show {
  opacity: 1;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.js-clip04.show article > * {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.js-cpD span {
  transition: 0.6s;
  opacity: 0.1;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 1px, 0% 0%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 1px, 0% 0%);
}
.js-cpD span.show:nth-child(1) {
  transition-delay: 0s;
}
.js-cpD span.show:nth-child(2) {
  transition-delay: 0.2s;
}
.js-cpD span.show:nth-child(3) {
  transition-delay: 0.4s;
}
.js-cpD span.show:nth-child(4) {
  transition-delay: 0.6s;
}
.js-cpD span.show:nth-child(5) {
  transition-delay: 0.8s;
}
.js-cpD span.show:nth-child(6) {
  transition-delay: 1s;
}
.js-cpD span.show:nth-child(7) {
  transition-delay: 1.2s;
}
.js-cpD span.show:nth-child(8) {
  transition-delay: 1.4s;
}
.js-cpD span.show:nth-child(9) {
  transition-delay: 1.6s;
}
.js-cpD span.show {
  opacity: 1;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.js-cpD h1 > span.show:nth-child(1) {
  transition-duration: 2s;
  transition-delay: 0s;
}
.js-cpD h1 > span.show:nth-child(2) {
  transition-duration: 2s;
  transition-delay: 0.3s;
}
.js-cpD h1 > span.show:nth-child(3) {
  transition-duration: 2s;
  transition-delay: 0.6s;
}
.js-cpD h1 > span.show:nth-child(4) {
  transition-duration: 2s;
  transition-delay: 0.9s;
}
.js-cpD h1 > span.show:nth-child(5) {
  transition-duration: 2s;
  transition-delay: 1.2s;
}
.js-cpD h1 > span.show:nth-child(6) {
  transition-duration: 2s;
  transition-delay: 1.5s;
}
.js-cpD h1 > span.show:nth-child(7) {
  transition-duration: 2s;
  transition-delay: 1.8s;
}
.js-cpD h1 > span.show:nth-child(8) {
  transition-duration: 2s;
  transition-delay: 2.1s;
}
.js-cpD h1 > span.show:nth-child(9) {
  transition-duration: 2s;
  transition-delay: 2.4s;
}

.js-cpD div > span.show:nth-child(1) {
  transition-delay: 0s;
}
.js-cpD div > span.show:nth-child(2) {
  transition-delay: 0.2s;
}
.js-cpD div > span.show:nth-child(3) {
  transition-delay: 0.4s;
}
.js-cpD div > span.show:nth-child(4) {
  transition-delay: 0.6s;
}
.js-cpD div > span.show:nth-child(5) {
  transition-delay: 0.8s;
}
.js-cpD div > span.show:nth-child(6) {
  transition-delay: 1s;
}
.js-cpD div > span.show:nth-child(7) {
  transition-delay: 1.2s;
}
.js-cpD div > span.show:nth-child(8) {
  transition-delay: 1.4s;
}
.js-cpD div > span.show:nth-child(9) {
  transition-delay: 1.6s;
}

.js-cpL {
  transition: var(--trt);
  opacity: 0;
  -webkit-clip-path: inset(0 95% 0 0);
          clip-path: inset(0 95% 0 0);
}
.js-cpL.show {
  opacity: 1;
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}

.js-cpR {
  transition: var(--trt);
  opacity: 0;
  -webkit-clip-path: inset(0 0 0 95%);
          clip-path: inset(0 0 0 95%);
}
.js-cpR.show {
  opacity: 1;
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}

.js-bghide {
  transition: 2s;
  background-blend-mode: color;
  background-color: #fff;
}
.js-bghide.show:nth-child(1) {
  transition-delay: 0s;
}
.js-bghide.show:nth-child(2) {
  transition-delay: 0.3s;
}
.js-bghide.show:nth-child(3) {
  transition-delay: 0.6s;
}
.js-bghide.show:nth-child(4) {
  transition-delay: 0.9s;
}
.js-bghide.show:nth-child(5) {
  transition-delay: 1.2s;
}
.js-bghide.show:nth-child(6) {
  transition-delay: 1.5s;
}
.js-bghide.show:nth-child(7) {
  transition-delay: 1.8s;
}
.js-bghide.show:nth-child(8) {
  transition-delay: 2.1s;
}
.js-bghide.show:nth-child(9) {
  transition-delay: 2.4s;
}
.js-bghide.show {
  background-color: rgba(255, 255, 255, 0);
}

.js-once, .js-box .box, .js-box li, .js-box-re .box {
  transition: 0.8s;
  transform: translate3d(0 0 0);
}
.js-once.hide, .js-box .box.hide, .js-box li.hide, .js-box-re .box.hide {
  translate: 8px 8px;
  opacity: 0;
}

a {
  transition: 0.4s;
}
a:where(:not([class], .h a, [href*=tel])):hover {
  opacity: 0.85;
}
a:hover, a:hover * {
  transition-delay: 0s !important;
}
a:is(.itext, .sns_slide ul a) {
  max-width: 100%;
}
a:is(.itext, .sns_slide ul a):hover {
  opacity: 0.7;
}
a:is(.h_logo a, .f_logolink, .itext, .sns_slide ul a):hover {
  opacity: 0.7;
}
a:is(.sns_slide a, .layer .box a) {
  overflow: hidden;
}
a:is(.sns_slide a, .layer .box a) .im {
  overflow: hidden;
}
a:is(.sns_slide a, .layer .box a) img {
  transition: 0.4s;
  will-change: scale;
}
a:is(.sns_slide a, .layer .box a):hover img {
  scale: 1.035;
  opacity: 1;
}

button, a {
  font-size: inherit;
}
button:not([class*=_logo], [class*=slick] button), a:not([class*=_logo], [class*=slick] button) {
  outline-style: var(--decoS);
  outline-color: var(--mc);
  outline-width: 0px;
}
button:not([class*=_logo], [class*=slick] button):focus, a:not([class*=_logo], [class*=slick] button):focus {
  outline-width: 1px;
}

.submit {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1em;
}

.submit > button {
  margin-top: 30px;
  margin-bottom: 30px;
  margin-block: 1em;
  background-size: cover;
  transition: 0.4s;
}

@media screen and (max-width: 480px) {
  span:has(> .btn, > .btn-sm, > .btn3, > .btnL, > .btn2:is(#contents *)) {
    display: block;
    width: 100%;
    margin-inline: unset !important;
  }
}

:root {
  --btnBG:var(--ac);
  --btnC:var(--wh);
  --btnFZ:var(--f20);
  --btnFF:var(--inh);
  --btnFW:500;
  --btnW:240px;
  --btnH:72px;
  --btnPI:.50em;
  --btnPB:.0em;
  --btnG:.250em;
  --btnRad:var(--un);
  --btnIFZ:var(--f24);
  --btnIWH:unset;
  --btnIFF:var(--la);
  --btnDir:row;
  --btnAF: "";
  --btnAFC: var(--inh);
  --btnAFFZ: 100%;
  --btnAFFW: 900;
  --btnAFdis: inline-block;
  --btnAFPOS: unset;
  --btnAFRT: 1em;
  --btnBD:var(--un);
}

.iconbtn i {
  font-size: calc(var(--btnH) * 1.2);
}

.imgbtn img {
  width: calc(var(--btnH) * 1);
  height: calc(var(--btnH) * 1) !important;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 640px) {
  .imgbtn img {
    --btnH:calc(var(--head)*0.5 );
  }
}

.textlink {
  line-height: 1;
  font-size: clamp(16px, 2vw, 24px);
  font-family: var(--btnFF);
  gap: 0.25em;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 0;
}
.textlink i {
  margin-right: 0.25em;
}
.textlink small, .textlink span {
  font-size: 66%;
  display: block;
  text-align: right;
}
.textlink:is(a) {
  color: var(--inh);
}

.btn, .btn-sm, .btn3, .btnL, .btn2:is(#contents *) {
  position: relative;
  z-index: 1;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: var(--btnDir);
  font-size: var(--btnFZ);
  font-weight: var(--btnFW);
  font-family: var(--btnFF);
  line-height: 1.33;
  background-color: var(--btnBG);
  min-width: var(--btnW);
  min-height: var(--btnH);
  padding-inline: var(--btnPI);
  padding-block: var(--btnPB);
  gap: var(--btnG);
  border-radius: var(--btnRad);
  box-shadow: var(--btnSh);
  max-width: 100%;
  text-align: center;
  will-change: filter;
}
.btn:not([href*=tel]):hover, .btn-sm:not([href*=tel]):hover, .btn3:not([href*=tel]):hover, .btnL:not([href*=tel]):hover, .btn2:not([href*=tel]):hover:is(#contents *) {
  filter: brightness(1.1);
}
.btn:has(> br, > small), .btn-sm:has(> br, > small), .btn3:has(> br, > small), .btnL:has(> br, > small), .btn2:has(> br, > small):is(#contents *) {
  flex-wrap: wrap;
  line-height: var(--btnFZ);
  align-content: center;
  max-width: var(--btnW);
}
.btn:has(> br, > small) > small, .btn-sm:has(> br, > small) > small, .btn3:has(> br, > small) > small, .btnL:has(> br, > small) > small, .btn2:has(> br, > small):is(#contents *) > small {
  width: 100%;
  font-size: clamp(10px, 1vw, 12px);
  letter-spacing: 0;
}
.btn:has(i):after, .btn-sm:has(i):after, .btn3:has(i):after, .btnL:has(i):after, .btn2:has(i):is(#contents *):after {
  display: none;
}
.btn:has(img):after, .btn-sm:has(img):after, .btn3:has(img):after, .btnL:has(img):after, .btn2:has(img):is(#contents *):after {
  display: none;
}
.btn i, .btn-sm i, .btn3 i, .btnL i, .btn2:is(#contents *) i {
  font-size: var(--btnIFZ);
  line-height: 1;
  font-family: var(--btnIFF);
}
.btn img, .btn-sm img, .btn3 img, .btnL img, .btn2:is(#contents *) img {
  font-size: var(--btnI);
  line-height: 1;
  font-family: var(--btnIFF);
  max-width: var(--btnI) !important;
  max-height: var(--btnI) !important;
}
.btn:after, .btn-sm:after, .btn3:after, .btnL:after, .btn2:is(#contents *):after {
  content: var(--btnAF);
  color: var(--btnAFC);
  font-family: var(--btnIFF);
  font-size: var(--btnAFFZ);
  font-weight: var(--btnAFFW);
  display: var(--btnAFdis);
  place-items: center;
  position: var(--btnAFPOS);
  right: var(--btnAFRT);
  place-items: center;
  margin-top: 0.1em;
}
.btn.__top::after, .__top.btn-sm::after, .__top.btn3::after, .__top.btnL::after, .__top.btn2:is(#contents *)::after {
  rotate: -90deg;
}
.btn:is(.ul_btns *)::after, .btn-sm:is(.ul_btns *)::after, .btn3:is(.ul_btns *)::after, .btnL:is(.ul_btns *)::after, .btn2:is(.ul_btns *):is(#contents *)::after {
  rotate: 90deg;
}
.btn.__cent, .__cent.btn-sm, .__cent.btn3, .__cent.btnL, .__cent.btn2:is(#contents *) {
  margin-inline: auto;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}
.btn:is(a, span), .btn-sm:is(a, span), .btn3:is(a, span), .btnL:is(a, span), .btn2:is(a, span):is(#contents *) {
  color: var(--btnC);
  transition: 0.4s;
}
.btn.noArrow:after, .noArrow.btn-sm:after, .noArrow.btn3:after, .noArrow.btnL:after, .noArrow.btn2:is(#contents *):after {
  display: none;
}
.btn.arrowRev:after, .arrowRev.btn-sm:after, .arrowRev.btn3:after, .arrowRev.btnL:after, .arrowRev.btn2:is(#contents *):after {
  rotate: 180deg;
}
.btn[href*="#contents"]:after, [href*="#contents"].btn-sm:after, [href*="#contents"].btn3:after, [href*="#contents"].btnL:after, [href*="#contents"].btn2:is(#contents *):after {
  rotate: -90deg;
}
.btn.RB, .RB.btn-sm, .RB.btn3, .RB.btnL, .RB.btn2:is(#contents *) {
  float: right;
  margin-top: auto;
  margin-left: auto;
}
.btn.LB, .LB.btn-sm, .LB.btn3, .LB.btnL, .LB.btn2:is(#contents *) {
  float: left;
  margin-top: auto;
  margin-right: auto;
}
.btn.__ac, .__ac.btn-sm, .__ac.btn3, .__ac.btnL, .__ac.btn2:is(#contents *) {
  background-color: var(--ac);
  color: var(--wh) !important;
}
.btn.__sc, .__sc.btn-sm, .__sc.btn3, .__sc.btnL, .__sc.btn2:is(#contents *) {
  --mc:var(--sc);
}
.btn.__bc, .__bc.btn-sm, .__bc.btn3, .__bc.btnL, .__bc.btn2:is(#contents *) {
  background-color: var(--bc);
}
.btn.__mcf, .__mcf.btn-sm, .__mcf.btn3, .__mcf.btnL, .__mcf.btn2:is(#contents *) {
  background-color: var(--mc);
  color: var(--ff);
}
.btn.__acf, .__acf.btn-sm, .__acf.btn3, .__acf.btnL, .__acf.btn2:is(#contents *) {
  background-color: var(--ac);
  color: var(--ff);
}
.btn.__scf, .__scf.btn-sm, .__scf.btn3, .__scf.btnL, .__scf.btn2:is(#contents *) {
  background-color: var(--sc);
  color: var(--ff);
}
.btn.__bcf, .__bcf.btn-sm, .__bcf.btn3, .__bcf.btnL, .__bcf.btn2:is(#contents *) {
  background-color: var(--bc);
  color: var(--ff);
}
.btn.__bk, .__bk.btn-sm, .__bk.btn3, .__bk.btnL, .__bk.btn2:is(#contents *) {
  background-color: var(--bk);
  color: var(--ff);
}
.btn.__tx, .__tx.btn-sm, .__tx.btn3, .__tx.btnL, .__tx.btn2:is(#contents *) {
  background-color: var(--tx);
  color: var(--ff);
}
.btn.__tr, .__tr.btn-sm, .__tr.btn3, .__tr.btnL, .__tr.btn2:is(#contents *) {
  background-color: transparent;
  border: 1px solid currentColor;
}
.btn.__bdmc, .__bdmc.btn-sm, .__bdmc.btn3, .__bdmc.btnL, .__bdmc.btn2:is(#contents *) {
  color: var(--mc);
  background-color: transparent;
  border: 1px solid currentColor;
}
.btn.__bdac, .__bdac.btn-sm, .__bdac.btn3, .__bdac.btnL, .__bdac.btn2:is(#contents *) {
  color: var(--ac);
  background-color: transparent;
  border: 1px solid currentColor;
}
.btn.__wh, .__wh.btn-sm, .__wh.btn3, .__wh.btnL, .__wh.btn2:is(#contents *) {
  background-color: #fff;
  color: var(--tx);
}
.btn.__mc, .__mc.btn-sm, .__mc.btn3, .__mc.btnL, .__mc.btn2:is(#contents *) {
  --btnBG: var(--mc);
}
.btn.__line, .__line.btn-sm, .__line.btn3, .__line.btnL, .__line.btn2:is(#contents *) {
  --btnBG: var(--LINE);
}
.btn.__tw, .__tw.btn-sm, .__tw.btn3, .__tw.btnL, .__tw.btn2:is(#contents *) {
  background-color: var(--bg);
  --bg:var(--TW);
}
.btn.__ins, .__ins.btn-sm, .__ins.btn3, .__ins.btnL, .__ins.btn2:is(#contents *) {
  background-color: var(--bg);
  --bg:var(--INS);
}
.btn.__lg, .__lg.btn-sm, .__lg.btn3, .__lg.btnL, .__lg.btn2:is(#contents *) {
  padding-block: 1.5em;
}
.btn.__sc, .__sc.btn-sm, .__sc.btn3, .__sc.btnL, .__sc.btn2:is(#contents *) {
  --btnBG: var(--sc );
}
.btn.__ac, .__ac.btn-sm, .__ac.btn3, .__ac.btnL, .__ac.btn2:is(#contents *) {
  --btnBG: var(--ac );
}
.btn.__ac2, .__ac2.btn-sm, .__ac2.btn3, .__ac2.btnL, .__ac2.btn2:is(#contents *) {
  --btnBG: var(--ac2 );
}
.btn.__red, .__red.btn-sm, .__red.btn3, .__red.btnL, .__red.btn2:is(#contents *) {
  --btnBG: var(--red );
}
.btn.__purp, .__purp.btn-sm, .__purp.btn3, .__purp.btnL, .__purp.btn2:is(#contents *) {
  --btnBG: var(--purp );
}
.btn.__gree, .__gree.btn-sm, .__gree.btn3, .__gree.btnL, .__gree.btn2:is(#contents *) {
  --btnBG: var(--gree );
}
.btn.__oran, .__oran.btn-sm, .__oran.btn3, .__oran.btnL, .__oran.btn2:is(#contents *) {
  --btnBG: var(--oran );
}
.btn.__yell, .__yell.btn-sm, .__yell.btn3, .__yell.btnL, .__yell.btn2:is(#contents *) {
  --btnBG: var(--yell );
}
.btn.__blue, .__blue.btn-sm, .__blue.btn3, .__blue.btnL, .__blue.btn2:is(#contents *) {
  --btnBG: var(--blue );
}
.btn.__pink, .__pink.btn-sm, .__pink.btn3, .__pink.btnL, .__pink.btn2:is(#contents *) {
  --btnBG: var(--pink );
}

.btns.arrowDown .btn:after, .btns.arrowDown .btn-sm:after, .btns.arrowDown .btn3:after, .btns.arrowDown .btnL:after, .btns.arrowDown .btn2:is(#contents *):after {
  rotate: 90deg;
}
.btns.arrowDown .btn:after, .btns.arrowDown .btn-sm:after, .btns.arrowDown .btn3:after, .btns.arrowDown .btnL:after, .btns.arrowDown .btn2:is(#contents *):after {
  rotate: 90deg;
}
.btns article > div, .btns > div {
  display: flex;
  gap: var(--g) 0;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 100%;
}
.btns article > div > br, .btns > div > br {
  display: none;
}
@media screen and (max-width: 834px) {
  .btns article > div a:is(#contents *), .btns > div a:is(#contents *) {
    margin-inline-end: 0;
  }
}
@media screen and (max-width: 640px) {
  .btns article > div > *, .btns > div > * {
    flex: 1 1 100%;
  }
  .btns article > div > * a, .btns > div > * a {
    width: 100%;
  }
}
.btns article > div a:is(#contents *), .btns > div a:is(#contents *) {
  margin: unset;
  --btnW: 100%;
  --btnH: 196px;
  --btnP:var(--g);
  font-size: 1.5vw;
}
.btns article > div a:is(#contents *) em, .btns > div a:is(#contents *) em {
  font-size: 4vw;
}
@media screen and (max-width: 834px) {
  .btns article > div a:is(#contents *), .btns > div a:is(#contents *) {
    font-size: var(--f24);
  }
  .btns article > div a:is(#contents *) em, .btns > div a:is(#contents *) em {
    font-size: 6vmin;
  }
}
.btns-column {
  display: flex;
  flex-direction: column;
  gap: 1em;
  font-size: var(--f24);
}
.btns-column [class*=btn] {
  font-size: inherit;
  min-width: unset;
  width: 100%;
  color: var(--mc);
  margin: unset !important;
}

.btn2:is(#contents *) {
  background: url(/images/home/btn2.png) no-repeat center/100% 100% !important;
  --btnW:360px;
  --btnH:82px;
  border: unset;
  box-shadow: unset;
}
.btn2:is(#contents *):after {
  display: none;
}
.btn2:is(#contents *):hover {
  filter: hue-rotate(45deg);
}

.btnL {
  width: 100%;
  position: relative;
  flex-direction: column;
  gap: 0.5em;
  padding: 1.5em;
  border-radius: var(--rad);
}

.btn3 {
  border-radius: 0px;
  min-width: unset;
  min-height: 48px;
  font-size: var(--f16);
  padding-inline: 1.5em 2.5em;
  border: none;
  justify-content: start;
  margin-top: 0.5em;
}
.btn3:is(a) {
  color: var(--tx);
}
.btn3::after {
  margin-top: 0.1em;
  color: var(--mc);
  right: 1em;
}
@media screen and (max-width: 480px) {
  .btn3 {
    width: unset;
  }
}

.a-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.h_fix a,
.h_nav .drop ul li,
.f_btn, .f_link, .pan1 a,
.h_nav a:not(.drop a, .nopointer),
.nav a:not(.drop ul li a),
.f_nav a,
.blog_text h3 span,
.rss-title {
  background-image: linear-gradient(currentColor, currentColor);
  transition: 0.4s ease-in-out;
  background-repeat: no-repeat;
  background-position-y: 100%;
  background-position-x: -103%;
  background-size: 200% 1px;
}
.h_fix a:hover,
.h_nav .drop ul li:hover,
.f_btn:hover, .f_link:hover, .pan1 a:hover,
.h_nav a:hover:not(.drop a, .nopointer),
.nav a:hover:not(.drop ul li a),
.f_nav a:hover,
.blog_text h3 span:hover,
.rss-title:hover {
  background-position-x: 0%;
  animation: rightgrow 0.6s ease;
  opacity: 1;
}
@keyframes rightgrow {
  0% {
    background-position-x: 203%;
  }
  100% {
    background-position-x: 50%;
  }
}
@keyframes rightgrow2 {
  0% {
    background-position-x: 50%;
  }
  100% {
    background-position-x: -103%;
  }
}

.mv_scroll .im {
  background-image: linear-gradient(currentColor, currentColor);
  transition: 0.4s ease;
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: -103%;
  background-size: 100% 200%;
}
.mv_scroll .im:hover {
  background-position-y: 0%;
  animation: b-grow 0.4s ease-in-out;
}
@keyframes b-grow {
  0% {
    background-position-y: 200%;
  }
  100% {
    background-position-y: 0%;
  }
}

.mv_scroll .im {
  --scrBGI:var(--bk);
  background-image: linear-gradient(var(--scrBGI), var(--scrBGI));
  background-position-y: -103%;
  background-size: 100% 200%;
  animation-duration: 2s;
  animation: b-grow 3s ease infinite;
  -webkit-mask: url(/images/home/Scroll.png) no-repeat center/contain;
          mask: url(/images/home/Scroll.png) no-repeat center/contain;
}
.mv_scroll .im img {
  opacity: 0;
}
@media screen and (max-width: 1440px) {
  .mv_scroll .im {
    --scrBGI:var(--ff);
  }
}

.f_link, .pan1 a,
.h_nav a:not(.drop a, .nopointer),
.nav a:not(.drop ul li a),
.f_nav a,
.blog_text h3 span,
.rss-title {
  background-position-x: -105%;
  background-size: 200% 1px;
  background-image: linear-gradient(var(--cur), var(--cur));
}
@media screen and (max-width: 960px) {
  .f_link, .pan1 a,
  .h_nav a:not(.drop a, .nopointer),
  .nav a:not(.drop ul li a),
  .f_nav a,
  .blog_text h3 span,
  .rss-title {
    background-position-x: 0%;
    animation: rightgrow 0.4s ease-in-out;
  }
}

.nav a:not(.drop ul li a) {
  background-image: linear-gradient(var(--mc), var(--mc));
}
@media screen and (max-width: 960px) {
  .nav a:not(.drop ul li a) {
    background-position-x: 0%;
    animation: rightgrow 0.4s ease-in-out;
  }
}

.h_fix a,
.h_nav .drop ul li,
.f_btn {
  background-image: linear-gradient(var(--wh20), var(--wh20));
  background-position-x: -103%;
  background-size: 200% 100%;
}
.h_fix a:active,
.h_nav .drop ul li:active,
.f_btn:active {
  background-position-x: 0%;
}

.btn-sm {
  width: 226px;
  height: 50px;
}

[class*=hov-] a:not([class*=btn]) {
  --hovC:var(--mc);
}
[class*=hov-] a:not([class*=btn]):after {
  pointer-events: none;
  background-color: var(--hovC);
  opacity: 0.2;
  transition: 0.4s cubic-bezier(0, 0, 0, 1);
}
[class*=hov-] a:not([class*=btn]):hover {
  opacity: 1;
}
[class*=hov-] a:not([class*=btn]):is([class*=hov-]:has(a:hover) a:not(:hover)) {
  opacity: 0.7;
}

.hov-inset a:after {
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}
.hov-inset a:hover:after {
  -webkit-clip-path: inset(0%);
          clip-path: inset(0%);
}

.hov-inline a {
  --hovC:var(--ac50)!important;
}
.hov-inline a:after {
  -webkit-clip-path: inset(0 50%);
          clip-path: inset(0 50%);
}
.hov-inline a:hover:after {
  -webkit-clip-path: inset(0%);
          clip-path: inset(0%);
}
.hov-inline a:is([class*=hov-]:has(a:hover) + * a:not(:hover)) {
  opacity: 0.7;
}

.hov-cir a:after {
  -webkit-clip-path: circle(0% at center);
          clip-path: circle(0% at center);
}
.hov-cir a:hover:after {
  -webkit-clip-path: circle(100% at center);
          clip-path: circle(100% at center);
}

.hov-cirB a:after {
  -webkit-clip-path: circle(0% at center bottom);
          clip-path: circle(0% at center bottom);
}
.hov-cirB a:hover:after {
  -webkit-clip-path: circle(100% at center bottom);
          clip-path: circle(100% at center bottom);
}

.hov-cirL a:after {
  background-color: var(--ac);
}
.hov-cirL a:after {
  -webkit-clip-path: circle(0% at left center);
          clip-path: circle(0% at left center);
}
.hov-cirL a:hover:after {
  -webkit-clip-path: circle(150% at left center);
          clip-path: circle(150% at left center);
}
.hov-cirL a:is([class*=hov-]:has(a:hover) + * a:not(:hover)) {
  opacity: 0.7;
}

b.label {
  font-size: clamp(14px, 1.9vw, 19px);
  padding: 0.25em 1.5em;
  border-radius: var(--f16);
  color: #fff;
  background-color: var(--ac);
}
@media screen and (max-width: 480px) {
  b.label {
    padding-inline: 1em;
  }
}
b.label.__mc {
  background-color: var(--mc);
  color: var(--tx);
}

.noSide #col_side1 {
  display: none;
}

.noSide #main {
  display: contents;
}

.noSide #col_main {
  display: contents;
}

.H-stWH :is(h1, h2, h3) {
  -webkit-text-stroke: #fff 1px;
}

.radA {
  border-radius: 0 6vmin 0 6vmin;
}

.radB {
  border-radius: 6vmin 0 6vmin 0;
}

.radA2 {
  border-radius: 0 12vmin 0 12vmin;
}

.radB2 {
  border-radius: 12vmin 0 12vmin 0;
}

.radA3 {
  border-radius: 24vmin 3vmin 12vmin 3vmin;
}

.radB3 {
  border-radius: 3vmin 24vmin 3vmin 12vmin;
}

.radA4 {
  border-radius: 0 3vmin 0 3vmin;
}

.radB4 {
  border-radius: 3vmin 0 3vmin 0;
}

.iradA img {
  border-radius: 0 6vmin 0 6vmin;
}

.iradB img {
  border-radius: 6vmin 0 6vmin 0;
}

.iradA2 img {
  border-radius: 0 12vmin 0 12vmin;
}

.iradB2 img {
  border-radius: 12vmin 0 12vmin 0;
}

.iradA3 img {
  border-radius: 3vmin 24vmin 3vmin 12vmin;
}

.iradB3 img {
  border-radius: 24vmin 3vmin 12vmin 3vmin;
}

.iradA4 img {
  border-radius: 0 3vmin 0 3vmin !important;
}

.iradB4 img {
  border-radius: 3vmin 0 3vmin 0 !important;
}

.bg_slide, .bg_img {
  transform-origin: center bottom;
  transition: 1s;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
}
.bg_slide.hide, .bg_img.hide {
  opacity: 0;
  visibility: hidden;
}
.bg_slide:not(.home *), .bg_img:not(.home *) {
  position: absolute;
  top: 0;
  transform: none;
  margin-top: unset !important;
}
.bg_slide li, .bg_img li {
  width: 100%;
}
.bg_slide .slick-list, .bg_img .slick-list {
  height: 100%;
}
.bg_slide .slick-track, .bg_img .slick-track {
  display: flex;
  height: 100%;
}

.bg_slide img:is(#contents .im *), .bg_img img:is(#contents .im *) {
  opacity: 0.3;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  width: 100%;
  height: 100vh !important;
  height: 100dvh !important;
}
.bg_slide img:is(#contents .im *):not(.home *), .bg_img img:is(#contents .im *):not(.home *) {
  height: 65vh !important;
  height: 65dvh !important;
}
@media screen and (max-width: 834px) {
  .bg_slide img:is(#contents .im *):not(.home *), .bg_img img:is(#contents .im *):not(.home *) {
    height: 50vh !important;
    height: 50dvh !important;
  }
}

:where(.i-check, .i-check-square, .i-isometric, .i-cube, .i-needle) i:before {
  content: "\f00c";
  font-weight: 900;
  font-family: var(--la);
  font-size: 150%;
  line-height: 1;
  vertical-align: middle;
  margin-right: 0.33em;
  display: inline-block;
  color: var(--cur);
}

.i-mc i {
  color: var(--mc);
}

:where(.i-check) i:before {
  content: "\f00c";
}

:where(.i-check-square) i:before {
  content: "\f14a";
}

:where(.i-cube) i:before {
  content: "\f1b2";
}

:where(.i-needle) i:before {
  content: "";
  width: 1em;
  height: 1em;
  -webkit-mask: url(/images/contents/i01.png) no-repeat center/100% 100%;
          mask: url(/images/contents/i01.png) no-repeat center/100% 100%;
  background-color: var(--mc);
}

:where(.i-isometric) i:before {
  content: "";
  background-color: currentColor;
  width: 1em;
  aspect-ratio: 45/26;
  -webkit-clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 50% 100%);
          clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 50% 100%);
}

.u-mc u {
  text-decoration-color: var(--mc);
}

.u-sc u {
  text-decoration-color: var(--sc);
}

.u-ac u {
  text-decoration-color: var(--ac);
}

u.mc {
  text-decoration-color: var(--mc);
}

u.ac {
  text-decoration-color: var(--ac);
}

u.sc {
  text-decoration-color: var(--sc);
}

u.ac2 {
  text-decoration-color: var(--ac2);
}

.divSection {
  padding-inline: var(--incont);
  margin-top: 0;
  padding-block: var(--bl);
}
.divSection > *:where(:not(.bg100)) {
  margin-inline: auto;
}
.divSection > * + * {
  margin-top: var(--bl);
}

.frames {
  margin-inline: auto 0;
  margin-top: 2em;
  width: 50%;
  padding-inline-end: var(--in1440);
}
@media screen and (max-width: 1200px) {
  .frames {
    width: 100%;
  }
}
.frames .frame {
  background-color: var(--mc);
  color: #fff;
  font-size: var(--f30);
  font-weight: 500;
  padding: 0.75em 1em;
  border-radius: var(--rad);
  line-height: 1;
  display: inline-block;
  min-width: 24vmin;
  margin-inline-end: 3vmin;
  margin-block-end: var(--f32);
}
.frames .frame > br {
  display: none;
}
.frames .frame em {
  font-size: 133%;
  color: var(--bcD);
  display: block;
  text-align: right;
}
.frames .frame02 {
  background-color: var(--mc);
  color: #fff;
  font-size: var(--f20);
  font-weight: 500;
  padding: 1em;
  border-radius: var(--rad);
  line-height: 1;
  display: inline-block;
  width: 100%;
  margin-inline-end: 1em;
  margin-block-end: var(--f32);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.frames .frame02 > br {
  display: none;
}
.frames .frame02 em {
  font-size: 200%;
  color: var(--bcD);
  text-align: right;
}

.tag-bgc div > * + * {
  margin-top: 0.5em;
}
.tag-bgc span, .tag-bgc b {
  background-color: var(--mc);
  color: #fff;
  padding-inline: 0.5em;
  margin-inline-end: 0.5em;
  margin-block-end: 0.5em;
  border-radius: calc(var(--rad) / 2);
  vertical-align: sub;
  display: inline-block;
  padding-block-end: 0.2em;
}
.tag-bgc span + br, .tag-bgc b + br {
  display: none;
}
.tag-bgc :is(span, b).pink {
  background-color: var(--pink);
}
.tag-bgc :is(span, b).oran {
  background-color: var(--oran);
}
.tag-bgc :is(span, b).yell {
  background-color: var(--yell);
}
.tag-bgc :is(span, b).gree {
  background-color: var(--gree);
}
.tag-bgc :is(span, b).purp {
  background-color: var(--purp);
}
.tag-bgc :is(span, b).blue {
  background-color: var(--blue);
}

span[class*=bg] {
  line-height: 1.1;
  padding: 0.1em;
  color: #fff;
}

span.bgmc {
  background-color: var(--mc);
}

span.bgac {
  background-color: var(--ac);
}

span.bgsc {
  background-color: var(--sc);
}

.fukidasi > div {
  display: flex;
  flex-wrap: wrap;
  gap: var(--g);
  --size: 6vmin;
  padding: var(--size) calc(var(--size) * 1.5);
  text-align: center;
}
@media screen and (max-width: 1320px) {
  .fukidasi > div {
    --size: 4vmin;
    padding: var(--size);
  }
}
.fukidasi > div:before {
  background-color: var(--fukidasi);
  width: var(--size);
  height: var(--size);
  top: var(--size);
  right: 100%;
  left: unset;
  -webkit-clip-path: polygon(100% 100%, 100% 0%, 0% 50%);
          clip-path: polygon(100% 100%, 100% 0%, 0% 50%);
}
.fukidasi > div > h1, .fukidasi > div h2, .fukidasi > div h3 {
  width: 100%;
}
@media screen and (max-width: 640px) {
  .fukidasi > div > h1, .fukidasi > div h2, .fukidasi > div h3 {
    text-align: left;
  }
}
.fukidasi > div > div {
  width: calc(50% - var(--g) / 2);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-weight: bold;
  padding: 0.2em;
}
@media screen and (max-width: 1200px) {
  .fukidasi > div > div {
    width: 100%;
  }
}
.fukidasi > div > div > a[class*=btn] {
  width: 100%;
  min-width: unset;
  font-size: var(--f24);
}
.fukidasi > div > div:has(> .QRcode) {
  line-height: 2.5;
}
.fukidasi > div > div:has(> .QRcode) .QRcode {
  width: 12vh;
  height: 12vh;
  margin-inline: auto;
  display: block;
}

.pin {
  --g:var(--bl05);
  gap: var(--g);
  padding-inline: var(--g);
  display: flex;
  flex-wrap: wrap;
}
.pin_fb {
  width: calc((100% - var(--g) * 2) / 3);
}
.pin_fb > .box {
  width: 100%;
}
.pin_fb img:is(div#contents *) {
  width: 100%;
}
.pin_fb > .box + .box {
  margin-top: var(--g);
}
@media screen and (max-width: 640px) {
  .pin_fb {
    display: contents !important;
  }
  .pin_fb .box {
    width: calc((100% - var(--g) * 1) / 2);
    display: grid;
    place-items: center;
  }
  .pin_fb .box:nth-child(1) {
    order: -9;
  }
  .pin_fb .box:nth-child(2) {
    order: -8;
  }
  .pin_fb .box:nth-child(3) {
    order: -7;
  }
  .pin_fb .box:nth-child(4) {
    order: -6;
  }
  .pin_fb .box:nth-child(5) {
    order: -9;
  }
  .pin_fb .box:nth-child(6) {
    order: -5;
  }
  .pin_fb .box:nth-child(7) {
    order: -4;
  }
  .pin_fb .box:nth-child(8) {
    order: -3;
  }
  .pin_fb .box:nth-child(9) {
    order: -2;
  }
}

.ul_grid ul:is(#contents *) {
  --g: 1.33%;
}
.ul_grid ul:is(#contents *) li {
  width: 32%;
  margin-inline-end: var(--g);
  margin-block-end: var(--g);
}

.grid50 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 var(--g);
  --h:4.3em;
  --half:calc(var(--h)/3*2 );
  --Nhalf:calc(var(--h)/-3*2 );
  margin-top: var(--Nhalf);
  margin-bottom: var(--bl05);
}
@media screen and (max-width: 640px) {
  .grid50 {
    --g: 2vmin;
  }
}
@media screen and (max-width: 640px) {
  .grid50 {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(20, var(--h));
  }
}
.grid50 > * {
  grid-row: span var(--r);
  height: calc(var(--h) * var(--r));
  margin-top: var(--half);
}
@media screen and (max-width: 640px) {
  .grid50 > * {
    --sp:calc(var(--r) + 1);
    grid-row: span var(--sp);
    height: calc(var(--h) * var(--sp));
  }
}
.grid50 .dl_menu dd:before {
  content: "";
  background: url(/images/home/i03.png) no-repeat center/100% 100%;
  vertical-align: middle;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.25em;
}

.tategaki {
  writing-mode: vertical-rl;
}
.tategaki:after {
  display: none;
}

.compare .dg {
  width: 100%;
  overflow: hidden;
  display: grid;
}
.compare .dg > * {
  grid-area: 1/1;
}
.compare .dg .im {
  width: 100% !important;
}
.compare .dg img:is(#contents *) {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
}
.compare .dg .box:nth-child(2) {
  -webkit-mask: linear-gradient(to right, #000 0, var(--pos, 50%), transparent 0);
          mask: linear-gradient(to right, #000 0, var(--pos, 50%), transparent 0);
  -webkit-mask-size: 100% calc(100% - 3em);
          mask-size: 100% calc(100% - 3em);
}
.compare .dg .box:nth-child(3) {
  -webkit-mask: linear-gradient(to right, transparent 0, var(--pos, 50%), #000 0);
          mask: linear-gradient(to right, transparent 0, var(--pos, 50%), #000 0);
  -webkit-mask-size: 100% calc(100% - 3em);
          mask-size: 100% calc(100% - 3em);
}
.compare .dg .box:nth-child(3) div:is(#contents *) {
  text-align: right;
  position: absolute;
  top: 100%;
}
.compare .dg .box:last-child {
  display: grid;
  place-items: end center;
}
.compare .dg input[type=range] {
  z-index: 1;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  cursor: pointer;
}
.compare .dg input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 0px;
  background-color: CanvasText;
}
.compare .dg input[type=range]::-moz-range-thumb {
  -moz-appearance: none;
       appearance: none;
  width: 0px;
  background-color: CanvasText;
}

.sheet, .board {
  padding: var(--g);
  border-radius: var(--sheetR);
}
.sheet > * + *, .board > * + * {
  margin-top: 2vmin;
}
.sheet > * + .box, .board > * + .box {
  margin-top: unset;
}
@media screen and (max-width: 640px) {
  .sheet.scr, .board.scr {
    max-height: 65vh;
  }
}
.sheet::-webkit-scrollbar, .board::-webkit-scrollbar {
  background-color: transparent;
  width: 6px;
  height: 0;
}
.sheet::-webkit-scrollbar-thumb, .board::-webkit-scrollbar-thumb {
  background-color: var(--sc);
}
.sheet:is(.board *), .board:is(.board *) {
  margin-inline: auto;
  max-width: 100%;
  border-radius: 10px;
  padding: 2vmin;
}
.sheet[class*=tbl_], .board[class*=tbl_] {
  background-color: #fff;
}
.sheet[class*=tbl_] div, .board[class*=tbl_] div {
  margin-top: unset;
}
.sheet.afterArrow, .board.afterArrow {
  position: relative;
}
.sheet.afterArrow + .sheet, .board.afterArrow + .sheet {
  margin-top: 4em;
}
.sheet.afterArrow:after, .board.afterArrow:after {
  content: "\f078";
  font-family: var(--fa);
  font-weight: 900;
  font-size: var(--f32);
  width: 1em;
  height: 1em;
  line-height: 1;
  position: absolute;
  inset: calc(100% + 0.5em) 0 auto 0;
  margin: auto;
}
.sheet.__mc, .board.__mc {
  background-color: var(--mc);
}
.sheet.__sc, .board.__sc {
  background-color: var(--sc);
}
.sheet.__ac, .board.__ac {
  background-color: var(--ac);
  color: #fff;
}
.sheet.__ac2, .board.__ac2 {
  background-color: var(--ac2);
}
.sheet.__tx, .board.__tx {
  background-color: var(--tx);
}
.sheet.__mc :is(h1, h2, h3), .board.__mc :is(h1, h2, h3) {
  border-color: var(--mc);
}
.sheet.__sc :is(h1, h2, h3), .board.__sc :is(h1, h2, h3) {
  border-color: var(--sc);
}
.sheet.__ac :is(h1, h2, h3), .board.__ac :is(h1, h2, h3) {
  border-color: var(--ac);
}
.sheet.__ac2 :is(h1, h2, h3), .board.__ac2 :is(h1, h2, h3) {
  border-color: var(--ac2);
}
.sheet.__tx :is(h1, h2, h3), .board.__tx :is(h1, h2, h3) {
  border-color: var(--tx);
}
@media screen and (max-width: 640px) {
  .sheet article, .board article {
    display: flex;
    flex-direction: column;
    gap: var(--f16);
  }
  .sheet article .im, .sheet article img, .board article .im, .board article img {
    order: 1;
    float: none;
    max-width: unset;
  }
  .sheet article img:is(#contents *), .board article img:is(#contents *) {
    max-width: unset;
  }
}

.sheet02 {
  background-color: #fff;
  padding: 4vmin var(--g);
  border-radius: var(--sheetR);
}
.sheet02 > * + * {
  margin-top: 2vmin;
}
.sheet02 > * + .box {
  margin-top: unset;
}
@media screen and (max-width: 640px) {
  .sheet02.scr {
    max-height: 65vh;
  }
}
.sheet02::-webkit-scrollbar {
  background-color: transparent;
  width: 6px;
  height: 0;
}
.sheet02::-webkit-scrollbar-thumb {
  background-color: var(--sc);
}
.sheet02:is(.board *) {
  margin-inline: auto;
  max-width: 100%;
  border-radius: 10px;
  padding: 2vmin;
}
.sheet02[class*=tbl_] {
  background-color: #fff;
}
.sheet02[class*=tbl_] div {
  margin-top: unset;
}
.sheet02.afterArrow {
  position: relative;
}
.sheet02.afterArrow + .sheet {
  margin-top: 4em;
}
.sheet02.afterArrow:after {
  content: "\f078";
  font-family: var(--fa);
  font-weight: 900;
  font-size: var(--f32);
  width: 1em;
  height: 1em;
  line-height: 1;
  position: absolute;
  inset: calc(100% + 0.5em) 0 auto 0;
  margin: auto;
}
.sheet02.__mc {
  background-color: var(--mc);
}
.sheet02.__sc {
  background-color: var(--sc);
}
.sheet02.__ac {
  background-color: var(--ac);
  color: #fff;
}
.sheet02.__ac2 {
  background-color: var(--ac2);
}
.sheet02.__tx {
  background-color: var(--tx);
}
.sheet02.__mc :is(h1, h2, h3) {
  border-color: var(--mc);
}
.sheet02.__sc :is(h1, h2, h3) {
  border-color: var(--sc);
}
.sheet02.__ac :is(h1, h2, h3) {
  border-color: var(--ac);
}
.sheet02.__ac2 :is(h1, h2, h3) {
  border-color: var(--ac2);
}
.sheet02.__tx :is(h1, h2, h3) {
  border-color: var(--tx);
}
@media screen and (max-width: 640px) {
  .sheet02 article {
    display: flex;
    flex-direction: column;
    gap: var(--f16);
  }
  .sheet02 article .im, .sheet02 article img {
    order: 1;
    float: none;
    max-width: unset;
  }
  .sheet02 article img:is(#contents *) {
    max-width: unset;
  }
}

.u-rad {
  --c: var(--mc);
  --w: .125em;
  --wH: calc(var(--w)/2 );
  --stop: calc(var(--w)/2 - 1%);
  --uP: .5em;
  --trt: .6s;
  --lw: 0%;
  opacity: 0.5;
  transition: var(--trt);
}
.u-rad:has(div:empty) + div {
  margin-top: var(--Hafter);
}
.u-rad.show {
  --lw: 100%;
  opacity: 1;
}
.u-rad :has(> u) {
  line-height: 1.75;
}
.u-rad :has(> u) u {
  transition: var(--trt);
  text-decoration: none;
  padding-inline: var(--uP);
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  background: linear-gradient(var(--c), var(--c)) no-repeat var(--wH) 100%/calc(var(--lw) - var(--w)) var(--w), radial-gradient(var(--c), var(--c) var(--stop), transparent var(--wH)) no-repeat var(--lw) 100%/var(--w) var(--w), radial-gradient(var(--c), var(--c) var(--stop), transparent var(--wH)) no-repeat 0 100%/var(--w) var(--w);
}

.cloneShadow {
  --stC: var(--red);
  --fillC: var(--mc);
  position: relative;
}
.cloneShadow > :nth-child(2) {
  color: var(--fillC);
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform-origin: 50% 70%;
  scale: 2;
  mix-blend-mode: difference;
  opacity: 0.15;
}

.stroke {
  --stC: var(--mc);
  --stW: .1875em;
  --fillC: #fff;
  position: relative;
}
.stroke > :nth-child(1) {
  -webkit-text-stroke: var(--stC);
  -webkit-text-stroke-width: var(--stW);
  -webkit-text-fill-color: var(--stC);
}
.stroke > :nth-child(2) {
  color: var(--fillC);
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.stroke > :nth-child(2) .im {
  display: none;
}

.bd-current {
  border: var(--line);
  border-color: currentColor;
}
.bd-block {
  border-block: var(--line);
}
.bd-bottom {
  border-bottom: var(--line);
  border-width: 3px;
}
.bd-left {
  border-left: var(--line);
}

.fl50, .fl50e, .fl50s, .fl50c {
  display: flex;
  flex-wrap: wrap;
  gap: 4vmin var(--g);
}
.fl50c {
  align-items: center;
}
.fl50s {
  align-items: flex-start;
}
.fl50e {
  align-items: flex-end;
}
.fl50 > :where(*):not(.f *), .fl50c > :where(*):not(.f *), .fl50s > :where(*):not(.f *), .fl50e > :where(*):not(.f *) {
  width: calc(50% - var(--g) / 2);
}
.fl50_it img {
  float: none;
  margin: 0;
}
.fl50_it h1, .fl50_it h2, .fl50_it h3 {
  line-height: 2;
}
.fl50_it div {
  margin-top: 0.5em;
}
.fl50 img:is(#contents img), .fl50c img:is(#contents img), .fl50s img:is(#contents img), .fl50e img:is(#contents img) {
  width: 100%;
}
.fl50_fb {
  gap: var(--g);
}

.fl46 {
  display: flex;
  flex-wrap: wrap;
  --few:40%;
  --g: 2%;
  gap: 4vmin var(--g);
}
.fl46 > :where(:nth-child(1)) {
  width: calc(var(--few));
}
.fl46 > :where(:nth-child(2)) {
  width: calc(100% - var(--few) - var(--g));
}
@media screen and (max-width: 834px) {
  .fl46 > * {
    width: 100%;
  }
}
.fl46 img:is(#contents *) {
  width: 100%;
  max-width: 480px;
}

.fl64 {
  display: flex;
  flex-wrap: wrap;
  --few:40%;
  --g: 2%;
  gap: 4vmin var(--g);
}
.fl64 > :where(:nth-child(2)) {
  width: calc(var(--few));
}
.fl64 > :where(:nth-child(1)) {
  width: calc(100% - var(--few) - var(--g));
}
@media screen and (max-width: 640px) {
  .fl64 > * {
    width: 100%;
  }
}
.fl64 img:is(#contents *) {
  width: 100%;
  max-width: 480px;
}

.fl37 {
  display: flex;
  flex-wrap: wrap;
  gap: 40px var(--g);
}
.fl37 > :where(:nth-child(1)) {
  width: 30%;
}
.fl37 > :where(:nth-child(2)) {
  width: calc(70% - var(--g));
}
@media screen and (max-width: 834px) {
  .fl37 > * {
    width: 100%;
  }
}
.fl37 img:is(#contents *) {
  width: 100%;
  max-width: 480px;
}

.fl73 {
  display: flex;
  flex-wrap: wrap;
  gap: 40px var(--g);
}
.fl73 > :where(:nth-child(2)) {
  width: 30%;
}
.fl73 > :where(:nth-child(1)) {
  width: calc(70% - var(--g));
}
@media screen and (max-width: 834px) {
  .fl73 > * {
    width: 100%;
  }
}
.fl73 img:is(#contents *) {
  width: 100%;
  max-width: 480px;
}

.fl28 {
  display: flex;
  flex-wrap: wrap;
  --g: 4vmin 2%;
  gap: var(--g);
}
.fl28 > :where(:nth-child(1)) {
  width: 20%;
}
.fl28 > :where(:nth-child(2)) {
  width: 78%;
}
@media screen and (max-width: 834px) {
  .fl28 > * {
    width: 100%;
  }
}
.fl28 img:is(#contents *) {
  width: 100%;
  max-width: 480px;
}

.fl82 {
  display: flex;
  flex-wrap: wrap;
  --g: 4vmin 2%;
  gap: var(--g);
}
.fl82 > :where(:nth-child(1)) {
  width: 78%;
}
.fl82 > :where(:nth-child(2)) {
  width: 20%;
}
@media screen and (max-width: 640px) {
  .fl82 > * {
    width: 100%;
  }
}
.fl82 img:is(#contents *) {
  width: 100%;
  max-width: 480px;
}

.imgRad .im:is(#contents *), .imgRad img:is(#contents *) {
  border-radius: var(--rad) !important;
  overflow: hidden !important;
}

.im-contents .im {
  display: contents;
}

.im-contents .imgL {
  margin-right: var(--g);
}

.im-contents .imgR {
  margin-left: var(--g);
}

@media screen and (max-width: 834px) {
  .im-contents .imgR, .im-contents .imgL {
    margin-inline: auto;
    margin-bottom: var(--g);
  }
}
.tate {
  writing-mode: vertical-rl;
  font-family: var(--noYH);
}
.tate::after {
  display: none;
}

.tateRev {
  writing-mode: vertical-lr;
  font-family: var(--noYH);
}
.tateRev::after {
  display: none;
}

.itlayer {
  display: grid;
  place-items: center;
  flex: 1;
}
.itlayer::after {
  display: none;
}
.itlayer > article {
  width: 100%;
  height: calc(100% - 6vmin);
  display: grid;
  place-items: center;
  place-content: center;
}
.itlayer > article > * {
  grid-area: 1/1;
}
.itlayer > article h2, .itlayer > article h3 {
  margin-bottom: 3vmin;
}
.itlayer > article h2 + br, .itlayer > article h3 + br {
  display: none;
}
.itlayer > article > div {
  width: 100%;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
}
@media screen and (max-width: 640px) {
  .itlayer > article > div {
    display: block;
  }
}
.itlayer.__tate {
  -o-border-image: repeating-linear-gradient(90deg, #fff, #fff 4px, transparent 4.1px, transparent 8px) 0 30 0 30/0 3vmin;
     border-image: repeating-linear-gradient(90deg, #fff, #fff 4px, transparent 4.1px, transparent 8px) 0 30 0 30/0 3vmin;
}
.itlayer.__tate > article {
  height: 100%;
  width: calc(100% - 6vmin);
  margin: 0 3vmin;
  padding: 9vmin 3vmin;
}
.itlayer .im {
  width: 100%;
  opacity: 0.5;
}
.itlayer .im img:is(#contents *) {
  width: 100%;
  height: auto !important;
}
.itlayer .btn {
  margin-top: 4vmin;
  float: right;
  align-self: flex-end;
}
.it_bnr {
  background-color: var(--bk40);
  transition: 0.4s;
  text-shadow: var(--pxshbk);
  background-blend-mode: multiply;
  overflow: hidden;
  font-size: max(16px, 1.25vw);
  position: relative;
  display: grid;
}
.it_bnr:hover {
  background-color: var(--bk20);
}
.it_bnr::after {
  display: none;
}
.it_bnr.__bgi {
  border-radius: var(--rad);
  background-position: right;
}
.it_bnr > * {
  grid-area: 1/1;
  max-width: 100%;
}
.it_bnr > a {
  border-radius: var(--rad);
  width: 100% !important;
  height: 100% !important;
  margin: unset !important;
  transition: 0.4s;
  background-color: #000;
}
.it_bnr > a:hover {
  opacity: 1 !important;
}
.it_bnr img {
  width: 100% !important;
  height: 100% !important;
  margin: unset !important;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.4s;
  opacity: 0.5;
}
.it_bnr img:hover {
  scale: 1.03;
  opacity: 0.8;
}
.it_bnr > .im {
  height: 100%;
  background-color: var(--wh);
}
.it_bnr > .im img {
  opacity: 0.3;
  transition: 0.4s;
}
@media screen and (max-width: 960px) {
  .it_bnr > .im img {
    aspect-ratio: 2/1;
  }
}
.it_bnr > .im img:is(.imgOP5 *) {
  opacity: 0.5;
}
.it_bnr > div {
  padding-block: var(--bl06) var(--bl075);
  padding-inline: var(--pad);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  font-weight: bold;
  line-height: 2;
  font-family: var(--osw);
  color: var(--wh);
  font-weight: unset;
  font-size: clamp(18px, 5vw, 36px);
  font-family: var(--zmg);
  font-weight: bold;
}
.it_bnr > div:not(:has(.a-wrap)) {
  pointer-events: none;
}
.it_bnr > div i {
  font-size: 6vh;
  display: inline-block;
}
.it_bnr > div [class*=btn] {
  margin-top: 10vh;
  color: #000;
  text-shadow: 2px 2px var(--ac);
}
.it_bnr > div [class*=btn] i {
  font-size: inherit;
  color: inherit;
}
.it_bnr > div .textlink {
  margin-top: 10vh;
  color: #000;
  text-shadow: 2px 2px var(--ac);
  font-size: 4vh;
  text-decoration: none;
  font-family: var(--yuj);
  font-weight: 900;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 960px) {
  .it_bnr > div .textlink {
    margin-top: 3vmin;
  }
}
.it_bnr > div .textlink i {
  font-size: inherit;
  color: inherit;
  margin-left: 0.5em;
}
.it_bnr02 {
  position: relative;
  display: grid;
}
.it_bnr02.__bgi {
  border-radius: var(--rad);
  background-position: right;
}
.it_bnr02 > * {
  grid-area: 1/1;
  max-width: 100%;
}
.it_bnr02 > a, .it_bnr02 img {
  border-radius: var(--rad);
  width: 100% !important;
  height: 100% !important;
  margin: unset !important;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 834px) {
  .it_bnr02 > a, .it_bnr02 img {
    -o-object-position: 100% 50%;
       object-position: 100% 50%;
  }
}
.it_bnr02 > a:hover, .it_bnr02 img:hover {
  opacity: 1;
}
.it_bnr02 .im {
  height: 100%;
  background-color: var(--bk);
}
.it_bnr02 .im img {
  opacity: 0.7;
  transition: 0.4s;
}
.it_bnr02 > div {
  pointer-events: none;
  padding: 2em 2em;
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 640px) {
  .it_bnr02 > div {
    padding: 1em 1.5em;
  }
}
.it_bnr02 > div b {
  font-weight: bold;
}
.it_name {
  line-height: 3;
  background-color: #fff;
  color: #fff;
}
.it_name h1, .it_name h2, .it_name h3 {
  margin-top: 0.5em;
}

.it01, .ti01 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--g);
  --move: calc(var(--rad)*2 *0 );
  --Nmove: calc(var(--move)*-1 *0 );
}
.it01:has(iframe) > article, .ti01:has(iframe) > article {
  display: contents;
}
.it01:has(iframe) > article > *, .ti01:has(iframe) > article > * {
  width: unset;
  flex: 1;
}
@media screen and (max-width: 834px) {
  .it01:has(iframe) > article > *, .ti01:has(iframe) > article > * {
    width: 100%;
    flex: unset;
  }
}
.it01.noArrow:after, .ti01.noArrow:after {
  display: none;
}
.it01.img60 .im, .ti01.img60 .im {
  --imgW: 60%;
}
.it01.img50 .im, .ti01.img50 .im {
  --imgW: 50%;
}
.it01.img40 .im, .ti01.img40 .im {
  --imgW: 40%;
}
.it01.img30 .im, .ti01.img30 .im {
  --imgW: 30%;
}
.it01.img20 .im, .ti01.img20 .im {
  --imgW: 20%;
}
.it01.img375 .im, .ti01.img375 .im {
  --imgW: 37.5%;
}
.it01::after, .ti01::after {
  display: none;
}
.it01:where(.ti01, .__rev), .ti01:where(.ti01, .__rev) {
  flex-direction: row-reverse;
}
.it01 > :has(> img, iframe), .ti01 > :has(> img, iframe) {
  width: calc(var(--imgW) + var(--move));
  margin-inline: var(--Nmove) 0;
}
.it01 > :has(> img, iframe):is(.ti01 *, .__rev *), .ti01 > :has(> img, iframe):is(.ti01 *, .__rev *) {
  margin-inline: 0 var(--Nmove);
}
.it01 > :has(> img, iframe) img:is(#contents img), .ti01 > :has(> img, iframe) img:is(#contents img) {
  margin: 0;
  width: 100%;
  height: auto;
}
.it01 > :not(:has(> img, iframe)), .ti01 > :not(:has(> img, iframe)) {
  flex: 1;
}
.it01 > :not(:has(> img, iframe)) div, .ti01 > :not(:has(> img, iframe)) div {
  width: 100%;
}
@media screen and (max-width: 834px) {
  .it01:is(#contents *:not(.bpsp)) > *, .ti01:is(#contents *:not(.bpsp)) > * {
    width: 100%;
    max-width: 100%;
    --move: 0;
    --Nmove: 0;
  }
  .it01:is(#contents *:not(.bpsp)) > *:has(> img), .ti01:is(#contents *:not(.bpsp)) > *:has(> img) {
    order: 1;
  }
}
@media screen and (max-width: 1200px) {
  .it01.bpBase:is(#contents *) > *, .ti01.bpBase:is(#contents *) > * {
    width: 100%;
    max-width: 100%;
    --move: 0;
    --Nmove: 0;
  }
  .it01.bpBase:is(#contents *) > *:has(img), .ti01.bpBase:is(#contents *) > *:has(img) {
    order: 1;
  }
}
@media screen and (max-width: 960px) {
  .it01.bp960:is(#contents *) > *, .ti01.bp960:is(#contents *) > * {
    width: 100%;
    max-width: 100%;
    --move: 0;
    --Nmove: 0;
  }
  .it01.bp960:is(#contents *) > *:has(img), .ti01.bp960:is(#contents *) > *:has(img) {
    order: 1;
  }
}
@media screen and (max-width: 640px) {
  .it01.bpsp:is(#contents *) > *, .ti01.bpsp:is(#contents *) > * {
    width: 100%;
    max-width: 100%;
    --move: 0;
    --Nmove: 0;
  }
  .it01.bpsp:is(#contents *) > *:has(img), .ti01.bpsp:is(#contents *) > *:has(img) {
    order: 1;
    margin-inline: auto;
  }
}

.H-in h1:is(div *) {
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  width: unset;
}

.h1-in h1:is(div *) {
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  width: unset;
  display: inline;
}

[class*=H-bgi] :is(h1, h2, h3) {
  padding: 1vmin !important;
}

.H- {
  --barW: 3px;
}
.H-center:is(#contents *) h1, .H-center:is(#contents *) h2, .H-center:is(#contents *) h3 {
  text-align: center;
}
.H--bgi {
  background: no-repeat center 0%/100%/auto;
  padding-inline: 2em;
}
.H--bgi02 h1, .H--bgi02 h2, .H--bgi02 h3 {
  background: no-repeat calc(50% - 0.5em) 0%/7em;
  padding-block: 0.25em;
  padding-inline: 2em;
}
.H--bgi02 h1:is(*), .H--bgi02 h2:is(*), .H--bgi02 h3:is(*) {
  background-image: url(/images/home/t02.png);
}
.H--bgi02 h1 small, .H--bgi02 h2 small, .H--bgi02 h3 small {
  margin-block-end: 1em;
  margin-inline-start: -2em;
  color: var(--ff);
}
.H--bgi03 h1, .H--bgi03 h2, .H--bgi03 h3 {
  background: no-repeat calc(50% - 0em) 0%/5em;
  padding-block: 0.35em;
  padding-inline: 2em;
}
.H--bgi03 h1:is(*), .H--bgi03 h2:is(*), .H--bgi03 h3:is(*) {
  background-image: url(/images/home/t03.png);
}
.H--bgi03 h1 small, .H--bgi03 h2 small, .H--bgi03 h3 small {
  margin-block-end: 1.5em;
  color: var(--ff);
}
.H-bgmc20 :is(h1, h2, h3) {
  background-color: var(--mc20);
}
.H-bgac20 :is(h1, h2, h3) {
  background-color: var(--ac20);
}
.H-bgsc20 :is(h1, h2, h3) {
  background-color: var(--sc20);
}
.H-bgbc20 :is(h1, h2, h3) {
  background-color: var(--bc20);
}
.H-bgbk20 :is(h1, h2, h3) {
  background-color: var(--bk20);
}
.H-bgwh20 :is(h1, h2, h3) {
  background-color: var(--wh20);
}
.H-bgi {
  background: url(/images/home/wood2.jpg) no-repeat center/cover;
  --p: 1em;
  --half: calc(var(--p)/2);
  --p15: calc(var(--p)*1.5);
  padding: var(--p) var(--p15);
}
.H-bgi + div {
  margin-top: var(--Hafter);
}
.H-bgi h1, .H-bgi h2, .H-bgi h3 {
  color: #fff;
}
.H-bgi em:is(#contents *) {
  margin-bottom: unset;
}
.H-bgi:before {
  width: calc(100% - var(--p));
  height: calc(100% - var(--p));
  top: var(--half);
  left: var(--half);
  border: 1px solid #fff;
}
.H-1stLetter :is(h1, h2, h3, .h2FZ)::first-letter {
  color: var(--mc);
}
.H--shadow :is(h1, h2, h3) {
  --tsW:3px;
  --txsh:var(--tsW) var(--tsW) 0 var(--shadowC), 0 0 var(--tsW) var(--shadowC);
  text-shadow: var(--txsh);
}
.H-firstline :is(h1, h2, h3):where(:not(:has(img))) + div {
  margin-top: var(--Hafter);
}
.H-firstline :is(h1, h2, h3)::first-line {
  color: var(--mc);
  font-family: var(--cor);
}
.H-bfaf:where(:not(:has(img))) + div {
  margin-top: var(--Hafter);
}
.H-bfaf + div {
  margin-top: 30px;
}
.H-bfaf h1, .H-bfaf h2, .H-bfaf h3 {
  display: flex;
  align-items: center;
  gap: 1em;
  align-items: baseline;
}
.H-bfaf h1:before, .H-bfaf h1:after, .H-bfaf h2:before, .H-bfaf h2:after, .H-bfaf h3:before, .H-bfaf h3:after {
  align-self: center;
  content: "";
  height: var(--barW);
  flex: 1;
  background-color: var(--gr);
  margin-top: 0.1em;
}
.H-flex:where(:not(:has(img))) + div {
  margin-top: var(--Hafter);
}
.H-flex h1, .H-flex h2, .H-flex h3 {
  display: flex;
  align-items: baseline;
  gap: 5vmin;
}
.H-af:where(:not(:has(img))) + div {
  margin-top: var(--Hafter);
}
.H-af h1, .H-af h2, .H-af h3 {
  --barC: currentColor;
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.H-af h1:after, .H-af h2:after, .H-af h3:after {
  content: "";
  height: var(--barW);
  flex: 1;
  background-color: var(--barC);
}
.H-bf:where(:not(:has(img))) + div {
  margin-top: var(--Hafter);
}
.H-bf h1, .H-bf h2, .H-bf h3 {
  --barC: var(--gr);
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.H-bf h1:before, .H-bf h2:before, .H-bf h3:before {
  content: "";
  height: 0.1em;
  flex: 1;
  background-color: var(--barC);
}
.H-decoBD:where(:not(:has(img))) + div {
  margin-top: var(--Hafter);
}
.H-decoBD h1, .H-decoBD h2, .H-decoBD h3 {
  --w:0.1em;
  --o:calc(var(--w)*4);
  --c: var(--mc);
  -webkit-text-decoration: underline var(--decoS) var(--w) var(--c);
          text-decoration: underline var(--decoS) var(--w) var(--c);
  text-underline-offset: var(--o);
  margin-block-end: var(--f16);
  border-bottom: var(--line);
  border-color: var(--mc20);
  border-width: var(--w);
}
.H-decoBD h1 + div:not(:empty), .H-decoBD h2 + div:not(:empty), .H-decoBD h3 + div:not(:empty) {
  margin-top: 1em;
}
.H-decoBD h1:is(.__mc *), .H-decoBD h2:is(.__mc *), .H-decoBD h3:is(.__mc *) {
  text-decoration-color: var(--mc);
}
.H-decoBD h1:is(.__ac *), .H-decoBD h2:is(.__ac *), .H-decoBD h3:is(.__ac *) {
  text-decoration-color: var(--ac);
}
.H-decoBD h1:is(.__sc *), .H-decoBD h2:is(.__sc *), .H-decoBD h3:is(.__sc *) {
  text-decoration-color: var(--sc);
}
.H-decoBD h1:is(.__mc50 *), .H-decoBD h2:is(.__mc50 *), .H-decoBD h3:is(.__mc50 *) {
  text-decoration-color: var(--mc50);
}
.H-decoBD h1:is(.__ac50 *), .H-decoBD h2:is(.__ac50 *), .H-decoBD h3:is(.__ac50 *) {
  text-decoration-color: var(--ac50);
}
.H-decoBD h1:is(.__sc50 *), .H-decoBD h2:is(.__sc50 *), .H-decoBD h3:is(.__sc50 *) {
  text-decoration-color: var(--sc50);
}
.H-decoBD h1:is(.__mc2 *), .H-decoBD h2:is(.__mc2 *), .H-decoBD h3:is(.__mc2 *) {
  text-decoration-color: var(--mc2);
}
.H-decoBD h1:is(.__ac2 *), .H-decoBD h2:is(.__ac2 *), .H-decoBD h3:is(.__ac2 *) {
  text-decoration-color: var(--ac2);
}
.H-decoBD h1:is(.__sc2 *), .H-decoBD h2:is(.__sc2 *), .H-decoBD h3:is(.__sc2 *) {
  text-decoration-color: var(--sc2);
}
.H-decoBD h1:is(.__bc *), .H-decoBD h2:is(.__bc *), .H-decoBD h3:is(.__bc *) {
  text-decoration-color: var(--bc);
}
.H-decoBD h1:is(.__wh *), .H-decoBD h2:is(.__wh *), .H-decoBD h3:is(.__wh *) {
  text-decoration-color: var(--wh);
}
.H-decoBD h1:is(.__bk *), .H-decoBD h2:is(.__bk *), .H-decoBD h3:is(.__bk *) {
  text-decoration-color: var(--bk);
}
.H-decoBD h1:is(.__tx *), .H-decoBD h2:is(.__tx *), .H-decoBD h3:is(.__tx *) {
  text-decoration-color: var(--tx);
}
.H-deco:where(:not(:has(img))) + div {
  margin-top: var(--Hafter);
}
.H-deco h1, .H-deco h2, .H-deco h3 {
  --w:4px;
  --o:calc(var(--w)*2 );
  --c: var(--mc);
  -webkit-text-decoration: underline var(--decoS) var(--w) var(--c);
          text-decoration: underline var(--decoS) var(--w) var(--c);
  text-underline-offset: var(--o);
  margin-block-end: var(--f16);
}
.H-deco h1 + div:not(:empty), .H-deco h2 + div:not(:empty), .H-deco h3 + div:not(:empty) {
  margin-top: 1em;
}
.H-deco h1:is(.__mc *), .H-deco h2:is(.__mc *), .H-deco h3:is(.__mc *) {
  text-decoration-color: var(--mc);
}
.H-deco h1:is(.__ac *), .H-deco h2:is(.__ac *), .H-deco h3:is(.__ac *) {
  text-decoration-color: var(--ac);
}
.H-deco h1:is(.__sc *), .H-deco h2:is(.__sc *), .H-deco h3:is(.__sc *) {
  text-decoration-color: var(--sc);
}
.H-deco h1:is(.__mc50 *), .H-deco h2:is(.__mc50 *), .H-deco h3:is(.__mc50 *) {
  text-decoration-color: var(--mc50);
}
.H-deco h1:is(.__ac50 *), .H-deco h2:is(.__ac50 *), .H-deco h3:is(.__ac50 *) {
  text-decoration-color: var(--ac50);
}
.H-deco h1:is(.__sc50 *), .H-deco h2:is(.__sc50 *), .H-deco h3:is(.__sc50 *) {
  text-decoration-color: var(--sc50);
}
.H-deco h1:is(.__mc2 *), .H-deco h2:is(.__mc2 *), .H-deco h3:is(.__mc2 *) {
  text-decoration-color: var(--mc2);
}
.H-deco h1:is(.__ac2 *), .H-deco h2:is(.__ac2 *), .H-deco h3:is(.__ac2 *) {
  text-decoration-color: var(--ac2);
}
.H-deco h1:is(.__sc2 *), .H-deco h2:is(.__sc2 *), .H-deco h3:is(.__sc2 *) {
  text-decoration-color: var(--sc2);
}
.H-deco h1:is(.__bc *), .H-deco h2:is(.__bc *), .H-deco h3:is(.__bc *) {
  text-decoration-color: var(--bc);
}
.H-deco h1:is(.__wh *), .H-deco h2:is(.__wh *), .H-deco h3:is(.__wh *) {
  text-decoration-color: var(--wh);
}
.H-deco h1:is(.__bk *), .H-deco h2:is(.__bk *), .H-deco h3:is(.__bk *) {
  text-decoration-color: var(--bk);
}
.H-deco h1:is(.__tx *), .H-deco h2:is(.__tx *), .H-deco h3:is(.__tx *) {
  text-decoration-color: var(--tx);
}
.H-bd-block:where(:has(div:empty)) + div {
  margin-top: var(--Hafter);
}
.H-bd-block h1, .H-bd-block h2, .H-bd-block h3 {
  --bdw: 2px;
  --bdc: var(--mc);
  --line:var(--bdw) var(--bds) var(--bdc);
  border-block: var(--line);
  padding-block: 0.3em;
  display: inline-block;
}
.H-bd-block h1:is(body.blog *), .H-bd-block h2:is(body.blog *), .H-bd-block h3:is(body.blog *) {
  margin-block: 0.5em 0;
}
.H-bd-block h1 + div:not(:empty), .H-bd-block h2 + div:not(:empty), .H-bd-block h3 + div:not(:empty) {
  margin-top: 1em;
}
.H-bd-block h1:is(.__mc *), .H-bd-block h2:is(.__mc *), .H-bd-block h3:is(.__mc *) {
  border-color: var(--mc);
}
.H-bd-block h1:is(.__ac *), .H-bd-block h2:is(.__ac *), .H-bd-block h3:is(.__ac *) {
  border-color: var(--ac);
}
.H-bd-block h1:is(.__sc *), .H-bd-block h2:is(.__sc *), .H-bd-block h3:is(.__sc *) {
  border-color: var(--sc);
}
.H-bd-block h1:is(.__mc50 *), .H-bd-block h2:is(.__mc50 *), .H-bd-block h3:is(.__mc50 *) {
  border-color: var(--mc50);
}
.H-bd-block h1:is(.__ac50 *), .H-bd-block h2:is(.__ac50 *), .H-bd-block h3:is(.__ac50 *) {
  border-color: var(--ac50);
}
.H-bd-block h1:is(.__sc50 *), .H-bd-block h2:is(.__sc50 *), .H-bd-block h3:is(.__sc50 *) {
  border-color: var(--sc50);
}
.H-bd-block h1:is(.__mc2 *), .H-bd-block h2:is(.__mc2 *), .H-bd-block h3:is(.__mc2 *) {
  border-color: var(--mc2);
}
.H-bd-block h1:is(.__ac2 *), .H-bd-block h2:is(.__ac2 *), .H-bd-block h3:is(.__ac2 *) {
  border-color: var(--ac2);
}
.H-bd-block h1:is(.__sc2 *), .H-bd-block h2:is(.__sc2 *), .H-bd-block h3:is(.__sc2 *) {
  border-color: var(--sc2);
}
.H-bd-block h1:is(.__bc *), .H-bd-block h2:is(.__bc *), .H-bd-block h3:is(.__bc *) {
  border-color: var(--bc);
}
.H-bd-block h1:is(.__wh *), .H-bd-block h2:is(.__wh *), .H-bd-block h3:is(.__wh *) {
  border-color: var(--wh);
}
.H-bd-block h1:is(.__bk *), .H-bd-block h2:is(.__bk *), .H-bd-block h3:is(.__bk *) {
  border-color: var(--bk);
}
.H-bd-block h1:is(.__tx *), .H-bd-block h2:is(.__tx *), .H-bd-block h3:is(.__tx *) {
  border-color: var(--tx);
}
.H-bdBlock:where(:has(div:empty)) + div {
  margin-top: var(--Hafter);
}
.H-bdBlock h1, .H-bdBlock h2, .H-bdBlock h3 {
  --bdw: 2px;
  --bdc: var(--mc);
  --line:var(--bdw) var(--bds) var(--bdc);
  border-block: var(--line);
  padding-block: 0.3em;
  display: inline-block;
}
.H-bdBlock h1:is(body.blog *), .H-bdBlock h2:is(body.blog *), .H-bdBlock h3:is(body.blog *) {
  margin-block: 0.5em 0;
}
.H-bdBlock h1 + div:not(:empty), .H-bdBlock h2 + div:not(:empty), .H-bdBlock h3 + div:not(:empty) {
  margin-top: 1em;
}
.H-bdBlock h1:is(.__mc *), .H-bdBlock h2:is(.__mc *), .H-bdBlock h3:is(.__mc *) {
  border-color: var(--mc);
}
.H-bdBlock h1:is(.__ac *), .H-bdBlock h2:is(.__ac *), .H-bdBlock h3:is(.__ac *) {
  border-color: var(--ac);
}
.H-bdBlock h1:is(.__sc *), .H-bdBlock h2:is(.__sc *), .H-bdBlock h3:is(.__sc *) {
  border-color: var(--sc);
}
.H-bdBlock h1:is(.__mc50 *), .H-bdBlock h2:is(.__mc50 *), .H-bdBlock h3:is(.__mc50 *) {
  border-color: var(--mc50);
}
.H-bdBlock h1:is(.__ac50 *), .H-bdBlock h2:is(.__ac50 *), .H-bdBlock h3:is(.__ac50 *) {
  border-color: var(--ac50);
}
.H-bdBlock h1:is(.__sc50 *), .H-bdBlock h2:is(.__sc50 *), .H-bdBlock h3:is(.__sc50 *) {
  border-color: var(--sc50);
}
.H-bdBlock h1:is(.__mc2 *), .H-bdBlock h2:is(.__mc2 *), .H-bdBlock h3:is(.__mc2 *) {
  border-color: var(--mc2);
}
.H-bdBlock h1:is(.__ac2 *), .H-bdBlock h2:is(.__ac2 *), .H-bdBlock h3:is(.__ac2 *) {
  border-color: var(--ac2);
}
.H-bdBlock h1:is(.__sc2 *), .H-bdBlock h2:is(.__sc2 *), .H-bdBlock h3:is(.__sc2 *) {
  border-color: var(--sc2);
}
.H-bdBlock h1:is(.__bc *), .H-bdBlock h2:is(.__bc *), .H-bdBlock h3:is(.__bc *) {
  border-color: var(--bc);
}
.H-bdBlock h1:is(.__wh *), .H-bdBlock h2:is(.__wh *), .H-bdBlock h3:is(.__wh *) {
  border-color: var(--wh);
}
.H-bdBlock h1:is(.__bk *), .H-bdBlock h2:is(.__bk *), .H-bdBlock h3:is(.__bk *) {
  border-color: var(--bk);
}
.H-bdBlock h1:is(.__tx *), .H-bdBlock h2:is(.__tx *), .H-bdBlock h3:is(.__tx *) {
  border-color: var(--tx);
}
.H-bd:where(:has(div:empty)) + div {
  margin-top: var(--Hafter);
}
.H-bd h1, .H-bd h2, .H-bd h3 {
  border-bottom: var(--line);
  padding-bottom: 0.25em;
}
.H-bd h1:is(body.blog *), .H-bd h2:is(body.blog *), .H-bd h3:is(body.blog *) {
  margin-block: 0.5em 0;
}
.H-bd h1 + div:not(:empty), .H-bd h2 + div:not(:empty), .H-bd h3 + div:not(:empty) {
  margin-top: var(--Hafter);
}
.H-bd h1:is(.__red *), .H-bd h2:is(.__red *), .H-bd h3:is(.__red *) {
  border-bottom-color: var(--red);
}
.H-bd h1:is(.__mc *), .H-bd h2:is(.__mc *), .H-bd h3:is(.__mc *) {
  border-bottom-color: var(--mc);
}
.H-bd h1:is(.__ac *), .H-bd h2:is(.__ac *), .H-bd h3:is(.__ac *) {
  border-bottom-color: var(--ac);
}
.H-bd h1:is(.__sc *), .H-bd h2:is(.__sc *), .H-bd h3:is(.__sc *) {
  border-bottom-color: var(--sc);
}
.H-bd h1:is(.__mc50 *), .H-bd h2:is(.__mc50 *), .H-bd h3:is(.__mc50 *) {
  border-bottom-color: var(--mc50);
}
.H-bd h1:is(.__ac50 *), .H-bd h2:is(.__ac50 *), .H-bd h3:is(.__ac50 *) {
  border-bottom-color: var(--ac50);
}
.H-bd h1:is(.__sc50 *), .H-bd h2:is(.__sc50 *), .H-bd h3:is(.__sc50 *) {
  border-bottom-color: var(--sc50);
}
.H-bd h1:is(.__mc2 *), .H-bd h2:is(.__mc2 *), .H-bd h3:is(.__mc2 *) {
  border-bottom-color: var(--mc2);
}
.H-bd h1:is(.__ac2 *), .H-bd h2:is(.__ac2 *), .H-bd h3:is(.__ac2 *) {
  border-bottom-color: var(--ac2);
}
.H-bd h1:is(.__sc2 *), .H-bd h2:is(.__sc2 *), .H-bd h3:is(.__sc2 *) {
  border-bottom-color: var(--sc2);
}
.H-bd h1:is(.__bc *), .H-bd h2:is(.__bc *), .H-bd h3:is(.__bc *) {
  border-bottom-color: var(--bc);
}
.H-bd h1:is(.__wh *), .H-bd h2:is(.__wh *), .H-bd h3:is(.__wh *) {
  border-bottom-color: var(--wh);
}
.H-bd h1:is(.__bk *), .H-bd h2:is(.__bk *), .H-bd h3:is(.__bk *) {
  border-bottom-color: var(--bk);
}
.H-bd h1:is(.__tx *), .H-bd h2:is(.__tx *), .H-bd h3:is(.__tx *) {
  border-bottom-color: var(--tx);
}
.H-bd-dash:where(:not(:has(img))) + div {
  margin-top: var(--Hafter);
}
.H-bd-dash h1, .H-bd-dash h2, .H-bd-dash h3 {
  --w:.1em;
  --o:calc(var(--w)*1 );
  --c:var(--mc);
  --decoS: dashed;
  border-bottom: var(--w) var(--decoS) var(--c);
}
.H-bd-dash h1 + div:not(:empty), .H-bd-dash h2 + div:not(:empty), .H-bd-dash h3 + div:not(:empty) {
  margin-top: 1em;
}
.H-bd-dash h1:is(.__mc *), .H-bd-dash h2:is(.__mc *), .H-bd-dash h3:is(.__mc *) {
  --c: var(--mc);
}
.H-bd-dash h1:is(.__ac *), .H-bd-dash h2:is(.__ac *), .H-bd-dash h3:is(.__ac *) {
  --c: var(--ac);
}
.H-bd-dash h1:is(.__sc *), .H-bd-dash h2:is(.__sc *), .H-bd-dash h3:is(.__sc *) {
  --c: var(--sc);
}
.H-bd-dash h1:is(.__mc50 *), .H-bd-dash h2:is(.__mc50 *), .H-bd-dash h3:is(.__mc50 *) {
  --c: var(--mc50);
}
.H-bd-dash h1:is(.__ac50 *), .H-bd-dash h2:is(.__ac50 *), .H-bd-dash h3:is(.__ac50 *) {
  --c: var(--ac50);
}
.H-bd-dash h1:is(.__sc50 *), .H-bd-dash h2:is(.__sc50 *), .H-bd-dash h3:is(.__sc50 *) {
  --c: var(--sc50);
}
.H-bd-dash h1:is(.__mc2 *), .H-bd-dash h2:is(.__mc2 *), .H-bd-dash h3:is(.__mc2 *) {
  --c: var(--mc2);
}
.H-bd-dash h1:is(.__ac2 *), .H-bd-dash h2:is(.__ac2 *), .H-bd-dash h3:is(.__ac2 *) {
  --c: var(--ac2);
}
.H-bd-dash h1:is(.__sc2 *), .H-bd-dash h2:is(.__sc2 *), .H-bd-dash h3:is(.__sc2 *) {
  --c: var(--sc2);
}
.H-bd-dash h1:is(.__bc *), .H-bd-dash h2:is(.__bc *), .H-bd-dash h3:is(.__bc *) {
  --c: var(--bc);
}
.H-bd-dash h1:is(.__wh *), .H-bd-dash h2:is(.__wh *), .H-bd-dash h3:is(.__wh *) {
  --c: var(--wh);
}
.H-bd-dash h1:is(.__bk *), .H-bd-dash h2:is(.__bk *), .H-bd-dash h3:is(.__bk *) {
  --c: var(--bk);
}
.H-bd-dash h1:is(.__tx *), .H-bd-dash h2:is(.__tx *), .H-bd-dash h3:is(.__tx *) {
  --c: var(--tx);
}
.H-bd-dot:where(:not(:has(img))) + div {
  margin-top: var(--Hafter);
}
.H-bd-dot h1, .H-bd-dot h2, .H-bd-dot h3 {
  --w:.1em;
  --o:calc(var(--w)*1 );
  --c:var(--mc);
  --decoS: dotted;
  border-bottom: var(--w) var(--decoS) var(--c);
}
.H-bd-dot h1 + div:not(:empty), .H-bd-dot h2 + div:not(:empty), .H-bd-dot h3 + div:not(:empty) {
  margin-top: 1em;
}
.H-bd-dot h1:is(.__mc *), .H-bd-dot h2:is(.__mc *), .H-bd-dot h3:is(.__mc *) {
  --c: var(--mc);
}
.H-bd-dot h1:is(.__ac *), .H-bd-dot h2:is(.__ac *), .H-bd-dot h3:is(.__ac *) {
  --c: var(--ac);
}
.H-bd-dot h1:is(.__sc *), .H-bd-dot h2:is(.__sc *), .H-bd-dot h3:is(.__sc *) {
  --c: var(--sc);
}
.H-bd-dot h1:is(.__mc50 *), .H-bd-dot h2:is(.__mc50 *), .H-bd-dot h3:is(.__mc50 *) {
  --c: var(--mc50);
}
.H-bd-dot h1:is(.__ac50 *), .H-bd-dot h2:is(.__ac50 *), .H-bd-dot h3:is(.__ac50 *) {
  --c: var(--ac50);
}
.H-bd-dot h1:is(.__sc50 *), .H-bd-dot h2:is(.__sc50 *), .H-bd-dot h3:is(.__sc50 *) {
  --c: var(--sc50);
}
.H-bd-dot h1:is(.__mc2 *), .H-bd-dot h2:is(.__mc2 *), .H-bd-dot h3:is(.__mc2 *) {
  --c: var(--mc2);
}
.H-bd-dot h1:is(.__ac2 *), .H-bd-dot h2:is(.__ac2 *), .H-bd-dot h3:is(.__ac2 *) {
  --c: var(--ac2);
}
.H-bd-dot h1:is(.__sc2 *), .H-bd-dot h2:is(.__sc2 *), .H-bd-dot h3:is(.__sc2 *) {
  --c: var(--sc2);
}
.H-bd-dot h1:is(.__bc *), .H-bd-dot h2:is(.__bc *), .H-bd-dot h3:is(.__bc *) {
  --c: var(--bc);
}
.H-bd-dot h1:is(.__wh *), .H-bd-dot h2:is(.__wh *), .H-bd-dot h3:is(.__wh *) {
  --c: var(--wh);
}
.H-bd-dot h1:is(.__bk *), .H-bd-dot h2:is(.__bk *), .H-bd-dot h3:is(.__bk *) {
  --c: var(--bk);
}
.H-bd-dot h1:is(.__tx *), .H-bd-dot h2:is(.__tx *), .H-bd-dot h3:is(.__tx *) {
  --c: var(--tx);
}
.H-bdstripe:where(:not(:has(img))) + div {
  margin-top: var(--Hafter);
}
.H-bdstripe h1, .H-bdstripe h2, .H-bdstripe h3 {
  --w:.25em;
  --w2:calc(var(--w) + 1px);
  --o:calc(var(--w)*1 );
  --c:var(--scDK);
  --decoS: dashed;
  border-bottom: solid 0.5em;
  -o-border-image: repeating-linear-gradient(-45deg, var(--c), var(--c) var(--w), transparent var(--w2), transparent calc(var(--w) * 2)) 20;
     border-image: repeating-linear-gradient(-45deg, var(--c), var(--c) var(--w), transparent var(--w2), transparent calc(var(--w) * 2)) 20;
}
.H-bdstripe h1 + div:not(:empty), .H-bdstripe h2 + div:not(:empty), .H-bdstripe h3 + div:not(:empty) {
  margin-top: 1em;
}
.H-bdstripe h1:is(.__mc *), .H-bdstripe h2:is(.__mc *), .H-bdstripe h3:is(.__mc *) {
  --c: var(--mc);
}
.H-bdstripe h1:is(.__ac *), .H-bdstripe h2:is(.__ac *), .H-bdstripe h3:is(.__ac *) {
  --c: var(--ac);
}
.H-bdstripe h1:is(.__sc *), .H-bdstripe h2:is(.__sc *), .H-bdstripe h3:is(.__sc *) {
  --c: var(--sc);
}
.H-bdstripe h1:is(.__mc50 *), .H-bdstripe h2:is(.__mc50 *), .H-bdstripe h3:is(.__mc50 *) {
  --c: var(--mc50);
}
.H-bdstripe h1:is(.__ac50 *), .H-bdstripe h2:is(.__ac50 *), .H-bdstripe h3:is(.__ac50 *) {
  --c: var(--ac50);
}
.H-bdstripe h1:is(.__sc50 *), .H-bdstripe h2:is(.__sc50 *), .H-bdstripe h3:is(.__sc50 *) {
  --c: var(--sc50);
}
.H-bdstripe h1:is(.__mc2 *), .H-bdstripe h2:is(.__mc2 *), .H-bdstripe h3:is(.__mc2 *) {
  --c: var(--mc2);
}
.H-bdstripe h1:is(.__ac2 *), .H-bdstripe h2:is(.__ac2 *), .H-bdstripe h3:is(.__ac2 *) {
  --c: var(--ac2);
}
.H-bdstripe h1:is(.__sc2 *), .H-bdstripe h2:is(.__sc2 *), .H-bdstripe h3:is(.__sc2 *) {
  --c: var(--sc2);
}
.H-bdstripe h1:is(.__bc *), .H-bdstripe h2:is(.__bc *), .H-bdstripe h3:is(.__bc *) {
  --c: var(--bc);
}
.H-bdstripe h1:is(.__wh *), .H-bdstripe h2:is(.__wh *), .H-bdstripe h3:is(.__wh *) {
  --c: var(--wh);
}
.H-bdstripe h1:is(.__bk *), .H-bdstripe h2:is(.__bk *), .H-bdstripe h3:is(.__bk *) {
  --c: var(--bk);
}
.H-bdstripe h1:is(.__tx *), .H-bdstripe h2:is(.__tx *), .H-bdstripe h3:is(.__tx *) {
  --c: var(--tx);
}
.H-bdl:where(:not(:has(img))) + div {
  margin-top: var(--Hafter);
}
.H-bdl h1, .H-bdl h2, .H-bdl h3 {
  --w:4px;
  --o:calc(var(--w)*1 );
  --c:var(--mc);
  border-left: var(--w) var(--decoS) var(--c);
  padding-left: calc(var(--w) * 3);
}
.H-bdl h1 + div:not(:empty), .H-bdl h2 + div:not(:empty), .H-bdl h3 + div:not(:empty) {
  margin-top: 1em;
}
.H-icon:where(:has(div:empty)) + div {
  margin-top: var(--Hafter);
}
.H-icon02:where(:has(div:empty)) + div {
  margin-top: var(--un);
}
.H-icon02 h1, .H-icon02 h2, .H-icon02 h3 {
  border-bottom: 2px solid currentColor;
}
.H-icon02 h1:is(.__dots *), .H-icon02 h2:is(.__dots *), .H-icon02 h3:is(.__dots *) {
  border-bottom: unset;
  -webkit-text-emphasis: "*" var(--red);
          text-emphasis: "*" var(--red);
  -webkit-text-emphasis-position: under;
          text-emphasis-position: under right;
}
.H-icon02 h1:is(.__dots *) i, .H-icon02 h2:is(.__dots *) i, .H-icon02 h3:is(.__dots *) i {
  height: 1.5em;
}
.H-icon02 i:not(.btn *) {
  color: #fff;
  display: inline-block;
  width: 1em;
  height: 2em;
  margin-block: -0.125em;
  margin-right: 0.5em;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  vertical-align: middle;
  display: inline-grid;
  place-content: center;
  place-items: center;
  margin-top: -0.25em;
  background: url(/images/contents/ki.png) no-repeat center/auto 100%;
}
.H-icon02 i:not(.btn *):is(.__sc *) {
  background-image: url(/images/contents/ki02.png);
}
.H-icon02 i:not(.btn *):is([class*=title_bb] i) {
  margin-bottom: 0.1em;
}
.H-icon02 i:not(.btn *).kodawari {
  background: url(/images/common/icon_kodawari.png) no-repeat center/contain;
}
.H-icon02 i:not(.btn *).access {
  background: url(/images/common/icon_access.png) no-repeat center/contain;
}
.H-icon02 i:not(.btn *).drink {
  background: url(/images/common/icon_drink.png) no-repeat center/contain;
}
.H-icon02 i:not(.btn *).history {
  background: url(/images/common/icon_history.png) no-repeat center/contain;
}
.H-icon02 i:not(.btn *).menu {
  background: url(/images/common/icon_menu.png) no-repeat center/contain;
}
.H-icon02 i:not(.btn *).tenpo {
  background: url(/images/common/icon_tenpo.png) no-repeat center/contain;
}
.H-bdi {
  --h2fz:clamp(18px, 2.4vw, 30px);
}
.H-bdi:where(:not(:has(img))) + div {
  margin-top: var(--Hafter);
}
.H-bdi :is(h1, h2, h3) span {
  --c: var(--bc);
  border-style: solid;
  -o-border-image: repeating-linear-gradient(var(--c), var(--c) 4px, transparent 4.1px, transparent 8px) 0 0 30 0/3vmin 0;
     border-image: repeating-linear-gradient(var(--c), var(--c) 4px, transparent 4.1px, transparent 8px) 0 0 30 0/3vmin 0;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 2.5em;
  padding-inline: 0.5em;
  padding-block: 0.25em;
  font-size: 133%;
}
.H-bdi :is(h1, h2, h3) span:is(.__wh *) {
  --c: var(--wh);
}

.u-label u {
  text-decoration: none;
  display: inline-block;
  background-color: var(--mcDK);
  color: #fff;
  padding-block: 0.25em;
  padding-inline: 0.5em;
  margin-inline-end: 0.5em;
  margin-block-end: 0.5em;
  border-radius: var(--radhalf);
  vertical-align: sub;
  font-weight: 700;
  font-size: 150%;
  font-family: var(--zmg);
}

.span-label span {
  background-color: var(--mc);
  color: #fff;
  padding-inline: 0.5em;
  margin-inline-end: 0.5em;
  margin-block-end: 0.5em;
  border-radius: calc(var(--rad) / 2);
  vertical-align: sub;
}

.head_01 {
  padding-block: 1.5em;
}
.head_01 + div {
  margin-top: 20px;
}
.head_01 h1 > span, .head_01 h2 > span, .head_01 h3 > span {
  padding-inline: 0.5em;
  display: inline-grid;
  place-items: center;
  gap: 10px;
}
.head_01 h1 > span:after, .head_01 h2 > span:after, .head_01 h3 > span:after {
  content: "";
  width: 78px;
  height: 12px;
  background: url(/images/home/dots.png) no-repeat center/100% 100%;
  filter: invert(1);
}
.head_01 h1 + div:not(:empty), .head_01 h2 + div:not(:empty), .head_01 h3 + div:not(:empty) {
  margin-top: 1em;
}
.head_02 {
  margin-top: var(--bl06);
  padding-inline: var(--incont);
  padding-block: 1.5em;
  background-color: var(--bc);
}
.head_02 + div {
  margin-top: var(--Hafter);
}
.head_02 h1 + div:not(:empty), .head_02 h2 + div:not(:empty), .head_02 h3 + div:not(:empty) {
  margin-top: 1em;
}
.head_02:has(img) .im {
  width: -moz-fit-content;
  width: fit-content;
}
.head_02:has(img) article {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.head_02:has(img) article h1, .head_02:has(img) article h2, .head_02:has(img) article h3 {
  flex: 1;
}
@media screen and (max-width: 834px) {
  .head_02:has(img) article {
    flex-direction: column-reverse;
  }
  .head_02:has(img) article h1, .head_02:has(img) article h2, .head_02:has(img) article h3 {
    width: 100%;
  }
  .head_02:has(img) article .im {
    margin-left: auto;
  }
}
.head_022 {
  padding-inline: var(--in1200);
  padding-block: 1.5em;
  background: url(/images/home/bg1200140.jpg) no-repeat center/100% auto;
  background-color: var(--bc20);
  background-blend-mode: color;
}
@media screen and (max-width: 640px) {
  .head_022 {
    background-size: cover;
  }
}
.head_022 + div {
  margin-top: 40px;
}
.head_022 h1 + div:not(:empty), .head_022 h2 + div:not(:empty), .head_022 h3 + div:not(:empty) {
  margin-top: 1em;
}
.head_022:has(img) .im {
  width: -moz-fit-content;
  width: fit-content;
}
.head_022:has(img) article {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.head_022:has(img) article h1, .head_022:has(img) article h2, .head_022:has(img) article h3 {
  flex: 1;
}
@media screen and (max-width: 834px) {
  .head_022:has(img) article {
    flex-direction: column-reverse;
  }
  .head_022:has(img) article h1, .head_022:has(img) article h2, .head_022:has(img) article h3 {
    width: 100%;
  }
  .head_022:has(img) article .im {
    margin-left: auto;
  }
}
.head_021 article > * {
  padding-inline: var(--incont);
}
.head_021 h1, .head_021 h2, .head_021 h3 {
  padding-block: calc(var(--bodyFZ) * 1.5);
  margin-bottom: unset;
  color: var(--wh);
}
.head_021 h1 > span, .head_021 h2 > span, .head_021 h3 > span {
  padding-inline: 0.5em;
  border-bottom: 2px solid var(--wh);
}
.head_021 h1 + div:not(:empty), .head_021 h2 + div:not(:empty), .head_021 h3 + div:not(:empty) {
  margin-top: unset;
  padding-top: 1.5em;
  background-color: #fff;
}
.head_021:has(div:empty) + div {
  margin-top: 20px;
}
.head_03 {
  padding-block: 1em;
  background-color: var(--mc11);
}
.head_03 + div {
  margin-top: 1em;
}
.head_03 h1 + div:not(:empty), .head_03 h2 + div:not(:empty), .head_03 h3 + div:not(:empty) {
  margin-top: 1em;
}
.head_04 {
  background-color: var(--bc);
  padding-block: 0.5em;
}
.head_04 + div {
  margin-top: 20px;
}
.head_04 h1, .head_04 h2, .head_04 h3 {
  display: flex;
  justify-content: unset;
  align-items: baseline;
  gap: 1em;
}
.head_04 h1 em:is(#contents *), .head_04 h2 em:is(#contents *), .head_04 h3 em:is(#contents *) {
  font-size: clamp(32px, 5vw, 60px);
}
.head_04 h1:is(.__mc *), .head_04 h2:is(.__mc *), .head_04 h3:is(.__mc *) {
  border-color: var(--mc);
}
.head_04 h1:is(.__ac *), .head_04 h2:is(.__ac *), .head_04 h3:is(.__ac *) {
  border-color: var(--ac);
}
.head_04 h1:is(.__sc *), .head_04 h2:is(.__sc *), .head_04 h3:is(.__sc *) {
  border-color: var(--sc);
}
.head_04 h1:is(.__bc *), .head_04 h2:is(.__bc *), .head_04 h3:is(.__bc *) {
  border-color: var(--bc);
}
.head_07 + div {
  margin-top: 20px;
}
.head_07 h1, .head_07 h2, .head_07 h3 {
  display: flex;
  justify-content: unset;
  align-items: baseline;
  gap: 1em;
  border-bottom: var(--line);
}
.head_07 h1 em:is(#contents *), .head_07 h2 em:is(#contents *), .head_07 h3 em:is(#contents *) {
  font-size: clamp(32px, 5vw, 60px);
}
.head_07 h1:is(.__mc *), .head_07 h2:is(.__mc *), .head_07 h3:is(.__mc *) {
  border-color: var(--mc);
}
.head_07 h1:is(.__ac *), .head_07 h2:is(.__ac *), .head_07 h3:is(.__ac *) {
  border-color: var(--ac);
}
.head_07 h1:is(.__sc *), .head_07 h2:is(.__sc *), .head_07 h3:is(.__sc *) {
  border-color: var(--sc);
}
.head_07 h1:is(.__bc *), .head_07 h2:is(.__bc *), .head_07 h3:is(.__bc *) {
  border-color: var(--bc);
}
.head_05 + div {
  margin-top: 20px;
}
.head_05 h1, .head_05 h2, .head_05 h3 {
  border-bottom: var(--line);
}
.head_05 h1:is(.__mc *), .head_05 h2:is(.__mc *), .head_05 h3:is(.__mc *) {
  border-color: var(--mc);
}
.head_05 h1:is(.__ac *), .head_05 h2:is(.__ac *), .head_05 h3:is(.__ac *) {
  border-color: var(--ac);
}
.head_05 h1:is(.__sc *), .head_05 h2:is(.__sc *), .head_05 h3:is(.__sc *) {
  border-color: var(--sc);
}
.head_05 h1:is(.__bc *), .head_05 h2:is(.__bc *), .head_05 h3:is(.__bc *) {
  border-color: var(--bc);
}
.head_06 {
  padding-inline: var(--in1200);
  background-color: var(--bc20);
}
.head_06 + div {
  margin-top: var(--Hafter);
}
.head_06 h1, .head_06 h2, .head_06 h3 {
  font-weight: 400;
  margin-block: -1px;
  background-color: #fff;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  -webkit-clip-path: polygon(10% 0%, 0% 100%, 90% 100%, 100% 0%);
          clip-path: polygon(10% 0%, 0% 100%, 90% 100%, 100% 0%);
}
.head_06 h1 em, .head_06 h2 em, .head_06 h3 em {
  line-height: 1;
  padding-bottom: 1em;
  padding-right: 1em;
  position: relative;
}
.head_06 h1 em:after, .head_06 h2 em:after, .head_06 h3 em:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 4px;
  height: 1.5em;
  background-color: var(--mc);
  transform-origin: 100% 0%;
  rotate: 45deg;
}
.head_06 h1 + div:not(:empty), .head_06 h2 + div:not(:empty), .head_06 h3 + div:not(:empty) {
  margin-top: 1em;
}
.head_06:has(img) .im {
  width: -moz-fit-content;
  width: fit-content;
}
.head_06:has(img) article {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.head_06:has(img) article h1, .head_06:has(img) article h2, .head_06:has(img) article h3 {
  flex: 1;
}
@media screen and (max-width: 834px) {
  .head_06:has(img) article {
    flex-direction: column-reverse;
  }
  .head_06:has(img) article h1, .head_06:has(img) article h2, .head_06:has(img) article h3 {
    width: 100%;
  }
  .head_06:has(img) article .im {
    margin-left: auto;
  }
}

.board {
  border: 1px solid var(--tx);
  padding: 4vmin;
}
.board h1, .board h2, .board h3 {
  line-height: 1;
  margin-top: calc(-0.5em - 4vmin);
}
.board h1 > span, .board h2 > span, .board h3 > span {
  background-color: #fff;
  padding-inline: var(--f16);
}
.board:is(.sheet > *) {
  padding: 2vmin;
}
.board > .board-product {
  padding: unset;
}
.board > .board-product + .board-product {
  margin-top: var(--Hafter);
  padding-top: var(--Hafter);
  border-top: 1px dashed var(--gr);
}
.board .bdt {
  margin-top: var(--Hafter);
  padding-top: var(--Hafter);
  border-top: 1px dashed var(--gr);
}

.board-03 {
  padding: 2vmin;
}
.board-03 h3 {
  background-color: var(--mc);
  border-radius: 8px;
  color: #fff;
  font-weight: bold;
  padding: var(--f14);
  line-height: 1.2;
}
.board-03 i:before {
  content: "\f219";
  font-family: var(--la);
  font-weight: 900;
  font-size: 150%;
  vertical-align: middle;
  margin-right: 8px;
}
.board-03 article {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.board-03 div {
  flex: 1;
}
.board-03 div br {
  display: none;
}
.board-03 div > * {
  margin-top: 14px;
  display: block;
}
.board-03 div > .btn {
  display: inline-flex;
}
.board-03 :is(h1, h2, h3) small {
  font-size: 80%;
  font-weight: 400;
  float: right;
}
.board-03 b {
  color: #888;
  font-size: 130%;
}
.board-03 .im:is(#contents *) {
  order: 1;
  margin-top: 14px;
}
.board-03 .im:is(#contents *) img {
  float: none;
  width: 100%;
  height: unset;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
}
.board-voice {
  padding: 2vmin;
}
.board-voice h3 {
  background-color: var(--mc);
  border-radius: var(--rad);
  color: #fff;
  font-weight: bold;
  padding: var(--f14);
  line-height: 1.33;
}
.board-voice i:before {
  content: "\f118";
  font-family: var(--la);
  font-weight: 900;
  font-size: 150%;
  vertical-align: middle;
  margin-right: 8px;
}
.board-voice article {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.board-voice div {
  flex: 1;
}
.board-voice div br {
  display: none;
}
.board-voice div > * {
  margin-top: 14px;
  display: block;
}
.board-voice div > .btn {
  display: inline-flex;
}
.board-voice :is(h1, h2, h3) small {
  font-size: 80%;
  font-weight: 400;
  float: right;
}
.board-voice b {
  color: #888;
  font-size: 130%;
}
.board-voice u {
  color: var(--mc);
  font-size: 130%;
  text-decoration-thickness: 2px;
  font-weight: 700;
}
.board-voice .im:is(#contents *) {
  order: 1;
  margin-top: 14px;
}
.board-voice .im:is(#contents *) img {
  float: none;
  width: 100%;
  height: unset;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
}
.board-product {
  padding: 2vmin;
}
.board-product article {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.board-product div {
  flex: 1;
}
.board-product div br {
  display: none;
}
.board-product div > * {
  margin-top: 14px;
  display: block;
}
.board-product div > .btn {
  display: inline-flex;
}
.board-product h3 {
  border-bottom: 3px solid var(--mc);
  font-weight: bold;
}
.board-product :is(h1, h2, h3) small {
  font-size: 80%;
  font-weight: 400;
  float: right;
}
.board-product b {
  color: #888;
  font-size: 130%;
}
.board-product u {
  color: var(--mc);
  font-size: 130%;
  text-decoration-thickness: 2px;
  font-weight: 700;
}
.board-product .im:is(#contents *) {
  order: 1;
  margin-top: 14px;
}
.board-product .im:is(#contents *) img {
  float: none;
  width: 100%;
  height: unset;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
}

[class*=art-g] article {
  display: grid;
  height: 100%;
}
@media screen and (max-width: 640px) {
  [class*=art-g] article {
    place-items: start;
    place-content: unset;
  }
}

.art-gc article {
  place-items: center;
  place-content: center;
}
.art-gc article img {
  margin-inline: auto;
}
.art-gce article {
  place-items: center end;
  place-content: center end;
}
.art-gcs article {
  place-items: center start;
  place-content: center start;
}
.art-gs article {
  place-items: start;
  place-content: start;
}
.art-gse article {
  place-items: start end;
  place-content: start end;
}
.art-gss article {
  place-items: start start;
  place-content: start start;
}

[class*=div-g] > div {
  display: grid;
  height: 100%;
}
@media screen and (max-width: 640px) {
  [class*=div-g] > div {
    place-items: start;
    place-content: unset;
  }
}

.div-gc.bg_fit .im {
  max-width: 80%;
}
@media screen and (max-width: 640px) {
  .div-gc.bg_fit {
    background-size: auto 100%;
  }
}
.div-gc > div {
  place-items: center;
  place-content: center;
}
.div-gc > div img {
  margin-inline: auto;
}
.div-gc > div .pat, .div-gc > div .h1FZ, .div-gc > div .h2FZ, .div-gc > div .h3FZ {
  letter-spacing: 0.1em;
}
.div-gce > div {
  place-items: center end;
  place-content: center end;
}
.div-gcs > div {
  place-items: center start;
  place-content: center start;
}
.div-gs > div {
  place-items: start;
  place-content: start;
}
.div-gse > div {
  place-items: start end;
  place-content: start end;
}
.div-gss > div {
  place-items: start start;
  place-content: start start;
}

.li-num li {
  counter-increment: cnt;
}
.li-num li + * {
  margin-top: 0.5em;
}
.li-num li:before {
  content: counter(cnt, decimal-leading-zero) "";
  font-weight: bold;
  color: var(--wh);
  background-color: var(--mc);
  font-size: 150%;
  width: 2em;
  height: 2em;
  border-radius: var(--rad);
  margin-right: 0.5em;
  display: inline-grid;
  place-items: center;
}

.art-fl, .art-fl46, .art-flex46, .art-flex {
  --g: 6vmin;
}
.art-fl.__common article, .__common.art-fl46 article, .__common.art-flex46 article, .art-flex.__common article {
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: var(--line);
  padding-bottom: 1em;
}
.art-fl.aic article, .aic.art-fl46 article, .aic.art-flex46 article, .art-flex.aic article {
  align-items: center;
}
.art-fl.ais article, .ais.art-fl46 article, .ais.art-flex46 article, .art-flex.ais article {
  align-items: flex-start;
}
.art-fl.aie article, .aie.art-fl46 article, .aie.art-flex46 article, .art-flex.aie article {
  align-items: flex-end;
}
.art-fl.jcc article, .jcc.art-fl46 article, .jcc.art-flex46 article, .art-flex.jcc article {
  justify-content: center;
}
.art-fl.jcs article, .jcs.art-fl46 article, .jcs.art-flex46 article, .art-flex.jcs article {
  justify-content: flex-start;
}
.art-fl.jce article, .jce.art-fl46 article, .jce.art-flex46 article, .art-flex.jce article {
  justify-content: flex-end;
}
.art-fl.jcsb article, .jcsb.art-fl46 article, .jcsb.art-flex46 article, .art-flex.jcsb article {
  justify-content: space-between;
}
.art-fl.jcse article, .jcse.art-fl46 article, .jcse.art-flex46 article, .art-flex.jcse article {
  justify-content: space-evenly;
}
.art-fl.jcea article, .jcea.art-fl46 article, .jcea.art-flex46 article, .art-flex.jcea article {
  justify-content: space-around;
}
.art-fl article, .art-fl46 article, .art-flex46 article, .art-flex article {
  display: flex;
  flex-wrap: wrap;
  gap: var(--g);
}
.art-fl46 article, .art-flex46 article {
  gap: var(--g) 2%;
}
.art-fl46 article > :first-child, .art-flex46 article > :first-child {
  width: 38%;
}
.art-fl46 article > div, .art-flex46 article > div {
  width: 60%;
}
@media screen and (max-width: 834px) {
  .art-fl46 article > div, .art-flex46 article > div {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media screen and (max-width: 640px) {
  .art-fl46 article > div br, .art-flex46 article > div br {
    display: none;
  }
}
.art-fl46 article > :first-child, .art-flex46 article > :first-child {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  letter-spacing: 0.18em;
}
.art-fl46 article > :first-child > span, .art-flex46 article > :first-child > span {
  font-size: 166%;
}
.art-flex02 {
  border-left: 1px solid var(--gr);
  border-top: 1px solid var(--gr);
}
.art-flex02 + * {
  margin-top: 0;
}
.art-flex02 article {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}
.art-flex02 article > * {
  border-right: 1px solid var(--gr);
  border-bottom: 1px solid var(--gr);
  height: 100%;
}
@media screen and (max-width: 834px) {
  .art-flex02 article {
    flex-direction: column;
  }
}
.art-flex02 h1, .art-flex02 h2, .art-flex02 h3 {
  font-weight: 400;
  background-color: var(--mc20);
  padding: 0.5em;
  width: 25%;
}
.art-flex02 article > div {
  width: 75%;
}
.art-flex02 .btn {
  margin-inline-start: 1.5em;
}

span[class*=bar-] {
  --w:100%;
  width: var(--w);
  font-size: var(--h3FZ);
  font-weight: bold;
}

span.bar-mc {
  background-color: var(--mc);
}

.em-itaric em {
  display: inline-block;
  margin-right: 20px;
  font-style: italic;
}

.em-inline em {
  display: inline-block;
  margin-right: 20px;
}

.bar-mc {
  width: 2em;
  height: 1px;
  background-color: var(--mc);
  vertical-align: super;
  margin-top: 0.5em;
}
.bar-flex {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-size: var(--f24);
}
.bar-flex:after {
  content: "";
  height: 2px;
  flex: 1;
  background-color: var(--bdc);
}
.bar-bfaf {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-size: clamp(20px, 3.2vw, 32px);
}
.bar-bfaf:before, .bar-bfaf:after {
  content: "";
  height: 1px;
  flex: 1;
  background-color: var(--bdc);
}
.bar-af {
  display: flex !important;
  align-items: center;
  gap: 0.5em;
}
.bar-af:after {
  content: "";
  height: 0.1px;
  flex: 1;
  background-color: var(--bdc);
}
.bar-bf {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.bar-bf:before {
  content: "";
  height: 1px;
  flex: 1;
  background-color: var(--bdc);
}

.d-flex div {
  display: flex;
  gap: var(--g);
}
@media screen and (max-width: 640px) {
  .d-flex div {
    flex-direction: column;
  }
  .d-flex div .btn {
    align-self: end;
  }
}

.d-center div {
  text-align: center;
}

.child960 {
  margin-inline: auto;
  padding-inline: 2vh;
}
.child960 > * {
  width: 960px;
  margin-inline: auto;
  max-width: 100%;
}
.child-mtbl03 > * + * {
  margin-top: var(--bl03);
}
.child-mt20 > * + * {
  margin-top: 20px;
}

.bg_center {
  background: no-repeat center/contain;
}
.bg_pt {
  background: conic-gradient(transparent 0deg 90deg, rgba(255, 255, 255, 0.5333333333) 90deg 180deg, transparent 180deg 270deg, rgba(255, 255, 255, 0.5333333333) 270deg 360deg) 0 0/var(--s) var(--s);
  --s: var(--bl03);
  background-color: var(--bc);
}
.bg_rect {
  --s: 6vh;
  background: conic-gradient(transparent 0deg 90deg, #fff 90deg 180deg, transparent 180deg 270deg, #fff 270deg 360deg) 0 0/var(--s) var(--s);
}
.bg_rect.__ac {
  --mc:#e66a5c;
  --mc11:#e66a5c11;
  --mc20:#e66a5c33;
  --mc40:#e66a5c55;
  --mc50:#e66a5c88;
  --mc70:#e66a5cbb;
}
.bg_rect.__sc {
  --mc:#c9b162;
  --mc11:#c9b16211;
  --mc20:#c9b16233;
  --mc40:#c9b16255;
  --mc50:#c9b16288;
  --mc70:#c9b162bb;
}
.bg_stripe {
  padding-block: var(--bl05);
  --stripeW: 4px;
  background: repeating-linear-gradient(135deg, transparent, transparent var(--stripeW), #fff calc(var(--stripeW) + 1px), #fff calc(var(--stripeW) * 2));
}
.bg_stripe.__ac {
  --mc:#e66a5c;
  --mc11:#e66a5c11;
  --mc20:#e66a5c33;
  --mc40:#e66a5c55;
  --mc50:#e66a5c88;
  --mc70:#e66a5cbb;
}
.bg_stripe.__sc {
  --mc:#c9b162;
  --mc11:#c9b16211;
  --mc20:#c9b16233;
  --mc40:#c9b16255;
  --mc50:#c9b16288;
  --mc70:#c9b162bb;
}
.bg_stripe > * {
  background-color: #fff;
  padding: 2vmin;
}
.bg_blend {
  background-blend-mode: soft-light;
  background-size: cover;
  background-position: bottom;
}
.bg_fix {
  background: no-repeat center/100% auto fixed;
}
.bg_fix:is(#contents *) {
  translate: none;
}
@media screen and (max-width: 834px) {
  .bg_fix {
    background-attachment: unset;
    background-size: cover;
  }
}
.bg_half {
  background: no-repeat 0 50%/50% auto;
  background-blend-mode: color;
}
.bg_fit {
  background: no-repeat center/100% 100%;
}
.bg_picR {
  background: no-repeat 95% 50%/28% auto;
  padding-right: var(--pr);
  --pr: 35%;
}
@media screen and (max-width: 640px) {
  .bg_picR {
    background: no-repeat 95% 95%/50% auto;
  }
}
.bg_02 {
  background: no-repeat center/cover;
  padding-inline: var(--pad);
  margin-top: 0;
  padding-block: var(--bl06) var(--bl06);
}
.bg01 {
  background: no-repeat center/cover;
}
.bg_cover {
  background: no-repeat center/cover;
}
.bg_pic2 {
  background: no-repeat 0% 100%/auto, no-repeat 100% 0%/auto;
  padding-block: var(--bl);
}
.bg_pic2 > * {
  margin-inline: auto;
}
.bg_wood {
  background: no-repeat center 0%/100% auto;
  padding-block-end: var(--bl2);
}
@media screen and (max-width: 960px) {
  .bg_wood {
    background: repeat-y center 0%/150% 50%;
  }
}
.bg_wood > .head-bg {
  width: -moz-fit-content;
  width: fit-content;
}
.bg_bottom {
  background: no-repeat center 100%/100% auto;
}
.bgbk {
  background-color: var(--bk) !important;
}
.bgmc {
  background-color: var(--mc) !important;
}
.bgbc {
  background-color: var(--bc) !important;
}
.bgsc {
  background-color: var(--sc) !important;
}
.bgac {
  background-color: var(--ac) !important;
}
.bgwh {
  background-color: var(--wh) !important;
}
.bg_R {
  background: no-repeat 100% 50%/auto;
}
.bg_LB {
  background: no-repeat 0 100%/auto;
}
.bg_LT {
  background: no-repeat 0 0/auto;
}
.bg_RT {
  background: no-repeat 100% 0%/auto;
}
.bg_RB {
  background: no-repeat 100% 100%/auto;
}
.bg_RTin {
  width: 50%;
  min-height: 100%;
  min-width: 720px;
  background-color: var(--mc20);
  background-color: color-mix(in srgb, var(--mc50), var(--bc70));
  padding: 3em;
  padding-inline-start: var(--headP);
}
@media screen and (max-width: 960px) {
  .bg_RTin {
    min-height: 50%;
    width: 100%;
    min-width: unset;
    max-width: 100%;
    padding: 2em var(--pad);
  }
}
.bg_RTin > * + * {
  margin-top: 2em;
}
.bg_RTin .hashsplit div {
  margin-inline: 1em;
}
@media screen and (max-width: 1440px) {
  .bg_RTin .hashsplit div {
    font-weight: bold;
    -webkit-text-stroke: var(--wts);
  }
}
.bgpic01 {
  background: no-repeat 1em 50%/contain;
  padding-top: var(--bl05);
}
@media screen and (max-width: 834px) {
  .bgpic01 {
    padding-block: 0 var(--bl15);
    background-position: 0 100%;
  }
}
.bgpicLB, .bgpicRB {
  position: absolute;
  width: 100%;
  height: 100%;
  background: no-repeat;
}
.bgpicLB {
  background-position: 0 100%;
}
.bgpicRB {
  background-position: 100% 100%;
}
.bgwave {
  height: 104px;
  background: no-repeat center/104% 100%;
}
@media screen and (max-width: 1440px) {
  .bgwave {
    background-size: unset;
  }
}

.brsplit-ul ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  flex-direction: column;
}
@media screen and (max-width: 640px) {
  .brsplit-ul ul {
    flex-wrap: nowrap;
    height: unset;
  }
}
.brsplit-ul ul li {
  display: block;
  counter-increment: cnt;
  display: flex;
  gap: 1em;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .brsplit-ul ul li {
    width: 100%;
  }
}
.brsplit-ul.__circleMC li:before {
  content: "●";
  color: var(--mc);
}
.brsplit-ul.__num li:before {
  content: counter(cnt, decimal-leading-zero) ".";
  font-weight: bold;
  color: var(--mc);
}
.brsplit-ul.__row ul {
  font-size: var(--f20);
  display: flex;
  flex-wrap: wrap;
  gap: 0em;
  flex-direction: row;
}
.brsplit-ul.__row ul li {
  display: block;
  counter-increment: cnt;
  display: flex;
  gap: 0em;
  width: 50%;
}
@media screen and (max-width: 640px) {
  .brsplit-ul.__row ul li {
    width: 100%;
  }
}
.brsplit-ul.__row ul li:before {
  content: "●";
  color: var(--mc);
}
.brsplit-ul.__row li:before {
  display: none;
}

.brsplit-ul2c ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  flex-direction: column;
  height: calc(var(--li) / 2 * 2.5em);
}
.brsplit-ul2c ul li {
  display: block;
  counter-increment: cnt;
  display: flex;
  gap: 1em;
  align-items: flex-start;
  width: 100%;
  width: calc(50% - 0.25em);
}
.brsplit-ul2c ul li:before {
  content: "●";
  color: var(--mc);
}
.brsplit-ul2c.__label ul {
  gap: 1em;
  height: calc(var(--li) / 2 * 3em);
}
.brsplit-ul2c.__label li:before {
  display: none;
}
.brsplit-ul2c.__label li {
  font-size: clamp(12px, 1.4vw, 16px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(50% - 0.5em);
  background-color: var(--btnBG);
  padding-inline: var(--btnP);
  border-radius: var(--btnRad);
  border: var(--btnBD);
  box-shadow: var(--btnSh);
  max-width: 100%;
  text-align: center;
  background: url(/images/home/b01.jpg) no-repeat center/100% auto;
}
.brsplit-ul2c.__label li:is(a, span) {
  color: var(--btnC);
  transition: 0.4s;
}
.brsplit-ul2c.__num li:before {
  content: counter(cnt, decimal-leading-zero) ".";
  font-weight: bold;
  color: var(--mc);
}
.brsplit-ul2c.__row ul {
  font-size: var(--f20);
  display: flex;
  flex-wrap: wrap;
  gap: 0em;
  flex-direction: row;
}
.brsplit-ul2c.__row ul li {
  display: block;
  counter-increment: cnt;
  display: flex;
  gap: 0em;
  width: 50%;
}
@media screen and (max-width: 640px) {
  .brsplit-ul2c.__row ul li {
    width: 100%;
  }
}
.brsplit-ul2c.__row ul li:before {
  content: "●";
  color: var(--mc);
}
.brsplit-ul2c.__row li:before {
  display: none;
}

.brsplit-ulCheck ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  flex-direction: column;
}
@media screen and (max-width: 640px) {
  .brsplit-ulCheck ul {
    flex-wrap: nowrap;
    height: unset;
  }
}
.brsplit-ulCheck ul li {
  display: block;
  counter-increment: cnt;
  display: flex;
  gap: 1em;
  align-items: flex-start;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .brsplit-ulCheck ul li {
    width: 100%;
  }
}
.brsplit-ulCheck ul li:before {
  content: "\f14a";
  font-family: var(--fa);
  font-weight: 900;
  color: var(--mc);
}
.brsplit-ulCheck.__num li:before {
  content: counter(cnt, decimal-leading-zero) ".";
  font-weight: bold;
  color: var(--mc);
}
.brsplit-ulCheck.__row ul {
  font-size: var(--f20);
  display: flex;
  flex-wrap: wrap;
  gap: 0em;
  flex-direction: row;
}
.brsplit-ulCheck.__row ul li {
  display: block;
  counter-increment: cnt;
  display: flex;
  gap: 0em;
  width: 50%;
}
@media screen and (max-width: 640px) {
  .brsplit-ulCheck.__row ul li {
    width: 100%;
  }
}
.brsplit-ulCheck.__row ul li:before {
  content: "●";
  color: var(--mc);
}
.brsplit-ulCheck.__row li:before {
  display: none;
}

.brsplit-span.__first div {
  background-color: var(--sc);
  text-align: center;
}
.brsplit-span.__first div > div {
  border-bottom: none;
}
.brsplit-span + .brsplit-span {
  margin-top: 0;
}
.brsplit-span h1, .brsplit-span h2, .brsplit-span h3, .brsplit-span div > span {
  padding: 0.25em;
}
.brsplit-span div {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  border-left: var(--line);
  border-top: var(--line);
}
.brsplit-span div > * {
  flex: 1 1 33.3333333333%;
  border-right: var(--line);
  border-bottom: var(--line);
}
.brsplit-span.__num li:before {
  content: counter(cnt, decimal-leading-zero) ".";
  font-weight: bold;
  color: var(--mc);
}
.brsplit-span.__row ul {
  font-size: var(--f20);
  display: flex;
  flex-wrap: wrap;
  gap: 0em;
  flex-direction: row;
}
.brsplit-span.__row ul li {
  display: block;
  counter-increment: cnt;
  display: flex;
  gap: 0em;
  width: 50%;
}
@media screen and (max-width: 640px) {
  .brsplit-span.__row ul li {
    width: 100%;
  }
}
.brsplit-span.__row ul li:before {
  content: "●";
  color: var(--mc);
}
.brsplit-span.__row li:before {
  display: none;
}

.brsplit-span01 h1, .brsplit-span01 h2, .brsplit-span01 h3 {
  margin-bottom: 0;
}
.brsplit-span01 h1, .brsplit-span01 h2, .brsplit-span01 h3, .brsplit-span01 div > span {
  padding: 0.25em;
}
.brsplit-span01 div {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  border-left: var(--line);
  border-top: var(--line);
}
.brsplit-span01 div > * {
  flex: 1 1 50%;
  border-right: var(--line);
  border-bottom: var(--line);
}
.brsplit-span01.__num li:before {
  content: counter(cnt, decimal-leading-zero) ".";
  font-weight: bold;
  color: var(--mc);
}
.brsplit-span01.__row ul {
  font-size: var(--f20);
  display: flex;
  flex-wrap: wrap;
  gap: 0em;
  flex-direction: row;
}
.brsplit-span01.__row ul li {
  display: block;
  counter-increment: cnt;
  display: flex;
  gap: 0em;
  width: 50%;
}
@media screen and (max-width: 640px) {
  .brsplit-span01.__row ul li {
    width: 100%;
  }
}
.brsplit-span01.__row ul li:before {
  content: "●";
  color: var(--mc);
}
.brsplit-span01.__row li:before {
  display: none;
}

.brsplit-span02 h1, .brsplit-span02 h2, .brsplit-span02 h3 {
  margin-bottom: 0;
}
.brsplit-span02 h1, .brsplit-span02 h2, .brsplit-span02 h3, .brsplit-span02 div > span {
  padding: 0.25em;
}
.brsplit-span02 div {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
}
.brsplit-span02 div > * {
  flex: 1 1 50%;
  border-bottom: var(--line);
}
.brsplit-span02 div > *:is(.__bdmc *) {
  border-color: var(--mc);
}
.brsplit-span02 div > *:nth-child(even) {
  text-align: right;
}
.brsplit-span02.__num li:before {
  content: counter(cnt, decimal-leading-zero) ".";
  font-weight: bold;
  color: var(--mc);
}
.brsplit-span02.__row ul {
  font-size: var(--f20);
  display: flex;
  flex-wrap: wrap;
  gap: 0em;
  flex-direction: row;
}
.brsplit-span02.__row ul li {
  display: block;
  counter-increment: cnt;
  display: flex;
  gap: 0em;
  width: 50%;
}
@media screen and (max-width: 640px) {
  .brsplit-span02.__row ul li {
    width: 100%;
  }
}
.brsplit-span02.__row ul li:before {
  content: "●";
  color: var(--mc);
}
.brsplit-span02.__row li:before {
  display: none;
}

.brsplit-inline li {
  font-size: var(--f20);
  display: inline-block;
  background-color: var(--mcDK);
  color: #fff;
  padding-inline: 0.5em;
  margin-inline-end: 0.5em;
  margin-block-end: 0.75em;
  border-radius: 4px;
  counter-increment: cnt;
}
.brsplit-inline.__num li:before {
  content: counter(cnt, decimal-leading-zero) ".";
  font-weight: bold;
  color: var(--mc);
}
.brsplit-inline.__row ul {
  font-size: var(--f20);
  display: flex;
  flex-wrap: wrap;
  gap: 0em;
  flex-direction: row;
}
.brsplit-inline.__row ul li {
  display: block;
  counter-increment: cnt;
  display: flex;
  gap: 0em;
  width: 50%;
}
@media screen and (max-width: 640px) {
  .brsplit-inline.__row ul li {
    width: 100%;
  }
}
.brsplit-inline.__row ul li:before {
  content: "●";
  color: var(--mc);
}
.brsplit-inline.__row li:before {
  display: none;
}

.form_wrap, .f * {
  --thumbC:var(--tx70);
  --thumbW:.5em;
}
.form_wrap.__firstPT0:is(#contents *) dl:first-of-type, .f *.__firstPT0:is(#contents *) dl:first-of-type {
  --pdb:0 1.5em;
}
.form_wrap.__dtright:is(#contents *) dt, .f *.__dtright:is(#contents *) dt {
  justify-content: flex-end;
  text-align: right;
}
.form_wrap.__dtcenter:is(#contents *) dt, .f *.__dtcenter:is(#contents *) dt {
  justify-content: center;
  text-align: center;
}
.form_wrap.__ddright:is(#contents *) dd, .f *.__ddright:is(#contents *) dd {
  text-align: right;
}
.form_wrap.__ddcenter:is(#contents *) dd, .f *.__ddcenter:is(#contents *) dd {
  text-align: center;
}
.form_wrap.__firstmc:is(#contents *) dl:first-child, .f *.__firstmc:is(#contents *) dl:first-child {
  background-color: var(--mc);
}
.form_wrap.__firstbc:is(#contents *) dl:first-child, .f *.__firstbc:is(#contents *) dl:first-child {
  background-color: var(--bc);
}
.form_wrap dt > span, .f * dt > span {
  color: var(--mc);
}
.form_wrap.hash-ac dt > span, .f *.hash-ac dt > span {
  color: var(--ac);
}
.form_wrap::-webkit-scrollbar, .f *::-webkit-scrollbar {
  background-color: transparent;
  width: var(--thumbW);
  height: 0;
}
.form_wrap::-webkit-scrollbar-thumb, .f *::-webkit-scrollbar-thumb {
  background-color: var(--thumbC);
}
.form_wrap.bd-inline, .f *.bd-inline {
  border-inline: 120px solid transparent;
}
@media screen and (max-width: 1200px) {
  .form_wrap.bd-inline, .f *.bd-inline {
    border-width: 4vmin;
  }
}
.form_wrap.form_qa, .f *.form_qa {
  --p: 1em;
  --dtBG: var(--un);
  --dtC: var(--un);
  --ddBG: var(--wh);
  --ddC: var(--tx);
  --qBG: var(--mc);
  --qC: var(--wh);
  --aBG: var(--sc);
  --aC: var(--wh);
  --arrowBG: var(--un);
  --arrowC: var(--tx);
  --rad:0px;
}
.form_wrap.form_qa.__toggle dl:is(#contents *) dt.show:after, .f *.form_qa.__toggle dl:is(#contents *) dt.show:after {
  rotate: 180deg;
}
.form_wrap.form_qa.__toggle dl:is(#contents *) dt, .f *.form_qa.__toggle dl:is(#contents *) dt {
  cursor: pointer;
}
.form_wrap.form_qa.__toggle dl:is(#contents *) dt:after, .f *.form_qa.__toggle dl:is(#contents *) dt:after {
  transition: 0.4s;
  font-family: var(--la);
  content: "\f0aa;;"; /*アイコンのユニコード*/
  font-size: 200%; /*サイズ*/
  width: 1em;
  height: 1em;
  font-weight: bold;
  z-index: 1;
  cursor: pointer;
  color: var(--arrowC);
  display: grid;
  place-items: center;
  margin-left: auto;
}
.form_wrap.form_qa dl:is(#contents *), .f *.form_qa dl:is(#contents *) {
  border-radius: calc(var(--rad) / 2);
  overflow: hidden;
  display: block;
  margin-block: 1em;
}
.form_wrap.form_qa dl:is(#contents *) dt, .form_wrap.form_qa dl:is(#contents *) dd, .f *.form_qa dl:is(#contents *) dt, .f *.form_qa dl:is(#contents *) dd {
  width: 100%;
  border: none;
  display: flex;
  flex-direction: row;
  padding: var(--p);
  gap: calc(var(--p) / 2);
  line-height: calc(var(--bodyFZ) * 2);
}
.form_wrap.form_qa dl:is(#contents *) dt, .f *.form_qa dl:is(#contents *) dt {
  background-color: var(--dtBG);
  color: var(--dtC);
  font-size: var(--f20);
  align-items: center;
  justify-content: flex-start;
}
.form_wrap.form_qa dl:is(#contents *) dd, .f *.form_qa dl:is(#contents *) dd {
  background-color: var(--ddBG);
  color: var(--ddC);
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: space-between;
}
.form_wrap.form_qa dl:is(#contents *) dt:before, .form_wrap.form_qa dl:is(#contents *) dd:before, .f *.form_qa dl:is(#contents *) dt:before, .f *.form_qa dl:is(#contents *) dd:before {
  content: "Q";
  display: grid;
  place-items: center;
  padding-bottom: 0.15em;
  font-weight: bold;
  text-align: center;
  border-radius: var(--rad);
  font-size: var(--f24);
  width: 2em;
  height: 2em;
  background-color: var(--qBG);
  color: var(--qC);
  flex-shrink: 0;
}
.form_wrap.form_qa dl:is(#contents *) dd:before, .f *.form_qa dl:is(#contents *) dd:before {
  content: "A";
  background-color: var(--aBG);
  color: var(--aC);
}
.form_wrap.form_circle dl, .form_wrap.form_circle dt, .form_wrap.form_circle dd, .f *.form_circle dl, .f *.form_circle dt, .f *.form_circle dd {
  border: none;
  background: none;
}
.form_wrap.form_circle dt, .f *.form_circle dt {
  width: 20%;
  min-width: 200px;
  text-align: center;
  color: #fff;
  z-index: 1;
  align-items: center;
  padding: 50px 0;
  position: relative;
}
.form_wrap.form_circle dt:before, .f *.form_circle dt:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100px;
  height: 100px;
  z-index: -1;
  border-radius: 50%;
  background-color: lightblue;
}
.form_wrap.form_circle dt:after, .f *.form_circle dt:after {
  content: "";
  position: absolute;
  display: block;
  top: 100px;
  right: 0;
  left: 0;
  margin: auto;
  width: 5px;
  height: 50px;
  background-color: lightblue;
}
.form_wrap.form_circle dd, .f *.form_circle dd {
  display: flex;
  align-items: center;
}
.form_wrap.form_column, .f *.form_column {
  --bdw:1px;
  --bds:solid;
  --bdc:var(--tx50);
  --pdb:.9em;
  --pdi: 0 .5em;
  --dtc:var(--tx);
  --dtw:bold;
  --dtFF:var(--osw);
  --thumbC: var(--tx20);
  overflow-y: scroll;
  margin-inline: auto;
  max-width: 100%;
  position: relative;
}
.form_wrap.form_column dt, .f *.form_column dt {
  width: 100% !important;
}
.form_wrap.form_column dd, .f *.form_column dd {
  width: 100% !important;
}
.form_wrap.form_column dl, .f *.form_column dl {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  background-color: unset;
  border-bottom: var(--line);
  border-color: var(--bdc);
  border-style: var(--bds);
  border-bottom-width: var(--bdw);
  padding-block: var(--pdb);
}
.form_wrap.form_column dl > *, .f *.form_column dl > * {
  padding-block: calc(var(--pdb) / 2);
}
.form_wrap.form_column dl dt, .form_wrap.form_column dl dd, .f *.form_column dl dt, .f *.form_column dl dd {
  line-height: 1.5;
  padding-inline: var(--pdi);
  border-color: transparent;
  background-color: unset;
  border: none !important;
}
.form_wrap.form_column dl dt, .f *.form_column dl dt {
  display: block;
  font-weight: var(--dtw);
  color: var(--dtc);
  font-family: var(--dtFF);
}
.form_wrap.form_column dl dd, .f *.form_column dl dd {
  flex-grow: 1;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_column dl dt, .form_wrap.form_column dl dd, .f *.form_column dl dt, .f *.form_column dl dd {
    width: 100% !important;
  }
  .form_wrap.form_column dl dt, .f *.form_column dl dt {
    border-bottom: none;
  }
  .form_wrap.form_column dl dd, .f *.form_column dl dd {
    border-top: none;
  }
}
.form_wrap.form_column dl:has(dd:empty), .f *.form_column dl:has(dd:empty) {
  border: none;
}
.form_wrap.form_column dl:has(dd:empty) dt, .f *.form_column dl:has(dd:empty) dt {
  font-size: var(--h3FZ) !important;
  width: 100% !important;
  color: var(--tx) !important;
}
.form_wrap.form_column dl:has(dd:empty) dd, .f *.form_column dl:has(dd:empty) dd {
  display: none;
}
.form_wrap.form_column dl:has(.btn, iframe, img), .f *.form_column dl:has(.btn, iframe, img) {
  border: none !important;
}
.form_wrap.form_column dl:has(.btn, iframe, img) .btn, .f *.form_column dl:has(.btn, iframe, img) .btn {
  float: right;
  margin-top: 1em;
}
.form_wrap.form_column dl:has(.btn, iframe, img) dt:is(#contents dt), .f *.form_column dl:has(.btn, iframe, img) dt:is(#contents dt) {
  display: none;
}
.form_wrap.form_column.noscr, .f *.form_column.noscr {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_column, .f *.form_column {
    max-height: 20em;
  }
}
.form_wrap.form_column a, .f *.form_column a {
  text-decoration: underline;
}
.form_wrap.form_simple, .f *.form_simple {
  --bdc:var(--un);
  --bdw:1px;
  --bds:dashed;
  --pdb:1em;
  --pdi: 0 .5em;
  --dtc:var(--tx);
  --dtalign:var(--tx);
  --dtw:bold;
  --thumb: var(--sc);
  overflow-y: scroll;
  margin-inline: auto;
  max-width: 100%;
  position: relative;
}
.form_wrap.form_simple dt, .form_wrap.form_simple dd, .f *.form_simple dt, .f *.form_simple dd {
  border-color: var(--bdc);
}
.form_wrap.form_simple dl:last-of-type dt, .f *.form_simple dl:last-of-type dt {
  border-bottom: 1px solid var(--bdc);
}
.form_wrap.form_simple dl dd:is(*), .form_wrap.form_simple dl:last-of-type dd, .f *.form_simple dl dd:is(*), .f *.form_simple dl:last-of-type dd {
  border: 1px solid var(--bdc);
}
.form_wrap.form_simple dt, .f *.form_simple dt {
  width: 20%;
}
.form_wrap.form_simple dd, .f *.form_simple dd {
  width: 80%;
}
.form_wrap.form_simple dl:has(dd:empty) dt:is(#contents dt), .f *.form_simple dl:has(dd:empty) dt:is(#contents dt) {
  width: 100% !important;
  padding-inline: 0.5em;
  margin-bottom: 0.5em;
  border-radius: var(--bodyFZ);
  border: 2px solid currentColor;
}
.form_wrap.form_simple dl:has(dd:empty) dt:is(#contents dt):before, .f *.form_simple dl:has(dd:empty) dt:is(#contents dt):before {
  width: 1em;
  height: 1em;
  inset: unset;
  bottom: 0.5em;
  right: calc(100% - 0.125em);
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  background-color: #fff;
  transform: skewX(-45deg);
  transform-origin: 100% 100%;
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 50% 0%);
          clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 50% 0%);
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple dl:has(dd:empty) dt:is(#contents dt):before, .f *.form_simple dl:has(dd:empty) dt:is(#contents dt):before {
    bottom: calc(100% - 0.125em);
    right: unset;
    left: 0.5em;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    background-color: #fff;
    transform: skewX(-45deg);
    transform-origin: 100% 100%;
    -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 50% 0%);
            clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 50% 0%);
    scale: -1 1;
    rotate: -90deg;
  }
}
.form_wrap.form_simple dl:has(dd:empty) dd, .f *.form_simple dl:has(dd:empty) dd {
  display: none;
}
.form_wrap.form_simple dl:has(.btn, iframe, img), .f *.form_simple dl:has(.btn, iframe, img) {
  border: none !important;
}
.form_wrap.form_simple dl:has(.btn, iframe, img) .btn, .f *.form_simple dl:has(.btn, iframe, img) .btn {
  float: right;
  margin-top: 1em;
}
.form_wrap.form_simple dl:has(.btn, iframe, img) dt:is(#contents dt), .f *.form_simple dl:has(.btn, iframe, img) dt:is(#contents dt) {
  display: none;
}
.form_wrap.form_simple.noscr, .f *.form_simple.noscr {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
.form_wrap.form_simple.__scr:is(#contents div), .f *.form_simple.__scr:is(#contents div) {
  overflow-y: scroll;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple.__scr:is(#contents div), .f *.form_simple.__scr:is(#contents div) {
    max-height: 35vh;
  }
}
.form_wrap.form_simple.__02, .f *.form_simple.__02 {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
  border-block: none;
}
.form_wrap.form_simple.__02 *, .f *.form_simple.__02 * {
  border-bottom-color: var(--mc);
}
.form_wrap.form_simple.__02 dt, .f *.form_simple.__02 dt {
  font-weight: unset;
}
.form_wrap.form_simple.__02 dd, .f *.form_simple.__02 dd {
  border-bottom-color: #fff !important;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_simple, .f *.form_simple {
    --pdb:1em;
    --pdi: .5em;
  }
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple, .f *.form_simple {
    max-height: 35vh;
  }
}
.form_wrap.form_simple a, .f *.form_simple a {
  text-decoration: underline;
}
.form_wrap.form_simple dl:is(#contents *, #footer *), .f *.form_simple dl:is(#contents *, #footer *) {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  background-color: unset;
}
.form_wrap.form_simple dl:is(#contents *, #footer *) > *, .f *.form_simple dl:is(#contents *, #footer *) > * {
  padding-top: 0;
}
.form_wrap.form_simple dl:is(#contents *, #footer *):not(:has(dd)), .f *.form_simple dl:is(#contents *, #footer *):not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.form_simple dl:is(#contents *, #footer *):not(:has(dd)) dt, .f *.form_simple dl:is(#contents *, #footer *):not(:has(dd)) dt {
  align-items: flex-end;
  font-size: 14px;
}
.form_wrap.form_simple dl:is(#contents *, #footer *) dt, .form_wrap.form_simple dl:is(#contents *, #footer *) dd, .f *.form_simple dl:is(#contents *, #footer *) dt, .f *.form_simple dl:is(#contents *, #footer *) dd {
  padding-block: var(--pdb);
  padding-inline: var(--pdi);
  background-color: unset;
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  border-bottom-style: solid;
  border-bottom-width: var(--bdw);
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple dl:is(#contents *, #footer *) dt:is(dl:first-of-type dd), .form_wrap.form_simple dl:is(#contents *, #footer *) dd:is(dl:first-of-type dd), .f *.form_simple dl:is(#contents *, #footer *) dt:is(dl:first-of-type dd), .f *.form_simple dl:is(#contents *, #footer *) dd:is(dl:first-of-type dd) {
    border-top-style: none;
  }
}
.form_wrap.form_simple dl:is(#contents *, #footer *) dt, .f *.form_simple dl:is(#contents *, #footer *) dt {
  display: block;
  font-weight: var(--dtw);
}
.form_wrap.form_simple dl:is(#contents *, #footer *) dd, .f *.form_simple dl:is(#contents *, #footer *) dd {
  flex-grow: 1;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple dl:is(#contents *, #footer *):not(:last-child), .f *.form_simple dl:is(#contents *, #footer *):not(:last-child) {
    margin-bottom: 0px;
  }
  .form_wrap.form_simple dl:is(#contents *, #footer *) dt, .form_wrap.form_simple dl:is(#contents *, #footer *) dd, .f *.form_simple dl:is(#contents *, #footer *) dt, .f *.form_simple dl:is(#contents *, #footer *) dd {
    width: 100% !important;
  }
  .form_wrap.form_simple dl:is(#contents *, #footer *) dt, .f *.form_simple dl:is(#contents *, #footer *) dt {
    border-bottom: none;
    align-items: flex-start;
    width: 100%;
    width: -moz-fit-content;
    width: fit-content;
  }
  .form_wrap.form_simple dl:is(#contents *, #footer *) dd, .f *.form_simple dl:is(#contents *, #footer *) dd {
    border-top: none;
    width: 100%;
    padding-top: 0;
  }
}
.form_wrap.form_simple07, .f *.form_simple07 {
  overflow-y: scroll;
  max-width: 100%;
  position: relative;
  padding-inline: 4vmin;
  border-block: 2em solid transparent;
  --bdc2:var(--mc);
  --pdb:.5em;
  --pdi: 0 .5em;
}
.form_wrap.form_simple07 dt, .f *.form_simple07 dt {
  width: 20%;
}
.form_wrap.form_simple07 dd, .f *.form_simple07 dd {
  width: 80%;
}
.form_wrap.form_simple07.__scr:is(#contents div), .f *.form_simple07.__scr:is(#contents div) {
  overflow-y: scroll;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple07.__scr:is(#contents div), .f *.form_simple07.__scr:is(#contents div) {
    max-height: 35vh;
  }
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple07, .f *.form_simple07 {
    max-height: 30vh;
  }
}
.form_wrap.form_simple07.noscr:is(#contents div), .f *.form_simple07.noscr:is(#contents div) {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
.form_wrap.form_simple07 a, .f *.form_simple07 a {
  text-decoration: underline;
}
.form_wrap.form_simple07 dl:is(#contents dl), .f *.form_simple07 dl:is(#contents dl) {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  background-color: unset;
}
.form_wrap.form_simple07 dl:is(#contents dl) > *, .f *.form_simple07 dl:is(#contents dl) > * {
  padding-top: 0;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple07 dl:is(#contents dl) dt, .f *.form_simple07 dl:is(#contents dl) dt {
    margin-bottom: 0;
  }
}
.form_wrap.form_simple07 dl:is(#contents dl):last-of-type dt, .form_wrap.form_simple07 dl:is(#contents dl):last-of-type dd, .f *.form_simple07 dl:is(#contents dl):last-of-type dt, .f *.form_simple07 dl:is(#contents dl):last-of-type dd {
  margin-bottom: 0;
}
.form_wrap.form_simple07 dl:is(#contents dl):not(:has(dd)), .f *.form_simple07 dl:is(#contents dl):not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.form_simple07 dl:is(#contents dl):not(:has(dd)) dt, .f *.form_simple07 dl:is(#contents dl):not(:has(dd)) dt {
  align-items: flex-end;
  font-size: 14px;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple07 dl:is(#contents dl), .f *.form_simple07 dl:is(#contents dl) {
    flex-direction: column;
    flex-direction: row !important;
  }
  .form_wrap.form_simple07 dl:is(#contents dl):not(:last-child), .f *.form_simple07 dl:is(#contents dl):not(:last-child) {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 480px) {
  .form_wrap.form_simple07, .f *.form_simple07 {
    --pdb:1em;
  }
}
.form_wrap.form_simple07 dt:is(#contents *), .form_wrap.form_simple07 dd:is(#contents *), .f *.form_simple07 dt:is(#contents *), .f *.form_simple07 dd:is(#contents *) {
  line-height: 1.5;
  padding-block: 0 var(--pdb);
  padding-inline: var(--pdi);
  margin-block: 0 var(--pdb);
  border-color: transparent;
  background-color: unset;
  border-bottom: 1px solid var(--bdc);
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple07 dt:is(#contents *), .form_wrap.form_simple07 dd:is(#contents *), .f *.form_simple07 dt:is(#contents *), .f *.form_simple07 dd:is(#contents *) {
    width: 100%;
  }
}
.form_wrap.form_simple07 dt:is(#contents dt), .f *.form_simple07 dt:is(#contents dt) {
  align-items: flex-start;
  justify-content: flex-start;
  font-weight: 600;
  padding-bottom: unset;
  border-bottom: none;
}
.form_wrap.form_simple07 dd:is(#contents dd), .f *.form_simple07 dd:is(#contents dd) {
  flex-grow: 1;
  border-bottom: 1px solid var(--bdc2);
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple07 dd:is(#contents dd), .f *.form_simple07 dd:is(#contents dd) {
    width: 100%;
  }
}
.form_wrap.form_simple07::-webkit-scrollbar, .f *.form_simple07::-webkit-scrollbar {
  background-color: transparent;
  width: 6px;
  height: 0;
}
.form_wrap.form_simple07::-webkit-scrollbar-thumb, .f *.form_simple07::-webkit-scrollbar-thumb {
  background-color: var(--mc);
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple07 dt, .form_wrap.form_simple07 dd, .f *.form_simple07 dt, .f *.form_simple07 dd {
    width: 100%;
  }
}
.form_wrap.form_simple02, .f *.form_simple02 {
  overflow-y: scroll;
  margin-inline: auto;
  max-width: 100%;
  position: relative;
  padding: 1em;
  --bdc2:var(--mc);
  --pdb:1em;
  --pdi: 0 .5em;
}
.form_wrap.form_simple02 dt, .f *.form_simple02 dt {
  width: 20%;
}
.form_wrap.form_simple02 dd, .f *.form_simple02 dd {
  width: 80%;
}
.form_wrap.form_simple02.__scr:is(#contents div), .f *.form_simple02.__scr:is(#contents div) {
  overflow-y: scroll;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple02.__scr:is(#contents div), .f *.form_simple02.__scr:is(#contents div) {
    max-height: 35vh;
  }
}
.form_wrap.form_simple02.__02, .f *.form_simple02.__02 {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
  border-block: none;
}
.form_wrap.form_simple02.__02 *, .f *.form_simple02.__02 * {
  border-bottom-color: var(--mc);
}
.form_wrap.form_simple02.__02 dt, .f *.form_simple02.__02 dt {
  font-weight: unset;
}
.form_wrap.form_simple02.__02 dd, .f *.form_simple02.__02 dd {
  border-bottom-color: #fff !important;
}
@media screen and (max-width: 1440px) {
  .form_wrap.form_simple02, .f *.form_simple02 {
    border-inline-width: var(--pad);
    border-top-width: var(--bl);
  }
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple02, .f *.form_simple02 {
    max-height: 30vh;
  }
}
.form_wrap.form_simple02.noscr:is(#contents div), .f *.form_simple02.noscr:is(#contents div) {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
.form_wrap.form_simple02 a, .f *.form_simple02 a {
  text-decoration: underline;
}
.form_wrap.form_simple02 dl:is(#contents dl), .f *.form_simple02 dl:is(#contents dl) {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  background-color: unset;
}
.form_wrap.form_simple02 dl:is(#contents dl) > *, .f *.form_simple02 dl:is(#contents dl) > * {
  padding-top: 0;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple02 dl:is(#contents dl) dt, .f *.form_simple02 dl:is(#contents dl) dt {
    margin-bottom: 0;
  }
}
.form_wrap.form_simple02 dl:is(#contents dl):last-of-type dt, .form_wrap.form_simple02 dl:is(#contents dl):last-of-type dd, .f *.form_simple02 dl:is(#contents dl):last-of-type dt, .f *.form_simple02 dl:is(#contents dl):last-of-type dd {
  margin-bottom: 0;
}
.form_wrap.form_simple02 dl:is(#contents dl):not(:has(dd)), .f *.form_simple02 dl:is(#contents dl):not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.form_simple02 dl:is(#contents dl):not(:has(dd)) dt, .f *.form_simple02 dl:is(#contents dl):not(:has(dd)) dt {
  align-items: flex-end;
  font-size: 14px;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple02 dl:is(#contents dl), .f *.form_simple02 dl:is(#contents dl) {
    flex-direction: column;
    flex-direction: row !important;
  }
  .form_wrap.form_simple02 dl:is(#contents dl):not(:last-child), .f *.form_simple02 dl:is(#contents dl):not(:last-child) {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 480px) {
  .form_wrap.form_simple02, .f *.form_simple02 {
    --pdb:1em;
  }
}
.form_wrap.form_simple02 dt:is(#contents *), .form_wrap.form_simple02 dd:is(#contents *), .f *.form_simple02 dt:is(#contents *), .f *.form_simple02 dd:is(#contents *) {
  line-height: 1.6;
  padding-block: 0 var(--pdb);
  padding-inline: var(--pdi);
  margin-block: 0 var(--pdb);
  border-color: transparent;
  background-color: unset;
  border-bottom: 1px solid var(--bdc);
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple02 dt:is(#contents *), .form_wrap.form_simple02 dd:is(#contents *), .f *.form_simple02 dt:is(#contents *), .f *.form_simple02 dd:is(#contents *) {
    width: 100%;
  }
}
.form_wrap.form_simple02 dt:is(#contents dt), .f *.form_simple02 dt:is(#contents dt) {
  align-items: flex-start;
  justify-content: flex-start;
  font-weight: 600;
}
.form_wrap.form_simple02 dd:is(#contents dd), .f *.form_simple02 dd:is(#contents dd) {
  flex-grow: 1;
  border-bottom: 1px solid var(--bdc2);
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple02 dd:is(#contents dd), .f *.form_simple02 dd:is(#contents dd) {
    width: 100%;
  }
}
.form_wrap.form_simple02::-webkit-scrollbar, .f *.form_simple02::-webkit-scrollbar {
  background-color: transparent;
  width: 6px;
  height: 0;
}
.form_wrap.form_simple02::-webkit-scrollbar-thumb, .f *.form_simple02::-webkit-scrollbar-thumb {
  background-color: var(--gr);
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple02:not(.f div) dt, .form_wrap.form_simple02:not(.f div) dd, .f *.form_simple02:not(.f div) dt, .f *.form_simple02:not(.f div) dd {
    width: 100%;
  }
  .form_wrap.form_simple02:not(.f div) dt, .f *.form_simple02:not(.f div) dt {
    border-bottom: none !important;
  }
  .form_wrap.form_simple02:not(.f div) dd, .f *.form_simple02:not(.f div) dd {
    border-top: none;
  }
}
.form_wrap.form_simple02.__03, .f *.form_simple02.__03 {
  padding-inline: 0px;
  margin-inline: var(--incont);
  max-width: calc(100% - 40px);
}
.form_wrap.form_simple02.__03 *, .f *.form_simple02.__03 * {
  border-color: transparent !important;
}
.form_wrap.form_simple02.__03 dl, .f *.form_simple02.__03 dl {
  margin-bottom: 0;
  border: none;
}
.form_wrap.form_simple02.__03 dt, .f *.form_simple02.__03 dt {
  font-weight: 700;
  color: var(--tx);
}
.form_wrap.form_simple02.__03 dt, .form_wrap.form_simple02.__03 dd, .f *.form_simple02.__03 dt, .f *.form_simple02.__03 dd {
  padding: 1em;
  padding-left: 0;
  border-left: none;
  border-top: none;
}
.form_wrap.form_simple02.__03 dd, .f *.form_simple02.__03 dd {
  text-align: left;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_simple02.__03 dt, .f *.form_simple02.__03 dt {
    padding-bottom: 0;
    text-decoration: underline !important;
    text-decoration-color: inherit;
    text-underline-offset: 4px;
  }
  .form_wrap.form_simple02.__03 dt, .form_wrap.form_simple02.__03 dd, .f *.form_simple02.__03 dt, .f *.form_simple02.__03 dd {
    width: 100% !important;
    border: none;
  }
}
.form_wrap.form_simple02.access dt, .f *.form_simple02.access dt {
  width: 20%;
}
.form_wrap.form_simple02.access dd, .f *.form_simple02.access dd {
  width: 80%;
  text-align: left;
}
.form_wrap.form_simple02.pages, .f *.form_simple02.pages {
  width: 100%;
  max-height: unset;
  overflow-y: unset;
}
.form_wrap.form_simple03, .f *.form_simple03 {
  overflow-y: scroll;
  margin-inline: auto;
  max-width: 100%;
  position: relative;
  border-block: 1px solid var(--bdc);
  --pdb:2em;
  --pdi: 0 .5em;
  --mb: 0em;
}
.form_wrap.form_simple03 dt, .f *.form_simple03 dt {
  width: 20%;
}
.form_wrap.form_simple03 dd, .f *.form_simple03 dd {
  width: 80%;
}
.form_wrap.form_simple03.noscr, .f *.form_simple03.noscr {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
.form_wrap.form_simple03.__scr:is(#contents div), .f *.form_simple03.__scr:is(#contents div) {
  overflow-y: scroll;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple03.__scr:is(#contents div), .f *.form_simple03.__scr:is(#contents div) {
    max-height: 35vh;
  }
}
.form_wrap.form_simple03.__02, .f *.form_simple03.__02 {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
  border-block: none;
}
.form_wrap.form_simple03.__02 *, .f *.form_simple03.__02 * {
  border-bottom-color: var(--mc);
}
.form_wrap.form_simple03.__02 dt, .f *.form_simple03.__02 dt {
  font-weight: unset;
}
.form_wrap.form_simple03.__02 dd, .f *.form_simple03.__02 dd {
  border-bottom-color: #FFF !important;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple03, .f *.form_simple03 {
    max-height: 40vh;
  }
}
.form_wrap.form_simple03 a, .f *.form_simple03 a {
  text-decoration: underline;
}
.form_wrap.form_simple03 dl, .f *.form_simple03 dl {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  background-color: unset;
}
.form_wrap.form_simple03 dl > *, .f *.form_simple03 dl > * {
  padding-top: 0;
}
.form_wrap.form_simple03 dl:not(:has(dd)), .f *.form_simple03 dl:not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.form_simple03 dl:not(:has(dd)) dt, .f *.form_simple03 dl:not(:has(dd)) dt {
  align-items: flex-end;
  font-size: 14px;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple03 dl, .f *.form_simple03 dl {
    flex-direction: column;
    flex-direction: row !important;
  }
  .form_wrap.form_simple03 dl:not(:last-child), .f *.form_simple03 dl:not(:last-child) {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 834px) {
  .form_wrap.form_simple03, .f *.form_simple03 {
    padding-top: 1em;
    --pdb:0 1em;
    --mb: 1em;
  }
}
.form_wrap.form_simple03 dt, .form_wrap.form_simple03 dd, .f *.form_simple03 dt, .f *.form_simple03 dd {
  line-height: 1.6;
  padding-block: var(--pdb);
  padding-inline: var(--pdi);
  margin-bottom: var(--mb);
  border-color: transparent;
  background-color: unset;
  border-bottom: 1px solid var(--bdc) !important;
  border-top: none !important;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple03 dt, .form_wrap.form_simple03 dd, .f *.form_simple03 dt, .f *.form_simple03 dd {
    width: 100%;
  }
}
.form_wrap.form_simple03 dt, .f *.form_simple03 dt {
  text-align: center;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: var(--mc);
}
@media screen and (max-width: 834px) {
  .form_wrap.form_simple03 dt, .f *.form_simple03 dt {
    align-items: flex-start;
    width: 100%;
    width: -moz-fit-content;
    width: fit-content;
    border-bottom: none !important;
    margin-bottom: unset;
  }
}
.form_wrap.form_simple03 dd, .f *.form_simple03 dd {
  flex-grow: 1;
  border-bottom: 1px solid var(--gr);
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple03 dd, .f *.form_simple03 dd {
    width: 100%;
    padding-top: 0;
  }
}
.form_wrap.form_simple03::-webkit-scrollbar, .f *.form_simple03::-webkit-scrollbar {
  background-color: transparent;
  width: 6px;
  height: 0;
}
.form_wrap.form_simple03::-webkit-scrollbar-thumb, .f *.form_simple03::-webkit-scrollbar-thumb {
  background-color: var(--gr);
}
@media screen and (max-width: 834px) {
  .form_wrap.form_simple03:not(.f div) dt, .form_wrap.form_simple03:not(.f div) dd, .f *.form_simple03:not(.f div) dt, .f *.form_simple03:not(.f div) dd {
    width: 100% !important;
  }
  .form_wrap.form_simple03:not(.f div) dt, .f *.form_simple03:not(.f div) dt {
    text-decoration: underline;
    text-decoration-color: var(--mc);
    text-underline-offset: 0.5em;
    border-bottom: none;
  }
  .form_wrap.form_simple03:not(.f div) dd, .f *.form_simple03:not(.f div) dd {
    border-top: none;
  }
}
.form_wrap.form_simple03.__03, .f *.form_simple03.__03 {
  padding-inline: 0px;
  margin-inline: var(--incont);
  max-width: calc(100% - 40px);
}
.form_wrap.form_simple03.__03 *, .f *.form_simple03.__03 * {
  border-color: transparent !important;
}
.form_wrap.form_simple03.__03 dl, .f *.form_simple03.__03 dl {
  margin-bottom: 0;
  border: none;
}
.form_wrap.form_simple03.__03 dt, .f *.form_simple03.__03 dt {
  font-weight: 700;
  color: var(--tx);
}
.form_wrap.form_simple03.__03 dt, .form_wrap.form_simple03.__03 dd, .f *.form_simple03.__03 dt, .f *.form_simple03.__03 dd {
  padding: 1em;
  padding-left: 0;
  border-left: none;
  border-top: none;
}
.form_wrap.form_simple03.__03 dd, .f *.form_simple03.__03 dd {
  text-align: left;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_simple03.__03 dt, .f *.form_simple03.__03 dt {
    padding-bottom: 0;
    text-decoration: underline !important;
    text-decoration-color: inherit;
    text-underline-offset: 4px;
  }
  .form_wrap.form_simple03.__03 dt, .form_wrap.form_simple03.__03 dd, .f *.form_simple03.__03 dt, .f *.form_simple03.__03 dd {
    width: 100% !important;
    border: none;
  }
}
.form_wrap.form_simple03.access dt, .f *.form_simple03.access dt {
  width: 20%;
}
.form_wrap.form_simple03.access dd, .f *.form_simple03.access dd {
  width: 80%;
  text-align: left;
}
.form_wrap.form_simple03.pages, .f *.form_simple03.pages {
  width: 100%;
  max-height: unset;
  overflow-y: unset;
}
.form_wrap.form_simple06, .f *.form_simple06 {
  overflow-y: scroll;
  margin-inline: auto;
  max-width: 100%;
  position: relative;
  border-block: 1px solid var(--bdc);
  --pdb:1em;
  --pdi: 0 .5em;
  --mb: 0em;
}
.form_wrap.form_simple06 dt, .f *.form_simple06 dt {
  width: 20%;
}
.form_wrap.form_simple06 dd, .f *.form_simple06 dd {
  width: 80%;
}
.form_wrap.form_simple06.noscr, .f *.form_simple06.noscr {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
.form_wrap.form_simple06.__scr:is(#contents div), .f *.form_simple06.__scr:is(#contents div) {
  overflow-y: scroll;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple06.__scr:is(#contents div), .f *.form_simple06.__scr:is(#contents div) {
    max-height: 35vh;
  }
}
.form_wrap.form_simple06.__02, .f *.form_simple06.__02 {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
  border-block: none;
}
.form_wrap.form_simple06.__02 *, .f *.form_simple06.__02 * {
  border-bottom-color: var(--mc);
}
.form_wrap.form_simple06.__02 dt, .f *.form_simple06.__02 dt {
  font-weight: unset;
}
.form_wrap.form_simple06.__02 dd, .f *.form_simple06.__02 dd {
  border-bottom-color: #FFF !important;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple06, .f *.form_simple06 {
    max-height: 40vh;
  }
}
.form_wrap.form_simple06 a, .f *.form_simple06 a {
  text-decoration: underline;
}
.form_wrap.form_simple06 dl, .f *.form_simple06 dl {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  background-color: unset;
}
.form_wrap.form_simple06 dl > *, .f *.form_simple06 dl > * {
  padding-top: 0;
}
.form_wrap.form_simple06 dl:not(:has(dd)), .f *.form_simple06 dl:not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.form_simple06 dl:not(:has(dd)) dt, .f *.form_simple06 dl:not(:has(dd)) dt {
  align-items: flex-end;
  font-size: 14px;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple06 dl, .f *.form_simple06 dl {
    flex-direction: column;
    flex-direction: row !important;
  }
  .form_wrap.form_simple06 dl:not(:last-child), .f *.form_simple06 dl:not(:last-child) {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 480px) {
  .form_wrap.form_simple06, .f *.form_simple06 {
    --pdb:0 1em;
  }
}
.form_wrap.form_simple06 dt, .form_wrap.form_simple06 dd, .f *.form_simple06 dt, .f *.form_simple06 dd {
  line-height: 1.6;
  padding-block: var(--pdb);
  padding-inline: var(--pdi);
  margin-bottom: var(--mb);
  border-color: transparent;
  background-color: unset;
  border-bottom: 1px solid var(--bdc) !important;
  border-top: none !important;
}
@media screen and (max-width: 480px) {
  .form_wrap.form_simple06 dt, .form_wrap.form_simple06 dd, .f *.form_simple06 dt, .f *.form_simple06 dd {
    width: 100%;
  }
}
.form_wrap.form_simple06 dt, .f *.form_simple06 dt {
  text-align: center;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: var(--mc);
}
@media screen and (max-width: 480px) {
  .form_wrap.form_simple06 dt, .f *.form_simple06 dt {
    width: 100%;
    width: -moz-fit-content;
    width: fit-content;
    border-bottom: none !important;
    margin-bottom: unset;
    align-items: flex-start;
  }
}
.form_wrap.form_simple06 dd, .f *.form_simple06 dd {
  flex-grow: 1;
  border-bottom: 1px solid var(--gr);
}
@media screen and (max-width: 480px) {
  .form_wrap.form_simple06 dd, .f *.form_simple06 dd {
    width: 100%;
    padding-top: 0;
  }
}
.form_wrap.form_simple06::-webkit-scrollbar, .f *.form_simple06::-webkit-scrollbar {
  background-color: transparent;
  width: 6px;
  height: 0;
}
.form_wrap.form_simple06::-webkit-scrollbar-thumb, .f *.form_simple06::-webkit-scrollbar-thumb {
  background-color: var(--gr);
}
@media screen and (max-width: 480px) {
  .form_wrap.form_simple06 dt, .form_wrap.form_simple06 dd, .f *.form_simple06 dt, .f *.form_simple06 dd {
    width: 100% !important;
  }
  .form_wrap.form_simple06 dt, .f *.form_simple06 dt {
    text-decoration: underline;
    text-decoration-color: currentColor;
    text-underline-offset: 0.5em;
    border-bottom: none;
  }
  .form_wrap.form_simple06 dd, .f *.form_simple06 dd {
    border-top: none;
    margin-bottom: 1em;
  }
}
.form_wrap.form_simple06.__03, .f *.form_simple06.__03 {
  padding-inline: 0px;
  margin-inline: var(--incont);
  max-width: calc(100% - 40px);
}
.form_wrap.form_simple06.__03 *, .f *.form_simple06.__03 * {
  border-color: transparent !important;
}
.form_wrap.form_simple06.__03 dl, .f *.form_simple06.__03 dl {
  margin-bottom: 0;
  border: none;
}
.form_wrap.form_simple06.__03 dt, .f *.form_simple06.__03 dt {
  font-weight: 700;
  color: var(--tx);
}
.form_wrap.form_simple06.__03 dt, .form_wrap.form_simple06.__03 dd, .f *.form_simple06.__03 dt, .f *.form_simple06.__03 dd {
  padding: 1em;
  padding-left: 0;
  border-left: none;
  border-top: none;
}
.form_wrap.form_simple06.__03 dd, .f *.form_simple06.__03 dd {
  text-align: left;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_simple06.__03 dt, .f *.form_simple06.__03 dt {
    padding-bottom: 0;
    text-decoration: underline !important;
    text-decoration-color: inherit;
    text-underline-offset: 4px;
  }
  .form_wrap.form_simple06.__03 dt, .form_wrap.form_simple06.__03 dd, .f *.form_simple06.__03 dt, .f *.form_simple06.__03 dd {
    width: 100% !important;
    border: none;
  }
}
.form_wrap.form_simple06.access dt, .f *.form_simple06.access dt {
  width: 20%;
}
.form_wrap.form_simple06.access dd, .f *.form_simple06.access dd {
  width: 80%;
  text-align: left;
}
.form_wrap.form_simple06.pages, .f *.form_simple06.pages {
  width: 100%;
  max-height: unset;
  overflow-y: unset;
}
.form_wrap.form_simple04, .f *.form_simple04 {
  overflow-y: scroll;
  margin-inline: auto;
  max-width: 100%;
  position: relative;
  --pdb:1em;
  --pdi:0 .5em;
  --mb: 1em;
}
.form_wrap.form_simple04 dt, .f *.form_simple04 dt {
  width: 20%;
}
.form_wrap.form_simple04 dd, .f *.form_simple04 dd {
  width: 80%;
}
.form_wrap.form_simple04.noscr, .f *.form_simple04.noscr {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
.form_wrap.form_simple04.__scr:is(#contents div), .f *.form_simple04.__scr:is(#contents div) {
  overflow-y: scroll;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple04.__scr:is(#contents div), .f *.form_simple04.__scr:is(#contents div) {
    max-height: 30vh;
  }
}
.form_wrap.form_simple04.__02, .f *.form_simple04.__02 {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
  border-block: none;
}
.form_wrap.form_simple04.__02 *, .f *.form_simple04.__02 * {
  border-bottom-color: var(--mc);
}
.form_wrap.form_simple04.__02 dt, .f *.form_simple04.__02 dt {
  font-weight: unset;
}
.form_wrap.form_simple04.__02 dd, .f *.form_simple04.__02 dd {
  border-bottom-color: #FFF !important;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple04, .f *.form_simple04 {
    max-height: 35vh;
  }
}
.form_wrap.form_simple04 a, .f *.form_simple04 a {
  text-decoration: underline;
}
.form_wrap.form_simple04 dl, .f *.form_simple04 dl {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  background-color: unset;
}
.form_wrap.form_simple04 dl > *, .f *.form_simple04 dl > * {
  padding-top: 0;
}
.form_wrap.form_simple04 dl:not(:has(dd)), .f *.form_simple04 dl:not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.form_simple04 dl:not(:has(dd)) dt, .f *.form_simple04 dl:not(:has(dd)) dt {
  align-items: flex-end;
  font-size: 14px;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple04 dl, .f *.form_simple04 dl {
    flex-direction: column;
    flex-direction: row !important;
  }
  .form_wrap.form_simple04 dl:not(:last-child), .f *.form_simple04 dl:not(:last-child) {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 480px) {
  .form_wrap.form_simple04, .f *.form_simple04 {
    --pdb:.5em 1em;
  }
}
.form_wrap.form_simple04 dt, .form_wrap.form_simple04 dd, .f *.form_simple04 dt, .f *.form_simple04 dd {
  line-height: 1.6;
  padding-block: var(--pdb);
  padding-inline: var(--pdi);
  margin-bottom: var(--mb);
  background-color: unset;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple04 dt, .form_wrap.form_simple04 dd, .f *.form_simple04 dt, .f *.form_simple04 dd {
    width: 100%;
  }
}
.form_wrap.form_simple04 dt, .f *.form_simple04 dt {
  align-items: left;
  justify-content: flex-start;
  font-weight: 600;
  color: var(--mc);
  border: none !important;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_simple04 dt, .f *.form_simple04 dt {
    width: 100%;
    width: -moz-fit-content;
    width: fit-content;
    border-bottom: none !important;
  }
}
.form_wrap.form_simple04 dd, .f *.form_simple04 dd {
  flex-grow: 1;
  border-color: transparent;
  border-bottom: 1px solid var(--bdc) !important;
  border-top: none !important;
  border-bottom: 1px solid var(--gr);
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple04 dd, .f *.form_simple04 dd {
    width: 100%;
  }
}
.form_wrap.form_simple04::-webkit-scrollbar, .f *.form_simple04::-webkit-scrollbar {
  background-color: transparent;
  width: 6px;
  height: 0;
}
.form_wrap.form_simple04::-webkit-scrollbar-thumb, .f *.form_simple04::-webkit-scrollbar-thumb {
  background-color: var(--gr);
}
@media screen and (max-width: 834px) {
  .form_wrap.form_simple04:not(.f div) dt, .form_wrap.form_simple04:not(.f div) dd, .f *.form_simple04:not(.f div) dt, .f *.form_simple04:not(.f div) dd {
    width: 100% !important;
  }
  .form_wrap.form_simple04:not(.f div) dt, .f *.form_simple04:not(.f div) dt {
    text-decoration: underline;
    text-decoration-color: var(--mc);
    text-underline-offset: 0.5em;
    border-bottom: none;
  }
  .form_wrap.form_simple04:not(.f div) dd, .f *.form_simple04:not(.f div) dd {
    border-top: none;
  }
}
.form_wrap.form_simple04.__03, .f *.form_simple04.__03 {
  padding-inline: 0px;
  margin-inline: var(--incont);
  max-width: calc(100% - 40px);
}
.form_wrap.form_simple04.__03 *, .f *.form_simple04.__03 * {
  border-color: transparent !important;
}
.form_wrap.form_simple04.__03 dl, .f *.form_simple04.__03 dl {
  margin-bottom: 0;
  border: none;
}
.form_wrap.form_simple04.__03 dt, .f *.form_simple04.__03 dt {
  font-weight: 700;
  color: var(--tx);
}
.form_wrap.form_simple04.__03 dt, .form_wrap.form_simple04.__03 dd, .f *.form_simple04.__03 dt, .f *.form_simple04.__03 dd {
  padding: 1em;
  padding-left: 0;
  border-left: none;
  border-top: none;
}
.form_wrap.form_simple04.__03 dd, .f *.form_simple04.__03 dd {
  text-align: left;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_simple04.__03 dt, .f *.form_simple04.__03 dt {
    padding-bottom: 0;
    text-decoration: underline !important;
    text-decoration-color: inherit;
    text-underline-offset: 4px;
  }
  .form_wrap.form_simple04.__03 dt, .form_wrap.form_simple04.__03 dd, .f *.form_simple04.__03 dt, .f *.form_simple04.__03 dd {
    width: 100% !important;
    border: none;
  }
}
.form_wrap.form_simple04.access dt, .f *.form_simple04.access dt {
  width: 20%;
}
.form_wrap.form_simple04.access dd, .f *.form_simple04.access dd {
  width: 80%;
  text-align: left;
}
.form_wrap.form_simple04.pages, .f *.form_simple04.pages {
  width: 100%;
  max-height: unset;
  overflow-y: unset;
}
.form_wrap.form_simple05, .f *.form_simple05 {
  overflow-y: scroll;
  margin-inline: auto;
  max-width: 100%;
  position: relative;
  border-block: 1px solid var(--bdc);
  --pdb:0 1em;
  --pdi: 0 .5em;
  --mb: 1em;
}
.form_wrap.form_simple05 dt, .f *.form_simple05 dt {
  width: 20%;
}
.form_wrap.form_simple05 dd, .f *.form_simple05 dd {
  width: 80%;
}
.form_wrap.form_simple05.noscr, .f *.form_simple05.noscr {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
.form_wrap.form_simple05.__scr:is(#contents div), .f *.form_simple05.__scr:is(#contents div) {
  overflow-y: scroll;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple05.__scr:is(#contents div), .f *.form_simple05.__scr:is(#contents div) {
    max-height: 35vh;
  }
}
.form_wrap.form_simple05.__02, .f *.form_simple05.__02 {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
  border-block: none;
}
.form_wrap.form_simple05.__02 *, .f *.form_simple05.__02 * {
  border-bottom-color: var(--mc);
}
.form_wrap.form_simple05.__02 dt, .f *.form_simple05.__02 dt {
  font-weight: unset;
}
.form_wrap.form_simple05.__02 dd, .f *.form_simple05.__02 dd {
  border-bottom-color: #FFF !important;
}
@media screen and (max-width: 1440px) {
  .form_wrap.form_simple05, .f *.form_simple05 {
    border-inline-width: var(--pad);
    border-top-width: var(--bl);
  }
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple05, .f *.form_simple05 {
    max-height: 40vh;
  }
}
.form_wrap.form_simple05 a, .f *.form_simple05 a {
  text-decoration: underline;
}
.form_wrap.form_simple05 dl, .f *.form_simple05 dl {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  background-color: unset;
}
.form_wrap.form_simple05 dl > *, .f *.form_simple05 dl > * {
  padding-top: 0;
}
.form_wrap.form_simple05 dl:not(:has(dd)), .f *.form_simple05 dl:not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.form_simple05 dl:not(:has(dd)) dt, .f *.form_simple05 dl:not(:has(dd)) dt {
  align-items: flex-end;
  font-size: 14px;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple05 dl, .f *.form_simple05 dl {
    flex-direction: column;
    flex-direction: row !important;
  }
  .form_wrap.form_simple05 dl:not(:last-child), .f *.form_simple05 dl:not(:last-child) {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 480px) {
  .form_wrap.form_simple05, .f *.form_simple05 {
    --pdb:0 1em;
  }
}
.form_wrap.form_simple05 dt, .form_wrap.form_simple05 dd, .f *.form_simple05 dt, .f *.form_simple05 dd {
  line-height: 1.6;
  padding-block: var(--pdb);
  padding-inline: var(--pdi);
  margin-bottom: var(--mb);
  border-color: transparent;
  background-color: unset;
  border-bottom: 1px solid var(--bdc) !important;
  border-top: none !important;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple05 dt, .form_wrap.form_simple05 dd, .f *.form_simple05 dt, .f *.form_simple05 dd {
    width: 100%;
  }
}
.form_wrap.form_simple05 dt, .f *.form_simple05 dt {
  align-items: left;
  justify-content: flex-start;
  font-weight: 600;
  color: var(--mc);
}
@media screen and (max-width: 834px) {
  .form_wrap.form_simple05 dt, .f *.form_simple05 dt {
    width: 100%;
    width: -moz-fit-content;
    width: fit-content;
    border-bottom: none !important;
    margin-bottom: unset;
  }
}
.form_wrap.form_simple05 dd, .f *.form_simple05 dd {
  flex-grow: 1;
  border-bottom: 1px solid var(--gr);
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple05 dd, .f *.form_simple05 dd {
    width: 100%;
    padding-top: 0;
  }
}
.form_wrap.form_simple05::-webkit-scrollbar, .f *.form_simple05::-webkit-scrollbar {
  background-color: transparent;
  width: 6px;
  height: 0;
}
.form_wrap.form_simple05::-webkit-scrollbar-thumb, .f *.form_simple05::-webkit-scrollbar-thumb {
  background-color: var(--gr);
}
@media screen and (max-width: 834px) {
  .form_wrap.form_simple05:not(.f div) dt, .form_wrap.form_simple05:not(.f div) dd, .f *.form_simple05:not(.f div) dt, .f *.form_simple05:not(.f div) dd {
    width: 100% !important;
  }
  .form_wrap.form_simple05:not(.f div) dt, .f *.form_simple05:not(.f div) dt {
    text-decoration: underline;
    text-decoration-color: var(--mc);
    text-underline-offset: 0.5em;
    border-bottom: none;
  }
  .form_wrap.form_simple05:not(.f div) dd, .f *.form_simple05:not(.f div) dd {
    border-top: none;
  }
}
.form_wrap.form_simple05.__03, .f *.form_simple05.__03 {
  padding-inline: 0px;
  margin-inline: var(--incont);
  max-width: calc(100% - 40px);
}
.form_wrap.form_simple05.__03 *, .f *.form_simple05.__03 * {
  border-color: transparent !important;
}
.form_wrap.form_simple05.__03 dl, .f *.form_simple05.__03 dl {
  margin-bottom: 0;
  border: none;
}
.form_wrap.form_simple05.__03 dt, .f *.form_simple05.__03 dt {
  font-weight: 700;
  color: var(--tx);
}
.form_wrap.form_simple05.__03 dt, .form_wrap.form_simple05.__03 dd, .f *.form_simple05.__03 dt, .f *.form_simple05.__03 dd {
  padding: 1em;
  padding-left: 0;
  border-left: none;
  border-top: none;
}
.form_wrap.form_simple05.__03 dd, .f *.form_simple05.__03 dd {
  text-align: left;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_simple05.__03 dt, .f *.form_simple05.__03 dt {
    padding-bottom: 0;
    text-decoration: underline !important;
    text-decoration-color: inherit;
    text-underline-offset: 4px;
  }
  .form_wrap.form_simple05.__03 dt, .form_wrap.form_simple05.__03 dd, .f *.form_simple05.__03 dt, .f *.form_simple05.__03 dd {
    width: 100% !important;
    border: none;
  }
}
.form_wrap.form_simple05.access dt, .f *.form_simple05.access dt {
  width: 20%;
}
.form_wrap.form_simple05.access dd, .f *.form_simple05.access dd {
  width: 80%;
  text-align: left;
}
.form_wrap.form_simple05.pages, .f *.form_simple05.pages {
  width: 100%;
  max-height: unset;
  overflow-y: unset;
}
.form_wrap.form_01, .f *.form_01 {
  --dtMW: 7em;
  --p:.5em;
  position: relative;
  --bdw:1px;
}
.form_wrap.form_01 dt, .f *.form_01 dt {
  width: 25%;
}
.form_wrap.form_01 dd, .f *.form_01 dd {
  width: 75%;
}
.form_wrap.form_01 dl:has(dd:empty) dt:is(#contents dt), .f *.form_01 dl:has(dd:empty) dt:is(#contents dt) {
  width: 100% !important;
  background-color: var(--sc20);
  padding-inline: 0.5em;
  margin-bottom: 0.5em;
}
.form_wrap.form_01 dl:has(dd:empty) dd, .f *.form_01 dl:has(dd:empty) dd {
  display: none;
}
.form_wrap.form_01 dl:has(.btn, iframe, img) dt, .f *.form_01 dl:has(.btn, iframe, img) dt {
  display: none;
}
.form_wrap.form_01 > br, .f *.form_01 > br {
  display: none;
}
.form_wrap.form_01.noscr, .f *.form_01.noscr {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
.form_wrap.form_01 dt, .f *.form_01 dt {
  width: 5em;
  min-width: var(--dtMW);
}
.form_wrap.form_01 a:not(.btn), .f *.form_01 a:not(.btn) {
  text-decoration: underline;
  color: var(--mc);
}
.form_wrap.form_01 dl, .f *.form_01 dl {
  padding: 0;
  margin: 0;
  margin-bottom: calc(var(--p) * 0);
  display: flex;
  background-color: unset;
  border-bottom: var(--bdw) solid var(--bdc);
}
.form_wrap.form_01 dl > *, .f *.form_01 dl > * {
  padding-top: 0;
}
.form_wrap.form_01 dl:last-child, .f *.form_01 dl:last-child {
  border-bottom: none;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_01 dl:last-of-type dt, .f *.form_01 dl:last-of-type dt {
    border-bottom: none;
  }
}
.form_wrap.form_01 dl:not(:has(dd)), .f *.form_01 dl:not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.form_01 dl:not(:has(dd)) dt, .f *.form_01 dl:not(:has(dd)) dt {
  align-items: flex-end;
  font-size: 14px;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_01 dl, .f *.form_01 dl {
    padding: 1em 0 !important;
  }
  .form_wrap.form_01 dl dt, .f *.form_01 dl dt {
    margin-bottom: unset;
  }
  .form_wrap.form_01 dl:not(:last-child), .f *.form_01 dl:not(:last-child) {
    margin-bottom: 0px;
  }
}
.form_wrap.form_01 dt:is(#contents *, #footer *), .form_wrap.form_01 dd:is(#contents *, #footer *), .f *.form_01 dt:is(#contents *, #footer *), .f *.form_01 dd:is(#contents *, #footer *) {
  border-color: transparent;
  background-color: unset;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_01 dt:is(#contents *, #footer *), .form_wrap.form_01 dd:is(#contents *, #footer *), .f *.form_01 dt:is(#contents *, #footer *), .f *.form_01 dd:is(#contents *, #footer *) {
    padding: 0;
  }
}
.form_wrap.form_01 dt, .form_wrap.form_01 dd, .f *.form_01 dt, .f *.form_01 dd {
  padding: var(--p) var(--p) var(--p) 0;
}
.form_wrap.form_01 dt, .f *.form_01 dt {
  align-items: left;
  justify-content: flex-start;
  padding-left: 0;
  font-weight: bold;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_01 dt, .f *.form_01 dt {
    width: 20%;
    padding-bottom: calc(var(--p) / 2);
    margin-bottom: var(--p);
  }
}
.form_wrap.form_01 dd, .f *.form_01 dd {
  padding-left: 0;
  flex-grow: 1;
}
.form_wrap.form_01::-webkit-scrollbar, .f *.form_01::-webkit-scrollbar {
  background-color: transparent;
  width: 8px;
  height: 0;
}
.form_wrap.form_01::-webkit-scrollbar-thumb, .f *.form_01::-webkit-scrollbar-thumb {
  background-color: var(--gr);
  border-radius: 0px;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_01 dl, .f *.form_01 dl {
    padding-block: 0;
  }
  .form_wrap.form_01 dt, .f *.form_01 dt {
    padding-bottom: 0;
  }
}
.form_wrap.form_02, .f *.form_02 {
  --p:1em;
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
  position: relative;
}
.form_wrap.form_02 dl:has(dd:empty) dt:is(#contents dt), .f *.form_02 dl:has(dd:empty) dt:is(#contents dt) {
  width: 100% !important;
  background-color: var(--sc20);
  padding-inline: 0.5em;
  border-right-style: solid !important;
  border-right-width: 1px !important;
}
.form_wrap.form_02 dl:has(dd:empty) dd, .f *.form_02 dl:has(dd:empty) dd {
  display: none;
}
.form_wrap.form_02 dl:has(.btn, iframe, img) dt, .f *.form_02 dl:has(.btn, iframe, img) dt {
  display: none;
}
.form_wrap.form_02 dl:has(.btn, iframe, img) dd, .f *.form_02 dl:has(.btn, iframe, img) dd {
  display: flex;
  gap: 1em;
}
.form_wrap.form_02 dl:has(.btn, iframe, img) dd figure, .f *.form_02 dl:has(.btn, iframe, img) dd figure {
  width: -moz-fit-content;
  width: fit-content;
}
.form_wrap.form_02 u, .f *.form_02 u {
  --o:0px;
}
.form_wrap.form_02 a, .f *.form_02 a {
  text-decoration: underline;
}
.form_wrap.form_02 .btn, .f *.form_02 .btn {
  margin-top: 0;
  margin-left: 1.5em;
  color: var(--wh);
  text-decoration: none;
}
.form_wrap.form_02 > br, .f *.form_02 > br {
  display: none;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_02, .f *.form_02 {
    max-height: 40vh;
  }
}
.form_wrap.form_02 dt, .f *.form_02 dt {
  min-width: 25%;
}
.form_wrap.form_02 dl, .f *.form_02 dl {
  padding: 0;
  margin: 0;
  margin-bottom: calc(var(--p) * 0);
  display: flex;
  background-color: unset;
}
.form_wrap.form_02 dl > *, .f *.form_02 dl > * {
  padding-top: 0;
}
.form_wrap.form_02 dl:last-child, .f *.form_02 dl:last-child {
  border-bottom: none;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_02 dl:last-of-type dt, .f *.form_02 dl:last-of-type dt {
    border-bottom: none;
  }
}
.form_wrap.form_02 dl:not(:has(dd)), .f *.form_02 dl:not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.form_02 dl:not(:has(dd)) dt, .f *.form_02 dl:not(:has(dd)) dt {
  align-items: flex-end;
  font-size: 14px;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_02 dl, .f *.form_02 dl {
    flex-direction: row !important;
    padding: 1em 0;
  }
  .form_wrap.form_02 dl:not(:last-child), .f *.form_02 dl:not(:last-child) {
    margin-bottom: 0px;
  }
}
.form_wrap.form_02 dt:is(*), .form_wrap.form_02 dd:is(*), .f *.form_02 dt:is(*), .f *.form_02 dd:is(*) {
  line-height: 1.6;
  background-color: unset;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_02 dt:is(*), .form_wrap.form_02 dd:is(*), .f *.form_02 dt:is(*), .f *.form_02 dd:is(*) {
    width: 100%;
  }
}
.form_wrap.form_02 dt, .form_wrap.form_02 dd, .f *.form_02 dt, .f *.form_02 dd {
  padding: var(--p);
}
.form_wrap.form_02 dt, .f *.form_02 dt {
  justify-content: center;
  align-items: center;
}
.form_wrap.form_02 dd, .f *.form_02 dd {
  flex-grow: 1;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_02 dd, .f *.form_02 dd {
    white-space: unset;
  }
}
@media screen and (max-width: 834px) {
  .form_wrap.form_02 dl, .f *.form_02 dl {
    padding-block: 0;
    flex-wrap: wrap;
  }
  .form_wrap.form_02 dl > *, .f *.form_02 dl > * {
    flex: unset;
    width: 100% !important;
    border-right-style: solid;
    border-right-width: 1px;
  }
  .form_wrap.form_02 dl > dt, .f *.form_02 dl > dt {
    border-right-color: #ccc;
  }
}
.form_wrap.form_03, .f *.form_03 {
  --p:1em;
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
  position: relative;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}
.form_wrap.form_03 dl:has(dd:empty) dt:is(#contents dt), .f *.form_03 dl:has(dd:empty) dt:is(#contents dt) {
  width: 100% !important;
  align-items: flex-start;
  background-color: unset;
}
.form_wrap.form_03 dl:has(dd:empty) dd, .f *.form_03 dl:has(dd:empty) dd {
  display: none;
}
.form_wrap.form_03 dl:has(.btn, iframe, img) dt, .f *.form_03 dl:has(.btn, iframe, img) dt {
  display: none;
}
.form_wrap.form_03 u, .f *.form_03 u {
  --o:0px;
}
.form_wrap.form_03 a, .f *.form_03 a {
  text-decoration: underline;
  color: var(--sc);
}
.form_wrap.form_03 .btn, .f *.form_03 .btn {
  margin-top: 0;
  margin-left: 1.5em;
  color: var(--wh);
  text-decoration: none;
}
.form_wrap.form_03 > br, .f *.form_03 > br {
  display: none;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_03, .f *.form_03 {
    max-height: 40vh;
  }
}
.form_wrap.form_03 dt, .f *.form_03 dt {
  min-width: 25%;
}
.form_wrap.form_03 dl, .f *.form_03 dl {
  padding: 0;
  margin: 0;
  margin-bottom: calc(var(--p) * 0);
  display: flex;
  background-color: unset;
}
.form_wrap.form_03 dl > *, .f *.form_03 dl > * {
  padding-top: 0;
}
.form_wrap.form_03 dl:last-child, .f *.form_03 dl:last-child {
  border-bottom: none;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_03 dl:last-of-type dt, .f *.form_03 dl:last-of-type dt {
    border-bottom: none;
  }
}
.form_wrap.form_03 dl:not(:has(dd)), .f *.form_03 dl:not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.form_03 dl:not(:has(dd)) dt, .f *.form_03 dl:not(:has(dd)) dt {
  align-items: flex-end;
  font-size: 14px;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_03 dl, .f *.form_03 dl {
    flex-direction: row !important;
    padding: 1em 0;
  }
  .form_wrap.form_03 dl:not(:last-child), .f *.form_03 dl:not(:last-child) {
    margin-bottom: 0px;
  }
}
.form_wrap.form_03 dt:is(#contents *), .form_wrap.form_03 dd:is(#contents *), .f *.form_03 dt:is(#contents *), .f *.form_03 dd:is(#contents *) {
  line-height: 1.6;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_03 dt:is(#contents *), .form_wrap.form_03 dd:is(#contents *), .f *.form_03 dt:is(#contents *), .f *.form_03 dd:is(#contents *) {
    width: 100%;
  }
}
.form_wrap.form_03 dt, .form_wrap.form_03 dd, .f *.form_03 dt, .f *.form_03 dd {
  padding: var(--p);
}
.form_wrap.form_03 dt, .f *.form_03 dt {
  justify-content: center;
  align-items: center;
}
.form_wrap.form_03 dd, .f *.form_03 dd {
  flex-grow: 1;
  background-color: #fff;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_03 dd, .f *.form_03 dd {
    white-space: unset;
  }
}
@media screen and (max-width: 834px) {
  .form_wrap.form_03 dl, .f *.form_03 dl {
    padding-block: 0;
    flex-wrap: wrap;
  }
}
.form_wrap.form_03.__02, .f *.form_03.__02 {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding-inline: 0px;
  margin-inline: var(--incont);
  max-width: calc(100% - 40px);
}
.form_wrap.form_03.__02 *, .f *.form_03.__02 * {
  border-color: #ccc !important;
}
.form_wrap.form_03.__02 dl, .f *.form_03.__02 dl {
  margin-bottom: 0;
  border: none;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_03.__02 dl, .f *.form_03.__02 dl {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
}
.form_wrap.form_03.__02 dt, .f *.form_03.__02 dt {
  font-weight: 700;
  color: var(--tx);
}
.form_wrap.form_03.__02 dt, .form_wrap.form_03.__02 dd, .f *.form_03.__02 dt, .f *.form_03.__02 dd {
  padding: 2em 1em;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: none;
  border-top: none;
}
.form_wrap.form_03.__02 dd, .f *.form_03.__02 dd {
  text-align: left;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_03.__02 dt, .f *.form_03.__02 dt {
    padding-bottom: 0;
    text-decoration: underline !important;
    text-decoration-color: inherit;
    text-underline-offset: 4px;
  }
  .form_wrap.form_03.__02 dt, .form_wrap.form_03.__02 dd, .f *.form_03.__02 dt, .f *.form_03.__02 dd {
    width: 100% !important;
    border: none;
  }
}
.form_wrap.form_03.__03, .f *.form_03.__03 {
  padding-inline: 0px;
  margin-inline: var(--incont);
  max-width: calc(100% - 40px);
}
.form_wrap.form_03.__03 *, .f *.form_03.__03 * {
  border-color: transparent !important;
}
.form_wrap.form_03.__03 dl, .f *.form_03.__03 dl {
  margin-bottom: 0;
  border: none;
}
.form_wrap.form_03.__03 dt, .f *.form_03.__03 dt {
  font-weight: 700;
  color: var(--tx);
}
.form_wrap.form_03.__03 dt, .form_wrap.form_03.__03 dd, .f *.form_03.__03 dt, .f *.form_03.__03 dd {
  padding: 1em;
  padding-left: 0;
  border-left: none;
  border-top: none;
}
.form_wrap.form_03.__03 dd, .f *.form_03.__03 dd {
  text-align: left;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_03.__03 dt, .f *.form_03.__03 dt {
    padding-bottom: 0;
    text-decoration: underline !important;
    text-decoration-color: inherit;
    text-underline-offset: 4px;
  }
  .form_wrap.form_03.__03 dt, .form_wrap.form_03.__03 dd, .f *.form_03.__03 dt, .f *.form_03.__03 dd {
    width: 100% !important;
    border: none;
  }
}
.form_wrap.form_03.access dt, .f *.form_03.access dt {
  width: 20%;
}
.form_wrap.form_03.access dd, .f *.form_03.access dd {
  width: 80%;
  text-align: left;
}
.form_wrap.form_03.pages, .f *.form_03.pages {
  width: 100%;
  max-height: unset;
  overflow-y: unset;
}
.form_wrap.form_04, .f *.form_04 {
  --p:.5em;
  position: relative;
  overflow-y: scroll;
}
.form_wrap.form_04 > br, .f *.form_04 > br {
  display: none;
}
.form_wrap.form_04.noscr, .f *.form_04.noscr {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_04, .f *.form_04 {
    max-height: 40vh;
    overflow-y: scroll;
  }
}
.form_wrap.form_04 dt, .f *.form_04 dt {
  min-width: 8em;
}
.form_wrap.form_04 a, .f *.form_04 a {
  text-decoration: underline;
  color: var(--sc);
}
.form_wrap.form_04 dl, .f *.form_04 dl {
  padding: 0;
  margin: 0;
  margin-bottom: calc(var(--p) * 0);
  display: flex;
  background-color: unset;
}
.form_wrap.form_04 dl + dl, .f *.form_04 dl + dl {
  margin-top: 1em;
}
.form_wrap.form_04 dl > *, .f *.form_04 dl > * {
  padding-top: 0;
}
.form_wrap.form_04 dl:last-child, .f *.form_04 dl:last-child {
  border-bottom: none;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_04 dl:last-of-type dt, .f *.form_04 dl:last-of-type dt {
    border-bottom: none;
  }
}
.form_wrap.form_04 dl:not(:has(dd)), .f *.form_04 dl:not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.form_04 dl:not(:has(dd)) dt, .f *.form_04 dl:not(:has(dd)) dt {
  align-items: flex-end;
  font-size: 14px;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_04 dl, .f *.form_04 dl {
    flex-direction: row !important;
    padding: 1em 0;
  }
  .form_wrap.form_04 dl:not(:last-child), .f *.form_04 dl:not(:last-child) {
    margin-bottom: 0px;
  }
}
.form_wrap.form_04 dt:is(#contents *), .form_wrap.form_04 dd:is(#contents *), .f *.form_04 dt:is(#contents *), .f *.form_04 dd:is(#contents *) {
  line-height: 1.6;
  border-color: transparent;
}
@media screen and (max-width: 480px) {
  .form_wrap.form_04 dt:is(#contents *), .form_wrap.form_04 dd:is(#contents *), .f *.form_04 dt:is(#contents *), .f *.form_04 dd:is(#contents *) {
    width: 100%;
    align-items: flex-start;
  }
}
.form_wrap.form_04 dt, .form_wrap.form_04 dd, .f *.form_04 dt, .f *.form_04 dd {
  padding: var(--p);
}
.form_wrap.form_04 dt, .f *.form_04 dt {
  align-items: center;
  justify-content: flex-start;
  background-color: var(--bc50);
}
@media screen and (max-width: 640px) {
  .form_wrap.form_04 dt, .f *.form_04 dt {
    align-items: flex-start;
  }
}
.form_wrap.form_04 dd, .f *.form_04 dd {
  flex: 1;
  white-space: nowrap;
  background-color: #fff;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_04 dd, .f *.form_04 dd {
    white-space: unset;
  }
}
.form_wrap.form_04::-webkit-scrollbar, .f *.form_04::-webkit-scrollbar {
  background-color: transparent;
  width: 8px;
  height: 0;
}
.form_wrap.form_04::-webkit-scrollbar-thumb, .f *.form_04::-webkit-scrollbar-thumb {
  background-color: var(--gr);
  border-radius: 0px;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_04 dl, .f *.form_04 dl {
    padding-block: 0;
    flex-wrap: wrap;
  }
}
.form_wrap.form_04.__02, .f *.form_04.__02 {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding-inline: 0px;
  margin-inline: var(--incont);
  max-width: calc(100% - 40px);
}
.form_wrap.form_04.__02 *, .f *.form_04.__02 * {
  border-color: #ccc !important;
}
.form_wrap.form_04.__02 dl, .f *.form_04.__02 dl {
  margin-bottom: 0;
  border: none;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_04.__02 dl, .f *.form_04.__02 dl {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
}
.form_wrap.form_04.__02 dt, .f *.form_04.__02 dt {
  font-weight: 700;
  color: var(--tx);
}
.form_wrap.form_04.__02 dt, .form_wrap.form_04.__02 dd, .f *.form_04.__02 dt, .f *.form_04.__02 dd {
  padding: 2em 1em;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: none;
  border-top: none;
}
.form_wrap.form_04.__02 dd, .f *.form_04.__02 dd {
  text-align: left;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_04.__02 dt, .f *.form_04.__02 dt {
    padding-bottom: 0;
    text-decoration: underline !important;
    text-decoration-color: inherit;
    text-underline-offset: 4px;
  }
  .form_wrap.form_04.__02 dt, .form_wrap.form_04.__02 dd, .f *.form_04.__02 dt, .f *.form_04.__02 dd {
    width: 100% !important;
    border: none;
  }
}
.form_wrap.form_04.__03, .f *.form_04.__03 {
  padding-inline: 0px;
  margin-inline: var(--incont);
  max-width: calc(100% - 40px);
}
.form_wrap.form_04.__03 *, .f *.form_04.__03 * {
  border-color: transparent !important;
}
.form_wrap.form_04.__03 dl, .f *.form_04.__03 dl {
  margin-bottom: 0;
  border: none;
}
.form_wrap.form_04.__03 dt, .f *.form_04.__03 dt {
  font-weight: 700;
  color: var(--tx);
}
.form_wrap.form_04.__03 dt, .form_wrap.form_04.__03 dd, .f *.form_04.__03 dt, .f *.form_04.__03 dd {
  padding: 1em;
  padding-left: 0;
  border-left: none;
  border-top: none;
}
.form_wrap.form_04.__03 dd, .f *.form_04.__03 dd {
  text-align: left;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_04.__03 dt, .f *.form_04.__03 dt {
    padding-bottom: 0;
    text-decoration: underline !important;
    text-decoration-color: inherit;
    text-underline-offset: 4px;
  }
  .form_wrap.form_04.__03 dt, .form_wrap.form_04.__03 dd, .f *.form_04.__03 dt, .f *.form_04.__03 dd {
    width: 100% !important;
    border: none;
  }
}
.form_wrap.form_04.access dt, .f *.form_04.access dt {
  width: 20%;
}
.form_wrap.form_04.access dd, .f *.form_04.access dd {
  width: 80%;
  text-align: left;
}
.form_wrap.form_04.pages, .f *.form_04.pages {
  width: 100%;
  max-height: unset;
  overflow-y: unset;
}
.form_wrap.form_05, .f *.form_05 {
  --p:.5em;
  position: relative;
  --bdw:1px;
}
.form_wrap.form_05 > br, .f *.form_05 > br {
  display: none;
}
.form_wrap.form_05.noscr, .f *.form_05.noscr {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
.form_wrap.form_05 dt, .f *.form_05 dt {
  width: 6em;
  min-width: 6em;
}
.form_wrap.form_05 a, .f *.form_05 a {
  text-decoration: underline;
  color: var(--sc);
}
.form_wrap.form_05 dl, .f *.form_05 dl {
  padding: 0;
  margin: 0;
  margin-bottom: calc(var(--p) * 0);
  display: flex;
  background-color: unset;
  border-bottom: var(--bdw) solid var(--bdc);
}
.form_wrap.form_05 dl > *, .f *.form_05 dl > * {
  padding-top: 0;
}
.form_wrap.form_05 dl:last-child, .f *.form_05 dl:last-child {
  border-bottom: none;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_05 dl:last-of-type dt, .f *.form_05 dl:last-of-type dt {
    border-bottom: none;
  }
}
.form_wrap.form_05 dl:not(:has(dd)), .f *.form_05 dl:not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.form_05 dl:not(:has(dd)) dt, .f *.form_05 dl:not(:has(dd)) dt {
  align-items: flex-end;
  font-size: 14px;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_05 dl, .f *.form_05 dl {
    flex-direction: row !important;
    padding: 1em 0;
  }
  .form_wrap.form_05 dl:not(:last-child), .f *.form_05 dl:not(:last-child) {
    margin-bottom: 0px;
  }
}
.form_wrap.form_05 dt:is(#contents *), .form_wrap.form_05 dd:is(#contents *), .f *.form_05 dt:is(#contents *), .f *.form_05 dd:is(#contents *) {
  border-color: transparent;
  background-color: unset;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_05 dt:is(#contents *), .form_wrap.form_05 dd:is(#contents *), .f *.form_05 dt:is(#contents *), .f *.form_05 dd:is(#contents *) {
    padding: 0;
  }
}
.form_wrap.form_05 dt, .form_wrap.form_05 dd, .f *.form_05 dt, .f *.form_05 dd {
  padding: var(--p) var(--p) var(--p) 0;
}
.form_wrap.form_05 dt, .f *.form_05 dt {
  align-items: flex-start;
  justify-content: flex-start;
  padding-left: var(--p);
  font-weight: bold;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 0.5em;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_05 dt, .f *.form_05 dt {
    width: 20%;
    padding-bottom: calc(var(--p) / 2);
    margin-bottom: var(--p);
  }
}
.form_wrap.form_05 dd, .f *.form_05 dd {
  padding-left: 0;
  flex-grow: 1;
  white-space: nowrap;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_05 dd, .f *.form_05 dd {
    white-space: unset;
  }
}
.form_wrap.form_05::-webkit-scrollbar, .f *.form_05::-webkit-scrollbar {
  background-color: transparent;
  width: 8px;
  height: 0;
}
.form_wrap.form_05::-webkit-scrollbar-thumb, .f *.form_05::-webkit-scrollbar-thumb {
  background-color: var(--gr);
  border-radius: 0px;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_05 dl, .f *.form_05 dl {
    padding-block: 0;
    flex-wrap: wrap;
  }
  .form_wrap.form_05 dt, .f *.form_05 dt {
    padding-bottom: 0;
  }
}
.form_wrap.form_05.__02, .f *.form_05.__02 {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding-inline: 0px;
  margin-inline: var(--incont);
  max-width: calc(100% - 40px);
}
.form_wrap.form_05.__02 *, .f *.form_05.__02 * {
  border-color: #ccc !important;
}
.form_wrap.form_05.__02 dl, .f *.form_05.__02 dl {
  margin-bottom: 0;
  border: none;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_05.__02 dl, .f *.form_05.__02 dl {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
}
.form_wrap.form_05.__02 dt, .f *.form_05.__02 dt {
  font-weight: 700;
  color: var(--tx);
}
.form_wrap.form_05.__02 dt, .form_wrap.form_05.__02 dd, .f *.form_05.__02 dt, .f *.form_05.__02 dd {
  padding: 2em 1em;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: none;
  border-top: none;
}
.form_wrap.form_05.__02 dd, .f *.form_05.__02 dd {
  text-align: left;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_05.__02 dt, .f *.form_05.__02 dt {
    padding-bottom: 0;
    text-decoration: underline !important;
    text-decoration-color: inherit;
    text-underline-offset: 4px;
  }
  .form_wrap.form_05.__02 dt, .form_wrap.form_05.__02 dd, .f *.form_05.__02 dt, .f *.form_05.__02 dd {
    width: 100% !important;
    border: none;
  }
}
.form_wrap.form_05.__03, .f *.form_05.__03 {
  padding-inline: 0px;
  margin-inline: var(--incont);
  max-width: calc(100% - 40px);
}
.form_wrap.form_05.__03 *, .f *.form_05.__03 * {
  border-color: transparent !important;
}
.form_wrap.form_05.__03 dl, .f *.form_05.__03 dl {
  margin-bottom: 0;
  border: none;
}
.form_wrap.form_05.__03 dt, .f *.form_05.__03 dt {
  font-weight: 700;
  color: var(--tx);
}
.form_wrap.form_05.__03 dt, .form_wrap.form_05.__03 dd, .f *.form_05.__03 dt, .f *.form_05.__03 dd {
  padding: 1em;
  padding-left: 0;
  border-left: none;
  border-top: none;
}
.form_wrap.form_05.__03 dd, .f *.form_05.__03 dd {
  text-align: left;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_05.__03 dt, .f *.form_05.__03 dt {
    padding-bottom: 0;
    text-decoration: underline !important;
    text-decoration-color: inherit;
    text-underline-offset: 4px;
  }
  .form_wrap.form_05.__03 dt, .form_wrap.form_05.__03 dd, .f *.form_05.__03 dt, .f *.form_05.__03 dd {
    width: 100% !important;
    border: none;
  }
}
.form_wrap.form_05.access dt, .f *.form_05.access dt {
  width: 20%;
}
.form_wrap.form_05.access dd, .f *.form_05.access dd {
  width: 80%;
  text-align: left;
}
.form_wrap.form_05.pages, .f *.form_05.pages {
  width: 100%;
  max-height: unset;
  overflow-y: unset;
}
.form_wrap.form_common.noscr, .f *.form_common.noscr {
  overflow: unset;
  max-height: unset;
}
.form_wrap.form_common dl > *:is(#contents *), .f *.form_common dl > *:is(#contents *) {
  padding: 1em 0.5em;
}
.form_wrap.form_common dt, .f *.form_common dt {
  align-items: center;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_common dl, .f *.form_common dl {
    flex-wrap: wrap;
  }
  .form_wrap.form_common dt, .f *.form_common dt {
    align-items: unset;
  }
  .form_wrap.form_common dl > *:is(#contents *), .f *.form_common dl > *:is(#contents *) {
    width: 100%;
  }
}
.form_wrap.form_row, .f *.form_row {
  margin-top: 20px;
  display: flex;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
@media screen and (max-width: 1200px) {
  .form_wrap.form_row, .f *.form_row {
    padding-inline: 0;
    flex-wrap: wrap;
  }
}
.form_wrap.form_row *, .f *.form_row * {
  border: none;
}
.form_wrap.form_row dl, .f *.form_row dl {
  flex: 1;
  flex-direction: column;
}
@media screen and (max-width: 1200px) {
  .form_wrap.form_row dl, .f *.form_row dl {
    width: 25%;
    flex: unset;
  }
}
@media screen and (max-width: 480px) {
  .form_wrap.form_row dl, .f *.form_row dl {
    width: 33.33%;
    flex: unset;
  }
}
.form_wrap.form_row dt, .form_wrap.form_row dd, .f *.form_row dt, .f *.form_row dd {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  text-align: center;
  align-items: center;
}
.form_wrap.form_row dd, .f *.form_row dd {
  flex: 1;
}
.form_wrap.form_half, .f *.form_half {
  margin-inline: auto;
  max-width: 100%;
  position: relative;
  --bdw:1px;
  --bds:dashed;
  --pdb:2em;
  --pdi: 1.5em;
  --dtc:currentColor;
  --dtw:bold;
  color: var(--sc);
  font-size: 16px;
}
.form_wrap.form_half dt, .f *.form_half dt {
  width: 50%;
}
.form_wrap.form_half dd, .f *.form_half dd {
  width: 50%;
}
.form_wrap.form_half.noscr, .f *.form_half.noscr {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
.form_wrap.form_half.scr:is(#contents div), .f *.form_half.scr:is(#contents div) {
  overflow-y: scroll;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_half.scr:is(#contents div), .f *.form_half.scr:is(#contents div) {
    max-height: 35vh;
  }
}
.form_wrap.form_half.__02, .f *.form_half.__02 {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
  border-block: none;
}
.form_wrap.form_half.__02 *, .f *.form_half.__02 * {
  border-bottom-color: var(--mc);
}
.form_wrap.form_half.__02 dt, .f *.form_half.__02 dt {
  font-weight: unset;
}
.form_wrap.form_half.__02 dd, .f *.form_half.__02 dd {
  border-bottom-color: #fff !important;
}
.form_wrap.form_half a, .f *.form_half a {
  text-decoration: underline;
}
.form_wrap.form_half dl, .f *.form_half dl {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  background-color: unset;
  border-bottom: var(--bdw) var(--bds) var(--bdc);
}
.form_wrap.form_half dl + *, .f *.form_half dl + * {
  border-top: none;
}
.form_wrap.form_half dl > *, .f *.form_half dl > * {
  padding-top: 0;
}
.form_wrap.form_half dl:last-of-type dt, .form_wrap.form_half dl:last-of-type dd, .f *.form_half dl:last-of-type dt, .f *.form_half dl:last-of-type dd {
  border-bottom: none;
}
.form_wrap.form_half dl:not(:has(dd)), .f *.form_half dl:not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.form_half dl:not(:has(dd)) dt, .f *.form_half dl:not(:has(dd)) dt {
  align-items: flex-end;
  font-size: 14px;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_half dl, .f *.form_half dl {
    --pdb:1em;
    flex-direction: row !important;
  }
  .form_wrap.form_half dl:not(:last-child), .f *.form_half dl:not(:last-child) {
    margin-bottom: 0px;
  }
}
.form_wrap.form_half dt, .f *.form_half dt {
  align-items: flex-end;
  justify-content: center;
  font-weight: var(--dtw);
}
@media screen and (max-width: 640px) {
  .form_wrap.form_half dt, .f *.form_half dt {
    align-items: flex-start;
  }
}
.form_wrap.form_half dd, .f *.form_half dd {
  flex-grow: 1;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_half dd, .f *.form_half dd {
    text-align: right;
    font-weight: 500;
  }
}
.form_wrap.form_half dt, .form_wrap.form_half dd, .f *.form_half dt, .f *.form_half dd {
  line-height: 1.6;
  padding-block: var(--pdb);
  padding-inline: var(--pdi);
  border: none;
  background-color: unset;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_half dt, .form_wrap.form_half dd, .f *.form_half dt, .f *.form_half dd {
    width: 100%;
  }
}
.form_wrap.form_half::-webkit-scrollbar, .f *.form_half::-webkit-scrollbar {
  background-color: transparent;
  width: 6px;
  height: 0;
}
.form_wrap.form_half::-webkit-scrollbar-thumb, .f *.form_half::-webkit-scrollbar-thumb {
  background-color: var(--gr);
}
@media screen and (max-width: 640px) {
  .form_wrap.form_h3, .f *.form_h3 {
    padding: 0;
  }
}
.form_wrap.form_h3 dl, .f *.form_h3 dl {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #888;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-bottom: 10px;
  flex-direction: column;
  flex-direction: row !important;
  padding: 1em 0;
  display: block;
}
.form_wrap.form_h3 dl:not(:last-child), .f *.form_h3 dl:not(:last-child) {
  margin-bottom: 20px;
}
.form_wrap.form_h3 dl, .f *.form_h3 dl {
  background-color: unset;
}
.form_wrap.form_h3 dl:last-of-type dt, .form_wrap.form_h3 dl:last-of-type dd, .f *.form_h3 dl:last-of-type dt, .f *.form_h3 dl:last-of-type dd {
  border-bottom: none;
}
.form_wrap.form_h3 dt, .form_wrap.form_h3 dd, .f *.form_h3 dt, .f *.form_h3 dd {
  line-height: 1.6;
  padding: 20px 10px 20px 0;
  border: none;
  background-color: unset;
  width: 100%;
  padding: 0;
}
.form_wrap.form_h3 dt, .f *.form_h3 dt {
  display: block;
  color: var(--txgr);
  font-weight: 700;
  font-size: 130%;
  letter-spacing: 0.25em;
  padding-bottom: 0.25em;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_h3 dt, .f *.form_h3 dt {
    padding-bottom: 0;
    text-decoration: underline !important;
    text-decoration-color: inherit;
  }
}
.form_wrap.form_h3 dd, .f *.form_h3 dd {
  width: 80%;
  padding-left: 0;
  flex-grow: 1;
  width: 100%;
}
.form_wrap.form_h3::-webkit-scrollbar, .f *.form_h3::-webkit-scrollbar {
  background-color: transparent;
  width: 4px;
  height: 0;
}
.form_wrap.form_h3::-webkit-scrollbar-thumb, .f *.form_h3::-webkit-scrollbar-thumb {
  border-radius: 99px;
  box-shadow: inset 3px 3px 3px rgba(255, 255, 255, 0.2);
}
.form_wrap.dd_ul, .f *.dd_ul {
  overflow-y: scroll;
  margin-inline: auto;
  max-width: 100%;
  position: relative;
  --bdw:2px;
  --bds:dashed;
  --pdb:2em;
  --pdi: 0 .5em;
  --dtc:var(--tx);
  --dtw:bold;
}
.form_wrap.dd_ul dt, .f *.dd_ul dt {
  width: 20%;
}
.form_wrap.dd_ul dd, .f *.dd_ul dd {
  width: 80%;
}
.form_wrap.dd_ul.noscr, .f *.dd_ul.noscr {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
.form_wrap.dd_ul.__scr:is(#contents div), .f *.dd_ul.__scr:is(#contents div) {
  overflow-y: scroll;
}
@media screen and (max-width: 640px) {
  .form_wrap.dd_ul.__scr:is(#contents div), .f *.dd_ul.__scr:is(#contents div) {
    max-height: 35vh;
  }
}
.form_wrap.dd_ul.__02, .f *.dd_ul.__02 {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
  border-block: none;
}
.form_wrap.dd_ul.__02 *, .f *.dd_ul.__02 * {
  border-bottom-color: var(--mc);
}
.form_wrap.dd_ul.__02 dt, .f *.dd_ul.__02 dt {
  font-weight: unset;
}
.form_wrap.dd_ul.__02 dd, .f *.dd_ul.__02 dd {
  border-bottom-color: #fff !important;
}
@media screen and (max-width: 1440px) {
  .form_wrap.dd_ul, .f *.dd_ul {
    border-inline-width: var(--pad);
    border-top-width: var(--bl);
  }
}
@media screen and (max-width: 640px) {
  .form_wrap.dd_ul, .f *.dd_ul {
    max-height: 30vh;
  }
}
.form_wrap.dd_ul a, .f *.dd_ul a {
  text-decoration: underline;
}
.form_wrap.dd_ul dl, .f *.dd_ul dl {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  background-color: unset;
}
.form_wrap.dd_ul dl > *, .f *.dd_ul dl > * {
  padding-top: 0;
}
.form_wrap.dd_ul dl:last-of-type dt, .form_wrap.dd_ul dl:last-of-type dd, .f *.dd_ul dl:last-of-type dt, .f *.dd_ul dl:last-of-type dd {
  border-bottom: none;
}
.form_wrap.dd_ul dl:not(:has(dd)), .f *.dd_ul dl:not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.dd_ul dl:not(:has(dd)) dt, .f *.dd_ul dl:not(:has(dd)) dt {
  align-items: flex-end;
  font-size: 14px;
}
@media screen and (max-width: 640px) {
  .form_wrap.dd_ul dl, .f *.dd_ul dl {
    flex-direction: column;
    flex-direction: row !important;
  }
  .form_wrap.dd_ul dl:not(:last-child), .f *.dd_ul dl:not(:last-child) {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 480px) {
  .form_wrap.dd_ul, .f *.dd_ul {
    --pdb:1em;
  }
}
.form_wrap.dd_ul dt, .form_wrap.dd_ul dd, .f *.dd_ul dt, .f *.dd_ul dd {
  line-height: 1.6;
  padding-block: var(--pdb);
  padding-inline: var(--pdi);
  border-color: transparent;
  background-color: unset;
  border-bottom: var(--bdw) var(--bds) var(--bdc);
  border-bottom: var(--line);
}
@media screen and (max-width: 640px) {
  .form_wrap.dd_ul dt, .form_wrap.dd_ul dd, .f *.dd_ul dt, .f *.dd_ul dd {
    width: 100%;
  }
}
.form_wrap.dd_ul dt, .f *.dd_ul dt {
  align-items: center;
  font-weight: var(--dtw);
  color: var(--dtc);
}
@media screen and (max-width: 834px) {
  .form_wrap.dd_ul dt, .f *.dd_ul dt {
    width: 100%;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.form_wrap.dd_ul dd, .f *.dd_ul dd {
  flex-grow: 1;
}
@media screen and (max-width: 640px) {
  .form_wrap.dd_ul dd, .f *.dd_ul dd {
    width: 100%;
    padding-top: 0;
    padding-left: 0.5em;
  }
}
.form_wrap.dd_ul dd > ul:is(#contents *) li, .f *.dd_ul dd > ul:is(#contents *) li {
  display: inline-block;
  padding-inline-end: 1em;
  line-height: 2;
}
.form_wrap.dd_ul dd > ul:is(#contents *) li:before, .f *.dd_ul dd > ul:is(#contents *) li:before {
  content: "●";
  color: var(--ac);
}
.form_wrap.dd_ul::-webkit-scrollbar, .f *.dd_ul::-webkit-scrollbar {
  background-color: transparent;
  width: 6px;
  height: 0;
}
.form_wrap.dd_ul::-webkit-scrollbar-thumb, .f *.dd_ul::-webkit-scrollbar-thumb {
  background-color: var(--gr);
}
@media screen and (max-width: 834px) {
  .form_wrap.dd_ul dt, .form_wrap.dd_ul dd, .f *.dd_ul dt, .f *.dd_ul dd {
    width: 100% !important;
  }
  .form_wrap.dd_ul dt, .f *.dd_ul dt {
    border-bottom: none;
  }
  .form_wrap.dd_ul dd, .f *.dd_ul dd {
    border-top: none;
  }
}
.form_wrap.form_enkaku, .f *.form_enkaku {
  --bdc: var(--mc) ;
  --maru: var(--mc) ;
  --yoko: var(--mc) ;
  --tate: var(--mc) ;
  --thumb: var(--mc);
  --pl: 6vmin;
  --Npl: calc(var(--pl)*-1 );
  position: relative;
  padding-left: var(--pl);
}
.form_wrap.form_enkaku.__ac, .f *.form_enkaku.__ac {
  --mc:#ff4500;
  --mc11:#ff450011;
  --mc20:#ff450033;
  --mc40:#ff450055;
  --mc50:#ff450088;
  --mc70:#ff4500bb;
}
.form_wrap.form_enkaku dl:has(dd:empty) dt, .f *.form_enkaku dl:has(dd:empty) dt {
  color: var(--tx);
}
.form_wrap.form_enkaku dd:empty, .f *.form_enkaku dd:empty {
  display: none;
}
.form_wrap.form_enkaku dl:is(#contents *), .f *.form_enkaku dl:is(#contents *) {
  position: relative;
  display: flex;
}
.form_wrap.form_enkaku dl:is(#contents *):after, .f *.form_enkaku dl:is(#contents *):after {
  position: absolute;
  top: 0;
  left: var(--Npl);
  width: 1px;
  height: 100%;
  content: "";
  background: var(--tate);
  z-index: -1;
  transform: translateX(-50%);
}
.form_wrap.form_enkaku dl:is(#contents *) dt, .form_wrap.form_enkaku dl:is(#contents *) dd, .f *.form_enkaku dl:is(#contents *) dt, .f *.form_enkaku dl:is(#contents *) dd {
  border-top: unset;
  border-left: unset;
  padding: 1em;
}
.form_wrap.form_enkaku dl:is(#contents *) dt, .f *.form_enkaku dl:is(#contents *) dt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
  font-weight: 500;
}
.form_wrap.form_enkaku dl:is(#contents *) dt:before, .f *.form_enkaku dl:is(#contents *) dt:before {
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: var(--Npl);
  transform: translateX(-50%);
  display: block;
  width: calc(var(--pl) / 4);
  height: calc(var(--pl) / 4);
  margin: auto;
  content: "";
  border-radius: 100px;
  background: var(--maru);
}
.form_wrap.form_enkaku dl:is(#contents *) dt:after, .f *.form_enkaku dl:is(#contents *) dt:after {
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: var(--Npl);
  display: block;
  width: var(--pl);
  height: 1px;
  margin: auto;
  content: "";
  background: var(--yoko);
  z-index: -1;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_enkaku dl:is(#contents *) dt, .f *.form_enkaku dl:is(#contents *) dt {
    min-width: 100px !important;
  }
}
@media screen and (max-width: 640px) {
  .form_wrap.form_enkaku dl, .f *.form_enkaku dl {
    flex-wrap: wrap;
  }
  .form_wrap.form_enkaku dt, .form_wrap.form_enkaku dd, .f *.form_enkaku dt, .f *.form_enkaku dd {
    width: 100% !important;
    border-right: 1px solid #aaa;
  }
}
.form_wrap.__scr:is(#contents div), .f *.__scr:is(#contents div) {
  overflow-y: scroll;
}
@media screen and (max-width: 640px) {
  .form_wrap.__scr:is(#contents div), .f *.__scr:is(#contents div) {
    max-height: 50vh;
  }
}
.form_wrap.dl_qa, .f *.dl_qa {
  --bfFF: var(--cor);
  --rad:8px;
  --dtBG:var(--bc);
}
.form_wrap.dl_qa a, .f *.dl_qa a {
  color: var(--linkC);
}
.form_wrap.dl_qa dt, .f *.dl_qa dt {
  background-color: var(--dtBG);
}
.form_wrap.dl_qa dl:is(#contents dl), .f *.dl_qa dl:is(#contents dl) {
  display: block !important;
  font-size: var(--f20);
  --size:3vmax;
}
.form_wrap.dl_qa dl:is(#contents dl) dt, .form_wrap.dl_qa dl:is(#contents dl) dd, .f *.dl_qa dl:is(#contents dl) dt, .f *.dl_qa dl:is(#contents dl) dd {
  border-radius: var(--rad);
  padding: 1em;
  padding-left: calc(var(--size) + var(--f24));
  border: none !important;
  font-weight: 500;
  position: relative;
}
.form_wrap.dl_qa dl:is(#contents dl) dt:is(#contents *), .form_wrap.dl_qa dl:is(#contents dl) dd:is(#contents *), .f *.dl_qa dl:is(#contents dl) dt:is(#contents *), .f *.dl_qa dl:is(#contents dl) dd:is(#contents *) {
  width: 100%;
}
.form_wrap.dl_qa dl:is(#contents dl) dt:before, .f *.dl_qa dl:is(#contents dl) dt:before {
  border-radius: calc(0.5 * var(--rad));
  font-family: var(--bfFF);
  content: "Q";
  color: var(--mc);
  background-color: #fff;
  display: block;
  position: absolute;
  left: 0.5em;
  top: 50%;
  translate: 0 -50%;
  font-size: var(--f20);
  font-weight: bold;
  width: var(--size);
  height: var(--size);
  line-height: var(--size);
  display: grid;
  place-items: center;
}
.form_wrap.dl_qa dl:is(#contents dl) dt:after, .f *.dl_qa dl:is(#contents dl) dt:after {
  font-family: var(--fa);
  content: "\f105"; /*アイコンのユニコード*/
  position: absolute; /*絶対位置*/
  right: 10px; /*アイコンの位置*/
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  color: var(--mc);
  font-weight: 900;
  transition: 0.4s;
  rotate: 90deg;
}
.form_wrap.dl_qa dl:is(#contents dl) dt.show:after, .f *.dl_qa dl:is(#contents dl) dt.show:after {
  rotate: -90deg;
}
.form_wrap.dl_qa dl:is(#contents dl) dt:hover, .f *.dl_qa dl:is(#contents dl) dt:hover {
  opacity: 0.7;
}
.form_wrap.dl_qa dl:is(#contents dl) dd, .f *.dl_qa dl:is(#contents dl) dd {
  display: none;
  font-size: 80%;
  padding-left: calc(var(--size) + var(--f24));
}
.form_wrap.dl_qa dl:is(#contents dl) dd:is(.firstopen dl:first-child dd), .f *.dl_qa dl:is(#contents dl) dd:is(.firstopen dl:first-child dd) {
  display: block;
}
.form_wrap.dl_qa dl:is(#contents dl) dd:is(.allopen dd), .f *.dl_qa dl:is(#contents dl) dd:is(.allopen dd) {
  display: block;
}
.form_wrap.dl_qa dl:is(#contents dl) dd:before, .f *.dl_qa dl:is(#contents dl) dd:before {
  border-radius: calc(0.5 * var(--rad));
  font-family: var(--bfFF);
  content: "A";
  color: var(--ff);
  background-color: var(--mc);
  display: block;
  position: absolute;
  left: 0.5em;
  top: 50%;
  translate: 0 -50%;
  font-size: var(--f20);
  font-weight: bold;
  width: var(--size);
  height: var(--size);
  line-height: var(--size);
  display: grid;
  place-items: center;
}
.form_wrap.dl_qa dl:is(#contents dl) dd.show, .f *.dl_qa dl:is(#contents dl) dd.show {
  opacity: 1;
}
.form_wrap.dl_qa dl:is(#contents dl):not(:last-child), .f *.dl_qa dl:is(#contents dl):not(:last-child) {
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  .form_wrap.dl_qa dl:is(#contents dl):not(:last-child), .f *.dl_qa dl:is(#contents dl):not(:last-child) {
    margin-bottom: 15px;
  }
}
.form_wrap.dl_toggle, .f *.dl_toggle {
  --bfFF: var(--fa);
  --rad:8px;
  --dtBG:var(--bc);
}
.form_wrap.dl_toggle:is(.fl50 *, .fl50c *, .fl50s *, .fl50e *), .f *.dl_toggle:is(.fl50 *, .fl50c *, .fl50s *, .fl50e *) {
  margin-top: unset;
}
.form_wrap.dl_toggle a, .f *.dl_toggle a {
  color: var(--linkC);
}
.form_wrap.dl_toggle dt, .f *.dl_toggle dt {
  background-color: var(--dtBG);
}
.form_wrap.dl_toggle dl:is(#contents dl), .f *.dl_toggle dl:is(#contents dl) {
  display: block !important;
  font-size: var(--f20);
  --size:3vmax;
}
.form_wrap.dl_toggle dl:is(#contents dl) + dl, .f *.dl_toggle dl:is(#contents dl) + dl {
  margin-top: var(--g);
}
.form_wrap.dl_toggle dl:is(#contents dl):has(dd:empty) dt, .f *.dl_toggle dl:is(#contents dl):has(dd:empty) dt {
  pointer-events: none;
}
.form_wrap.dl_toggle dl:is(#contents dl):has(dd:empty) dt:after, .f *.dl_toggle dl:is(#contents dl):has(dd:empty) dt:after {
  display: none;
}
.form_wrap.dl_toggle dl:is(#contents dl):has(dd:empty) dd, .f *.dl_toggle dl:is(#contents dl):has(dd:empty) dd {
  display: none;
}
.form_wrap.dl_toggle dl:is(#contents dl) dt, .form_wrap.dl_toggle dl:is(#contents dl) dd, .f *.dl_toggle dl:is(#contents dl) dt, .f *.dl_toggle dl:is(#contents dl) dd {
  border-radius: var(--rad);
  padding: 1em;
  padding-left: calc(var(--size) + var(--f24));
  border: none !important;
  font-weight: 500;
  position: relative;
}
.form_wrap.dl_toggle dl:is(#contents dl) dt:is(#contents *), .form_wrap.dl_toggle dl:is(#contents dl) dd:is(#contents *), .f *.dl_toggle dl:is(#contents dl) dt:is(#contents *), .f *.dl_toggle dl:is(#contents dl) dd:is(#contents *) {
  width: 100%;
}
.form_wrap.dl_toggle dl:is(#contents dl) dt:before, .f *.dl_toggle dl:is(#contents dl) dt:before {
  border-radius: calc(0.5 * var(--rad));
  font-family: var(--bfFF);
  content: "\f00c";
  color: var(--mc);
  display: block;
  position: absolute;
  left: 0.5em;
  top: 50%;
  translate: 0 -50%;
  font-size: var(--f20);
  font-weight: bold;
  width: var(--size);
  height: var(--size);
  line-height: var(--size);
  display: grid;
  place-items: center;
}
.form_wrap.dl_toggle dl:is(#contents dl) dt:after, .f *.dl_toggle dl:is(#contents dl) dt:after {
  font-family: var(--fa);
  content: "\f105"; /*アイコンのユニコード*/
  position: absolute; /*絶対位置*/
  right: 10px; /*アイコンの位置*/
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  color: var(--mc);
  font-weight: 900;
  transition: 0.4s;
  rotate: 90deg;
}
.form_wrap.dl_toggle dl:is(#contents dl) dt.show:after, .f *.dl_toggle dl:is(#contents dl) dt.show:after {
  rotate: -90deg;
}
.form_wrap.dl_toggle dl:is(#contents dl) dt:hover, .f *.dl_toggle dl:is(#contents dl) dt:hover {
  opacity: 0.7;
}
.form_wrap.dl_toggle dl:is(#contents dl) dd, .f *.dl_toggle dl:is(#contents dl) dd {
  display: none;
  font-size: 80%;
  padding-left: calc(var(--f24));
  background-color: unset;
}
.form_wrap.dl_toggle dl:is(#contents dl) dd:is(.firstopen dl:first-child dd), .f *.dl_toggle dl:is(#contents dl) dd:is(.firstopen dl:first-child dd) {
  display: block;
}
.form_wrap.dl_toggle dl:is(#contents dl) dd:is(.allopen dd), .f *.dl_toggle dl:is(#contents dl) dd:is(.allopen dd) {
  display: block;
}
.form_wrap.dl_toggle dl:is(#contents dl) dd:before, .f *.dl_toggle dl:is(#contents dl) dd:before {
  border-radius: calc(0.5 * var(--rad));
  font-family: var(--bfFF);
  content: "A";
  color: var(--ff);
  background-color: var(--mc);
  display: block;
  position: absolute;
  left: 0.5em;
  top: 50%;
  translate: 0 -50%;
  font-size: var(--f20);
  font-weight: bold;
  width: var(--size);
  height: var(--size);
  line-height: var(--size);
  display: grid;
  place-items: center;
  display: none;
}
.form_wrap.dl_toggle dl:is(#contents dl) dd.show, .f *.dl_toggle dl:is(#contents dl) dd.show {
  opacity: 1;
}
.form_wrap.dl_flow, .f *.dl_flow {
  --l:clamp(72px,9vw,90px);
}
.form_wrap.dl_flow dl:is(#contents dl), .f *.dl_flow dl:is(#contents dl) {
  display: block;
  position: relative;
}
.form_wrap.dl_flow dl:is(#contents dl) > *, .f *.dl_flow dl:is(#contents dl) > * {
  background-color: unset;
  border: none;
  padding-left: var(--l);
}
.form_wrap.dl_flow dl:is(#contents dl) dt, .f *.dl_flow dl:is(#contents dl) dt {
  border-bottom: 1px solid;
  font-weight: 700;
  padding-block: 1.5em;
  font-size: var(--f20);
}
.form_wrap.dl_flow dl:is(#contents dl) dt .sub, .f *.dl_flow dl:is(#contents dl) dt .sub {
  position: absolute;
  left: 0%;
  font-size: var(--f60);
  color: var(--mc);
  line-height: 1;
}
.form_wrap.dl_flow dl:is(#contents dl) dd, .f *.dl_flow dl:is(#contents dl) dd {
  padding-block: 1em;
}
.form_wrap.dl_menu, .f *.dl_menu {
  --line:var(--mc);
  --p:var(--f16);
  --bdc: var(--mc);
  font-size: var(--f18);
  --dtFZ:110%;
}
.form_wrap.dl_menu:is(.fl50 .sheet, .fl50c .sheet, .fl50s .sheet, .fl50e .sheet), .f *.dl_menu:is(.fl50 .sheet, .fl50c .sheet, .fl50s .sheet, .fl50e .sheet) {
  padding: calc(var(--g) / 2);
}
.form_wrap.dl_menu.__mc, .f *.dl_menu.__mc {
  --bdc: var(--mc);
}
.form_wrap.dl_menu.__sc, .f *.dl_menu.__sc {
  --bdc: var(--sc);
}
.form_wrap.dl_menu dl:has(dd:empty), .f *.dl_menu dl:has(dd:empty) {
  padding-inline: unset;
  border-bottom: none !important;
}
.form_wrap.dl_menu dl:has(dd:empty) dd:is(#contents *), .f *.dl_menu dl:has(dd:empty) dd:is(#contents *) {
  display: none;
}
.form_wrap.dl_menu dl:has(dd:empty) dt:is(#contents *), .f *.dl_menu dl:has(dd:empty) dt:is(#contents *) {
  width: 100%;
  background-color: var(--bdc);
  align-items: center;
  justify-content: flex-start;
  color: var(--ff);
  font-weight: bold;
  padding-inline: var(--bodyFZ);
  line-height: var(--hlh);
}
@media screen and (max-width: 640px) {
  .form_wrap.dl_menu dl:has(dd:empty) dt:is(#contents *), .f *.dl_menu dl:has(dd:empty) dt:is(#contents *) {
    padding: var(--bodyFZ) !important;
  }
}
.form_wrap.dl_menu dl:has(.subDT) dd:is(#contents *), .f *.dl_menu dl:has(.subDT) dd:is(#contents *) {
  display: none;
}
.form_wrap.dl_menu dl:has(.subDT) dt:is(#contents *), .f *.dl_menu dl:has(.subDT) dt:is(#contents *) {
  width: 100%;
  align-items: center;
  color: var(--mc);
  font-weight: bold;
  justify-content: flex-start;
  line-height: var(--hlh);
}
@media screen and (max-width: 640px) {
  .form_wrap.dl_menu dl:has(.subDT) dt:is(#contents *), .f *.dl_menu dl:has(.subDT) dt:is(#contents *) {
    padding: var(--bodyFZ) !important;
  }
}
.form_wrap.dl_menu dl, .f *.dl_menu dl {
  background-color: #fff;
  border-bottom: 2px var(--decoS) var(--bdc);
  flex-direction: row-reverse !important;
  align-items: flex-end;
}
.form_wrap.dl_menu dl dd:is(#contents *), .f *.dl_menu dl dd:is(#contents *) {
  border: none;
  background: none;
  padding: var(--p) 0;
  color: var(--tx);
}
.form_wrap.dl_menu dl dd:is(#contents *) .ttl, .f *.dl_menu dl dd:is(#contents *) .ttl {
  font-weight: 600;
}
.form_wrap.dl_menu dl dd:is(#contents *) .sub, .f *.dl_menu dl dd:is(#contents *) .sub {
  font-weight: 500;
}
.form_wrap.dl_menu dl dd:is(#contents *) .small, .f *.dl_menu dl dd:is(#contents *) .small {
  font-size: 0.9em;
}
.form_wrap.dl_menu dl dd:is(#contents *) .bold, .f *.dl_menu dl dd:is(#contents *) .bold {
  font-weight: bold;
}
.form_wrap.dl_menu dl dt:is(#contents *), .f *.dl_menu dl dt:is(#contents *) {
  border: none;
  background: none;
  text-align: right;
  padding: var(--p) 0;
  min-width: 70px;
  align-items: flex-end;
  font-weight: bold;
  font-size: var(--dtFZ);
  justify-content: flex-end;
}
@media screen and (max-width: 640px) {
  .form_wrap.dl_menu dl, .f *.dl_menu dl {
    flex-direction: column-reverse !important;
  }
  .form_wrap.dl_menu dl dd, .form_wrap.dl_menu dl dt, .f *.dl_menu dl dd, .f *.dl_menu dl dt {
    width: 100% !important;
  }
  .form_wrap.dl_menu dl dd, .f *.dl_menu dl dd {
    padding: 5px !important;
  }
  .form_wrap.dl_menu dl dt, .f *.dl_menu dl dt {
    padding: 0 !important;
  }
}
.form_wrap.dl_menu dl:has(span.normal), .f *.dl_menu dl:has(span.normal) {
  justify-content: space-between;
}
.form_wrap.dl_menu dl:has(span.normal) dd:is(#contents *), .f *.dl_menu dl:has(span.normal) dd:is(#contents *) {
  width: unset;
  font-size: unset;
}
.form_wrap.dl_menu dl:has(span.normal) dt:is(#contents *), .f *.dl_menu dl:has(span.normal) dt:is(#contents *) {
  width: unset;
  align-items: flex-start;
}
.form_wrap.dl_menu-rev, .f *.dl_menu-rev {
  --line:var(--mc);
  --p:var(--f16);
  --bdc: var(--gr);
  font-size: var(--f18);
  --dtFZ:110%;
}
.form_wrap.dl_menu-rev:is(.fl50 .sheet, .fl50c .sheet, .fl50s .sheet, .fl50e .sheet), .f *.dl_menu-rev:is(.fl50 .sheet, .fl50c .sheet, .fl50s .sheet, .fl50e .sheet) {
  padding: calc(var(--g) / 2);
}
.form_wrap.dl_menu-rev.__mc, .f *.dl_menu-rev.__mc {
  --bdc: var(--mc);
}
.form_wrap.dl_menu-rev.__sc, .f *.dl_menu-rev.__sc {
  --bdc: var(--sc);
}
.form_wrap.dl_menu-rev dl:has(dd:empty), .f *.dl_menu-rev dl:has(dd:empty) {
  padding-inline: unset;
}
.form_wrap.dl_menu-rev dl:has(dd:empty) dd:is(#contents *), .f *.dl_menu-rev dl:has(dd:empty) dd:is(#contents *) {
  display: none;
}
.form_wrap.dl_menu-rev dl:has(dd:empty) dt:is(#contents *), .f *.dl_menu-rev dl:has(dd:empty) dt:is(#contents *) {
  font-family: var(--hin);
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  font-weight: bold;
  padding-inline: var(--bodyFZ);
  border-bottom: 1px solid #fff;
  line-height: var(--hlh);
}
@media screen and (max-width: 640px) {
  .form_wrap.dl_menu-rev dl:has(dd:empty) dt:is(#contents *), .f *.dl_menu-rev dl:has(dd:empty) dt:is(#contents *) {
    padding: var(--bodyFZ) !important;
  }
}
.form_wrap.dl_menu-rev dl:has(.subDT) dd:is(#contents *), .f *.dl_menu-rev dl:has(.subDT) dd:is(#contents *) {
  display: none;
}
.form_wrap.dl_menu-rev dl:has(.subDT) dt:is(#contents *), .f *.dl_menu-rev dl:has(.subDT) dt:is(#contents *) {
  width: 100%;
  align-items: center;
  color: var(--mc);
  font-weight: bold;
  justify-content: flex-start;
  line-height: var(--hlh);
}
@media screen and (max-width: 640px) {
  .form_wrap.dl_menu-rev dl:has(.subDT) dt:is(#contents *), .f *.dl_menu-rev dl:has(.subDT) dt:is(#contents *) {
    padding: var(--bodyFZ) !important;
  }
}
.form_wrap.dl_menu-rev dl, .f *.dl_menu-rev dl {
  border-bottom: 1px var(--decoS) var(--bdc);
  flex-direction: row !important;
  align-items: flex-end;
}
.form_wrap.dl_menu-rev dl > *, .f *.dl_menu-rev dl > * {
  flex: 1;
}
.form_wrap.dl_menu-rev dl dt:is(#contents *), .f *.dl_menu-rev dl dt:is(#contents *) {
  border: none;
  background: none;
  padding: var(--p) 0;
  color: var(--tx);
  font-weight: bold;
}
.form_wrap.dl_menu-rev dl dt:is(#contents *) .ttl, .f *.dl_menu-rev dl dt:is(#contents *) .ttl {
  font-weight: 600;
}
.form_wrap.dl_menu-rev dl dt:is(#contents *) .sub, .f *.dl_menu-rev dl dt:is(#contents *) .sub {
  font-weight: 500;
}
.form_wrap.dl_menu-rev dl dt:is(#contents *) .small, .f *.dl_menu-rev dl dt:is(#contents *) .small {
  font-size: 0.9em;
}
.form_wrap.dl_menu-rev dl dt:is(#contents *) .bold, .f *.dl_menu-rev dl dt:is(#contents *) .bold {
  font-weight: bold;
}
.form_wrap.dl_menu-rev dl dd:is(#contents *), .f *.dl_menu-rev dl dd:is(#contents *) {
  border: none;
  background: none;
  text-align: right;
  padding: var(--p) 0;
  min-width: 70px;
  align-items: flex-end;
  justify-content: flex-end;
}
@media screen and (max-width: 640px) {
  .form_wrap.dl_menu-rev dl, .f *.dl_menu-rev dl {
    flex-direction: column !important;
  }
  .form_wrap.dl_menu-rev dl dd, .form_wrap.dl_menu-rev dl dt, .f *.dl_menu-rev dl dd, .f *.dl_menu-rev dl dt {
    width: 100% !important;
    flex: unset !important;
  }
  .form_wrap.dl_menu-rev dl dt, .f *.dl_menu-rev dl dt {
    padding: 5px !important;
  }
  .form_wrap.dl_menu-rev dl dd, .f *.dl_menu-rev dl dd {
    padding: 0 !important;
  }
}
.form_wrap.dl_menu-rev dl:has(span.normal), .f *.dl_menu-rev dl:has(span.normal) {
  justify-content: space-between;
}
.form_wrap.dl_menu-rev dl:has(span.normal) dd:is(#contents *), .f *.dl_menu-rev dl:has(span.normal) dd:is(#contents *) {
  width: unset;
  font-size: unset;
}
.form_wrap.dl_menu-rev dl:has(span.normal) dt:is(#contents *), .f *.dl_menu-rev dl:has(span.normal) dt:is(#contents *) {
  width: unset;
  align-items: flex-start;
}
.form_wrap.dl_menu02, .f *.dl_menu02 {
  --line:var(--gr);
  --col2:var(--gr);
  --g:1em;
  padding-inline: 1em;
  border: 1px solid #ccc;
  font-size: var(--f18);
}
.form_wrap.dl_menu02 dl, .f *.dl_menu02 dl {
  border-bottom: 1px dotted var(--line);
  flex-direction: row-reverse !important;
  align-items: flex-end;
}
.form_wrap.dl_menu02 dl dd, .f *.dl_menu02 dl dd {
  border: none !important;
  background: none !important;
  padding: var(--g) 0 !important;
  font-size: var(--f18);
  color: var(--mc);
  flex: 1;
}
.form_wrap.dl_menu02 dl dd .ttl, .f *.dl_menu02 dl dd .ttl {
  font-weight: 600;
}
.form_wrap.dl_menu02 dl dd .sub, .f *.dl_menu02 dl dd .sub {
  font-weight: 500;
}
.form_wrap.dl_menu02 dl dd .small, .f *.dl_menu02 dl dd .small {
  font-size: 0.9em;
}
.form_wrap.dl_menu02 dl dd .bold, .f *.dl_menu02 dl dd .bold {
  font-weight: bold;
}
.form_wrap.dl_menu02 dl dt:is(#contents dt), .f *.dl_menu02 dl dt:is(#contents dt) {
  background: none;
  text-align: right;
  padding: var(--g) 0;
  min-width: 106px;
  font-weight: 700;
  align-items: flex-end !important;
  color: var(--tx);
  border: none;
  border-bottom: 2px solid var(--mc);
  font-size: 111%;
  line-height: 1;
}
@media screen and (max-width: 640px) {
  .form_wrap.dl_menu02 dl, .f *.dl_menu02 dl {
    flex-direction: column-reverse !important;
  }
  .form_wrap.dl_menu02 dl dd, .form_wrap.dl_menu02 dl dt, .f *.dl_menu02 dl dd, .f *.dl_menu02 dl dt {
    width: 100% !important;
  }
}

.ul_btns {
  --g: 0vmin;
}
.ul_btns + .ul_btns {
  margin-top: 1em;
}
.ul_btns ul {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  gap: 1em;
}
.ul_btns li {
  flex: 1;
  width: 100%;
  line-height: 2;
  width: -moz-fit-content;
  width: fit-content;
}
.ul_btns li + li {
  border-top: 1px solid #fff;
}
.ul_btns li:is(#contents *) {
  overflow: visible;
}
@media screen and (max-width: 834px) {
  .ul_btns li {
    flex: unset;
    width: calc(50% - 0.5em);
  }
}
.ul_btns a[class*=btn] {
  min-width: unset;
  width: 100%;
  height: 100%;
}
.ul_btns a[class*=btn]:is(.__mc *) {
  --btnBG: var(--mc);
}

.ul_card1 ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--g);
}
.ul_card1 ul ul {
  display: contents;
}
.ul_card1 ul .box, .ul_card1 ul li, .ul_card1 ul > * {
  width: calc((100% - var(--g) * 0) / 1);
  flex: 0 1 calc((100% - var(--g) * 0) / 1);
}
.ul_card1 ul:after {
  display: none;
}

.ul_card2 ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--g);
}
.ul_card2 ul ul {
  display: contents;
}
.ul_card2 ul .box, .ul_card2 ul li, .ul_card2 ul > * {
  width: calc((100% - var(--g) * 1) / 2);
  flex: 0 1 calc((100% - var(--g) * 1) / 2);
}
.ul_card2 ul:after {
  display: none;
}

.ul_card3 ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--g);
}
.ul_card3 ul ul {
  display: contents;
}
.ul_card3 ul .box, .ul_card3 ul li, .ul_card3 ul > * {
  width: calc((100% - var(--g) * 2) / 3);
  flex: 0 1 calc((100% - var(--g) * 2) / 3);
}
.ul_card3 ul:after {
  display: none;
}

.ul_card4 ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--g);
}
.ul_card4 ul ul {
  display: contents;
}
.ul_card4 ul .box, .ul_card4 ul li, .ul_card4 ul > * {
  width: calc((100% - var(--g) * 3) / 4);
  flex: 0 1 calc((100% - var(--g) * 3) / 4);
}
.ul_card4 ul:after {
  display: none;
}

.ul_card5 ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--g);
}
.ul_card5 ul ul {
  display: contents;
}
.ul_card5 ul .box, .ul_card5 ul li, .ul_card5 ul > * {
  width: calc((100% - var(--g) * 4) / 5);
  flex: 0 1 calc((100% - var(--g) * 4) / 5);
}
.ul_card5 ul:after {
  display: none;
}

.ul_card6 ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--g);
}
.ul_card6 ul ul {
  display: contents;
}
.ul_card6 ul .box, .ul_card6 ul li, .ul_card6 ul > * {
  width: calc((100% - var(--g) * 5) / 6);
  flex: 0 1 calc((100% - var(--g) * 5) / 6);
}
.ul_card6 ul:after {
  display: none;
}

.tbl_normal, .tbl_scroll {
  line-height: 1.5;
}
.tbl_normal.name-link a, .tbl_scroll.name-link a {
  color: var(--linkC);
}
.tbl_normal.td-center td, .tbl_scroll.td-center td {
  text-align: center !important;
}
.tbl_normal td:is(#contents *) em, .tbl_scroll td:is(#contents *) em {
  color: var(--red);
  font-weight: bold;
}
.tbl_normal td:is(#contents *) b, .tbl_normal td:is(#contents *) em, .tbl_scroll td:is(#contents *) b, .tbl_scroll td:is(#contents *) em {
  font-size: 120%;
}
@media screen and (max-width: 480px) {
  .tbl_normal td:is(#contents *), .tbl_scroll td:is(#contents *) {
    padding: 0.5em;
  }
}

.mainColor, .accentColor {
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.5;
}
.mainColor.td-center td, .td-center.accentColor td {
  text-align: center !important;
}
.mainColor td:is(#contents *), .accentColor td:is(#contents *) {
  text-align: center;
}
@media screen and (max-width: 480px) {
  .mainColor td:is(#contents *), .accentColor td:is(#contents *) {
    padding: 0.5em;
  }
}
.mainColor tr:first-of-type, .accentColor tr:first-of-type {
  background-color: var(--mc);
  color: #fff;
}
.mainColor tr:not(:first-of-type) td, .accentColor tr:not(:first-of-type) td {
  text-align: left;
}
.mainColor tr:not(:first-of-type) td:first-of-type, .accentColor tr:not(:first-of-type) td:first-of-type {
  background-color: var(--mc11);
}
.mainColor tr:not(:first-of-type) td[id*=_cell_2], .accentColor tr:not(:first-of-type) td[id*=_cell_2] {
  background-color: var(--mc11);
}
.mainColor.__v2 td:is(#contents *), .__v2.accentColor td:is(#contents *) {
  text-align: left;
}
.mainColor.__v2 tr:first-of-type, .__v2.accentColor tr:first-of-type {
  background-color: var(--mc);
  color: #fff;
}
.mainColor.__v2 tr:first-of-type td:is(#contents *), .__v2.accentColor tr:first-of-type td:is(#contents *) {
  text-align: center;
}
.mainColor.__v2 tr:not(:first-of-type) td, .__v2.accentColor tr:not(:first-of-type) td {
  text-align: left;
}
.mainColor.__v2 tr:not(:first-of-type) td:first-of-type, .__v2.accentColor tr:not(:first-of-type) td:first-of-type {
  background-color: var(--mc11);
}
.mainColor.__v2 tr:not(:first-of-type) td:first-of-type div, .__v2.accentColor tr:not(:first-of-type) td:first-of-type div {
  text-align: center;
}
.mainColor.__v2 tr:not(:first-of-type) td[id*=_cell_2], .__v2.accentColor tr:not(:first-of-type) td[id*=_cell_2] {
  background-color: var(--un);
}

.accentColor tr:first-of-type {
  background-color: var(--ac);
}
.accentColor tr:not(:first-of-type) td:first-of-type {
  background-color: var(--ac11);
}
.accentColor tr:not(:first-of-type) td[id*=_cell_2] {
  background-color: var(--ac11);
}

.emptyNone td:has(div:empty) {
  display: none;
}

.sameSize td {
  width: 1%;
}

.tbl01:is(#contents *) tr:first-of-type {
  background-color: var(--mc20);
  font-weight: bold;
}
.tbl01:is(#contents *) td:not(:last-child) {
  text-align: center;
}

.tbl02 tr:not(:first-of-type) td:is(#contents *):nth-child(3), .tbl02 tr:not(:first-of-type) td:is(#contents *):nth-child(4) {
  text-align: left;
}

.tbl04 tr:not(:first-of-type) td:is(#contents *):nth-child(3), .tbl04 tr:not(:first-of-type) td:is(#contents *):nth-child(4) {
  text-align: left;
}
.tbl04 tr:first-of-type {
  background-color: var(--mc20);
}
.tbl04 tr:first-of-type td:first-of-type {
  background-color: unset;
}
.tbl04 td:first-of-type {
  background-color: var(--un);
}

.tbl03 td:is(#contents *) {
  text-align: left;
}
@media screen and (max-width: 480px) {
  .tbl03 td:is(#contents *) {
    padding: 0.25em;
  }
}
.tbl03 tr:first-of-type, .tbl03 tr:nth-of-type(2) {
  background-color: var(--mc20);
}
.tbl03 tr:first-of-type td:is(#contents *),
.tbl03 tr:nth-of-type(2) td:is(#contents *) {
  text-align: center;
  background-color: unset;
}
.tbl03 td:first-of-type {
  background-color: var(--un);
}
.tbl03 tr:not(:first-of-type) td:is(#contents *) div {
  font-size: var(--f16);
}

.img-order1 :has(> .im) {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.img-order1 :has(> .im) > div {
  margin-top: unset;
}
.img-order1 :has(> .im) .im {
  order: 1;
}

.i-order :is(img, figure) {
  order: 1;
}

[class*=img] figure {
  max-width: var(--imgW);
  width: var(--imgW);
}

.img100 * {
  --imgW: 100%;
}

.img95 * {
  --imgW: 95%;
}

.img90 * {
  --imgW: 90%;
}

.img875 * {
  --imgW: 87.5%;
}

.img85 * {
  --imgW: 85%;
}

.img80 * {
  --imgW: 80%;
}

.img75 * {
  --imgW: 75%;
}

.img70 * {
  --imgW: 70%;
}

.img66 * {
  --imgW: 66%;
}

.img65 * {
  --imgW: 65%;
}

.img60 * {
  --imgW: 60%;
}

.img55 * {
  --imgW: 55%;
}

.img50 * {
  --imgW: 50%;
}

.img45 * {
  --imgW: 45%;
}

.img40 * {
  --imgW: 40%;
}

.img35 * {
  --imgW: 35%;
}

.img33 * {
  --imgW: 33%;
}

.img30 * {
  --imgW: 30%;
}

.img25 * {
  --imgW: 25%;
}

.img20 * {
  --imgW: 20%;
}

.img10 * {
  --imgW: 10%;
}

:root {
  --waveH:clamp(40px,4vh,80px);
  --waveNH:calc(var(--waveH)*-1);
}

.wave_outer {
  margin-top: var(--waveNH);
  height: calc(var(--waveH) + var(--bl));
  padding-block-start: var(--bl);
}
.wave_outer.Hunset {
  height: unset;
}
.wave_outer svg.wave {
  position: relative;
  width: 100%;
  height: var(--waveH);
}
.wave_outer .wave_g > use {
  animation: wave 6s cubic-bezier(0.5, 0.5, 0.5, 0.5) infinite;
}
.wave_outer div:nth-child(1) .wave_g > use {
  animation-delay: -9s;
}
.wave_outer div:nth-child(2) .wave_g > use {
  animation-delay: -8s;
}
.wave_outer div:nth-child(3) .wave_g > use {
  animation-delay: -7s;
}
.wave_outer div:nth-child(4) .wave_g > use {
  animation-delay: -6s;
}
.wave_outer div:nth-child(5) .wave_g > use {
  animation-delay: -5s;
}
.wave_outer div:nth-child(6) .wave_g > use {
  animation-delay: -4s;
}
.wave_outer div:nth-child(7) .wave_g > use {
  animation-delay: -3s;
}
.wave_outer div:nth-child(8) .wave_g > use {
  animation-delay: -2s;
}
.wave_outer div:nth-child(9) .wave_g > use {
  animation-delay: -1s;
}
@keyframes wave {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}

.d-fcc div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.gc {
  display: grid;
  place-items: center;
}
.gc::after {
  display: none;
}

.privacy-policy {
  text-decoration: underline;
}

.faq-01, .faq-02 {
  flex-direction: column;
  padding-bottom: 20px;
  margin-top: 40px;
}
.faq-01 .box, .faq-02 .box {
  margin-top: 20px;
}
.faq-01 .box > *, .faq-02 .box > * {
  min-width: 0;
}
.faq-01 .box:first-child, .faq-02 .box:first-child {
  margin-top: 0;
}
.faq-01 .box:first-child div::before, .faq-02 .box:first-child div::before {
  content: "Q";
}
.faq-01 .box:last-child div::before, .faq-02 .box:last-child div::before {
  content: "A";
  color: #fff;
}
.faq-01 .box > div, .faq-02 .box > div {
  flex: 1;
  position: relative;
  padding-left: 100px;
  font-size: 16px;
  display: flex;
  align-items: center;
  height: 80px;
}
.faq-01 .box > div::before, .faq-02 .box > div::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  line-height: 1.4;
  font-size: 2em;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.faq-02 {
  border-bottom: 2px solid var(--tx);
}
.faq-02 .box:first-child div::before {
  content: "Q";
  background-color: var(--sc);
  color: var(--mc);
}
.faq-02 .box:last-child div::before {
  content: "A";
  color: var(--ac);
  background-color: var(--sc);
}
.faq-02 .box > div::before {
  border: none;
  border-radius: 4px;
}

#header .d-tal div, #contents .d-tal div, #footer .d-tal div {
  text-align: left;
}
@media screen and (max-width: 640px) {
  #header .spnobr br, #contents .spnobr br, #footer .spnobr br {
    display: none;
  }
}
@media screen and (max-width: 834px) {
  #header .tabnobr br, #contents .tabnobr br, #footer .tabnobr br {
    display: none;
  }
}

.dis {
  display: none;
}

.pcnone {
  display: none;
}
@media screen and (max-width: 834px) {
  .pcnone {
    display: block;
  }
}

@media screen and (max-width: 1200px) {
  .bp1200none {
    display: block;
  }
}

@media screen and (max-width: 834px) {
  .tabnone {
    display: none;
  }
}

@media screen and (max-width: 640px) {
  .spnone {
    display: none;
  }
}

.ul_slide:is(section div) {
  padding-inline: unset;
  --dot: 20px;
}
.ul_slide:is(section div).noDetail .detail {
  display: none !important;
}
.ul_slide:is(section div).noTag .blog_text ul {
  display: none !important;
}
.ul_slide:is(section div).noDot :is(.slick-dots, .slick-arrow) {
  display: none !important;
}
.ul_slide:is(section div).noArrow .slick-arrow {
  display: none !important;
}
.ul_slide:is(section div):after {
  display: none;
}
.ul_slide:is(section div).noDate .blog_date {
  display: none !important;
}
.ul_slide:is(section div) .slick-list {
  overflow: hidden;
  border-radius: var(--rad);
}
.ul_slide:is(section div) .slick-list li {
  border-radius: var(--rad);
  margin-inline: unset;
}
.ul_slide:is(section div) .slick-list.layer article {
  display: grid;
  place-items: center;
}
.ul_slide:is(section div) img:is(#contents img) {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ul_slide:is(section div) .slick-prev {
  left: calc(var(--g) * 1);
}
.ul_slide:is(section div) .slick-next {
  right: calc(var(--g) * 1);
}
.ul_slide:is(section div) .slick-prev, .ul_slide:is(section div) .slick-next {
  z-index: 1;
  font-size: 2em;
  width: 1.5em;
  height: 1.5em;
  top: 50%;
  transform: translateY(-50%);
}
.ul_slide:is(section div) .slick-prev:is(.noText *), .ul_slide:is(section div) .slick-next:is(.noText *) {
  top: 50%;
}
.ul_slide:is(section div) .slick-prev:before, .ul_slide:is(section div) .slick-next:before {
  color: var(--ff);
  font-size: inherit;
  font-family: var(--fa);
  display: inline-block;
  content: "\f054";
  font-weight: 900;
}
.ul_slide:is(section div) .slick-prev:before {
  scale: -1 1;
}
.ul_slide:is(section div) .slick-dots li {
  width: var(--dot);
  height: var(--dot);
}
.ul_slide:is(section div) .slick-dots li button {
  width: var(--dot);
  height: var(--dot);
}
.ul_slide:is(section div) .slick-dots li button:before {
  position: unset;
  font-size: calc(var(--dot) / 2);
}
.ul_slide:is(section div) .slider p {
  font-size: 2rem;
  font-weight: bold;
  line-height: 100px;
  color: #666;
  margin: 10px;
  text-align: center;
  background-color: #e0e0e0;
}
.ul_slide:is(section div) .buttons {
  display: flex;
  justify-content: center;
}
.ul_slide:is(section div) .buttons .button {
  margin: 8px;
  border: 1px solid #000;
  color: #000;
  padding: 8px;
  text-align: center;
  width: 8em;
  transition: all 300ms ease;
}
.ul_slide:is(section div) .buttons .button:hover {
  cursor: pointer;
  background-color: var(--ac);
  color: #fff;
  transition: all 300ms ease;
}
.ul_slide:is(section div) .slick-dots li.slick-active button:before {
  color: var(--mc);
}
.ul_slide:is(section div) .slick-dots {
  width: -moz-fit-content;
  width: fit-content;
  left: 50%;
  transform: translateX(-50%);
  bottom: unset;
  top: 100%;
  display: flex;
  justify-content: center;
}
.ul_slide:is(section div) .slick-dots li button {
  outline: none;
}

.toright .slick-list, .toleft .slick-list {
  overflow: visible;
}
.toright .im, .toleft .im {
  padding: 3.33%;
}
.toright img, .toleft img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 4/3;
  background: url(/images/home/Gframe.png) no-repeat center/100% 100%;
  padding: 6.5% 1%;
}

.slide_custom02:is(#contents *) {
  --g: 1.5vmin;
  --current: 80%;
  --thumb: calc(100% - var(--current) - var(--g) );
  --dotH: 14vh;
  --arrowW: 5vmin;
  --dotsBottom: calc(var(--dotH)/2 - var(--arrowW)/2 );
  --pad: 3%;
  --arrowPosition:103%;
}
@media screen and (max-width: 834px) {
  .slide_custom02:is(#contents *) {
    --arrowPosition:110%;
  }
}
.slide_custom02:is(#contents *) .slick-slider {
  display: flex;
  gap: var(--g);
  flex-wrap: wrap;
}
.slide_custom02:is(#contents *) .slick-list {
  width: var(--current);
}
@media screen and (max-width: 834px) {
  .slide_custom02:is(#contents *) .slick-list {
    width: 100%;
  }
}
.slide_custom02:is(#contents *) .slick-dots {
  flex-direction: column;
  width: var(--thumb);
  gap: var(--g);
}
.slide_custom02:is(#contents *) .slick-dots li {
  width: 100%;
  flex: unset;
  height: unset;
}
.slide_custom02:is(#contents *) .slick-dots img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 834px) {
  .slide_custom02:is(#contents *) .slick-dots {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap !important;
  }
  .slide_custom02:is(#contents *) .slick-dots li {
    width: calc(50% - var(--g) / 2);
  }
}
.slide_custom02:is(#contents *) .slick-dots::-webkit-scrollbar {
  background-color: transparent;
  width: var(--thumbW);
  height: 0;
  width: 0;
}
.slide_custom02:is(#contents *) .slick-dots::-webkit-scrollbar-thumb {
  background-color: var(--thumbC);
}
.slide_custom02:is(#contents *) .slick-slide {
  margin: unset;
}
.slide_custom02:is(#contents *) .slick-slide img {
  width: 100% !important;
}
.slide_custom02:is(#contents *) .slick-dots {
  position: static;
  display: flex;
  justify-content: unset;
  flex-wrap: nowrap;
  overflow: scroll;
}
.slide_custom02:is(#contents *) .slick-dots li {
  margin: 0;
}
.slide_custom02:is(#contents *) .slick- {
  --arrowC: #000;
  --arrowBG: #fff;
  --arrowR: 1000px;
  --arrowFZ: 3vmin;
}
.slide_custom02:is(#contents *) .slick-prev {
  left: -2vmin;
  left: unset;
  right: var(--arrowPosition);
}
.slide_custom02:is(#contents *) .slick-next {
  right: -2vmin;
  right: unset;
  left: var(--arrowPosition);
}
.slide_custom02:is(#contents *) .slick-prev, .slide_custom02:is(#contents *) .slick-next {
  font-family: var(--fa);
  font-weight: 900;
  z-index: 10;
  background-color: var(--arrowBG);
  border-radius: var(--arrowR);
  width: var(--arrowW);
  height: var(--arrowW);
  opacity: 0.5;
  top: unset;
  bottom: var(--dotsBottom);
  transform: none;
}
.slide_custom02:is(#contents *) .slick-prev:hover, .slide_custom02:is(#contents *) .slick-next:hover {
  opacity: 1;
}
.slide_custom02:is(#contents *) .slick-prev:before, .slide_custom02:is(#contents *) .slick-next:before {
  color: var(--arrowC) !important;
  font-size: var(--arrowFZ);
  font-family: var(--fa);
  font-weight: 900;
  opacity: 1;
  content: "\f0da";
}
@media screen and (max-width: 480px) {
  .slide_custom02:is(#contents *) .slick-prev:before, .slide_custom02:is(#contents *) .slick-next:before {
    display: none !important;
  }
}
.slide_custom02:is(#contents *) .slick-prev {
  scale: -1 1;
}

.slide_custom {
  width: 100%;
  --dotH: 14vh;
  --arrowW: 5vmin;
  --dotsBottom: calc(var(--dotH)/2 - var(--arrowW)/2 );
  --pad: 3%;
  --arrowPosition:103%;
  --arrowC: #000;
  --arrowBG: #fff;
  --arrowR: 1000px;
  --arrowFZ: 3vmin;
}
@media screen and (max-width: 960px) {
  .slide_custom {
    width: 100%;
  }
}
.slide_custom .slick-slide {
  margin: unset;
}
.slide_custom .slick-slide img {
  width: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.slide_custom .slick-dots {
  position: static;
  display: flex;
  justify-content: unset;
  flex-wrap: nowrap;
  overflow: scroll;
  font-size: cm;
}
.slide_custom .slick-dots li {
  margin: 0;
  height: auto !important;
  flex: 0 0 20%;
}
@media screen and (max-width: 834px) {
  .slide_custom .slick-dots li {
    flex-basis: 33.33%;
  }
}
.slide_custom .slick-dots li img {
  -o-object-fit: cover;
     object-fit: cover;
  height: var(--dotH) !important;
  max-height: var(--dotH);
}
@media screen and (max-width: 834px) {
  .slide_custom {
    --arrowPosition:110%;
  }
}
.slide_custom .slick-prev {
  left: -2vmin;
  left: unset;
  right: var(--arrowPosition);
}
.slide_custom .slick-next {
  right: -2vmin;
  right: unset;
  left: var(--arrowPosition);
}
.slide_custom .slick-prev, .slide_custom .slick-next {
  font-family: var(--fa);
  font-weight: 900;
  z-index: 10;
  background-color: var(--arrowBG);
  border-radius: var(--arrowR);
  width: var(--arrowW);
  height: var(--arrowW);
  opacity: 0.5;
  top: unset;
  bottom: var(--dotsBottom);
  transform: none;
}
.slide_custom .slick-prev:hover, .slide_custom .slick-next:hover {
  opacity: 1;
}
.slide_custom .slick-prev:before, .slide_custom .slick-next:before {
  color: var(--arrowC) !important;
  font-size: var(--arrowFZ);
  font-family: var(--fa);
  font-weight: 900;
  opacity: 1;
  content: "\f0da";
}
@media screen and (max-width: 480px) {
  .slide_custom .slick-prev:before, .slide_custom .slick-next:before {
    display: none !important;
  }
}
.slide_custom .slick-prev {
  scale: -1 1;
}

.toright {
  translate: 10%;
}

div.blog_list div.blog_text {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
div.blog_list div.blog_text h3 {
  width: 100%;
  overflow: hidden;
}
div.blog_list div.blog_text h3 span {
  word-break: break-word;
}
div.blog_list div.blog_text div.detail {
  width: 100%;
}
div.blog_list div.blog_text div.detail {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

div.blog_list div.blog_date {
  order: -1;
}

div.blog_list ul {
  display: block;
  order: -1;
}

div.blog_form {
  color: var(--tx);
  overflow-y: scroll;
}
@media screen and (max-width: 640px) {
  div.blog_form {
    max-height: 40vh;
  }
}
div.blog_form .blog_photo {
  display: none;
}
div.blog_form .blog_text:is(div) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25em 1.5em;
  width: 100%;
  padding: 0;
}
@media screen and (max-width: 834px) {
  div.blog_form .blog_text:is(div) {
    flex-wrap: wrap;
  }
}
div.blog_form .blog_date:is(div) {
  color: var(--tx);
  font-weight: 700;
}
div.blog_form div.blog_list > div {
  border-bottom: 1px solid #ccc;
  flex-shrink: 0;
  padding-inline: 0em;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
}
div.blog_form div.blog_list > div h3 {
  width: 100%;
  margin-bottom: 0px;
  order: 1;
}
div.blog_form div.blog_list > div h3 span {
  color: var(--ac);
  font-weight: var(--hfw);
}
div.blog_form div.blog_list > div .detail {
  order: 1;
  font-size: var(--f14);
  display: none;
}
div.blog_form div.blog_list > div ul {
  display: block;
  order: 1;
}
div.blog_form div.blog_list > div ul a {
  background-color: var(--mc);
  padding-inline: 0.25em;
  padding-bottom: 0.125em;
  line-height: 1.4;
  color: #fff;
  text-decoration: none;
  margin-right: 0.25em;
  margin-bottom: 0.25em;
  border-radius: 4px;
  vertical-align: middle;
}
div.blog_form::-webkit-scrollbar {
  background-color: transparent;
  width: 8px;
  height: 0;
}
div.blog_form::-webkit-scrollbar-thumb {
  background-color: var(--cc);
  border-radius: 0px;
}

div.blog_form02 {
  border-inline: 6vmin solid #fff;
  color: var(--tx);
  overflow-y: scroll;
}
@media screen and (max-width: 960px) {
  div.blog_form02 {
    border-inline: 2vmin solid #fff;
  }
}
@media screen and (max-width: 640px) {
  div.blog_form02 {
    max-height: 40vh;
  }
}
div.blog_form02.noscr {
  overflow-y: unset;
}
@media screen and (max-width: 640px) {
  div.blog_form02.noscr {
    max-height: unset;
  }
}
div.blog_form02 .blog_photo {
  max-width: 360px;
}
div.blog_form02 .blog_text:is(div) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25em 1.5em;
  width: 100%;
  padding: 0;
}
div.blog_form02 .blog_date:is(div) {
  color: var(--tx);
  font-weight: 700;
}
div.blog_form02 div.blog_list > div {
  border-bottom: 1px solid #ccc;
  flex-shrink: 0;
  padding-inline: 0em;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
  gap: 0.5em;
}
@media screen and (max-width: 834px) {
  div.blog_form02 div.blog_list > div {
    flex-direction: row;
  }
}
@media screen and (max-width: 640px) {
  div.blog_form02 div.blog_list > div {
    flex-wrap: wrap;
  }
}
div.blog_form02 div.blog_list > div h3 {
  width: 100%;
  margin-bottom: 0px;
  order: 1;
}
div.blog_form02 div.blog_list > div h3 span {
  color: var(--tx);
  font-weight: var(--hfw);
}
div.blog_form02 div.blog_list > div .detail {
  order: 1;
}
div.blog_form02 div.blog_list > div ul {
  display: block;
}
div.blog_form02 div.blog_list > div ul a {
  background-color: var(--ac);
  padding-inline: 0.25em;
  line-height: 1.4;
  color: #fff;
  text-decoration: none;
}
div.blog_form02::-webkit-scrollbar {
  background-color: transparent;
  width: 8px;
  height: 0;
}
div.blog_form02::-webkit-scrollbar-thumb {
  background-color: var(--gr);
  border-radius: 0px;
}

div.blog_card2 {
  justify-content: unset;
  --bdc:#eee;
}
div.blog_card2.noTag .blog_list ul:is(#contents *) {
  display: none;
}
div.blog_card2 .blog_list {
  flex-direction: row;
  gap: var(--g);
  flex-wrap: wrap;
}
div.blog_card2 .blog_list > div {
  background-color: #fff;
  width: calc((100% - var(--g) * 1) / 2);
  border: 1px solid var(--bdc);
  flex-shrink: 0;
  margin-bottom: 1.5em;
}
div.blog_card2 .blog_list > div > * {
  padding: 0.5em;
}
@media screen and (max-width: 834px) {
  div.blog_card2 .blog_list > div:is(#contents *) {
    flex: unset;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 480px) {
  div.blog_card2 .blog_list > div:is(#contents *) > * {
    flex: unset;
    width: 100%;
    border: unset;
  }
}
div.blog_card2 .blog_list .blog_photo {
  padding: unset;
  flex: 3;
  border-right: 1px solid var(--bdc);
  display: grid;
  place-items: center;
  place-content: center;
}
div.blog_card2 .blog_list .blog_photo img:is(#contents *) {
  aspect-ratio: 5/4;
}
@media screen and (max-width: 1200px) {
  div.blog_card2 .blog_list .blog_photo img:is(#contents *) {
    aspect-ratio: unset;
    height: 100%;
    max-height: 88vw;
  }
}
div.blog_card2 .blog_list .blog_text:is(div) {
  flex: 4;
  padding: 1em;
  line-height: 2;
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}
div.blog_card2 .blog_list .blog_text:is(div) h3 {
  width: 100%;
  margin-bottom: 0px;
  font-weight: bold;
  line-height: 2;
}
div.blog_card2 .blog_list .blog_text:is(div) h3 a {
  color: inherit;
}
div.blog_card2 .blog_list .blog_text:is(div) h3 span {
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
div.blog_card2 .blog_list .blog_date:is(div) {
  color: var(--wh);
  font-weight: bold;
  background-color: var(--ac);
  width: -moz-fit-content;
  width: fit-content;
  padding-inline: 0.5em;
}
div.blog_card2 .blog_list ul {
  display: block;
}
div.blog_card2 .blog_list ul a {
  background-color: var(--mc);
  padding-inline: 0.5em;
  --tx:var(--wh);
}
div.blog_card2 .blog_list .detail {
  font-size: 90%;
  font-weight: inherit;
}
div.blog_card2::-webkit-scrollbar {
  background-color: transparent;
  width: 8px;
  height: 0;
}
div.blog_card2::-webkit-scrollbar-thumb {
  background-color: var(--gr);
  border-radius: 0px;
}

div.blog_card3 {
  justify-content: unset;
}
div.blog_card3.noTag .blog_list ul:is(#contents *) {
  display: none;
}
div.blog_card3 .blog_list {
  flex-direction: row;
  gap: var(--g);
  flex-wrap: wrap;
}
div.blog_card3 .blog_list > div {
  flex-direction: column;
  width: calc((100% - var(--g) * 2) / 3);
  border: 1px solid var(--gr);
  flex-shrink: 0;
  padding-inline: 0em;
  padding-bottom: 1em;
  margin-bottom: 1.5em;
}
div.blog_card3 .blog_list > div > * {
  padding: 0.5em;
}
@media screen and (max-width: 834px) {
  div.blog_card3 .blog_list > div {
    flex-direction: row;
  }
}
@media screen and (max-width: 640px) {
  div.blog_card3 .blog_list > div {
    flex-direction: column;
  }
}
div.blog_card3 .blog_list h3 {
  width: 100%;
  margin-bottom: 0px;
  font-weight: bold;
}
div.blog_card3 .blog_list ul {
  display: block;
  display: none;
}
div.blog_card3 .blog_list ul a {
  background-color: var(--mc);
  padding-inline: 0.5em;
  --tx:var(--wh);
}
div.blog_card3 .blog_list .detail {
  font-size: 80%;
}
div.blog_card3 .blog_list .blog_photo:is(#contents *) {
  width: 100%;
  padding: unset;
  border-bottom: 1px solid var(--gr);
  display: grid;
  place-items: center;
  place-content: center stretch;
}
div.blog_card3 .blog_list .blog_photo:is(#contents *) * {
  width: 100%;
}
div.blog_card3 .blog_list .blog_photo:is(#contents *) img:is(#contents *) {
  aspect-ratio: 5/4;
}
@media screen and (max-width: 1200px) {
  div.blog_card3 .blog_list .blog_photo:is(#contents *) img:is(#contents *) {
    aspect-ratio: unset;
    height: 100%;
    max-height: 88vw;
  }
}
div.blog_card3 .blog_list .blog_text:is(div) {
  flex: 4;
  padding: 1em;
  line-height: 2;
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}
div.blog_card3 .blog_list .blog_text:is(div) h3 {
  width: 100%;
  margin-bottom: 0px;
  font-weight: bold;
  line-height: 2;
}
div.blog_card3 .blog_list .blog_text:is(div) h3 a {
  color: inherit;
}
div.blog_card3 .blog_list .blog_text:is(div) h3 span {
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
div.blog_card3 .blog_list .blog_date:is(div) {
  color: var(--wh);
  font-weight: bold;
  background-color: var(--ac);
  width: -moz-fit-content;
  width: fit-content;
  padding-inline: 0.5em;
}
div.blog_card3 .blog_list ul {
  display: block;
}
div.blog_card3 .blog_list ul a {
  background-color: var(--mc);
  padding-inline: 0.5em;
  --tx:var(--wh);
}
div.blog_card3 .blog_list .detail {
  font-size: 90%;
  font-weight: inherit;
}
div.blog_card3::-webkit-scrollbar {
  background-color: transparent;
  width: 8px;
  height: 0;
}
div.blog_card3::-webkit-scrollbar-thumb {
  background-color: var(--gr);
  border-radius: 0px;
}

div.blog_card4 {
  justify-content: unset;
}
div.blog_card4 .blog_list {
  flex-direction: row;
  gap: var(--g);
  flex-wrap: wrap;
}
div.blog_card4 .blog_list > div {
  flex-direction: column;
  width: calc((100% - var(--g) * 3) / 4);
  border-bottom: 2px solid var(--tx);
  flex-shrink: 0;
  padding-inline: 0em;
  padding-bottom: 1em;
  margin-bottom: 1.5em;
}
div.blog_card4 .blog_list > div > * {
  padding: 0.5em;
}
@media screen and (max-width: 834px) {
  div.blog_card4 .blog_list > div {
    flex-direction: row;
  }
}
@media screen and (max-width: 640px) {
  div.blog_card4 .blog_list > div {
    flex-direction: column;
  }
}
div.blog_card4 .blog_list h3 {
  width: 100%;
  margin-bottom: 0px;
  font-weight: bold;
}
div.blog_card4 .blog_list ul {
  display: block;
  display: none;
}
div.blog_card4 .blog_list ul a {
  background-color: var(--mc);
  padding-inline: 0.5em;
  --tx:var(--wh);
}
div.blog_card4 .blog_list .detail {
  font-size: 80%;
}
div.blog_card4 .blog_list .blog_photo {
  width: 100%;
  padding: unset;
}
@media screen and (max-width: 640px) {
  div.blog_card4 .blog_list .blog_photo {
    width: 100%;
    max-width: 300px;
  }
}
div.blog_card4 .blog_list .blog_text:is(div) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
}
@media screen and (max-width: 640px) {
  div.blog_card4 .blog_list .blog_text:is(div) {
    flex-wrap: wrap;
  }
}
div.blog_card4 .blog_list .blog_date:is(div) {
  color: var(--ac);
  font-weight: bold;
}
div.blog_card4::-webkit-scrollbar {
  background-color: transparent;
  width: 8px;
  height: 0;
}
div.blog_card4::-webkit-scrollbar-thumb {
  background-color: var(--gr);
  border-radius: 0px;
}

div.blog_form03 {
  padding: 1em;
  color: var(--tx);
  overflow-y: scroll;
  border-radius: 12px;
}
div.blog_form03 * {
  line-height: 1.5;
}
@media screen and (max-width: 640px) {
  div.blog_form03 {
    max-height: 40vh;
  }
}
div.blog_form03 .blog_photo {
  width: 20%;
}
@media screen and (max-width: 640px) {
  div.blog_form03 .blog_photo {
    width: 50%;
  }
}
div.blog_form03 .blog_text:is(div) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
}
@media screen and (max-width: 640px) {
  div.blog_form03 .blog_text:is(div) {
    flex-wrap: wrap;
  }
}
div.blog_form03 .blog_date:is(div) {
  color: var(--ac);
}
div.blog_form03 div.blog_list > div {
  border-bottom: 1px solid #ccc;
  flex-shrink: 0;
  padding-inline: 0em;
  padding-bottom: 1em;
  margin-bottom: 1.5em;
}
div.blog_form03 div.blog_list > div > * {
  padding: 0.5em;
}
@media screen and (max-width: 834px) {
  div.blog_form03 div.blog_list > div {
    flex-direction: row;
  }
}
@media screen and (max-width: 640px) {
  div.blog_form03 div.blog_list > div {
    flex-direction: column;
  }
}
div.blog_form03 div.blog_list h3 {
  width: 100%;
  margin-bottom: 0px;
  font-weight: bold;
}
div.blog_form03 div.blog_list ul {
  display: block;
  display: none;
}
div.blog_form03 div.blog_list ul a {
  background-color: var(--mc);
  padding-inline: 0.5em;
  --tx:var(--wh);
}
div.blog_form03 div.blog_list .detail {
  font-size: 80%;
}
div.blog_form03::-webkit-scrollbar {
  background-color: transparent;
  width: 8px;
  height: 0;
}
div.blog_form03::-webkit-scrollbar-thumb {
  background-color: var(--gr);
  border-radius: 0px;
}

div.blog_form06 {
  padding-inline: clamp(20px, 4vw, 40px);
  padding-inline: 6vmin var(--pr);
  border-block: 2em solid transparent;
  border-radius: 20px;
  color: var(--tx);
  overflow-y: scroll;
}
div.blog_form06 a.more {
  display: none;
}
@media screen and (max-width: 640px) {
  div.blog_form06 {
    padding-inline: 4vmin;
  }
}
div.blog_form06 * {
  line-height: 1.5;
}
@media screen and (max-width: 640px) {
  div.blog_form06 {
    max-height: 40vh;
  }
}
div.blog_form06 .blog_photo {
  display: none;
}
div.blog_form06 .blog_text:is(div) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1em 1.5em;
  width: 100%;
  padding: 0;
}
div.blog_form06 .blog_text:is(div) a {
  color: var(--mc);
}
div.blog_form06 .blog_text:is(div) .detail {
  display: none;
}
@media screen and (max-width: 640px) {
  div.blog_form06 .blog_text:is(div) {
    flex-direction: column;
    align-items: flex-start;
  }
}
div.blog_form06 .blog_date:is(div) {
  width: 20%;
  min-width: 90px;
  color: var(--tx);
  background-color: var(--bc);
  text-align: center;
  line-height: 2;
  border-radius: 4px;
}
div.blog_form06 div.blog_list > div {
  border-bottom: 1px solid #ccc;
  flex-shrink: 0;
  padding-inline: 0em;
  padding-bottom: 1em;
  margin-bottom: 1.5em;
}
div.blog_form06 div.blog_list h3 {
  margin-bottom: 0px;
  order: 1;
  font-size: var(--f16);
}
div.blog_form06 div.blog_list ul {
  display: block;
  display: none;
}
div.blog_form06 div.blog_list ul a {
  background-color: var(--mc);
  padding-inline: 0.5em;
  --tx:var(--wh);
}
div.blog_form06::-webkit-scrollbar {
  background-color: transparent;
  width: 8px;
  height: 0;
}
div.blog_form06::-webkit-scrollbar-thumb {
  background-color: var(--gr);
  border-radius: 0px;
}

div.blog_form04 {
  border-inline: clamp(var(--pad), 5vw, 96px) solid #fff;
  border-block: 3em solid #fff;
  background-color: #fff;
  color: var(--tx);
  overflow-y: scroll;
}
div.blog_form04 * {
  line-height: 1.5;
}
@media screen and (max-width: 640px) {
  div.blog_form04 {
    max-height: 35vh;
  }
}
div.blog_form04 .blog_photo {
  display: none;
}
div.blog_form04 .blog_text:is(div) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1em 1.5em;
  width: 100%;
  padding: 0;
}
div.blog_form04 .blog_text:is(div) a.more {
  display: none;
}
@media screen and (max-width: 834px) {
  div.blog_form04 .blog_text:is(div) {
    flex-wrap: wrap;
  }
}
div.blog_form04 .blog_date:is(div) {
  color: var(--tx);
}
div.blog_form04 div.blog_list > div {
  border-bottom: 1px solid #ccc;
  flex-shrink: 0;
  padding-inline: 0em;
  padding-bottom: 1em;
  margin-bottom: 1.5em;
}
div.blog_form04 div.blog_list h3 {
  margin-bottom: 0px;
  order: 1;
  font-size: var(--f16);
}
div.blog_form04 div.blog_list ul {
  display: block;
}
div.blog_form04 div.blog_list ul a {
  background-color: var(--mc);
  padding-inline: 0.5em;
  color: var(--wh);
  text-decoration: none;
  transition: 0.4s;
}
div.blog_form04 div.blog_list ul a:hover {
  opacity: 0.7;
}
div.blog_form04::-webkit-scrollbar {
  background-color: transparent;
  width: 8px;
  height: 0;
}
div.blog_form04::-webkit-scrollbar-thumb {
  background-color: var(--gr);
  border-radius: 0px;
}

div.blog_form05 {
  padding-inline: clamp(20px, 4vw, 40px);
  padding-inline: 6vmin var(--pr);
  border-block: 2em solid transparent;
  border-radius: 20px;
  color: var(--tx);
  overflow-y: scroll;
}
@media screen and (max-width: 640px) {
  div.blog_form05 {
    padding-inline: 4vmin;
  }
}
div.blog_form05 * {
  line-height: 1.5;
}
@media screen and (max-width: 640px) {
  div.blog_form05 {
    max-height: 40vh;
  }
}
div.blog_form05 .blog_photo {
  display: none;
}
div.blog_form05 .blog_text:is(div) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1em 0;
  width: 100%;
  padding: 0;
}
div.blog_form05 .blog_text:is(div) a {
  color: var(--mc);
}
div.blog_form05 .blog_text:is(div) .detail {
  display: none;
}
@media screen and (max-width: 640px) {
  div.blog_form05 .blog_text:is(div) {
    flex-direction: column;
    align-items: flex-start;
  }
}
div.blog_form05 .blog_date:is(div) {
  width: 20%;
  min-width: 90px;
  color: var(--tx);
  background-color: var(--bc);
  text-align: left;
  font-weight: bold;
  line-height: 2;
  border-radius: 4px;
}
div.blog_form05 .more {
  display: none;
}
div.blog_form05 div.blog_list > div {
  border-bottom: 1px solid #ccc;
  flex-shrink: 0;
  padding-inline: 0em;
  padding-bottom: 1em;
  margin-bottom: 1.5em;
}
div.blog_form05 div.blog_list h3 {
  margin-bottom: 0px;
  order: 1;
  font-size: var(--f16);
  font-weight: 500;
}
div.blog_form05 div.blog_list ul {
  display: block;
  display: none;
}
div.blog_form05 div.blog_list ul a {
  background-color: var(--mc);
  padding-inline: 0.5em;
  --tx:var(--wh);
}
div.blog_form05::-webkit-scrollbar {
  background-color: transparent;
  width: 6px;
  height: 0;
}
div.blog_form05::-webkit-scrollbar-thumb {
  background-color: var(--gr);
  border-radius: 0px;
}

.card_slide, .blog_slide, .blog_slide02 {
  --p:calc(var(--g)/2 );
  --hcolor:var(--sc);
  position: relative;
  --arrowinset: calc(100% + var(--g));
  --arrowinset: -3em;
  --arrowBG: var(--un);
  --arrowR: 999px;
  --arrowFZ: max(16px,3vmin);
  --arrowW: 3em;
  --arrowC: var(--gr);
  --dot: 20px;
}
.card_slide.noDetail .detail, .blog_slide.noDetail .detail, .blog_slide02.noDetail .detail {
  display: none !important;
}
.card_slide.noTag .blog_text ul, .blog_slide.noTag .blog_text ul, .blog_slide02.noTag .blog_text ul {
  display: none !important;
}
.card_slide.noDot :is(.slick-dots, .slick-arrow), .blog_slide.noDot :is(.slick-dots, .slick-arrow), .blog_slide02.noDot :is(.slick-dots, .slick-arrow) {
  display: none !important;
}
.card_slide.noDate .blog_date, .blog_slide.noDate .blog_date, .blog_slide02.noDate .blog_date {
  display: none !important;
}
.card_slide .blog_list:is(#contents div) > div, .blog_slide .blog_list:is(#contents div) > div, .blog_slide02 .blog_list:is(#contents div) > div {
  display: unset;
  border: none;
}
.card_slide .blog_list:is(#contents div) .slick-slide, .blog_slide .blog_list:is(#contents div) .slick-slide, .blog_slide02 .blog_list:is(#contents div) .slick-slide {
  display: flex;
  flex-direction: column;
  padding-inline: var(--p);
}
.card_slide .blog_list:is(#contents div) .blog_photo, .blog_slide .blog_list:is(#contents div) .blog_photo, .blog_slide02 .blog_list:is(#contents div) .blog_photo {
  width: 100%;
  padding: unset;
  overflow: hidden;
}
.card_slide .blog_list:is(#contents div) .blog_photo a, .blog_slide .blog_list:is(#contents div) .blog_photo a, .blog_slide02 .blog_list:is(#contents div) .blog_photo a {
  display: block;
}
.card_slide .blog_list:is(#contents div) .blog_photo a:hover, .blog_slide .blog_list:is(#contents div) .blog_photo a:hover, .blog_slide02 .blog_list:is(#contents div) .blog_photo a:hover {
  scale: 1.04;
}
.card_slide .blog_list:is(#contents div) .blog_photo img, .blog_slide .blog_list:is(#contents div) .blog_photo img, .blog_slide02 .blog_list:is(#contents div) .blog_photo img {
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
}
.card_slide .blog_list:is(#contents div) .blog_date, .blog_slide .blog_list:is(#contents div) .blog_date, .blog_slide02 .blog_list:is(#contents div) .blog_date {
  color: var(--tx);
}
.card_slide .blog_list:is(#contents div) .blog_text, .blog_slide .blog_list:is(#contents div) .blog_text, .blog_slide02 .blog_list:is(#contents div) .blog_text {
  margin-top: 0.5em;
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.card_slide .blog_list:is(#contents div) .blog_text h3 a, .blog_slide .blog_list:is(#contents div) .blog_text h3 a, .blog_slide02 .blog_list:is(#contents div) .blog_text h3 a {
  text-decoration: none;
}
.card_slide .blog_list:is(#contents div) .blog_text h3 a span, .blog_slide .blog_list:is(#contents div) .blog_text h3 a span, .blog_slide02 .blog_list:is(#contents div) .blog_text h3 a span {
  color: var(--hcolor);
  display: inline;
  padding-inline-end: 0.5em;
}
.card_slide .blog_list:is(#contents div) .blog_text ul, .blog_slide .blog_list:is(#contents div) .blog_text ul, .blog_slide02 .blog_list:is(#contents div) .blog_text ul {
  display: block;
  margin-top: 0.5em;
}
.card_slide .blog_list:is(#contents div) .blog_text ul li, .blog_slide .blog_list:is(#contents div) .blog_text ul li, .blog_slide02 .blog_list:is(#contents div) .blog_text ul li {
  margin-bottom: 0.5em;
}
.card_slide .blog_list:is(#contents div) .blog_text ul a, .blog_slide .blog_list:is(#contents div) .blog_text ul a, .blog_slide02 .blog_list:is(#contents div) .blog_text ul a {
  text-decoration: none;
  background-color: var(--mc);
  font-size: 14px;
  padding-inline: 0.5em;
  border-radius: 4px;
  transition: 0.4s;
  color: #fff;
}
.card_slide .blog_list:is(#contents div) .blog_text ul a:hover, .blog_slide .blog_list:is(#contents div) .blog_text ul a:hover, .blog_slide02 .blog_list:is(#contents div) .blog_text ul a:hover {
  background-color: var(--mc);
  color: #fff;
}
.card_slide article div, .blog_slide article div, .blog_slide02 article div {
  padding: 1em;
  background-color: #fff;
}
.card_slide #arrows:is(#contents div), .blog_slide #arrows:is(#contents div), .blog_slide02 #arrows:is(#contents div) {
  width: 100%;
  position: absolute;
  right: 0;
  bottom: calc(100% + 30px);
  z-index: 100;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  border-bottom: none;
}
@media screen and (max-width: 1320px) {
  .card_slide, .blog_slide, .blog_slide02 {
    --arrowinset: .75em;
    --arrowW: 2em;
    --arrowC: var(--wh);
    --arrowBG: var(--sc20);
  }
}
.card_slide .slick-prev, .blog_slide .slick-prev, .blog_slide02 .slick-prev {
  right: unset;
  left: var(--arrowinset);
  z-index: 1;
}
.card_slide .slick-next, .blog_slide .slick-next, .blog_slide02 .slick-next {
  left: unset;
  right: var(--arrowinset);
  z-index: 1;
}
.card_slide .slick-prev, .card_slide .slick-next, .blog_slide .slick-prev, .blog_slide .slick-next, .blog_slide02 .slick-prev, .blog_slide02 .slick-next {
  background-color: var(--arrowBG);
  border-radius: var(--arrowR);
  font-size: var(--arrowFZ);
  width: var(--arrowW);
  height: var(--arrowW);
  top: 40%;
  transform: translateY(-50%);
}
.card_slide .slick-prev:is(.noText *), .card_slide .slick-next:is(.noText *), .blog_slide .slick-prev:is(.noText *), .blog_slide .slick-next:is(.noText *), .blog_slide02 .slick-prev:is(.noText *), .blog_slide02 .slick-next:is(.noText *) {
  top: 50%;
}
@media screen and (max-width: 480px) {
  .card_slide .slick-prev, .card_slide .slick-next, .blog_slide .slick-prev, .blog_slide .slick-next, .blog_slide02 .slick-prev, .blog_slide02 .slick-next {
    display: none !important;
  }
}
.card_slide .slick-prev:before, .card_slide .slick-next:before, .blog_slide .slick-prev:before, .blog_slide .slick-next:before, .blog_slide02 .slick-prev:before, .blog_slide02 .slick-next:before {
  color: var(--arrowC);
  font-size: inherit;
  font-family: var(--fa);
  display: inline-block;
  content: "\f054";
  font-weight: 900;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
}
.card_slide .slick-prev:before, .blog_slide .slick-prev:before, .blog_slide02 .slick-prev:before {
  scale: -1 1;
}
.card_slide:has(.slick-dots), .blog_slide:has(.slick-dots), .blog_slide02:has(.slick-dots) {
  padding-block-end: calc(var(--dot) * 2);
}
.card_slide .slick-dots li, .blog_slide .slick-dots li, .blog_slide02 .slick-dots li {
  width: var(--dot);
  height: var(--dot);
}
.card_slide .slick-dots li button, .blog_slide .slick-dots li button, .blog_slide02 .slick-dots li button {
  width: var(--dot);
  height: var(--dot);
}
.card_slide .slick-dots li button:before, .blog_slide .slick-dots li button:before, .blog_slide02 .slick-dots li button:before {
  position: unset;
  font-size: calc(var(--dot) / 2);
}
.card_slide .slider p, .blog_slide .slider p, .blog_slide02 .slider p {
  font-size: 2rem;
  font-weight: bold;
  line-height: 100px;
  color: #666;
  margin: 10px;
  text-align: center;
  background-color: #e0e0e0;
}
.card_slide .buttons, .blog_slide .buttons, .blog_slide02 .buttons {
  display: flex;
  justify-content: center;
}
.card_slide .buttons .button, .blog_slide .buttons .button, .blog_slide02 .buttons .button {
  margin: 8px;
  border: 1px solid #000;
  color: #000;
  padding: 8px;
  text-align: center;
  width: 8em;
  transition: all 300ms ease;
}
.card_slide .buttons .button:hover, .blog_slide .buttons .button:hover, .blog_slide02 .buttons .button:hover {
  cursor: pointer;
  background-color: var(--ac);
  color: #fff;
  transition: all 300ms ease;
}
.card_slide .slick-dots li.slick-active button:before, .blog_slide .slick-dots li.slick-active button:before, .blog_slide02 .slick-dots li.slick-active button:before {
  color: var(--mc);
}
.card_slide .slick-dots, .blog_slide .slick-dots, .blog_slide02 .slick-dots {
  width: -moz-fit-content;
  width: fit-content;
  left: 50%;
  transform: translateX(-50%);
  bottom: unset;
  top: 100%;
  display: flex;
  justify-content: center;
}
.card_slide .sns_slide .slick-dots li button, .blog_slide .sns_slide .slick-dots li button, .blog_slide02 .sns_slide .slick-dots li button {
  outline: none;
}

.blog_slide02 .slick-list {
  overflow: hidden;
}

.item_slide {
  margin-bottom: unset;
  --ulBG:var(--mc);
  --ulC:var(--ff);
  --dateC: var(--un);
  --dateFW: bold;
  --capFZ: var(--bodyFZ);
  --dateFZ: 120%;
  --imgAR: 1;
  --imgOF: contain;
  --g:4vmin;
  --arrowContent:"";
  --arrowinset: calc(100% + var(--g));
  --arrowinset: -3em;
  --arrowBG: var(--wh);
  --arrowR: 999px;
  --arrowFZ: max(16px,3vmin);
  --arrowW: 2em;
  --arrowC: var(--ac);
  --dot: 20px;
}
.item_slide.noDetail .detail {
  display: none !important;
}
.item_slide.noTag .blog_text ul {
  display: none !important;
}
.item_slide.noArrow :is(.slick-arrow) {
  display: none !important;
}
.item_slide.noDot :is(.slick-dots, .slick-arrow) {
  display: none !important;
}
.item_slide.noDate .blog_date {
  display: none !important;
}
.item_slide.noText .sns_text {
  display: none !important;
}
.item_slide.__visible .slick-list {
  overflow: visible !important;
}
.item_slide:not(.bg100) {
  max-width: calc(100% + var(--g) * 1);
  width: calc(100% + var(--g) * 1);
  margin-left: calc(var(--g) * -0.5);
}
.item_slide img:is(#contents *) {
  aspect-ratio: var(--imgAR);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--radhalf);
  margin-bottom: 0.5em;
}
.item_slide a.name {
  font-weight: bold;
}
.item_slide p.price {
  font-weight: bold;
  text-align: right;
}
.item_slide button {
  width: 100%;
  background-color: var(--ac);
  box-shadow: var(--bsinset);
  border-radius: 1000px;
  padding: 0.25em 0.5em;
}
.item_slide .slick-slide {
  padding-inline: calc(var(--g) / 2);
  position: relative;
}
.item_slide .sns_list {
  width: 100%;
  flex-direction: inherit !important;
  border: none !important;
  flex-wrap: wrap;
  -webkit-text-emphasis: none;
          text-emphasis: none;
}
.item_slide .sns_list > div {
  border: none;
  display: block;
  flex-direction: column;
  position: relative;
}
.item_slide .sns_list .sns_photo {
  width: 100%;
  padding: 0;
}
.item_slide .sns_list .sns_photo:is(.noimg *) {
  display: none;
}
.item_slide .sns_list .sns_photo img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.4s;
  border-radius: var(--rad);
  aspect-ratio: var(--imgAR);
  -o-object-fit: var(--imgOF);
     object-fit: var(--imgOF);
}
.item_slide .sns_list .sns_text {
  height: 130px;
  width: 100%;
  overflow: hidden;
  padding-block: 1em;
  height: 10em;
}
.item_slide .sns_list .sns_text a {
  text-decoration: none;
}
.item_slide .sns_list .sns_text > * + * {
  margin-top: 1em;
}
.item_slide .sns_list .sns_date {
  color: var(--dateC);
  font-weight: var(--dateFW);
  font-size: var(--dateFZ);
  line-height: 1;
}
.item_slide .sns_list .caption {
  color: inherit;
  font-size: var(--capFZ);
  line-height: 1.5;
  height: 3em;
  overflow: hidden;
}
.item_slide .sns_list .sns_text ul {
  display: none;
  white-space: nowrap;
  overflow: hidden;
}
.item_slide .sns_list .sns_text ul li {
  display: contents;
}
.item_slide .sns_list .sns_text ul a {
  display: inline-block;
  background-color: var(--ulBG);
  color: var(--ulC);
  line-height: 1.35;
  padding: 0.3em 0.6em;
  margin-inline-end: 0.3em;
  font-family: var(--san);
}
@media screen and (max-width: 1320px) {
  .item_slide {
    --arrowinset: .75em;
    --arrowW: 2em;
  }
}
.item_slide .slick-prev {
  right: unset;
  left: var(--arrowinset);
  z-index: 1;
}
.item_slide .slick-next {
  left: unset;
  right: var(--arrowinset);
  z-index: 1;
}
.item_slide .slick-prev, .item_slide .slick-next {
  background-color: var(--arrowBG);
  border-radius: var(--arrowR);
  font-size: var(--arrowFZ);
  width: var(--arrowW);
  height: var(--arrowW);
  top: 40%;
  transform: translateY(-50%);
}
.item_slide .slick-prev:is(.noText *), .item_slide .slick-next:is(.noText *) {
  top: 50%;
}
@media screen and (max-width: 480px) {
  .item_slide .slick-prev, .item_slide .slick-next {
    display: none !important;
  }
}
.item_slide .slick-prev:before, .item_slide .slick-next:before {
  color: var(--arrowC);
  font-size: inherit;
  font-family: var(--fa);
  display: inline-block;
  content: var(--arrowContent);
  font-weight: 900;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
}
.item_slide .slick-prev:before {
  scale: -1 1;
}
.item_slide:has(.slick-dots) {
  padding-block-end: calc(var(--dot) * 2);
}
.item_slide .slick-dots li {
  width: var(--dot);
  height: var(--dot);
}
.item_slide .slick-dots li button {
  width: var(--dot);
  height: var(--dot);
}
.item_slide .slick-dots li button:before {
  position: unset;
  font-size: calc(var(--dot) / 2);
}
.item_slide .slider p {
  font-size: 2rem;
  font-weight: bold;
  line-height: 100px;
  color: #666;
  margin: 10px;
  text-align: center;
  background-color: #e0e0e0;
}
.item_slide .buttons {
  display: flex;
  justify-content: center;
}
.item_slide .buttons .button {
  margin: 8px;
  border: 1px solid #000;
  color: #000;
  padding: 8px;
  text-align: center;
  width: 8em;
  transition: all 300ms ease;
}
.item_slide .buttons .button:hover {
  cursor: pointer;
  background-color: var(--ac);
  color: #fff;
  transition: all 300ms ease;
}
.item_slide .slick-dots li.slick-active button:before {
  color: var(--arrowC);
}
.item_slide .slick-dots {
  width: -moz-fit-content;
  width: fit-content;
  left: 50%;
  transform: translateX(-50%);
  bottom: unset;
  top: 100%;
  display: flex;
  justify-content: center;
}
.item_slide .sns_slide .slick-dots li button {
  outline: none;
}

.sns_slide {
  --ulBG:var(--mc);
  --ulC:var(--ff);
  --dateC: var(--un);
  --dateFW: 400;
  --capFZ: var(--bodyFZ);
  --dateFZ: 120%;
  --imgAR: 1;
  --imgOF: contain;
  --arrowContent:"";
  --arrowinset: calc(100% + var(--g));
  --arrowinset: -3em;
  --arrowBG: var(--wh);
  --arrowR: 999px;
  --arrowFZ: max(16px,3vmin);
  --arrowW: 3em;
  --arrowC: var(--sc);
  --dot: 20px;
}
.sns_slide.noDetail .detail {
  display: none !important;
}
.sns_slide.noTag .blog_text ul {
  display: none !important;
}
.sns_slide.noArrow :is(.slick-arrow) {
  display: none !important;
}
.sns_slide.noDot :is(.slick-dots, .slick-arrow) {
  display: none !important;
}
.sns_slide.noDate .blog_date {
  display: none !important;
}
.sns_slide.noText .sns_text {
  display: none !important;
}
.sns_slide.__visible .slick-list {
  overflow: visible !important;
}
@media screen and (max-width: 1200px) {
  .sns_slide {
    --g:6vmin;
  }
}
.sns_slide .slick-slide {
  padding-inline: calc(var(--g) / 2);
  position: relative;
}
.sns_slide .sns_list {
  width: 100%;
  flex-direction: inherit !important;
  border: none !important;
  flex-wrap: wrap;
  -webkit-text-emphasis: none;
          text-emphasis: none;
}
.sns_slide .sns_list > div {
  border: none;
  display: block;
  flex-direction: column;
  position: relative;
}
.sns_slide .sns_list .sns_photo {
  width: 100%;
  padding: 0;
  border-radius: var(--rad);
  overflow: hidden;
}
.sns_slide .sns_list .sns_photo:is(.noimg *) {
  display: none;
}
.sns_slide .sns_list .sns_photo img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.4s;
  border-radius: var(--rad);
  aspect-ratio: var(--imgAR);
  -o-object-fit: var(--imgOF);
     object-fit: var(--imgOF);
}
.sns_slide .sns_list .sns_text {
  height: 130px;
  width: 100%;
  overflow: hidden;
  padding-block: 1em;
  height: 10em;
}
.sns_slide .sns_list .sns_text a {
  text-decoration: none;
}
.sns_slide .sns_list .sns_text > * + * {
  margin-top: 1em;
}
.sns_slide .sns_list .sns_date {
  color: var(--dateC);
  font-weight: var(--dateFW);
  font-size: var(--dateFZ);
  line-height: 1;
}
.sns_slide .sns_list .caption {
  color: inherit;
  font-size: var(--capFZ);
  line-height: 1.5;
  height: 3em;
  overflow: hidden;
}
.sns_slide .sns_list .sns_text ul {
  white-space: nowrap;
  overflow: hidden;
}
.sns_slide .sns_list .sns_text ul li {
  display: contents;
}
.sns_slide .sns_list .sns_text ul a {
  display: inline-block;
  background-color: var(--ulBG);
  color: var(--ulC);
  line-height: 1.35;
  padding: 0.3em 0.6em;
  margin-inline-end: 0.3em;
  font-family: var(--san);
  border-radius: var(--radhalf);
}
@media screen and (max-width: 1320px) {
  .sns_slide {
    --arrowinset: .75em;
    --arrowW: 2em;
  }
}
.sns_slide .slick-prev {
  right: unset;
  left: var(--arrowinset);
  z-index: 1;
}
.sns_slide .slick-next {
  left: unset;
  right: var(--arrowinset);
  z-index: 1;
}
.sns_slide .slick-prev, .sns_slide .slick-next {
  background-color: var(--arrowBG);
  border-radius: var(--arrowR);
  font-size: var(--arrowFZ);
  width: var(--arrowW);
  height: var(--arrowW);
  top: 40%;
  transform: translateY(-50%);
}
.sns_slide .slick-prev:is(.noText *), .sns_slide .slick-next:is(.noText *) {
  top: 50%;
}
@media screen and (max-width: 480px) {
  .sns_slide .slick-prev, .sns_slide .slick-next {
    display: none !important;
  }
}
.sns_slide .slick-prev:before, .sns_slide .slick-next:before {
  color: var(--arrowC);
  font-size: inherit;
  font-family: var(--fa);
  display: inline-block;
  content: var(--arrowContent);
  font-weight: 900;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
}
.sns_slide .slick-prev:before {
  scale: -1 1;
}
.sns_slide:has(.slick-dots) {
  padding-block-end: calc(var(--dot) * 2);
}
.sns_slide .slick-dots li {
  width: var(--dot);
  height: var(--dot);
}
.sns_slide .slick-dots li button {
  width: var(--dot);
  height: var(--dot);
}
.sns_slide .slick-dots li button:before {
  position: unset;
  font-size: calc(var(--dot) / 2);
}
.sns_slide .slider p {
  font-size: 2rem;
  font-weight: bold;
  line-height: 100px;
  color: #666;
  margin: 10px;
  text-align: center;
  background-color: #e0e0e0;
}
.sns_slide .buttons {
  display: flex;
  justify-content: center;
}
.sns_slide .buttons .button {
  margin: 8px;
  border: 1px solid #000;
  color: #000;
  padding: 8px;
  text-align: center;
  width: 8em;
  transition: all 300ms ease;
}
.sns_slide .buttons .button:hover {
  cursor: pointer;
  background-color: var(--ac);
  color: #fff;
  transition: all 300ms ease;
}
.sns_slide .slick-dots li.slick-active button:before {
  color: var(--arrowC);
}
.sns_slide .slick-dots {
  width: -moz-fit-content;
  width: fit-content;
  left: 50%;
  transform: translateX(-50%);
  bottom: unset;
  top: 100%;
  display: flex;
  justify-content: center;
}
.sns_slide .sns_slide .slick-dots li button {
  outline: none;
}

.sns_stop {
  --g:1vmin;
  --ulBG:var(--mc);
  --ulC:var(--ff);
}
.sns_stop .slick-slide {
  padding: var(--g);
  margin-inline: var(--g);
  position: relative;
}
.sns_stop .slick-list {
  overflow: hidden;
}
.sns_stop .slick-prev {
  left: var(--g);
  z-index: 1;
}
.sns_stop .slick-next {
  right: var(--g);
}
.sns_stop .slick-prev, .sns_stop .slick-next {
  font-size: var(--f18);
  width: 2em;
  height: 2em;
  display: none;
}
.sns_stop .slick-prev:before, .sns_stop .slick-next:before {
  color: var(--ff);
  display: inline-block;
  font-size: 2em;
}
.sns_stop .sns_list {
  width: 100%;
  flex-direction: inherit !important;
  border: none !important;
  flex-wrap: wrap;
}
.sns_stop .sns_list > div {
  border: none;
  display: block;
  flex-direction: column;
  position: relative;
}
.sns_stop .sns_list .sns_photo {
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.sns_stop .sns_list .sns_photo img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s;
  transform-origin: center center;
  aspect-ratio: 1/1;
}
.sns_stop .sns_list .sns_text {
  height: 130px;
  width: 100%;
  overflow: hidden;
  padding-block: 1em;
  height: 10em;
}
.sns_stop .sns_list .sns_text a {
  text-decoration: none;
}
.sns_stop .sns_list .sns_text > * + * {
  margin-top: 1em;
}
.sns_stop .sns_list .sns_date {
  color: inherit;
  font-size: 18px;
  line-height: 1;
}
.sns_stop .sns_list .caption {
  color: inherit;
  font-size: 14px;
  line-height: 21px;
  height: 42px;
  overflow: hidden;
}
.sns_stop .sns_list .sns_text ul {
  white-space: nowrap;
  overflow: hidden;
}
.sns_stop .sns_list .sns_text ul li {
  display: contents;
}
.sns_stop .sns_list .sns_text ul a {
  display: inline-block;
  background-color: var(--ulBG);
  color: var(--ulC);
  padding: 0.2em 0.5em;
  margin-inline-end: 0.3em;
  vertical-align: middle;
}

.sns01 {
  --imgW:max(240px,26vmin);
  max-width: 100%;
  margin-inline: auto;
  overflow-y: scroll;
  --thumbC:var(--gr);
  --thumbW:1em;
}
.sns01.noscr {
  height: unset;
  max-height: unset;
  overflow: unset;
}
@media screen and (max-width: 640px) {
  .sns01 {
    max-height: 50vh;
    max-width: 100%;
  }
}
.sns01 div.sns_list {
  border: none;
  flex-direction: column;
  line-height: 1.8;
}
.sns01 div.sns_list > div {
  border: none;
  padding-block: 1em;
  flex-direction: row;
  overflow: hidden;
  gap: 1em 4vmin;
}
@media screen and (max-width: 480px) {
  .sns01 div.sns_list > div {
    flex-direction: column;
  }
}
.sns01 div.sns_list > div div.sns_photo {
  padding: 0;
  width: var(--imgW);
}
.sns01 div.sns_list > div div.sns_photo:is(.nophoto div) {
  display: none;
}
.sns01 div.sns_list > div div.sns_photo a:hover {
  opacity: 0.7;
}
.sns01 div.sns_list > div div.sns_photo img {
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 480px) {
  .sns01 div.sns_list > div div.sns_photo {
    width: 100%;
    max-width: 360px;
  }
}
.sns01 div.sns_list > div div.sns_text {
  width: unset;
  flex: 1;
  font-size: var(--fzs);
  padding: 0;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 480px) {
  .sns01 div.sns_list > div div.sns_text {
    width: 100%;
    padding: 0;
    margin-top: 16px;
  }
}
.sns01 div.sns_list > div div.sns_text div.sns_date {
  font-size: var(--fz);
  color: var(--tx);
  font-weight: bold;
  padding: 0em 0em;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 0.4em;
}
.sns01 div.sns_list > div div.sns_text ul {
  margin-top: auto;
}
.sns01 div.sns_list > div div.sns_text ul a {
  color: var(--wh);
  margin-right: 0.5em;
  margin-top: 1em;
  line-height: 1.5;
  background-color: var(--mc);
  font-size: var(--fzxs);
  display: inline-block;
  padding: 0em 0.5em;
  text-decoration: none;
}
.sns01::-webkit-scrollbar {
  background-color: transparent;
  width: var(--thumbW);
  height: 0;
}
.sns01::-webkit-scrollbar-thumb {
  background-color: var(--thumbC);
}
.sns01.bd-inline {
  border-inline: 120px solid transparent;
}
@media screen and (max-width: 1200px) {
  .sns01.bd-inline {
    border-width: 4vmin;
  }
}

.insta_card3 {
  --rad: 0px;
  max-width: 100%;
  --ulBG:var(--mc);
  --ulC:var(--ff);
  --dateC: var(--un);
  --dateFW: bold;
  --capFZ: var(--bodyFZ);
  --dateFZ: 120%;
  --imgAR: 1;
  --imgOF: contain;
  flex: 1;
}
.insta_card3.noDetail .detail {
  display: none !important;
}
.insta_card3.noTag .blog_text ul {
  display: none !important;
}
.insta_card3.noArrow :is(.slick-arrow) {
  display: none !important;
}
.insta_card3.noDot :is(.slick-dots, .slick-arrow) {
  display: none !important;
}
.insta_card3.noDate .blog_date {
  display: none !important;
}
.insta_card3.noText .sns_text {
  display: none !important;
}
.insta_card3.__visible .slick-list {
  overflow: visible !important;
}
.insta_card3.__scr {
  overflow-y: scroll;
}
@media screen and (max-width: 640px) {
  .insta_card3.__scr {
    max-height: 66vw;
  }
}
.insta_card3::-webkit-scrollbar {
  background-color: transparent;
  width: 0;
  height: 0;
}
@media screen and (max-width: 1200px) {
  .insta_card3::-webkit-scrollbar {
    width: var(--g);
  }
}
.insta_card3::-webkit-scrollbar-thumb {
  background-color: var(--tx50);
}
.insta_card3 .sns_list {
  flex-direction: row;
  border: none !important;
  flex-wrap: wrap;
  gap: var(--g);
  width: 100%;
}
.insta_card3 .sns_list > div {
  overflow: hidden;
  border: none !important;
  display: block;
  flex-direction: column;
  width: calc((100% - var(--g) * 2) / 3);
  position: relative;
}
.insta_card3 .sns_list > div:is(.noText *) {
  aspect-ratio: 1;
}
@media screen and (max-width: 640px) {
  .insta_card3 .sns_list > div {
    width: calc((100% - var(--g) * 1) / 2);
  }
}
.insta_card3 .sns_list .sns_text {
  width: 100%;
  height: 160px;
  overflow: hidden;
}
.insta_card3 .sns_list .sns_text:is(.noText *) {
  display: none;
}
.insta_card3 .sns_list .sns_text * {
  margin-bottom: 4px;
  line-height: 1.6;
}
.insta_card3 .sns_list .sns_text ul {
  display: flex;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.insta_card3 .sns_list .sns_text ul a {
  text-decoration: underline;
  font-weight: 500;
}
.insta_card3 .sns_list .sns_text ul::after {
  content: "…";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  padding-inline: 0.5em;
  -webkit-backdrop-filter: blur(110px);
          backdrop-filter: blur(110px);
}
.insta_card3 .sns_list .sns_text .sns_date {
  z-index: 1;
  background-color: #fff;
  color: var(--mc);
  font-weight: bold;
}
.insta_card3 .sns_list .sns_text .caption {
  overflow: hidden;
  height: 3em !important;
  position: relative;
}
.insta_card3 .sns_list .square-inner {
  position: relative;
  display: block;
}
.insta_card3 .sns_list .square-inner:before {
  position: relative;
  z-index: 1;
  content: "";
  display: block;
  width: 100% !important;
}
.insta_card3 .sns_list .square-inner img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100% !important;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s;
  transform-origin: center center;
}
.insta_card3 .sns_list .sns_photo {
  width: 100% !important;
  padding: 0 !important;
  overflow: hidden;
  margin-bottom: 1em;
}
.insta_card3 .sns_list .sns_photo:is(.noText *) {
  margin-bottom: unset;
}
.insta_card3 .sns_list .sns_photo img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s;
  transform-origin: center center;
  aspect-ratio: 1;
  border-radius: var(--rad);
}
.insta_card3 .sns_list .sns_text ul {
  white-space: nowrap;
  overflow: hidden;
  margin-top: 1em;
}
.insta_card3 .sns_list .sns_text ul li {
  display: contents;
}
.insta_card3 .sns_list .sns_text ul a {
  display: inline-block;
  background-color: var(--ulBG);
  color: var(--ulC);
  line-height: 1.35;
  padding: 0.3em 0.6em;
  margin-inline-end: 0.3em;
  font-family: var(--san);
  border-radius: var(--radhalf);
}

.insta3 {
  --dateBG: var(--wh);
  --dateC: var(--mc);
  --tagC: var(--mcDK);
}
.insta3.noDetail .detail {
  display: none !important;
}
.insta3.noTag .blog_text ul {
  display: none !important;
}
.insta3.noDot :is(.slick-dots, .slick-arrow) {
  display: none !important;
}
.insta3.noDate .blog_date {
  display: none !important;
}
.insta3.noText .sns_text {
  display: none !important;
}
.insta3 .sns_list {
  flex-direction: inherit !important;
  border: none !important;
  flex-wrap: wrap;
}
.insta3 .sns_list .sns_text {
  margin-top: 0.5em;
  width: 100%;
  height: 80px;
  overflow: hidden;
}
.insta3 .sns_list .sns_text * {
  margin-bottom: 4px;
  font-size: 14px !important;
  line-height: 1.6;
}
.insta3 .sns_list .sns_text ul {
  display: flex;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.insta3 .sns_list .sns_text ul a {
  color: var(--tagC) !important;
  text-decoration: underline;
}
.insta3 .sns_list .sns_text ul::after {
  content: "…";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  padding-inline: 0.5em;
  -webkit-backdrop-filter: blur(110px);
          backdrop-filter: blur(110px);
}
.insta3 .sns_list .sns_text .sns_date {
  font-size: 1.2em;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  background-color: var(--dateBG);
  color: var(--dateC);
  border-radius: var(--radhalf);
}
.insta3 .sns_list .sns_text .caption {
  overflow: hidden;
  height: 3em !important;
  position: relative;
}
.insta3 .sns_list .square-inner {
  position: relative;
  display: block;
}
.insta3 .sns_list .square-inner:before {
  position: relative;
  z-index: 1;
  content: "";
  display: block;
  width: 100% !important;
}
.insta3 .sns_list .square-inner img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100% !important;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s;
  transform-origin: center center;
}
.insta3 .sns_list .sns_photo {
  width: 100% !important;
  padding: 0 !important;
  overflow: hidden;
}
.insta3 .sns_list .sns_photo img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s;
  transform-origin: center center;
  aspect-ratio: 1;
  border-radius: var(--radhalf);
}
.insta3 .sns_list {
  display: flex;
  gap: 3vmin 2%;
}
.insta3 .sns_list > div {
  border: none !important;
  display: block;
  flex-direction: column;
  width: 32%;
  position: relative;
}
@media screen and (max-width: 834px) {
  .insta3 .sns_list > div {
    width: 49%;
  }
}
@media screen and (max-width: 480px) {
  .insta3 .sns_list > div {
    width: 100%;
    margin: 0 auto 15px auto;
  }
}

.insta4 {
  --dateBG: var(--tx);
  --dateC: var(--wh);
  --tagC: var(--mcDK);
  --g: 1.5vmin;
  overflow: scroll;
  --thumbC:var(--wh70);
  --thumbW:.5em;
}
.insta4.noDetail .detail {
  display: none !important;
}
.insta4.noTag .blog_text ul {
  display: none !important;
}
.insta4.noDot :is(.slick-dots, .slick-arrow) {
  display: none !important;
}
.insta4.noDate .blog_date {
  display: none !important;
}
.insta4.noText .sns_text {
  display: none !important;
}
.insta4::-webkit-scrollbar {
  background-color: transparent;
  width: var(--thumbW);
  height: 0;
}
.insta4::-webkit-scrollbar-thumb {
  background-color: var(--thumbC);
}
@media screen and (max-width: 640px) {
  .insta4 {
    max-height: 96vw;
  }
}
.insta4 .sns_list {
  flex-direction: inherit !important;
  border: none !important;
  flex-wrap: wrap;
}
.insta4 .sns_list .sns_text {
  margin-top: 0.5em;
  width: 100%;
  height: 80px;
  overflow: hidden;
}
.insta4 .sns_list .sns_text * {
  margin-bottom: 4px;
  font-size: 14px !important;
  line-height: 1.6;
}
.insta4 .sns_list .sns_text ul {
  display: flex;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.insta4 .sns_list .sns_text ul a {
  color: var(--tagC) !important;
  text-decoration: underline;
}
.insta4 .sns_list .sns_text ul::after {
  content: "…";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  padding-inline: 0.5em;
  -webkit-backdrop-filter: blur(110px);
          backdrop-filter: blur(110px);
}
.insta4 .sns_list .sns_text .sns_date {
  font-size: 1.2em;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  background-color: var(--dateBG);
  color: var(--dateC);
}
.insta4 .sns_list .sns_text .caption {
  overflow: hidden;
  height: 3em !important;
  position: relative;
}
.insta4 .sns_list .square-inner {
  position: relative;
  display: block;
}
.insta4 .sns_list .square-inner:before {
  position: relative;
  z-index: 1;
  content: "";
  display: block;
  width: 100% !important;
}
.insta4 .sns_list .square-inner img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100% !important;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s;
  transform-origin: center center;
}
.insta4 .sns_list .sns_photo {
  width: 100% !important;
  padding: 0 !important;
  overflow: hidden;
}
.insta4 .sns_list .sns_photo img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s;
  aspect-ratio: 1;
}
.insta4 .sns_list {
  display: flex;
  gap: var(--g);
}
.insta4 .sns_list > div {
  border: none !important;
  display: block;
  flex-direction: column;
  width: calc((100% - var(--g) * 3) / 4);
  position: relative;
}
@media screen and (max-width: 834px) {
  .insta4 .sns_list > div {
    width: calc((100% - var(--g) * 2) / 3);
  }
}
@media screen and (max-width: 480px) {
  .insta4 .sns_list > div {
    width: 49%;
  }
}

.insta5.noDetail .detail {
  display: none !important;
}
.insta5.noTag .blog_text ul {
  display: none !important;
}
.insta5.noDot :is(.slick-dots, .slick-arrow) {
  display: none !important;
}
.insta5.noDate .blog_date {
  display: none !important;
}
.insta5.noText .sns_text {
  display: none !important;
}
@media screen and (max-width: 640px) {
  .insta5 {
    max-height: calc(100vw - var(--pad2));
    overflow-y: scroll;
  }
}
.insta5 .sns_list {
  width: 100%;
  flex-direction: inherit !important;
  border: none !important;
  flex-wrap: wrap;
}
.insta5 .sns_list .sns_text {
  width: 100%;
  height: 100px;
}
.insta5 .sns_list .sns_text:is(.noText *) {
  display: none;
}
.insta5 .sns_list .sns_text ul {
  display: none;
}
.insta5 .sns_list .sns_text .sns_date {
  font-size: 1.2em;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  background-color: #fff;
  border-radius: 6px 0 6px 0;
}
.insta5 .sns_list .sns_text .caption {
  line-height: 1.5em;
}
.insta5 .sns_list .square-inner {
  position: relative;
  display: block;
}
.insta5 .sns_list .square-inner:before {
  position: relative;
  z-index: 1;
  content: "";
  display: block;
  width: 100% !important;
}
.insta5 .sns_list .square-inner img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100% !important;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s;
  transform-origin: center center;
}
.insta5 .sns_list .sns_photo {
  width: 100% !important;
  padding: 0 !important;
  overflow: hidden;
}
.insta5 .sns_list .sns_photo:is(.nophoto *) {
  display: none;
}
.insta5 .sns_list .sns_photo img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s;
  transform-origin: center center;
}
.insta5 .sns_list > div {
  border: none !important;
  display: block;
  flex-direction: column;
  width: 18.5%;
  margin: 0.75%;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .insta5 .sns_list > div {
    width: 31.8%;
  }
}
@media screen and (max-width: 834px) {
  .insta5 .sns_list > div {
    width: 48.5%;
  }
}

.sns-i_stop div.sns_list {
  border: none;
}
.sns-i_stop div.sns_list .slick-slide {
  padding: 0 10px;
  position: relative;
}
.sns-i_stop div.sns_list div.sns_date {
  position: absolute;
  top: 0;
  left: 10px;
  padding: 10px;
}
.sns-i_stop div.sns_list > div {
  display: block;
  border: none;
  overflow: visible;
}
.sns-i_stop div.sns_list > div div.sns_photo {
  padding: 0;
  width: 100%;
  overflow: hidden;
}
.sns-i_stop div.sns_list > div div.sns_photo a {
  display: block;
  position: relative;
  overflow: hidden;
}
.sns-i_stop div.sns_list > div div.sns_photo a:hover img {
  scale: 1.04;
}
.sns-i_stop div.sns_list > div div.sns_photo a img {
  height: 100% !important;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.4s;
  transform-origin: center center;
  aspect-ratio: 1/1;
  border-radius: var(--rad);
}
.sns-i_stop div.sns_list > div .sns_text {
  width: 100%;
  height: 100px;
  overflow: hidden;
  display: none;
}
.sns-i_stop div.sns_list > div .sns_text * {
  margin-bottom: 4px;
  font-size: 14px !important;
  line-height: 1.6;
}
.sns-i_stop div.sns_list > div div.sns_text ul {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sns-i_stop div.sns_list > div div.sns_text p,
.sns-i_stop div.sns_list > div div.sns_text .caption {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sns-i_stop3 .slick-next {
  right: 25px;
  top: 40%;
}
.sns-i_stop3 .slick-next:before {
  font-size: 30px;
  opacity: 1;
}
.sns-i_stop3 .slick-prev {
  z-index: 100;
  left: 15px;
  top: 40%;
}
.sns-i_stop3 .slick-prev:before {
  opacity: 1;
  font-size: 30px;
}
.sns-i_stop3 div.sns_list {
  border: none;
}
.sns-i_stop3 div.sns_list .slick-slide {
  padding: 0 10px;
  position: relative;
}
.sns-i_stop3 div.sns_list div.sns_date {
  position: absolute;
  top: 0;
  left: 10px;
  padding: 10px;
  text-shadow: 0 0 2px var(--tx), 0 0 2px var(--tx), 0 0 2px var(--tx), 0 0 2px var(--tx);
  -webkit-backdrop-filter: opacity(1);
          backdrop-filter: opacity(1);
}
.sns-i_stop3 div.sns_list > div {
  display: block;
  border: none;
  overflow: visible;
}
.sns-i_stop3 div.sns_list > div div.sns_photo {
  padding: 0;
  width: 100%;
  overflow: hidden;
}
.sns-i_stop3 div.sns_list > div div.sns_photo a {
  display: block;
  position: relative;
  overflow: hidden;
}
.sns-i_stop3 div.sns_list > div div.sns_photo a:hover img {
  scale: 1.04;
}
.sns-i_stop3 div.sns_list > div div.sns_photo a img {
  height: 100% !important;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.4s;
  transform-origin: center center;
  aspect-ratio: 1/1;
  border-radius: var(--rad);
}
.sns-i_stop3 div.sns_list > div .sns_text {
  width: 100%;
  height: 100px;
  overflow: hidden;
}
.sns-i_stop3 div.sns_list > div .sns_text * {
  margin-bottom: 4px;
  font-size: 14px !important;
  line-height: 1.6;
}
.sns-i_stop3 div.sns_list > div div.sns_text ul {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--mc);
}
.sns-i_stop3 div.sns_list > div div.sns_text p,
.sns-i_stop3 div.sns_list > div div.sns_text .caption {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.imgRT {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
}

.imgLB {
  position: absolute;
  bottom: 0;
  left: 0%;
  z-index: 1;
}

.h-slash h2 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.h-slash h2::before, .h-slash h2::after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 50px;
  background-color: #777;
  margin-left: 10px;
  margin-right: 24px;
  margin-bottom: -5px;
}
.h-slash h2::before {
  rotate: -15deg;
}
.h-slash h2::after {
  rotate: 15deg;
}

.feature {
  --ac: #93c808;
  --ac70: color-mix(in srgb, var(--ac) 80%, #fff 20%);
  width: calc(100% - var(--g));
  font-weight: bold;
  font-size: var(--h3FZ);
  margin: calc(var(--g) / 2);
  background-color: var(--ac70);
  border-radius: var(--rad);
  outline: calc(var(--g) / 2) solid var(--ac);
  border: 2px dashed #fff;
  margin-top: calc(var(--g) * 2);
  color: #fff;
}

body .cursor,
body .follower {
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  display: block;
}
@media screen and (max-width: 834px) {
  body .cursor,
  body .follower {
    display: none;
  }
}
body .cursor {
  width: 50px;
  height: 50px;
  background-color: #999;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  transition: scale ease 0.3s, opacity 0.3s;
  text-align: center;
  scale: 3;
  opacity: 0.001;
}
body .cursor.is-active {
  opacity: 1;
  scale: 1;
}
body .follower {
  display: none;
}
body .follower span {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  transform: scale(0);
}
body .follower.is-active {
  transform: scale(1);
}
body #stalker {
  pointer-events: none;
  position: fixed;
  perspective: 20vw;
  fill: none;
  stroke: rgba(204, 204, 204, 0);
  stroke-width: 2px;
  border-radius: 50%;
  --oi: 100px;
  --dot: 10px;
  top: calc(var(--oi) / -2);
  left: calc(var(--oi) / -2);
  width: var(--oi);
  height: var(--oi);
  scale: 1;
  transition: all 0s;
  transition-timing-function: ease-out;
  z-index: 999;
}
body #stalker .stalker-inner {
  width: 100%;
  height: 100%;
  background-color: rgba(204, 204, 204, 0);
  border-radius: 50%;
  scale: 1;
  transition: 0.4s;
}
@media screen and (min-width: 835px) {
  body #stalker .stalker-inner {
    background-color: rgba(204, 204, 204, 0.3333333333);
  }
}
body #stalker .stalker-inner.hov {
  background: rgba(0, 0, 0, 0.4666666667);
  scale: 0.7;
  opacity: 1;
}
body #stalker .stalker-inner.down {
  scale: 0.5;
  transition: 0.2s;
}
body #stalker .stalker-inner.up {
  background: #fff;
  animation: big 1s forwards ease-in-out;
}

#loading {
  position: fixed;
  width: 100%;
  top: 50%;
}
#loading #percent {
  text-align: center;
}
#loading #percent-text {
  font-size: 32px;
}
#loading #gauge {
  width: 0px;
  height: 5px;
  background: #ff0000;
}

.mfp-wrap {
  top: 0 !important;
  left: 0;
  width: 100%;
  height: 100% !important;
  z-index: 1043;
  position: fixed !important;
  outline: none !important;
}

.popup td {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
.popup a {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
  display: block;
  will-change: transform;
}
.popup a img {
  transition: 0.4s;
}
.popup a img:hover {
  opacity: 0.7;
}

div:has(+ #global_header) .mfp-container {
  padding-inline: unset;
  overflow-y: scroll;
}

img.mfp-img {
  min-width: 66vw;
}
@media screen and (max-width: 834px) {
  img.mfp-img {
    min-width: 84vw;
  }
}

.mfp-figure .mfp-title {
  display: block;
  font-size: clamp(20px, 2.2vw, 22px);
}
.mfp-figure .mfp-title span {
  font-size: inherit;
  margin-left: 1em;
}

.policy-trigger {
  text-decoration: underline;
  text-decoration-color: var(--linkC);
  color: var(--linkC);
  cursor: pointer;
}

.policy-wrap {
  opacity: 0;
  z-index: -1;
  transition: 0.3s;
  position: fixed;
  justify-content: center;
  align-items: center;
  bottom: 0;
  left: 0;
  height: calc(100% - var(--head));
  width: 100%;
  line-height: 2;
  background-color: var(--bc50);
  overscroll-behavior: none;
  cursor: pointer;
  letter-spacing: 0.02em;
  display: none;
}
.policy-wrap > div > div {
  pointer-events: none;
}
.policy-wrap.active {
  display: flex;
  opacity: 1;
  z-index: 10;
}
.policy-wrap h2 {
  font-size: 26px;
}
.policy-wrap h3 {
  border-left: 6px solid var(--tx);
  color: #111;
  padding-left: 10px;
  font-size: 18px;
  letter-spacing: 0.1em;
  font-weight: bold;
  text-align: left;
}
.policy-wrap p {
  margin: 10px 0 25px;
  color: #111;
  line-height: 2;
}
.policy-wrap > div {
  position: relative;
  padding: 20px;
  width: var(--base);
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid var(--tx);
  height: 80vh;
  max-height: calc(100vh - var(--head) * 1.5);
  overflow-y: scroll;
  max-width: 100%;
}
.policy-wrap > div a {
  position: absolute;
  top: -4px;
  right: -4px;
  font-size: 2.4rem;
  font-weight: bold;
}

.policy_contents h2 {
  font-size: clamp(20px, 2.8vw, 28px);
  border-bottom: 1px solid var(--mc);
}

.ameblo {
  overflow-y: scroll;
  --c:var(--mc);
}
@media screen and (max-width: 640px) {
  .ameblo {
    max-height: 50vh;
  }
}
.ameblo dl a {
  display: block;
  padding-bottom: 5px;
  border-bottom: var(--line);
  border-color: var(--c);
  margin-bottom: 10px;
  text-decoration: none;
  color: var(--tx);
}
.ameblo dl a dt time {
  display: inline-block;
  color: var(--c);
  font-weight: bold;
}
.ameblo dl a dt .rss-title {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline-end: auto;
}
.ameblo dl a dd .txt {
  font-size: var(--f14);
}
.ameblo::-webkit-scrollbar {
  background-color: transparent;
  width: 6px;
  height: 0;
}
.ameblo::-webkit-scrollbar-thumb {
  background-color: var(--gr);
}

.archive .modal {
  display: block;
  text-decoration: none;
  border-bottom: 1px solid var(--ac);
  margin-inline-end: var(--pad);
}
.archive .modal + .modal {
  margin-top: 2em;
}

.im:has(.distort) {
  padding: 50px;
  filter: url(#distort);
  background-color: #000;
}
.im:has(.distort) img {
  width: 100%;
}

.fl50:has(.fb_iso) {
  flex-wrap: nowrap !important;
  align-items: center;
  padding-block: var(--bl2);
  flex-direction: row-reverse;
}
@media screen and (max-width: 960px) {
  .fl50:has(.fb_iso) {
    flex-wrap: wrap !important;
  }
  .fl50:has(.fb_iso) > *:is(#contents *) {
    flex: unset;
    width: 100%;
  }
  .fl50:has(.fb_iso) .fb_iso:is(#contents *) {
    margin-top: var(--bl);
  }
}

.fb_layer .box {
  flex: 1;
}
.fb_layer .box:nth-child(2) {
  margin-left: var(--Nbl);
  margin-top: auto;
}
.fb_layer .box:nth-child(2) article {
  margin-top: var(--bl);
}
.fb_layer img:is(#contents *) {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.fb_iso02 {
  line-height: 1.1;
  gap: 1px;
  justify-content: center;
}
@media screen and (max-width: 960px) {
  .fb_iso02 {
    flex-basis: 100%;
    width: 100%;
  }
}
.fb_iso02 .box {
  font-size: var(--f16);
  filter: drop-shadow(0 1em var(--gr));
  width: 360px;
  max-width: 49%;
  overflow: visible !important;
  aspect-ratio: 45/26;
  counter-increment: cnt;
}
.fb_iso02 .box > article, .fb_iso02 .box > article > div {
  display: contents;
}
@media screen and (max-width: 960px) {
  .fb_iso02 .box {
    font-size: 3vmin;
  }
}
.fb_iso02 .box a {
  text-align: center;
  font-size: var(--h3FZ);
  font-weight: 900;
  -webkit-clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 50% 100%);
          clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 50% 100%);
  color: var(--tx);
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  place-content: center;
  background: conic-gradient(transparent 0deg 90deg, rgba(255, 255, 255, 0.5333333333) 90deg 180deg, transparent 180deg 270deg, rgba(255, 255, 255, 0.5333333333) 270deg 360deg) 0 0/var(--s) var(--s);
  --s: var(--bl06);
  background-color: var(--mc);
  padding-inline: 10px;
}
.fb_iso02 .box a:hover {
  filter: hue-rotate(30deg);
}
.fb_iso02 .box a:before {
  content: counter(cnt, decimal-leading-zero) "";
  font-weight: 900;
  font-size: var(--bl);
  width: 100%;
  height: 100%;
  display: inline-grid;
  place-items: center;
  position: absolute;
  inset: 0;
  z-index: 1;
  mix-blend-mode: color-dodge;
}
.fb_iso {
  filter: drop-shadow(0 1em var(--gr));
  line-height: 1.1;
  gap: 1px;
}
@media screen and (max-width: 960px) {
  .fb_iso {
    flex-basis: 100%;
    width: 100%;
  }
}
.fb_iso .box {
  --g:1px;
  --h:258px;
  --x:calc(100%/4 - 1px);
  --Nx:calc(var(--x)*-1);
  --x2:calc(var(--x)*2);
  --Nx2:calc(var(--x)*-2);
  --y:calc(100%/7 + 1px);
  --Ny:calc(var(--y)*-1);
  --y2:calc(var(--y)*2);
  --Ny2:calc(var(--y)*-2);
  width: calc((100% - var(--g) * 1) / 2);
  width: calc(50% - var(--g) * 2);
  font-size: 1.2vw;
  font-weight: 900;
  aspect-ratio: 45/26;
  -webkit-clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 50% 100%);
          clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 50% 100%);
}
.fb_iso .box > article, .fb_iso .box > article > div {
  display: contents;
}
@media screen and (max-width: 960px) {
  .fb_iso .box {
    font-size: 3vmin;
  }
}
.fb_iso .box a {
  text-align: center;
  color: var(--tx);
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  place-content: center;
  background: conic-gradient(transparent 0deg 90deg, rgba(255, 255, 255, 0.5333333333) 90deg 180deg, transparent 180deg 270deg, rgba(255, 255, 255, 0.5333333333) 270deg 360deg) 0 0/var(--s) var(--s);
  --s: var(--bl06);
  background-color: var(--bc);
  padding-inline: 10px;
}
.fb_iso .box a:hover {
  filter: invert(1);
}
.fb_iso .box:nth-child(3n+1) {
  margin-inline: 0 var(--Nx);
  margin-block: var(--Ny) var(--y);
}
.fb_iso .box:nth-child(3n+2) {
  margin-inline: 0 var(--Nx);
}
.fb_iso .box:nth-child(3n) {
  margin-block: var(--y) var(--Ny);
}
.fb_hexagon {
  gap: 1px;
}
@media screen and (max-width: 960px) {
  .fb_hexagon {
    flex-basis: 100%;
    width: 100%;
  }
}
.fb_hexagon .box {
  --g:1px;
  width: calc(50% - var(--g) / 2);
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding-inline: 10px;
  aspect-ratio: 6/7;
}
@media screen and (max-width: 640px) {
  .fb_hexagon .box {
    font-size: 12px;
  }
  .fb_hexagon .box br {
    display: none;
  }
}
.fb_hexagon .box h3 {
  color: var(--mc);
  margin-bottom: 10px;
  font-size: 1.5vw;
}
@media screen and (max-width: 960px) {
  .fb_hexagon .box h3 {
    font-size: 3vmin;
  }
}
.fb_hexagon .box:nth-child(3) {
  margin-inline: 25%;
  margin-top: -14.5%;
}
.fb_hexagon:has(.box:nth-child(4):last-child) .box:nth-child(3) {
  margin-inline: unset;
  margin-top: unset;
}
.fb_hexagon:has(.box:nth-child(4):last-child) .box:nth-child(4) {
  margin-inline: unset;
  margin-top: unset;
}
.fb_hexagon:has(.box:nth-child(5):last-child) .box:nth-child(4),
.fb_hexagon:has(.box:nth-child(5):last-child) .box:nth-child(5) {
  margin-top: -14.5%;
}
.fb_txcenter:is(#contents *) h3 {
  color: var(--mc);
  margin-bottom: 0.5em;
}
.fb_txcenter:is(#contents *) > * + * {
  margin-top: 1em;
}
.fb_txcenter:is(#contents *) * {
  text-align: center;
}
.fb_menu {
  --line:var(--mc);
  --col2:#333;
  --bd:1px solid var(--line);
  --g:3vmin;
  line-height: 1.6;
}
.fb_menu.__border .box {
  border-bottom: var(--bd);
}
.fb_menu * {
  text-align: center;
}
.fb_menu .im {
  order: 1;
  width: 30%;
}
@media screen and (max-width: 640px) {
  .fb_menu .im {
    width: unset;
  }
}
.fb_menu .im img {
  width: 100% !important;
  max-height: 100%;
  margin-left: auto;
}
.fb_menu .box {
  margin-inline: unset;
  padding-block: var(--g);
  display: flex;
  gap: var(--g);
  width: 100%;
}
.fb_menu .box:first-of-type {
  padding-top: unset;
}
@media screen and (max-width: 640px) {
  .fb_menu .box {
    flex-direction: column;
  }
}
.fb_menu .box:has(.noline), .fb_menu .box:last-of-type {
  border-bottom: none;
}
.fb_menu .box .noline {
  width: 0;
  height: 0;
  visibility: hidden;
  display: none;
}
.fb_menu .box article > h3 {
  display: none;
}
.fb_menu .box article, .fb_menu .box > div {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.fb_menu h3 {
  margin-bottom: 0.25em;
}
.fb_menu article > div, .fb_menu .box > div {
  flex: 1;
  display: flex;
  flex-direction: column;
  color: var(--col2);
}
.fb_menu article > div small, .fb_menu .box > div small {
  font-size: 14px;
}
.fb_menu article > div dd, .fb_menu .box > div dd {
  border: none !important;
  background: none !important;
  padding: 10px 0 !important;
}
.fb_menu article > div dd .ttl, .fb_menu .box > div dd .ttl {
  font-weight: 600;
}
.fb_menu article > div dd .sub, .fb_menu .box > div dd .sub {
  font-weight: 500;
}
.fb_menu article > div dd .small, .fb_menu .box > div dd .small {
  font-size: 0.9em;
}
.fb_menu article > div dd .bold, .fb_menu .box > div dd .bold {
  font-weight: bold;
}
.fb_menu article > div p, .fb_menu .box > div p {
  font-size: 1.4em;
}
@media screen and (max-width: 640px) {
  .fb_menu article > div, .fb_menu .box > div {
    flex-direction: column !important;
  }
  .fb_menu article > div dd, .fb_menu article > div dt, .fb_menu .box > div dd, .fb_menu .box > div dt {
    width: 100% !important;
  }
  .fb_menu article > div dd, .fb_menu .box > div dd {
    padding: 5px !important;
  }
  .fb_menu article > div dt, .fb_menu .box > div dt {
    padding: 0 !important;
  }
}
.fb_menu05 {
  --line:var(--mc);
  --col2:var(--gr);
  --p:var(--f16);
  line-height: 1.6;
}
.fb_menu05 .box {
  border-bottom: 2px var(--decoS) var(--line);
  padding-block: var(--p);
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.fb_menu05 .box article {
  display: contents;
}
.fb_menu05 .box:has(.noline) {
  border-bottom: none;
}
.fb_menu05 .box .noline {
  width: 0;
  height: 0;
  visibility: hidden;
  display: none;
}
.fb_menu05 .box:has(h3.head) {
  background-color: var(--tx);
  color: #fff;
  width: 100%;
  display: grid;
  place-items: center;
}
.fb_menu05 .box .noline {
  width: 0;
  height: 0;
  visibility: hidden;
  display: none;
}
.fb_menu05 h3 {
  margin-bottom: 0;
}
.fb_menu05 article > div {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  font-size: 14px;
  color: var(--col2);
}
.fb_menu05 article > div small {
  font-size: 14px;
}
.fb_menu05 article > div dd {
  border: none !important;
  background: none !important;
  padding: 10px 0 !important;
}
.fb_menu05 article > div dd .ttl {
  font-weight: 600;
}
.fb_menu05 article > div dd .sub {
  font-weight: 500;
}
.fb_menu05 article > div dd .small {
  font-size: 0.9em;
}
.fb_menu05 article > div dd .bold {
  font-weight: bold;
}
.fb_menu05 article > div p {
  text-align: right;
  min-width: 70px;
  margin-left: auto;
  color: var(--tx);
  font-size: var(--f18);
  font-weight: 700;
}
@media screen and (max-width: 640px) {
  .fb_menu05 article > div {
    flex-direction: column-reverse !important;
  }
  .fb_menu05 article > div dd, .fb_menu05 article > div dt {
    width: 100% !important;
  }
  .fb_menu05 article > div dd {
    padding: 5px !important;
  }
  .fb_menu05 article > div dt {
    padding: 0 !important;
  }
}
.fb_menu02 {
  --line:var(--gr);
  --col2:var(--gr);
  --g:1em;
  line-height: 1.6;
  border: 5px solid #ccc;
  font-size: var(--f16);
}
.fb_menu02 .box {
  display: flex;
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
  border-bottom: none;
  border-right: none;
}
.fb_menu02 .box article {
  display: contents;
}
.fb_menu02 .box:has(.noline) {
  border-bottom: none;
}
.fb_menu02 .box .noline {
  width: 0;
  height: 0;
  visibility: hidden;
  display: none;
}
.fb_menu02 h3 {
  margin-bottom: 0;
  width: 25%;
  background-color: #dddeed;
  color: var(--mc);
  display: grid;
  place-items: center;
  font-size: var(--f16);
  font-weight: bold;
  border-bottom: 1px solid var(--line);
  border-right: 1px solid var(--line);
  padding: var(--g);
  letter-spacing: 1em;
  text-align: center;
}
.fb_menu02 article > div {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  color: var(--col2);
}
.fb_menu02 article > div span {
  border-bottom: 1px solid var(--line);
  border-right: 1px solid var(--line);
  padding: var(--g);
}
.fb_menu02 article > div span:nth-child(odd) {
  background: none !important;
  color: var(--mc);
  width: calc(100% - 106px);
}
.fb_menu02 article > div span:nth-child(even) {
  background: none;
  text-align: right;
  width: 106px;
  font-weight: 700;
  align-items: flex-end !important;
  color: var(--tx);
}
@media screen and (max-width: 480px) {
  .fb_menu02 article > div span:is(#contents span) {
    width: 100%;
  }
}
.fb_menu03 {
  --line:var(--sc);
  --col2:var(--gr);
  --g:1em;
  line-height: 1.6;
  border: 2px solid var(--sc);
  padding: 0.5em;
}
.fb_menu03 .box {
  display: flex;
  border-bottom: 1px solid var(--line);
  width: 100%;
}
.fb_menu03 .box article {
  display: contents;
}
.fb_menu03 .box:has(.noline) {
  border-bottom: none;
}
.fb_menu03 .box .noline {
  width: 0;
  height: 0;
  visibility: hidden;
  display: none;
}
.fb_menu03 h3 {
  margin-bottom: 0;
  width: 25%;
  background-color: #dddeed;
  color: var(--mc);
  display: grid;
  place-items: center;
  font-size: unset;
  font-weight: bold;
  padding: var(--g);
  text-align: center;
  background-color: var(--grtr);
}
.fb_menu03 article > div {
  flex: 1;
  display: flex;
}
@media screen and (max-width: 640px) {
  .fb_menu03 article > div {
    flex-direction: column;
    padding: 1em;
  }
}
.fb_menu03 article > div span {
  padding: var(--g);
}
.fb_menu03 article > div span.first {
  background: none !important;
  width: 50%;
  font-weight: bold;
  color: var(--tx);
}
.fb_menu03 article > div span.first + br {
  display: none;
}
@media screen and (max-width: 640px) {
  .fb_menu03 article > div span.first {
    padding: 0;
  }
}
.fb_menu03 article > div span:not(.first) {
  background: none;
  align-items: flex-end !important;
  color: var(--tx);
  display: contents;
  font-size: 80%;
}
@media screen and (max-width: 480px) {
  .fb_menu03 article > div span:is(#contents span) {
    width: 100%;
  }
}
.fb_menu04 {
  --line:var(--mc);
  --col2:#333;
  --bd:1px solid var(--line);
  --g:3vmin;
  line-height: 1.6;
}
.fb_menu04 .im {
  order: 1;
  width: 30%;
}
@media screen and (max-width: 640px) {
  .fb_menu04 .im {
    width: unset;
  }
}
.fb_menu04 .im img {
  width: 100% !important;
  max-height: 100%;
  margin-left: auto;
}
.fb_menu04 .box {
  margin-inline: unset;
  border-bottom: var(--bd);
  padding-block: var(--g);
  display: flex;
  gap: var(--g);
  width: 100%;
}
.fb_menu04 .box:first-of-type {
  padding-top: unset;
}
@media screen and (max-width: 640px) {
  .fb_menu04 .box {
    flex-direction: column;
  }
}
.fb_menu04 .box:has(.noline), .fb_menu04 .box:last-of-type {
  border-bottom: none;
}
.fb_menu04 .box .noline {
  width: 0;
  height: 0;
  visibility: hidden;
  display: none;
}
.fb_menu04 .box article > h3 {
  display: none;
}
.fb_menu04 .box article, .fb_menu04 .box > div {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.fb_menu04 h3 {
  margin-bottom: 0.5em;
}
.fb_menu04 article > div, .fb_menu04 .box > div {
  flex: 1;
  display: flex;
  flex-direction: column;
  color: var(--col2);
}
.fb_menu04 article > div small, .fb_menu04 .box > div small {
  font-size: 14px;
}
.fb_menu04 article > div dd, .fb_menu04 .box > div dd {
  border: none !important;
  background: none !important;
  padding: 10px 0 !important;
}
.fb_menu04 article > div dd .ttl, .fb_menu04 .box > div dd .ttl {
  font-weight: 600;
}
.fb_menu04 article > div dd .sub, .fb_menu04 .box > div dd .sub {
  font-weight: 500;
}
.fb_menu04 article > div dd .small, .fb_menu04 .box > div dd .small {
  font-size: 0.9em;
}
.fb_menu04 article > div dd .bold, .fb_menu04 .box > div dd .bold {
  font-weight: bold;
}
.fb_menu04 article > div p, .fb_menu04 .box > div p {
  font-size: 1.6em;
  text-align: right;
  margin-left: auto;
  margin-top: auto;
  color: var(--tx);
  font-weight: 700;
}
@media screen and (max-width: 640px) {
  .fb_menu04 article > div, .fb_menu04 .box > div {
    flex-direction: column !important;
  }
  .fb_menu04 article > div dd, .fb_menu04 article > div dt, .fb_menu04 .box > div dd, .fb_menu04 .box > div dt {
    width: 100% !important;
  }
  .fb_menu04 article > div dd, .fb_menu04 .box > div dd {
    padding: 5px !important;
  }
  .fb_menu04 article > div dt, .fb_menu04 .box > div dt {
    padding: 0 !important;
  }
}
.fb_tbl01 {
  --hc:var(--ff);
  --hbg:var(--mc);
  --line:#ccc;
  --col2:#333;
  --bd:1px solid var(--line);
  --g:1em;
  line-height: 1.6;
  border-left: var(--bd);
  border-top: var(--bd);
}
.fb_tbl01 .box {
  display: contents;
}
.fb_tbl01 .box:first-of-type > article {
  border: none;
  background-color: var(--hbg);
  color: var(--hc);
}
.fb_tbl01 article:has(> a) {
  display: contents;
}
.fb_tbl01 article:not(:has(> a)), .fb_tbl01 article > a {
  width: 100%;
  display: flex;
  align-items: center;
  border-right: var(--bd);
  border-bottom: var(--bd);
  text-decoration: none;
}
.fb_tbl01 article:not(:has(> a)) > *, .fb_tbl01 article > a > * {
  padding: 0.5em;
}
.fb_tbl01 article:not(:has(> a)) h3, .fb_tbl01 article > a h3 {
  font-size: 120%;
  flex: 1;
}
.fb_tbl01 article:not(:has(> a)) > div, .fb_tbl01 article > a > div {
  border-left: var(--bd);
  height: 100%;
  display: grid;
  place-items: center start;
  width: 20%;
  text-decoration: none;
}
.fb_tbl01 article:not(:has(> a)) > div small, .fb_tbl01 article > a > div small {
  font-size: 14px;
}
.fb_tbl01 article:not(:has(> a)) > div dd, .fb_tbl01 article > a > div dd {
  border: none !important;
  background: none !important;
  padding: 10px 0 !important;
}
.fb_tbl01 article:not(:has(> a)) > div dd .ttl, .fb_tbl01 article > a > div dd .ttl {
  font-weight: 600;
}
.fb_tbl01 article:not(:has(> a)) > div dd .sub, .fb_tbl01 article > a > div dd .sub {
  font-weight: 500;
}
.fb_tbl01 article:not(:has(> a)) > div dd .small, .fb_tbl01 article > a > div dd .small {
  font-size: 0.9em;
}
.fb_tbl01 article:not(:has(> a)) > div dd .bold, .fb_tbl01 article > a > div dd .bold {
  font-weight: bold;
}
.fb_tbl01 article:not(:has(> a)) > div p, .fb_tbl01 article > a > div p {
  text-align: right;
  min-width: 70px;
  margin-left: auto;
  color: var(--tx);
  font-weight: 700;
}
.fb_IHI {
  width: 720px;
  max-width: 100%;
  margin-inline: auto;
  gap: 1em;
  justify-content: space-between;
  padding-bottom: 1em;
  border-bottom: var(--line);
  margin-bottom: var(--bl05);
}
.fb_IHI h1, .fb_IHI h2, .fb_IHI h3 {
  text-align: center;
}
.fb_IHI > :has(:not(div) > img) img:is(#contents *) {
  width: 16vmin;
  aspect-ratio: 1;
  -o-object-position: bottom;
     object-position: bottom;
}
.fb_chat {
  gap: 2vmin;
  --c: var(--bc);
  --img: var(--mc);
  align-items: center;
}
.fb_chat + .fb_chat {
  margin-top: var(--g);
}
@media screen and (max-width: 834px) {
  .fb_chat {
    flex-direction: column;
  }
  .fb_chat > *:is(#contents *) {
    width: 100%;
    flex: unset;
  }
  .fb_chat > *:is(#contents *).box:has(img) {
    order: 1;
  }
  .fb_chat > *:is(#contents *).box:has(img) .im {
    margin-inline: auto;
    width: -moz-fit-content;
    width: fit-content;
  }
  .fb_chat > *:is(#contents *).box:not(:has(img)) div:after, .fb_chat > *:is(#contents *).box:not(:has(img)) article > div:after {
    top: 100%;
    left: 50%;
    translate: -50% 0%;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 80%);
            clip-path: polygon(0% 0%, 100% 0%, 50% 80%);
  }
}
.fb_chat .box:is(#contents div) {
  overflow: visible;
}
.fb_chat .box:has(img) {
  text-align: center;
}
.fb_chat .box:has(img) img {
  max-width: 200px;
  margin-bottom: 1em;
}
.fb_chat .box:has(img) .im:is([class*=kage] *) {
  -webkit-mask: no-repeat center/100% 100%;
          mask: no-repeat center/100% 100%;
  background-color: var(--img);
}
.fb_chat .box:has(img) .im:is([class*=kage] *) img {
  opacity: 0;
}
.fb_chat .box:has(img) .im:is(.kageMC *) {
  --img: var(--mc);
}
.fb_chat .box:has(img) .im:is(.kageTX *) {
  --img: var(--tx);
}
.fb_chat .box:has(img) .im:is(.kageGR *) {
  --img: var(--gr);
}
.fb_chat .box:not(:has(img)) {
  flex: 1;
}
.fb_chat .box:not(:has(img)) div, .fb_chat .box:not(:has(img)) article > div {
  padding: 1em;
  background-color: var(--c);
  border-radius: 1em;
  position: relative;
}
.fb_chat .box:not(:has(img)) div:after, .fb_chat .box:not(:has(img)) article > div:after {
  content: "";
  width: 2em;
  height: 2em;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  background-color: var(--c);
}
.fb_chat .box:not(:has(img)) div:is(.box:nth-child(even) div):after, .fb_chat .box:not(:has(img)) article > div:is(.box:nth-child(even) div):after {
  right: 100%;
  -webkit-clip-path: polygon(100% 0%, 20% 50%, 100% 100%);
          clip-path: polygon(100% 0%, 20% 50%, 100% 100%);
}
.fb_chat .box:not(:has(img)) div:is(.box:nth-child(odd) div):after, .fb_chat .box:not(:has(img)) article > div:is(.box:nth-child(odd) div):after {
  left: 100%;
  -webkit-clip-path: polygon(0% 0%, 80% 50%, 0% 100%);
          clip-path: polygon(0% 0%, 80% 50%, 0% 100%);
}
.fb_spot {
  --g: var(--bl05);
  gap: 0 var(--g);
  margin-top: 0;
  padding-block: var(--g);
  --stripeW: 4px;
  background: repeating-linear-gradient(135deg, transparent, transparent var(--stripeW), #fff calc(var(--stripeW) + 1px), #fff calc(var(--stripeW) * 2));
}
.fb_spot > :has(iframe) iframe {
  width: 100% !important;
  aspect-ratio: 5/3;
}
@media screen and (max-width: 960px) {
  .fb_spot > :has(iframe) {
    order: 1 !important;
  }
  .fb_spot > :has(iframe) iframe {
    aspect-ratio: 3/1;
  }
}
.fb_spot > :nth-child(1) {
  width: 50%;
}
.fb_spot > :nth-child(1):is(.__rev *) {
  order: 1;
}
.fb_spot > :nth-child(1):is(.__rev *) a small {
  right: unset;
  left: 0;
}
.fb_spot > :nth-child(1):is(.__rev *) a > div {
  place-self: start;
}
@media screen and (max-width: 960px) {
  .fb_spot > :nth-child(1):is(.__rev *) {
    order: unset;
  }
}
@media screen and (max-width: 960px) {
  .fb_spot > :nth-child(1) {
    width: 100%;
  }
}
.fb_spot > :nth-child(1) *:not(a > div, a > div *) {
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.fb_spot > :nth-child(1) a {
  text-decoration: none;
}
.fb_spot > :nth-child(1) a > h3 {
  display: none;
}
.fb_spot > :nth-child(1) a:hover {
  opacity: 1;
}
.fb_spot > :nth-child(1) a:hover img {
  scale: 1.05;
}
.fb_spot > :nth-child(1) a {
  display: grid;
}
.fb_spot > :nth-child(1) a > * {
  grid-area: 1/1;
}
.fb_spot > :nth-child(1) a img:is(#contents *) {
  width: 100%;
  transition: 0.4s ease-in-out;
}
.fb_spot > :nth-child(1) a > div {
  place-self: start end;
  background-color: #fff;
  font-family: var(--yuj);
  color: var(--tx);
  padding-inline: 1.5em;
  margin-top: 3.5em;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 1;
}
.fb_spot > :nth-child(1) a > div:not(:has(small)) {
  margin-top: 2em;
  background-color: var(--mc);
  color: #fff;
}
.fb_spot > :nth-child(1) a small {
  position: absolute;
  top: 2em;
  right: 0;
  background-color: var(--mc);
  color: var(--wh);
  font-size: 75%;
  padding-inline: 2em;
}
.fb_spot > :nth-child(2) {
  background-color: #fff;
  width: calc(50% - var(--g));
}
.fb_spot > :nth-child(2):is(.__rev *) article > div {
  padding-inline: var(--incont) var(--pad);
}
.fb_spot > :nth-child(2):is(.__rev *) article img {
  margin-inline: 0 auto;
}
@media screen and (max-width: 960px) {
  .fb_spot > :nth-child(2):is(.__rev *) article img {
    margin-inline: auto 0;
  }
}
@media screen and (max-width: 960px) {
  .fb_spot > :nth-child(2) {
    width: 100%;
  }
}
.fb_spot > :nth-child(2):is(#contents *) {
  overflow: visible;
}
.fb_spot > :nth-child(2) > article {
  display: grid;
  height: 100%;
  padding-block: var(--bl03);
  place-items: center;
}
.fb_spot > :nth-child(2) > article > * {
  grid-area: 1/1;
}
.fb_spot > :nth-child(2) > article img {
  width: 60vmin !important;
  height: 32vmin !important;
  margin-inline-start: auto;
  opacity: 0.7;
}
.fb_spot > :nth-child(2) > article > div {
  place-self: center end;
  display: flex;
  flex-direction: column;
  gap: 1.5em;
  width: 100%;
  height: 100%;
  padding-inline: var(--pad) var(--incont);
}
.fb_spot > :nth-child(2) > article > div em {
  font-size: var(--f20);
  font-weight: bold;
  padding: 0.5em 1em;
  background-color: var(--mc20);
  width: -moz-fit-content;
  width: fit-content;
}
.fb_spot > :nth-child(2) > article [class*=btn] {
  margin-top: auto;
  margin-left: auto;
  transition-delay: 0s;
}
.fb_spot.__ac {
  --mc:#e66a5c;
  --mc11:#e66a5c11;
  --mc20:#e66a5c33;
  --mc40:#e66a5c55;
  --mc50:#e66a5c88;
  --mc70:#e66a5cbb;
}
.fb_spot.__sc {
  --mc:#c9b162;
  --mc11:#c9b16211;
  --mc20:#c9b16233;
  --mc40:#c9b16255;
  --mc50:#c9b16288;
  --mc70:#c9b162bb;
}
.fb_column {
  gap: var(--bl05);
}
.fb_column .box {
  width: 960px;
  margin-inline: unset;
  padding-inline-end: 6vmin;
  transition: 0.6s ease-in-out;
}
.fb_column .box:hover {
  width: 1080px;
}
.fb_column .box div {
  min-height: 19.6vmin;
  background-color: #fff;
  height: 100%;
  display: grid;
  place-content: center stretch;
  padding-inline: 4.8vmin 8.4vmin;
  position: relative;
  padding-block: 1em 2em;
}
.fb_column .box div > * {
  width: 100%;
}
.fb_column .box div h1, .fb_column .box div h2, .fb_column .box div h3 {
  display: flex;
  align-items: flex-end;
  border-bottom: 1px solid var(--sc);
  width: 100%;
  justify-content: space-between;
  padding-bottom: 0.25em;
  margin-bottom: 0.125em;
}
.fb_column .box div h1 em, .fb_column .box div h2 em, .fb_column .box div h3 em {
  color: var(--sc);
}
@media screen and (max-width: 640px) {
  .fb_column .box div h1 em, .fb_column .box div h2 em, .fb_column .box div h3 em {
    position: absolute;
    bottom: 2vmin;
    right: 2vmin;
    z-index: 0;
    opacity: 0.5;
  }
}
.fb_column .box:after {
  content: "\f105";
  background-color: var(--mc);
  width: 12vmin;
  height: 12vmin;
  inset: 0 0 0 auto;
  margin: auto;
  display: grid;
  place-items: center;
  font-size: var(--f36);
  font-family: var(--la);
  border-radius: 999px;
  color: #fff;
}
.fb_column .box:has(div > [class*=bg]):after {
  background-color: var(--wh);
  color: var(--mc);
}
.fb_column .box:has(div > [class*=bg]) article > div {
  color: var(--wh);
}
.fb_column .box:has(div > [class*=bg]) article > div h1, .fb_column .box:has(div > [class*=bg]) article > div h2, .fb_column .box:has(div > [class*=bg]) article > div h3 {
  border-color: var(--wh);
}
.fb_column .box:has(div > [class*=bg]) article > div em {
  color: var(--wh);
}
.fb_column .box:has(div > [class*=bg]) article > div [class*=bg] {
  display: none;
}
.fb_column .box:has(div > .bgmc) article > div {
  background-color: var(--mc);
}
.fb_column .box:has(div > .bgac) article > div {
  background-color: var(--ac);
}
.fb_column .box:has(div > .bgsc) article > div {
  background-color: var(--sc);
}
.fb_column .box:nth-child(4n+2), .fb_column .box:nth-child(4n) {
  margin-inline: auto;
}
.fb_column .box:nth-child(4n+3) {
  margin-inline-start: auto;
}
.fb_news {
  padding: var(--pad);
  border: 1px solid #000;
  border-radius: 4px;
}
@media screen and (max-width: 640px) {
  .fb_news {
    max-height: 40vh;
  }
}
.fb_news .box:not(:has(h3)) div {
  font-size: var(--f20);
  font-weight: 700;
}
.fb_news .box:not(:has(h3)) div .btn {
  font-weight: 500;
}
.fb_news .box + .box {
  border-top: 2px solid currentColor;
  padding-top: var(--pad);
  margin-top: var(--pad);
}
.fb_news h3 {
  border-bottom: 2px dotted currentColor;
  line-height: 2;
}
.fb_news .box div {
  margin-top: 0.5em;
  padding-bottom: 1em;
}
.fb_news .box div .btn {
  float: right;
  margin-top: var(--pad);
}
.fb_bfaf03 {
  gap: 2em 0;
  position: relative;
  z-index: 10;
}
.fb_bfaf03.img-order article {
  display: grid;
}
.fb_bfaf03.img-order article > .im {
  order: 1;
}
.fb_bfaf03 p {
  margin-bottom: 1em;
}
@media screen and (max-width: 640px) {
  .fb_bfaf03 {
    flex-direction: column !important;
  }
}
.fb_bfaf03 img {
  width: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.fb_bfaf03 .box {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 1em;
}
.fb_bfaf03 .box div:empty {
  display: none;
}
.fb_bfaf03 article {
  display: contents;
}
.fb_bfaf03 .box:has(img[alt=arrow]) {
  display: grid;
  place-items: center;
  place-content: center;
  width: 10%;
}
@media screen and (max-width: 640px) {
  .fb_bfaf03 .box:has(img[alt=arrow]) {
    margin-inline: auto;
    rotate: 90deg;
  }
}
.fb_bfaf03 .box:not(:has(img[alt=arrow])),
.fb_bfaf03 .box:has(img[alt=BEFORE], img[alt=AFTER]) {
  width: 45%;
}
.fb_bfaf03 .box:not(:has(img[alt=arrow])) .im,
.fb_bfaf03 .box:has(img[alt=BEFORE], img[alt=AFTER]) .im {
  height: 100%;
}
.fb_bfaf03 .box:not(:has(img[alt=arrow])) .im img,
.fb_bfaf03 .box:has(img[alt=BEFORE], img[alt=AFTER]) .im img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 4/3;
}
.fb_bfaf03 .box:not(:has(img[alt=arrow])) h3,
.fb_bfaf03 .box:has(img[alt=BEFORE], img[alt=AFTER]) h3 {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--tx);
  color: #fff;
  padding-inline: 1em;
  text-transform: uppercase;
  font-size: var(--f18);
}
.fb_bfaf03 .box:not(:has(img[alt=arrow])) div,
.fb_bfaf03 .box:has(img[alt=BEFORE], img[alt=AFTER]) div {
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .fb_bfaf03 .box:not(:has(img[alt=arrow])),
  .fb_bfaf03 .box:has(img[alt=BEFORE], img[alt=AFTER]) {
    width: 100%;
    margin-block: 0%;
  }
}
@media screen and (max-width: 640px) {
  .fb_bfaf03 .box:has(img[alt=AFTER]) {
    width: 100%;
    padding-bottom: 6%;
    margin-bottom: 6%;
  }
}
.fb_bfaf02 {
  width: 100%;
  padding-block: var(--bl);
  padding-inline: 5%;
  align-items: flex-start;
  gap: 2em 0;
  position: relative;
  z-index: 10;
}
.fb_bfaf02:is(#contents div) > :first-child {
  width: 100%;
  flex: unset;
  text-align: center;
}
.fb_bfaf02:is(#contents div) > :first-child > div {
  font-size: var(--f32);
  font-weight: bold;
}
.fb_bfaf02:is(#contents div) > :first-child u {
  display: block;
  font-size: 250%;
  line-height: 1;
  font-weight: bold;
  color: var(--mc);
  margin-bottom: 0.6em;
  text-decoration: underline;
  text-underline-offset: 0.3em;
  text-decoration-color: currentColor;
  text-decoration-thickness: 5px;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  border-bottom: none;
}
@media screen and (max-width: 640px) {
  .fb_bfaf02 {
    flex-direction: column !important;
  }
}
.fb_bfaf02 img {
  width: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.fb_bfaf02 .box {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 1em;
}
.fb_bfaf02 article {
  display: contents;
}
.fb_bfaf02 .box:has(img[alt=arrow]) {
  width: 10%;
  padding-top: 15%;
}
.fb_bfaf02 .box:has(img[alt=arrow]) .im {
  height: 100%;
  display: grid;
  place-items: center;
}
.fb_bfaf02 .box:has(img[alt=arrow]) .im img {
  width: unset !important;
}
.fb_bfaf02 .box:has(img[alt=arrow]) div {
  display: none;
}
@media screen and (max-width: 640px) {
  .fb_bfaf02 .box:has(img[alt=arrow]) {
    width: 100%;
    margin-block: 0%;
    padding-top: 0%;
  }
  .fb_bfaf02 .box:has(img[alt=arrow]) .im {
    rotate: 90deg;
  }
}
.fb_bfaf02 .box:has(img[alt=BEFORE], img[alt=AFTER]) {
  width: 45%;
}
.fb_bfaf02 .box:has(img[alt=BEFORE], img[alt=AFTER]) .im {
  height: 100%;
  display: grid;
  place-items: center;
}
.fb_bfaf02 .box:has(img[alt=BEFORE], img[alt=AFTER]) .im img {
  width: 100% !important;
}
.fb_bfaf02 .box:has(img[alt=BEFORE], img[alt=AFTER]) h3 {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--tx);
  color: #fff;
  padding-inline: 1em;
  text-transform: uppercase;
  min-width: 116px;
  font-size: var(--f18);
}
.fb_bfaf02 .box:has(img[alt=BEFORE], img[alt=AFTER]) div {
  font-weight: 500;
}
@media screen and (max-width: 640px) {
  .fb_bfaf02 .box:has(img[alt=BEFORE], img[alt=AFTER]) {
    width: 100%;
    margin-block: 0%;
  }
}
.fb_bfaf02 .box:has(img[alt=AFTER]) h3 {
  background-color: var(--mc);
}
@media screen and (max-width: 640px) {
  .fb_bfaf02 .box:has(img[alt=AFTER]) {
    width: 100%;
    padding-bottom: 6%;
    border-bottom: 1px solid #000;
    margin-bottom: 6%;
  }
}
@media screen and (max-width: 640px) {
  .fb_bfaf {
    flex-direction: column !important;
  }
}
.fb_bfaf img {
  width: 100% !important;
  -o-object-fit: contain;
     object-fit: contain;
}
.fb_bfaf .box {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}
.fb_bfaf .box div {
  font-size: var(--fzm);
  text-align: center;
  background-color: var(--sc);
  padding-block: 0.5em;
}
.fb_bfaf .box:nth-child(1) {
  flex: 1;
}
.fb_bfaf .box:nth-child(2) {
  width: 10%;
}
.fb_bfaf .box:nth-child(2) .im {
  height: 100%;
  display: grid;
  place-items: center;
}
.fb_bfaf .box:nth-child(2) .im img {
  width: unset !important;
}
.fb_bfaf .box:nth-child(2) div {
  display: none;
}
@media screen and (max-width: 640px) {
  .fb_bfaf .box:nth-child(2) {
    width: 100%;
    margin-block: 6%;
  }
  .fb_bfaf .box:nth-child(2) .im {
    rotate: 90deg;
  }
}
.fb_bfaf .box:nth-child(3) {
  flex: 1;
}
.fb_1st100 {
  padding-block: var(--bl);
  padding-inline: 4%;
  gap: var(--bl) 0;
}
.fb_1st100:is(#contents div) > :first-child {
  width: 100%;
  flex: unset;
  text-align: center;
}
.fb_1st100:is(#contents div) > :first-child > div {
  font-size: var(--f32);
  font-weight: bold;
}
.fb_1st100:is(#contents div) > :first-child u {
  display: block;
  font-size: 250%;
  line-height: 1;
  font-weight: bold;
  color: var(--mc);
  margin-bottom: 0.6em;
  text-decoration: underline;
  text-underline-offset: 0.3em;
  text-decoration-color: currentColor;
  text-decoration-thickness: 5px;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  border-bottom: none;
}
.fb_1st100 .box {
  flex: 1 1 320px;
  font-weight: 500;
}
.fb_1st100 .box > div {
  font-weight: 500;
}
.fb_1st100 .box img {
  margin-inline: auto;
}
.fb_1st100 .box u {
  display: block;
  font-weight: 500;
  font-size: 190%;
  text-decoration: none;
  border-bottom: 1px solid #000;
  margin-bottom: 0.5em;
}
.fb_100 {
  padding-block: var(--bl);
  padding-inline: 4%;
  gap: var(--bl) 0;
}
.fb_100:is(#contents div) > :first-child {
  width: 100%;
  flex: unset;
  text-align: center;
}
.fb_100:is(#contents div) > :first-child > div {
  font-size: var(--f32);
  font-weight: bold;
}
.fb_100:is(#contents div) > :first-child u {
  display: block;
  font-size: 250%;
  line-height: 1;
  font-weight: 600;
  color: var(--mc);
  margin-bottom: 0.6em;
  text-decoration: underline;
  text-underline-offset: 0.3em;
  text-decoration-color: currentColor;
  text-decoration-thickness: 5px;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  border-bottom: none;
}
.fb_100 .box {
  width: 100%;
  flex: unset;
  font-weight: 500;
}
.fb_100 .box > div {
  font-weight: 500;
}
.fb_100 .box img {
  margin-inline: auto;
}
.fb_100 .box u {
  display: block;
  font-weight: 500;
  font-size: 190%;
  text-decoration: none;
  border-bottom: 1px solid #000;
  margin-bottom: 0.5em;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.fb_formwrap img {
  filter: drop-shadow(0.3vmin 0.3vmin var(--sc));
}
.fb_formwrap h3 {
  border-bottom: 1px solid var(--mc);
  margin-block: 0.5em;
}
.fb_formwrap .box:is(#contents div) {
  overflow: visible;
}
.fb_formwrap .box:is(#contents div) > div {
  padding: 1em;
  padding-top: 0.5em;
  margin-top: 1em;
  text-shadow: 2px 2px #fff;
}
.fb_formwrap .box:is(#contents div):nth-child(even) > div {
  background-color: #ddd;
}
.fb_formwrap .box:is(#contents div):nth-child(odd) > div {
  background-color: #ccc;
}
.fb_formwrap .box_form:is(#contents div) {
  --p:.5em;
  position: relative;
  --bdw:1px;
  --bdc:transparent;
}
.fb_formwrap .box_form:is(#contents div) dt {
  width: 25%;
}
.fb_formwrap .box_form:is(#contents div) dd {
  width: 75%;
}
.fb_formwrap .box_form:is(#contents div) dl:has(dd:empty) dt:is(#contents dt) {
  width: 100% !important;
  background-color: var(--sc20);
  padding-inline: 0.5em;
  margin-bottom: 0.5em;
}
.fb_formwrap .box_form:is(#contents div) dl:has(dd:empty) dd {
  display: none;
}
.fb_formwrap .box_form:is(#contents div) dl:has(.btn, iframe, img) dt {
  display: none;
}
.fb_formwrap .box_form:is(#contents div) > br {
  display: none;
}
.fb_formwrap .box_form:is(#contents div).noscr {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
.fb_formwrap .box_form:is(#contents div) dt {
  width: 5em;
  min-width: 6em;
}
.fb_formwrap .box_form:is(#contents div) a:not(.btn) {
  text-decoration: underline;
  color: var(--mc);
}
.fb_formwrap .box_form:is(#contents div) dl {
  padding: 0;
  margin: 0;
  margin-bottom: calc(var(--p) * 0);
  display: flex;
  background-color: unset;
  border-bottom: var(--bdw) solid var(--bdc);
}
.fb_formwrap .box_form:is(#contents div) dl > * {
  padding-top: 0;
}
.fb_formwrap .box_form:is(#contents div) dl:last-child {
  border-bottom: none;
}
@media screen and (max-width: 834px) {
  .fb_formwrap .box_form:is(#contents div) dl:last-of-type dt {
    border-bottom: none;
  }
}
.fb_formwrap .box_form:is(#contents div) dl:not(:has(dd)) {
  border-bottom: none;
}
.fb_formwrap .box_form:is(#contents div) dl:not(:has(dd)) dt {
  align-items: flex-end;
  font-size: 14px;
}
@media screen and (max-width: 640px) {
  .fb_formwrap .box_form:is(#contents div) dl {
    padding: 1em 0 !important;
  }
  .fb_formwrap .box_form:is(#contents div) dl dt {
    margin-bottom: unset;
  }
  .fb_formwrap .box_form:is(#contents div) dl:not(:last-child) {
    margin-bottom: 0px;
  }
}
.fb_formwrap .box_form:is(#contents div) dt:is(#contents *, #footer *), .fb_formwrap .box_form:is(#contents div) dd:is(#contents *, #footer *) {
  border-color: transparent;
  background-color: unset;
}
@media screen and (max-width: 640px) {
  .fb_formwrap .box_form:is(#contents div) dt:is(#contents *, #footer *), .fb_formwrap .box_form:is(#contents div) dd:is(#contents *, #footer *) {
    padding: 0;
  }
}
.fb_formwrap .box_form:is(#contents div) dt, .fb_formwrap .box_form:is(#contents div) dd {
  padding: var(--p) var(--p) var(--p) 0;
}
.fb_formwrap .box_form:is(#contents div) dt {
  align-items: left;
  justify-content: flex-start;
  padding-left: 0;
  font-weight: bold;
}
@media screen and (max-width: 834px) {
  .fb_formwrap .box_form:is(#contents div) dt {
    width: 20%;
    padding-bottom: calc(var(--p) / 2);
    margin-bottom: var(--p);
  }
}
.fb_formwrap .box_form:is(#contents div) dd {
  padding-left: 0;
  flex-grow: 1;
}
.fb_formwrap .box_form:is(#contents div)::-webkit-scrollbar {
  background-color: transparent;
  width: 8px;
  height: 0;
}
.fb_formwrap .box_form:is(#contents div)::-webkit-scrollbar-thumb {
  background-color: var(--gr);
  border-radius: 0px;
}
@media screen and (max-width: 834px) {
  .fb_formwrap .box_form:is(#contents div) dl {
    padding-block: 0;
  }
  .fb_formwrap .box_form:is(#contents div) dt {
    padding-bottom: 0;
  }
}
.fb_formwrap .box_form:is(#contents div) dl {
  border-bottom-color: var(--sc);
}
.fb_formwrap .box_form:is(#contents div) dt {
  color: var(--mc);
}
.fb_formwrap .box_form:is(#contents div) dd {
  white-space: unset;
  text-shadow: none;
}
.fb_formwrap02 h3 {
  border-bottom: 1px solid var(--mc);
  margin-block: 0.5em;
}
.fb_formwrap02 .box:is(#contents div) {
  width: 100%;
  overflow: visible;
  display: flex;
  flex-wrap: wrap;
  gap: 4vmin 2%;
}
.fb_formwrap02 .box:is(#contents div) > * {
  width: 49%;
}
@media screen and (max-width: 640px) {
  .fb_formwrap02 .box:is(#contents div) > * {
    width: 100%;
  }
}
.fb_formwrap02 .box:is(#contents div) + .box {
  margin-top: var(--bl05);
}
.fb_formwrap02 .box:is(#contents div) > div {
  padding: 1em;
  padding-top: 0.5em;
  margin-top: 1em;
  text-shadow: 2px 2px #fff;
}
.fb_formwrap02 .box:is(#contents div):nth-child(even) > div {
  background-color: #ddd;
}
.fb_formwrap02 .box:is(#contents div):nth-child(odd) > div {
  background-color: #ccc;
}
.fb_formwrap02 .box:is(#contents div) img {
  width: 100%;
}
.fb_formwrap02 .box:is(#contents div):has(iframe) > * {
  width: 100%;
  padding: unset;
  background-color: unset;
}
.fb_formwrap02 .box:is(#contents div):has(iframe) > * iframe {
  display: block;
}
.fb_formwrap02 .box_form dl {
  border-bottom-color: var(--sc);
}
.fb_formwrap02 .box_form dd {
  white-space: unset;
  text-shadow: none;
}
.fb_formwrap02 .box_form a {
  color: var(--ff);
}
.fb_flow11 {
  position: relative;
  --mt:var(--bl05);
  --p:2vmin;
  --bg:#f8f8f8;
  --beforeFZ:75%;
  --beforeC:var(--mc);
  --afterBG:var(--mc);
  gap: var(--g);
  flex-wrap: nowrap !important;
}
.fb_flow11.__ac {
  --mc:#f5a60a;
  --mc11:#f5a60a11;
  --mc20:#f5a60a33;
  --mc40:#f5a60a55;
  --mc50:#f5a60a88;
  --mc70:#f5a60abb;
}
.fb_flow11 .sheet {
  padding: 1vmin;
  margin-block: 0.5em;
}
.fb_flow11 a, .fb_flow11 a * {
  text-decoration: none;
  text-shadow: none;
  width: unset !important;
}
@media screen and (max-width: 640px) {
  .fb_flow11 {
    --p:var(--pad);
  }
}
.fb_flow11 .box:is(#contents div) {
  counter-increment: cnt;
  background-color: var(--bg);
  overflow: visible;
  display: flex;
  font-size: 3.6vmax;
  border-radius: calc(var(--rad) / 2);
  padding: var(--p);
  gap: var(--p);
  flex: 1;
}
.fb_flow11 .box:is(#contents div) + .box {
  font-size: clamp(0px, 4vw, 30px);
}
.fb_flow11 .box:is(#contents div):after {
  content: "";
  position: absolute;
  top: calc(100% + 10px);
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  font-size: clamp(0px, 4vw, 30px);
  width: var(--g);
  aspect-ratio: 1;
  -webkit-clip-path: polygon(0 0%, 0% 100%, 100% 50%);
          clip-path: polygon(0 0%, 0% 100%, 100% 50%);
  background-color: var(--afterBG);
}
.fb_flow11 .box:is(#contents div):last-child:after {
  display: none;
}
.fb_flow11 .box:is(#contents div) article {
  width: 100%;
  font-size: var(--f18);
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
.fb_flow11 .box:is(#contents div) article img:is(#contents *) {
  width: 100%;
}
@media screen and (max-width: 834px) {
  .fb_flow11 .box:is(#contents div) article {
    writing-mode: vertical-rl;
  }
  .fb_flow11 .box:is(#contents div) article div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.fb_flow11 .box:is(#contents div) article .im {
  order: 1;
  font-size: var(--beforeFZ);
  width: 320px;
  max-width: 100%;
}
@media screen and (max-width: 640px) {
  .fb_flow11 .box:is(#contents div) article .im {
    width: 300px;
    flex: unset !important;
    order: 1;
  }
}
.fb_flow11 .box:is(#contents div) article > div {
  flex: 1;
}
@media screen and (max-width: 640px) {
  .fb_flow11 .box:is(#contents div) article > *:is(#contents *) {
    flex: unset;
    width: 100%;
  }
}
.fb_flow11 .box:is(#contents div) article > h3 {
  display: none;
}
.fb_flow11 .box:is(#contents div) article div > h3 {
  border-bottom: 1px solid currentColor;
  padding-block: 0.25em;
  margin-bottom: 0.25em;
  font-weight: bold;
}
.fb_flow11 .box:is(#contents div) article div > h3:before {
  content: "STEP " counter(cnt, decimal-leading-zero);
  font-size: var(--beforeFZ);
  line-height: 1;
  margin-right: 1em;
  text-align: center;
  flex-shrink: 0;
  font-weight: 500;
  color: var(--beforeC);
  font-weight: bold;
  font-style: italic;
}
.fb_flow11 .box:is(#contents div) article u {
  vertical-align: middle;
  display: inline-block;
  text-decoration-color: var(--mc);
  text-decoration-thickness: 2px;
}
.fb_flow11 .box:is(#contents div) article .btn {
  font-family: var(--ser);
  margin-right: 0.5em;
  margin-top: 0.5em;
  font-size: clamp(18px, 2vw, 24px);
}
.fb_point01, .fb_step01 {
  position: relative;
  --mt:var(--bl05);
  --p:2vmin;
  --bg:#fff;
  --beforeFZ:75%;
  --beforeC:var(--mc);
  --afterBG:var(--mc);
  --rad:var(--un);
  --bdc:var(--mc);
}
.fb_point01.__ac, .fb_step01.__ac {
  --mc:#f5a60a;
  --mc11:#f5a60a11;
  --mc20:#f5a60a33;
  --mc40:#f5a60a55;
  --mc50:#f5a60a88;
  --mc70:#f5a60abb;
}
.fb_point01 .sheet, .fb_step01 .sheet {
  padding: 1vmin;
  margin-block: 0.5em;
}
.fb_point01 a, .fb_point01 a *, .fb_step01 a, .fb_step01 a * {
  text-decoration: none;
  text-shadow: none;
  width: unset !important;
}
@media screen and (max-width: 640px) {
  .fb_point01, .fb_step01 {
    --p:var(--pad);
  }
}
.fb_point01 .box:is(#contents div), .fb_step01 .box:is(#contents div) {
  counter-increment: cnt;
  background-color: var(--bg);
  width: 100%;
  overflow: visible;
  display: flex;
  align-items: flex-start;
  font-size: 3.6vmax;
  border-radius: calc(var(--rad) / 2);
  padding: var(--p);
  gap: var(--p);
}
.fb_point01 .box:is(#contents div) article, .fb_step01 .box:is(#contents div) article {
  width: 100%;
  font-size: var(--f16);
  font-weight: 400;
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  gap: 1em;
}
.fb_point01 .box:is(#contents div) article img:is(#contents *), .fb_step01 .box:is(#contents div) article img:is(#contents *) {
  width: 100%;
}
.fb_point01 .box:is(#contents div) article .im, .fb_step01 .box:is(#contents div) article .im {
  order: 1;
  font-size: var(--beforeFZ);
  width: 320px;
  max-width: 100%;
  padding: var(--pad);
}
@media screen and (max-width: 640px) {
  .fb_point01 .box:is(#contents div) article .im, .fb_step01 .box:is(#contents div) article .im {
    width: 300px;
    flex: unset !important;
    order: 1;
  }
}
.fb_point01 .box:is(#contents div) article > div, .fb_step01 .box:is(#contents div) article > div {
  flex: 1;
}
@media screen and (max-width: 640px) {
  .fb_point01 .box:is(#contents div) article > *:is(#contents *), .fb_step01 .box:is(#contents div) article > *:is(#contents *) {
    flex: unset;
    width: 100%;
  }
}
.fb_point01 .box:is(#contents div) article > h3, .fb_step01 .box:is(#contents div) article > h3 {
  display: none;
}
.fb_point01 .box:is(#contents div) article div > h3, .fb_step01 .box:is(#contents div) article div > h3 {
  border-bottom: 1px solid var(--bdc);
  padding-block: 0.25em;
  margin-bottom: 0.25em;
  font-weight: var(--hfw);
}
.fb_point01 .box:is(#contents div) article div > h3:before, .fb_step01 .box:is(#contents div) article div > h3:before {
  content: "POINT " counter(cnt, decimal-leading-zero);
  font-size: var(--beforeFZ);
  line-height: 1;
  margin-right: 1em;
  text-align: center;
  flex-shrink: 0;
  font-weight: 500;
  color: var(--beforeC);
  font-weight: 100;
  font-style: italic;
}
.fb_point01 .box:is(#contents div) article u, .fb_step01 .box:is(#contents div) article u {
  vertical-align: middle;
  display: inline-block;
  text-decoration-color: var(--mc);
  text-decoration-thickness: 2px;
}
.fb_point01 .box:is(#contents div) article .btn, .fb_step01 .box:is(#contents div) article .btn {
  font-family: var(--ser);
  margin-right: 0.5em;
  margin-top: 0.5em;
  font-size: clamp(18px, 2vw, 24px);
}
.fb_point01 .box:is(#contents div) + .box, .fb_step01 .box:is(#contents div) + .box {
  font-size: clamp(0px, 4vw, 30px);
  margin-top: var(--Hafter);
}
.fb_point01 .box:is(#contents div):last-child:after, .fb_step01 .box:is(#contents div):last-child:after {
  display: none;
}
.fb_flow01 {
  position: relative;
  --mt:var(--bl05);
  --p:2vmin;
  --bg:#f8f8f8;
  --beforeFZ:75%;
  --beforeC:var(--mc);
  --afterBG:var(--mc);
  --rad:var(--un);
}
.fb_flow01.__ac {
  --mc:#f5a60a;
  --mc11:#f5a60a11;
  --mc20:#f5a60a33;
  --mc40:#f5a60a55;
  --mc50:#f5a60a88;
  --mc70:#f5a60abb;
}
.fb_flow01 .sheet {
  padding: 1vmin;
  margin-block: 0.5em;
}
.fb_flow01 a, .fb_flow01 a * {
  text-decoration: none;
  text-shadow: none;
  width: unset !important;
}
@media screen and (max-width: 640px) {
  .fb_flow01 {
    --p:var(--pad);
  }
}
.fb_flow01 .box:is(#contents div) {
  counter-increment: cnt;
  background-color: var(--bg);
  width: 100%;
  overflow: visible;
  display: flex;
  align-items: flex-start;
  font-size: 3.6vmax;
  border-radius: calc(var(--rad) / 2);
  padding: var(--p);
  gap: var(--p);
}
.fb_flow01 .box:is(#contents div) + .box {
  font-size: clamp(0px, 4vw, 30px);
  margin-top: 2.2em;
}
.fb_flow01 .box:is(#contents div):after {
  content: "";
  position: absolute;
  top: calc(100% + 10px);
  right: 50%;
  translate: 50% 0;
  display: block;
  font-size: clamp(0px, 4vw, 30px);
  width: 1.5em;
  aspect-ratio: 1;
  -webkit-clip-path: polygon(0 0%, 50% 85%, 100% 0%);
          clip-path: polygon(0 0%, 50% 85%, 100% 0%);
  background-color: var(--afterBG);
}
.fb_flow01 .box:is(#contents div):last-child:after {
  display: none;
}
.fb_flow01 .box:is(#contents div) article {
  width: 100%;
  font-size: var(--f16);
  font-weight: 400;
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  gap: 1em;
}
.fb_flow01 .box:is(#contents div) article img:is(#contents *) {
  width: 100%;
}
.fb_flow01 .box:is(#contents div) article .im {
  order: 1;
  font-size: var(--beforeFZ);
  width: 320px;
  max-width: 100%;
}
.fb_flow01 .box:is(#contents div) article .im:is(.__icon *) {
  padding: 4em;
}
@media screen and (max-width: 834px) {
  .fb_flow01 .box:is(#contents div) article .im:is(.__icon *) {
    width: 160px;
    padding: 1em;
  }
}
@media screen and (max-width: 834px) {
  .fb_flow01 .box:is(#contents div) article .im {
    width: 300px;
    flex: unset !important;
    order: -1;
    margin-inline: auto;
  }
}
.fb_flow01 .box:is(#contents div) article > div {
  flex: 1;
}
@media screen and (max-width: 834px) {
  .fb_flow01 .box:is(#contents div) article > *:is(#contents *) {
    flex-basis: 100%;
  }
}
.fb_flow01 .box:is(#contents div) article > h3 {
  display: none;
}
.fb_flow01 .box:is(#contents div) article div > h3 {
  border-bottom: 1px solid currentColor;
  padding-block: 0.25em;
  margin-bottom: 0.25em;
  font-weight: var(--hfw);
}
.fb_flow01 .box:is(#contents div) article div > h3:is(.__nostep *):before {
  content: counter(cnt, decimal-leading-zero);
}
.fb_flow01 .box:is(#contents div) article div > h3:before {
  content: "STEP " counter(cnt, decimal-leading-zero);
  font-size: var(--beforeFZ);
  line-height: 1;
  margin-right: 1em;
  text-align: center;
  flex-shrink: 0;
  font-weight: 500;
  color: var(--beforeC);
  font-weight: 100;
  font-style: italic;
}
.fb_flow01 .box:is(#contents div) article u {
  vertical-align: middle;
  display: inline-block;
  text-decoration-color: var(--mc);
  text-decoration-thickness: 2px;
}
.fb_flow01 .box:is(#contents div) article .btn {
  font-family: var(--ser);
  margin-right: 0.5em;
  margin-top: 0.5em;
  font-size: clamp(18px, 2vw, 24px);
}
.fb_flow02 {
  position: relative;
  --mt:var(--bl05);
  --p:2vmin;
}
.fb_flow02.__ac {
  --mc:#f5a60a;
  --mc11:#f5a60a11;
  --mc20:#f5a60a33;
  --mc40:#f5a60a55;
  --mc50:#f5a60a88;
  --mc70:#f5a60abb;
}
.fb_flow02 .sheet {
  padding: 1vmin;
  margin-block: 0.5em;
}
.fb_flow02 a, .fb_flow02 a * {
  text-decoration: none;
  text-shadow: none;
  width: unset !important;
}
@media screen and (max-width: 640px) {
  .fb_flow02 {
    --p:var(--pad);
  }
}
.fb_flow02 .box:is(#contents div) {
  background-color: var(--beige20);
  width: 100%;
  overflow: visible;
  display: flex;
  align-items: flex-start;
  counter-increment: cnt;
  font-size: 3.6vmax;
  border-radius: var(--rad);
  padding: var(--p);
  gap: var(--p);
  --beforeFZ:clamp(0px,4vw,30px);
}
.fb_flow02 .box:is(#contents div) + .box {
  margin-top: var(--bl06);
}
.fb_flow02 .box:is(#contents div):before {
  content: "step" counter(cnt, decimal-leading-zero);
  font-size: var(--beforeFZ);
  width: 4em;
  height: 2em;
  line-height: 1;
  font-family: var(--rob);
  background-color: var(--mc);
  text-align: center;
  line-height: 2em;
  flex-shrink: 0;
  font-weight: 500;
  color: var(--wh);
  position: absolute;
  top: 0.5em;
  left: 0.5em;
}
.fb_flow02 .box:is(#contents div):after {
  content: "";
  position: absolute;
  top: calc(100% + 10px);
  right: 50%;
  translate: 50% 0;
  display: block;
  font-size: clamp(0px, 4vw, 30px);
  width: 2em;
  aspect-ratio: 1;
  -webkit-clip-path: polygon(0 0%, 50% 100%, 100% 0%);
          clip-path: polygon(0 0%, 50% 100%, 100% 0%);
  background-color: var(--mc);
}
.fb_flow02 .box:is(#contents div):last-child:after {
  display: none;
}
.fb_flow02 .box:is(#contents div) article {
  font-size: var(--f18);
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  gap: 1em;
}
.fb_flow02 .box:is(#contents div) article img:is(#contents *) {
  width: 100%;
}
.fb_flow02 .box:is(#contents div) article > .im {
  font-size: var(--beforeFZ);
  width: 4em;
  margin-top: 3em;
  mix-blend-mode: plus-lighter;
}
.fb_flow02 .box:is(#contents div) article > div {
  flex: 1;
}
@media screen and (max-width: 640px) {
  .fb_flow02 .box:is(#contents div) article > *:is(#contents *) img {
    max-width: 120px;
  }
}
.fb_flow02 .box:is(#contents div) article > h3 {
  display: none;
}
.fb_flow02 .box:is(#contents div) article div > h3 {
  border-bottom: 1px solid var(--mc);
  padding-block: 0.25em;
  margin-bottom: 0.25em;
}
.fb_flow02 .box:is(#contents div) article u {
  vertical-align: middle;
  display: inline-block;
  text-decoration-color: var(--mc);
  text-decoration-thickness: 2px;
}
.fb_flow02 .box:is(#contents div) article .btn {
  font-family: var(--ser);
  margin-right: 0.5em;
  margin-top: 0.5em;
  font-size: clamp(18px, 2vw, 24px);
}
.fb_flow03 {
  position: relative;
  --mt:var(--bl05);
  --p:var(--pad);
}
.fb_flow03 a {
  margin-right: 1em;
  margin-top: 0.5em;
}
@media screen and (max-width: 640px) {
  .fb_flow03 {
    --p:var(--pad);
  }
}
.fb_flow03 .box:is(#contents div) {
  border-radius: var(--rad);
  border: var(--line);
  background-color: var(--mc20);
  width: 100%;
  overflow: visible;
  display: flex;
  align-items: flex-start;
  counter-increment: cnt;
  font-size: 3.6vmax;
  padding: var(--p);
  gap: var(--p);
}
.fb_flow03 .box:is(#contents div) + .box {
  margin-top: var(--bl06);
}
.fb_flow03 .box:is(#contents div):before {
  content: counter(cnt, decimal-leading-zero);
  font-size: clamp(0px, 3.6vw, 60px);
  width: 2em;
  height: 2em;
  line-height: 1;
  background: linear-gradient(45deg, transparent, transparent 85%, var(--tx) 86%) no-repeat 100% 100%/50% 50%, radial-gradient(closest-side, #fff 90%, transparent 92%), conic-gradient(from 90deg, var(--tx20), var(--tx));
  text-align: center;
  line-height: 2em;
  border-radius: 999px;
  flex-shrink: 0;
  font-weight: 500;
  color: var(--tx);
}
.fb_flow03 .box:is(#contents div):after {
  content: "\f0ab";
  font-family: var(--la);
  position: absolute;
  top: calc(100% + 10px);
  right: 50%;
  translate: 50% 0;
  display: block;
  font-size: clamp(0px, 8vw, 60px);
  width: 1em;
  line-height: 1;
  aspect-ratio: 1;
  color: var(--mc);
}
.fb_flow03 .box:is(#contents div):last-child:after {
  display: none;
}
.fb_flow03 .box:is(#contents div) article {
  flex: 1;
  font-size: var(--f16);
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  gap: 1em;
}
.fb_flow03 .box:is(#contents div) article h3 {
  border-bottom: var(--line);
}
.fb_flow03 .box:is(#contents div) article > div {
  flex: 2;
}
.fb_flow03 .box:is(#contents div) article > figure {
  order: 1;
  flex: 1;
}
.fb_flow03 .box:is(#contents div) article img {
  border-radius: calc(var(--rad) / 2);
}
@media screen and (max-width: 640px) {
  .fb_flow03 .box:is(#contents div) article > *:is(article *) {
    flex: unset;
    max-width: 100%;
  }
}
.fb_flow04 {
  position: relative;
  --mt:var(--bl05);
  --p:var(--pad);
  border-top: var(--line);
  border-left: var(--line);
}
.fb_flow04 a {
  margin-right: 1em;
  margin-top: 0.5em;
}
@media screen and (max-width: 640px) {
  .fb_flow04 {
    --p:var(--pad);
  }
}
.fb_flow04 .box:is(#contents div) {
  border-right: var(--line);
  border-bottom: var(--line);
  background-color: var(--wh);
  width: 100%;
  overflow: visible;
  display: flex;
  align-items: flex-start;
  counter-increment: cnt;
  font-size: 3.6vmax;
  padding: var(--p);
  gap: var(--p);
}
.fb_flow04 .box:is(#contents div):before {
  content: counter(cnt, decimal-leading-zero);
  width: 2em;
  height: 100%;
  background-color: var(--mc);
  text-align: center;
  line-height: 2em;
  flex-shrink: 0;
  font-weight: 500;
  color: var(--wh);
  padding-bottom: 1em;
  -webkit-clip-path: polygon(0% 0%, 0% calc(100% - 1em), 50% 100%, 100% calc(100% - 1em), 100% 0%);
          clip-path: polygon(0% 0%, 0% calc(100% - 1em), 50% 100%, 100% calc(100% - 1em), 100% 0%);
}
.fb_flow04 .box:is(#contents div):last-child:before {
  -webkit-clip-path: unset;
          clip-path: unset;
}
.fb_flow04 .box:is(#contents div):after {
  content: "\f0ab";
  font-family: var(--la);
  position: absolute;
  top: calc(100% + 10px);
  right: 50%;
  translate: 50% 0;
  font-size: clamp(0px, 8vw, 60px);
  width: 1em;
  line-height: 1;
  aspect-ratio: 1;
  color: var(--mc);
  display: block;
  display: none;
}
.fb_flow04 .box:is(#contents div):last-child:after {
  display: none;
}
.fb_flow04 .box:is(#contents div) article {
  flex: 1;
  font-size: var(--f16);
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  gap: 1em;
}
.fb_flow04 .box:is(#contents div) article h3 {
  border-bottom: var(--line);
  padding-block: 0.2em;
  margin-bottom: 0.2em;
}
.fb_flow04 .box:is(#contents div) article > div {
  flex: 2;
}
.fb_flow04 .box:is(#contents div) article > figure {
  order: 1;
  flex: 1;
}
.fb_flow04 .box:is(#contents div) article img {
  border-radius: calc(var(--rad) / 2);
}
@media screen and (max-width: 640px) {
  .fb_flow04 .box:is(#contents div) article > *:is(article *) {
    flex: unset;
    max-width: 100%;
  }
}
.fb_flow05 {
  position: relative;
  --mt:var(--bl05);
  --p:var(--pad);
}
.fb_flow05 a {
  margin-right: 1em;
  margin-top: 0.5em;
}
@media screen and (max-width: 640px) {
  .fb_flow05 {
    --p:var(--pad);
  }
}
.fb_flow05 .box:is(#contents div) {
  border-radius: var(--rad);
  border: var(--line);
  background-color: var(--wh);
  width: 100%;
  overflow: visible;
  display: flex;
  align-items: flex-start;
  counter-increment: cnt;
  padding: var(--p);
  gap: var(--p);
  --fz: var(--f24);
}
.fb_flow05 .box:is(#contents div) + .box {
  margin-top: var(--Schild);
}
.fb_flow05 .box:is(#contents div):before {
  content: counter(cnt, decimal-leading-zero);
  font-size: var(--fz);
  width: 2em;
  height: 2em;
  text-align: center;
  line-height: 2em;
  flex-shrink: 0;
  font-weight: 500;
  color: var(--mc);
  background-image: linear-gradient(to right bottom, transparent, transparent 80%, var(--mc) 81%, transparent 83%);
}
.fb_flow05 .box:is(#contents div):last-child:before {
  -webkit-clip-path: unset;
          clip-path: unset;
}
.fb_flow05 .box:is(#contents div):after {
  content: "";
  font-family: var(--la);
  position: absolute;
  top: calc(100% + 10px);
  right: 50%;
  translate: 50% 0;
  font-size: clamp(0px, 8vw, 60px);
  width: 1em;
  line-height: 1;
  aspect-ratio: 1;
  color: var(--mc);
  display: block;
  background-color: var(--mc);
  -webkit-clip-path: polygon(0 10%, 50% 90%, 100% 10%);
          clip-path: polygon(0 10%, 50% 90%, 100% 10%);
}
.fb_flow05 .box:is(#contents div):last-child:after {
  display: none;
}
.fb_flow05 .box:is(#contents div) article {
  flex: 1;
  font-size: var(--f16);
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  gap: 1em;
}
.fb_flow05 .box:is(#contents div) article h3 {
  border-bottom: var(--line);
  padding-bottom: 0.2em;
  margin-bottom: 0.2em;
}
.fb_flow05 .box:is(#contents div) article > div {
  flex: 2;
}
.fb_flow05 .box:is(#contents div) article > figure {
  order: 1;
  flex: 1;
}
.fb_flow05 .box:is(#contents div) article img {
  border-radius: calc(var(--rad) / 2);
  width: 100%;
}
@media screen and (max-width: 640px) {
  .fb_flow05 .box:is(#contents div) article > *:is(article *) {
    flex: unset;
    max-width: 100%;
  }
}
.fb_check {
  position: relative;
  --mt:var(--bl05);
  --p:var(--pad);
  border: var(--line);
}
.fb_check a {
  margin-right: 1em;
  margin-top: 0.5em;
}
@media screen and (max-width: 640px) {
  .fb_check {
    --p:var(--pad);
  }
}
.fb_check .box:is(#contents div) {
  border-radius: var(--rad);
  background-color: var(--wh);
  width: 100%;
  overflow: visible;
  display: flex;
  align-items: flex-start;
  counter-increment: cnt;
  font-size: 3.6vmax;
  padding: var(--p);
  gap: var(--p);
}
.fb_check .box:is(#contents div) h3:before {
  content: "\f00c";
  font-family: var(--fa);
  flex-shrink: 0;
  font-weight: 900;
  color: var(--sc);
  margin-right: 0.5em;
}
.fb_check .box:is(#contents div):after {
  content: "\f0ab";
  font-family: var(--la);
  position: absolute;
  top: calc(100% + 10px);
  right: 50%;
  translate: 50% 0;
  font-size: clamp(0px, 8vw, 60px);
  width: 1em;
  line-height: 1;
  aspect-ratio: 1;
  color: var(--mc);
  display: block;
  display: none;
}
.fb_check .box:is(#contents div):last-child:after {
  display: none;
}
.fb_check .box:is(#contents div) article {
  flex: 1;
  font-size: var(--f16);
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  gap: 1em;
}
.fb_check .box:is(#contents div) article h3 {
  border-bottom: var(--line);
  padding-block: 0.2em;
  margin-bottom: 0.2em;
}
.fb_check .box:is(#contents div) article > div {
  flex: 2;
}
.fb_check .box:is(#contents div) article > figure {
  order: 1;
  flex: 1;
}
.fb_check .box:is(#contents div) article img {
  border-radius: calc(var(--rad) / 2);
}
@media screen and (max-width: 640px) {
  .fb_check .box:is(#contents div) article > *:is(article *) {
    flex: unset;
    max-width: 100%;
  }
}

.card1 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--g);
}
.card1 ul {
  display: contents;
}
.card1 .box, .card1 li, .card1 > * {
  width: calc((100% - var(--g) * 0) / 1);
  flex: 0 1 calc((100% - var(--g) * 0) / 1);
}
.card1:after {
  display: none;
}

.card2 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--g);
}
.card2 ul {
  display: contents;
}
.card2 .box, .card2 li, .card2 > * {
  width: calc((100% - var(--g) * 1) / 2);
  flex: 0 1 calc((100% - var(--g) * 1) / 2);
}
.card2:after {
  display: none;
}

.card3 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--g);
}
.card3 ul {
  display: contents;
}
.card3 .box, .card3 li, .card3 > * {
  width: calc((100% - var(--g) * 2) / 3);
  flex: 0 1 calc((100% - var(--g) * 2) / 3);
}
.card3:after {
  display: none;
}

.card4 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--g);
}
.card4 ul {
  display: contents;
}
.card4 .box, .card4 li, .card4 > * {
  width: calc((100% - var(--g) * 3) / 4);
  flex: 0 1 calc((100% - var(--g) * 3) / 4);
}
.card4:after {
  display: none;
}

.card5 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--g);
}
.card5 ul {
  display: contents;
}
.card5 .box, .card5 li, .card5 > * {
  width: calc((100% - var(--g) * 4) / 5);
  flex: 0 1 calc((100% - var(--g) * 4) / 5);
}
.card5:after {
  display: none;
}

.card6 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--g);
}
.card6 ul {
  display: contents;
}
.card6 .box, .card6 li, .card6 > * {
  width: calc((100% - var(--g) * 5) / 6);
  flex: 0 1 calc((100% - var(--g) * 5) / 6);
}
.card6:after {
  display: none;
}

.card2 > ul {
  display: contents;
}
.card2 article {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.card3 ul {
  display: contents;
}
.card3 article, .card3 article > a {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  color: var(--tx);
}

.card4 ul {
  display: contents;
}
.card4 article {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

:where([class*=card]:not(body.shop *)) {
  display: flex;
  gap: var(--g);
}
:where([class*=card]:not(body.shop *)).__center div {
  text-align: center !important;
}
:where([class*=card]:not(body.shop *)).__under div {
  -webkit-text-decoration: underline var(--mc) 2px;
          text-decoration: underline var(--mc) 2px;
  text-underline-offset: 0.4em;
}
:where([class*=card]:not(body.shop *)) img {
  margin: unset;
  width: 100%;
}
:where([class*=card]:not(body.shop *)) .box:is(#contents *) {
  overflow: visible;
}
:where([class*=card]:not(body.shop *)) .box div {
  flex: 1;
}
:where([class*=card]:not(body.shop *)) .box div p {
  margin-top: auto;
  font-size: var(--f20);
}
@media screen and (max-width: 480px) {
  :where([class*=card]:not(body.shop *)) > *, :where([class*=card]:not(body.shop *)) ul li {
    width: 100%;
  }
}
@media screen and (max-width: 960px) {
  :where([class*=card]:not(body.shop *)).bp960 > *, :where([class*=card]:not(body.shop *)).bp960 ul li {
    width: calc(50% - var(--g) / 2);
    flex: unset;
  }
}
@media screen and (max-width: 480px) {
  :where([class*=card]:not(body.shop *)).bp960 > *, :where([class*=card]:not(body.shop *)).bp960 ul li {
    width: 100%;
  }
}
:where([class*=card]:not(body.shop *)).layer ul, .layer-right:where([class*=card]:not(body.shop *)) ul, .layer-bottom:where([class*=card]:not(body.shop *)) ul, .layer-end:where([class*=card]:not(body.shop *)) ul {
  display: contents;
}
:where([class*=card]:not(body.shop *)).layer :has(> figure), .layer-right:where([class*=card]:not(body.shop *)) :has(> figure), .layer-bottom:where([class*=card]:not(body.shop *)) :has(> figure), .layer-end:where([class*=card]:not(body.shop *)) :has(> figure), .layer-right:where([class*=card]:not(body.shop *)) :has(> figure), .layer-bottom:where([class*=card]:not(body.shop *)) :has(> figure), .layer-end:where([class*=card]:not(body.shop *)) :has(> figure) {
  display: grid;
}
:where([class*=card]:not(body.shop *)).layer :has(> figure) > *, .layer-right:where([class*=card]:not(body.shop *)) :has(> figure) > *, .layer-bottom:where([class*=card]:not(body.shop *)) :has(> figure) > *, .layer-end:where([class*=card]:not(body.shop *)) :has(> figure) > *, .layer-right:where([class*=card]:not(body.shop *)) :has(> figure) > *, .layer-bottom:where([class*=card]:not(body.shop *)) :has(> figure) > *, .layer-end:where([class*=card]:not(body.shop *)) :has(> figure) > * {
  grid-area: 1/1;
  z-index: 1;
}
:where([class*=card]:not(body.shop *)).layer :has(> figure) figure, .layer-right:where([class*=card]:not(body.shop *)) :has(> figure) figure, .layer-bottom:where([class*=card]:not(body.shop *)) :has(> figure) figure, .layer-end:where([class*=card]:not(body.shop *)) :has(> figure) figure, .layer-right:where([class*=card]:not(body.shop *)) :has(> figure) figure, .layer-bottom:where([class*=card]:not(body.shop *)) :has(> figure) figure, .layer-end:where([class*=card]:not(body.shop *)) :has(> figure) figure {
  width: 100%;
}
:where([class*=card]:not(body.shop *)).layer-end :has(> figure) {
  place-items: end;
  place-content: end;
}
:where([class*=card]:not(body.shop *)).layer-bottom :has(> figure) {
  place-items: end start;
}
:where([class*=card]:not(body.shop *)).layer-bottom article > div {
  padding: 1em;
  text-shadow: 0 0 0.25em #000;
}
:where([class*=card]:not(body.shop *)).layer-right :has(> figure) {
  place-items: start end;
  place-content: start end;
}
:where([class*=card]:not(body.shop *)).fakeBtn article > a > div:after {
  content: "more";
  font-size: var(--f24);
  font-family: var(--lib);
  display: grid;
  place-items: center;
  background-color: unset;
  height: 2.5em;
  border-bottom: 1px solid currentColor;
}
:where([class*=card]:not(body.shop *)).fakeBtn article > a > div:before {
  background-color: unset;
  content: "\f054";
  font-family: var(--fa);
  font-weight: 900;
  position: absolute;
  inset: unset;
  bottom: 0em;
  right: 0.5em;
  font-size: var(--f20);
  height: 3em;
  display: grid;
  place-items: center;
}
:where([class*=card]:not(body.shop *)).__tray article > div {
  display: grid;
  place-content: center;
  height: 100%;
  text-align: center;
}
:where([class*=card]:not(body.shop *)).__Xscr:is(#contents *) {
  flex-wrap: nowrap;
  overflow-x: scroll;
  justify-content: start;
}
:where([class*=card]:not(body.shop *)).__Xscr:is(#contents *) .box {
  flex-grow: 0;
  flex-shrink: 0;
}
:where([class*=card]:not(body.shop *)).__Xscr:is(#contents *) .scroll-hint-icon-wrap {
  z-index: 100;
}
:where([class*=card]:not(body.shop *)).__Xscr:is(#contents *) .scroll-hint-text {
  font-size: unset;
  margin-top: 0.5em;
}
:where([class*=card]:not(body.shop *)).__Xscr:is(#contents *) .scroll-hint-icon {
  width: unset;
  height: unset;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  padding-top: 1em;
}
:where([class*=card]:not(body.shop *)).__Xscr:is(#contents *) .scroll-hint-icon:before {
  display: none;
  margin-top: 1em;
}
@media screen and (max-width: 834px) {
  :where([class*=card]:not(body.shop *)).__Xscr:is(#contents *) .scroll-hint-icon:before {
    display: inline-block;
  }
}
:where([class*=card]:not(body.shop *)).__Xscr:is(#contents *) .scroll-hint-icon:after {
  transition-delay: 0s;
  top: 1em;
}
:where([class*=card]:not(body.shop *)).__Xscr03:is(#contents div) {
  flex-wrap: nowrap;
  overflow-x: scroll;
  justify-content: start;
}
:where([class*=card]:not(body.shop *)).__Xscr03:is(#contents div) .box {
  flex-grow: 0;
  flex-shrink: 0;
  border: 1px solid var(--mc);
  margin-block-end: 1em;
}
:where([class*=card]:not(body.shop *)).__Xscr03:is(#contents div) .box:not(:has(img[alt*=arrow])) {
  counter-increment: cnt;
}
:where([class*=card]:not(body.shop *)).__Xscr03:is(#contents div) .box h3:before {
  content: counter(cnt) ". ";
}
@media screen and (max-width: 1200px) {
  :where([class*=card]:not(body.shop *)).__Xscr03:is(#contents div) .box {
    flex-basis: 45%;
  }
}
@media screen and (max-width: 640px) {
  :where([class*=card]:not(body.shop *)).__Xscr03:is(#contents div) .box {
    flex-basis: 61.6%;
  }
}
:where([class*=card]:not(body.shop *)).__Xscr03:is(#contents div) .box h3 {
  order: -1;
  background-color: var(--mc);
  color: var(--ff);
  text-align: center;
  padding: 0.4em 0.2em;
  font-family: var(--KT);
}
:where([class*=card]:not(body.shop *)).__Xscr03:is(#contents div) .box .im {
  padding-inline: 0.5em;
}
:where([class*=card]:not(body.shop *)).__Xscr03:is(#contents div) .box article div {
  flex: 1;
  padding-inline: 0.5em;
  padding-block-end: 0.5em;
}
:where([class*=card]:not(body.shop *)).__Xscr03:is(#contents div) .box:has(img[alt*=arrow]) {
  flex: 0 0 5%;
  border: none;
}
:where([class*=card]:not(body.shop *)).__Xscr03:is(#contents div) .box:has(img[alt*=arrow]) article {
  display: grid;
  place-items: center;
}
:where([class*=card]:not(body.shop *)).__Xscr03:is(#contents div) .box:has(img[alt*=arrow]) article .im {
  padding-inline: 0;
  -webkit-mask: url(/images/common2/yajirusimigi.png) no-repeat center/contain;
          mask: url(/images/common2/yajirusimigi.png) no-repeat center/contain;
  background-color: var(--ac);
}
:where([class*=card]:not(body.shop *)).__Xscr03:is(#contents div) .box:has(img[alt*=arrow]) article .im img {
  opacity: 0;
}
:where([class*=card]:not(body.shop *)).__Xscr03:is(#contents div) .box:has(img[alt*=arrow]) article div {
  display: none;
}
:where([class*=card]:not(body.shop *)).__Xscr03:is(#contents div)::-webkit-scrollbar {
  background-color: transparent;
  width: 8px;
  height: 12px;
}
:where([class*=card]:not(body.shop *)).__Xscr03:is(#contents div)::-webkit-scrollbar-thumb {
  background-color: var(--gr);
  border-radius: 0px;
}
:where([class*=card]:not(body.shop *)).__Xscr02:is(#contents div) {
  flex-wrap: nowrap;
  overflow-x: scroll;
  direction: rtl;
  justify-content: start;
  --arrow:var(--mc20);
}
:where([class*=card]:not(body.shop *)).__Xscr02:is(#contents div) .box {
  flex: 0 0 48.5%;
}
@media screen and (max-width: 480px) {
  :where([class*=card]:not(body.shop *)).__Xscr02:is(#contents div) .box {
    flex-basis: 96%;
  }
}
:where([class*=card]:not(body.shop *)).__Xscr02:is(#contents div) .box:has(img[alt*=arrow]) {
  flex: 0 0 5%;
}
:where([class*=card]:not(body.shop *)).__Xscr02:is(#contents div)::-webkit-scrollbar-button {
  width: calc(var(--barh) / 2);
  background: linear-gradient(to bottom left, transparent 50%, var(--arrow) 50%) top right/90% 50% no-repeat, linear-gradient(to top left, transparent 50%, var(--arrow) 50%) bottom right/90% 50% no-repeat;
}
:where([class*=card]:not(body.shop *)).__Xscr02:is(#contents div)::-webkit-scrollbar-button:horizontal:start:decrement, :where([class*=card]:not(body.shop *)).__Xscr02:is(#contents div)::-webkit-scrollbar-button:horizontal:end:decrement {
  background: linear-gradient(to bottom right, transparent 50%, var(--arrow) 50%) top left/90% 50% no-repeat, linear-gradient(to top right, transparent 50%, var(--arrow) 50%) bottom left/90% 50% no-repeat;
}
:where([class*=card]:not(body.shop *)).__Xscr02:is(#contents div)::-webkit-scrollbar-button:horizontal:end:decrement, :where([class*=card]:not(body.shop *)).__Xscr02:is(#contents div)::-webkit-scrollbar-button:horizontal:end:increment {
  display: none;
}
:where([class*=card]:not(body.shop *)).__Xscr02:is(#contents div)::-webkit-scrollbar {
  background-color: var(--arrow);
  height: calc(var(--barh) / 2);
  border-radius: 999px;
}
:where([class*=card]:not(body.shop *)).__Xscr02:is(#contents div)::-webkit-scrollbar-thumb {
  background-color: var(--arrow);
  border-radius: 999px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
:where([class*=card]:not(body.shop *)).fb_btns {
  gap: 20px 2%;
}
:where([class*=card]:not(body.shop *)).fb_btns .box {
  flex: 1;
}
:where([class*=card]:not(body.shop *)).fb_btns .box a, :where([class*=card]:not(body.shop *)).fb_btns .box article > div:not(:has(> a)) {
  display: block;
  width: 100%;
  font-size: clamp(20px, 2vw, 28px);
  padding-block: 1em;
  background-color: var(--ac);
  font-weight: bold;
  height: 100%;
}
@media screen and (max-width: 834px) {
  :where([class*=card]:not(body.shop *)).fb_btns .box a, :where([class*=card]:not(body.shop *)).fb_btns .box article > div:not(:has(> a)) {
    display: grid;
    place-items: center;
  }
  :where([class*=card]:not(body.shop *)).fb_btns .box a:has(img), :where([class*=card]:not(body.shop *)).fb_btns .box article > div:not(:has(> a)):has(img) {
    min-height: 168px;
  }
}
@media screen and (max-width: 834px) {
  :where([class*=card]:not(body.shop *)).fb_btns .box {
    flex: 0 1 48%;
  }
}
@media screen and (max-width: 480px) {
  :where([class*=card]:not(body.shop *)).fb_btns .box {
    flex: 0 1 100%;
  }
}
:where([class*=card]:not(body.shop *)).fb_btns img:is(#contents .card img) {
  width: 110px;
  height: 84px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-inline: auto;
}
:where([class*=card]:not(body.shop *)).fb_headmc {
  gap: 20px 4%;
}
:where([class*=card]:not(body.shop *)).fb_headmc .box:first-child {
  width: 100%;
  flex: unset;
}
:where([class*=card]:not(body.shop *)).fb_headmc .box:first-child article {
  flex-direction: row;
  flex-wrap: wrap;
  background-color: #fff;
}
@media screen and (max-width: 834px) {
  :where([class*=card]:not(body.shop *)).fb_headmc .box:first-child article {
    flex-direction: column;
  }
}
:where([class*=card]:not(body.shop *)).fb_headmc .box:first-child article > * {
  flex: 1;
  padding: 1em;
  padding-bottom: 2em;
}
:where([class*=card]:not(body.shop *)).fb_headmc .box:first-child h3 {
  width: 100%;
  flex: unset;
  padding: var(--f16);
}
:where([class*=card]:not(body.shop *)).fb_headmc .box:first-child .im {
  order: 1;
}
:where([class*=card]:not(body.shop *)).fb_headmc .box:first-child img {
  height: 100% !important;
}
:where([class*=card]:not(body.shop *)).fb_headmc .box {
  flex: 1;
}
@media screen and (max-width: 834px) {
  :where([class*=card]:not(body.shop *)).fb_headmc .box {
    flex-basis: 100%;
  }
}
:where([class*=card]:not(body.shop *)).fb_headmc .box article {
  background-color: #fff;
}
:where([class*=card]:not(body.shop *)).fb_headmc .box article > * {
  padding: 1em;
  padding-bottom: 2em;
}
:where([class*=card]:not(body.shop *)).fb_headmc .box h3 {
  padding: var(--f16);
}
:where([class*=card]:not(body.shop *)).fb_headmc .box h3 {
  background-color: var(--mc);
  text-align: center;
  color: var(--ff);
  order: -1;
}
:where([class*=card]:not(body.shop *)).fb_headmc .box article > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: min-content min-content min-content auto;
  place-items: center start;
}
:where([class*=card]:not(body.shop *)).fb_headmc .box article > div u {
  grid-area: 1/1;
  border: 1px solid #0d74d9;
  padding-inline: 1em;
  text-decoration: none;
  padding-block: 0.1em;
}
:where([class*=card]:not(body.shop *)).fb_headmc .box article > div p {
  grid-area: 2/1;
}
:where([class*=card]:not(body.shop *)).fb_headmc .box article > div b {
  grid-area: span 2/1;
  font-size: 125%;
}
:where([class*=card]:not(body.shop *)).fb_headmc .box article > div em {
  grid-area: span 2/2;
}
:where([class*=card]:not(body.shop *)).fb_headmc .box article > div span {
  grid-area: 3/span 2;
  margin-top: var(--f16);
}
:where([class*=card]:not(body.shop *)).fb_headmc .box article > div .btn {
  grid-area: 4/span 2;
  margin-top: var(--f16);
  place-self: end;
}
:where([class*=card]:not(body.shop *)).fb_headmc .box article > div em {
  font-size: clamp(24px, 3.6vw, 48px);
  color: red;
  font-weight: 900;
  justify-self: end;
}
@media screen and (max-width: 1000px) {
  :where([class*=card]:not(body.shop *)).fb_headmc .box article > div .btn {
    margin-top: 2em;
  }
  :where([class*=card]:not(body.shop *)).fb_headmc .box article > div u {
    margin-bottom: 0.5em;
  }
}
:where([class*=card]:not(body.shop *)).num-point .box {
  padding-top: var(--f36);
}
:where([class*=card]:not(body.shop *)).num-point article {
  border: 2px solid var(--mc);
  padding: var(--f24);
  display: flex;
  flex-direction: column;
  gap: 1em;
  padding-top: var(--f48);
}
:where([class*=card]:not(body.shop *)).num-point h3 {
  color: var(--mc);
  text-align: center;
}
:where([class*=card]:not(body.shop *)).num-point h3:is(.box:has(.titlesm) h3) {
  font-size: var(--f24);
  text-align: left;
}
:where([class*=card]:not(body.shop *)).num-point article div {
  display: flex;
  align-items: flex-start;
  font-weight: 500;
  padding: 0.5em;
}
:where([class*=card]:not(body.shop *)).num-point article div p {
  position: absolute;
  inset: 0 auto auto var(--f24);
  width: calc(100% - var(--f24) * 2);
  background-color: var(--mc);
  text-align: center;
  color: var(--ff);
  font-size: var(--f36);
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5em 0 0.5em 0px;
}
:where([class*=card]:not(body.shop *)).num-point article div p:after {
  content: "";
  font-size: 120%;
  margin-left: 0.2em;
  background-color: unset;
}
:where([class*=card]:not(body.shop *)).num-point article div p:is(.box:nth-child(1) p):after {
  content: "01";
}
:where([class*=card]:not(body.shop *)).num-point article div p:is(.box:nth-child(2) p):after {
  content: "02";
}
:where([class*=card]:not(body.shop *)).num-point article div p:is(.box:nth-child(3) p):after {
  content: "03";
}
:where([class*=card]:not(body.shop *)).num-point article div p:is(.box:nth-child(4) p):after {
  content: "04";
}
:where([class*=card]:not(body.shop *)).num-point article div p:is(.box:nth-child(5) p):after {
  content: "05";
}
:where([class*=card]:not(body.shop *)).num-point article div p:is(.box:nth-child(6) p):after {
  content: "06";
}

.cardflex {
  gap: var(--g);
  flex-wrap: wrap;
}
.cardflex.__center {
  text-align: center;
}
.cardflex + .cardflex {
  margin-top: var(--g);
}
.cardflex a:is(#contents *) {
  color: inherit;
}
.cardflex > * {
  flex: 1;
}

.numPoint .box, .numPoint li {
  counter-increment: cnt;
  position: relative;
}
.numPoint .box:is(#contents *), .numPoint li:is(#contents *) {
  overflow: visible;
}
.numPoint .box:before, .numPoint li:before {
  content: "POINT " counter(cnt, decimal-leading-zero);
  letter-spacing: 0em;
  display: inline-block;
  vertical-align: bottom;
  padding-bottom: 0.1em;
  z-index: 1;
}
.numSTEP .box, .numSTEP li {
  counter-increment: cnt;
  position: relative;
}
.numSTEP .box:is(#contents *), .numSTEP li:is(#contents *) {
  overflow: visible;
}
.numSTEP .box:before, .numSTEP li:before {
  content: "STEP " counter(cnt, decimal-leading-zero);
  letter-spacing: 0em;
  display: inline-block;
  vertical-align: bottom;
  z-index: 1;
  padding-bottom: 0.1em;
}
.num01 {
  --c: var(--bc);
  --b: var(--mc);
  --fz: 6vmin;
  --fw: 900;
}
.num01 .box, .num01 li {
  counter-increment: cnt;
  position: relative;
}
.num01 .box:is(#contents *), .num01 li:is(#contents *) {
  overflow: visible;
}
.num01 .box:before, .num01 li:before {
  content: counter(cnt, decimal-leading-zero);
  font-family: var(--fw);
  font-size: var(--fz);
  font-family: var(--ff);
  font-weight: var(--fw);
  color: var(--c);
  background-color: var(--b);
  border-radius: 999px;
  line-height: 1;
  letter-spacing: 0em;
  display: inline-block;
  vertical-align: bottom;
  margin-inline: auto;
  width: 2em;
  height: 2em;
  display: grid;
  place-items: center;
  padding-bottom: 0.1em;
}
.num02 .box, .num02 li {
  --bfFF:var(--shi);
  padding: 1em;
  padding-top: 1.5em;
  text-align: center;
  counter-increment: cnt;
  position: relative;
}
.num02 .box:is(#contents *), .num02 li:is(#contents *) {
  overflow: visible;
}
.num02 .box:before, .num02 li:before {
  content: counter(cnt, decimal-leading-zero);
  font-family: var(--bfFF);
  font-size: var(--f40);
  line-height: 1;
  letter-spacing: 0em;
  color: var(--ac);
  display: inline-block;
  vertical-align: bottom;
  position: absolute;
  top: -1em;
  left: 0;
  right: 0;
  margin-inline: auto;
  width: 2em;
  height: 2em;
  display: grid;
  place-items: center;
  background: url(/images/home/num.png) no-repeat center/cover;
  padding-bottom: 0.1em;
  color: var(--ff);
}
.num03 {
  --c: var(--mc);
  --b: var(--un);
  --fz: var(--f24);
  --fw: unset;
}
.num03 .box, .num03 li {
  counter-increment: cnt;
  position: relative;
}
.num03 .box:is(#contents *), .num03 li:is(#contents *) {
  overflow: visible;
}
.num03 .box:before, .num03 li:before {
  content: counter(cnt, decimal-leading-zero);
  font-family: var(--fw);
  font-size: var(--fz);
  font-family: var(--ff);
  font-weight: var(--fw);
  color: var(--c);
  background-color: var(--b);
  border-radius: 999px;
  line-height: 1;
  letter-spacing: 0em;
  display: inline-block;
  vertical-align: bottom;
  position: absolute;
  top: 0vmin;
  left: 0.25em;
  padding: 0.5em;
  background-image: linear-gradient(to right bottom, transparent, transparent 80%, var(--mc) 81%, transparent 83%);
}
.num04 {
  --c: var(--mc);
  --b: var(--un);
  --fz: var(--f24);
  --fw: unset;
}
.num04 .box, .num04 li {
  counter-increment: cnt;
  position: relative;
}
.num04 .box:is(#contents *), .num04 li:is(#contents *) {
  overflow: visible;
}
.num04 .box:before, .num04 li:before {
  content: counter(cnt, decimal-leading-zero);
  font-family: var(--fw);
  font-size: var(--fz);
  font-family: var(--ff);
  font-weight: var(--fw);
  color: var(--c);
  background-color: var(--b);
  border-radius: 999px;
  line-height: 1;
  display: inline-block;
  vertical-align: bottom;
  position: absolute;
  top: -0.6em;
  left: 0.25em;
  font-family: var(--cor);
  color: var(--ac);
  font-size: 7vh;
  line-height: 1;
  letter-spacing: inherit;
  z-index: 1;
}
.numH {
  --c: inherit;
  --b: unset;
  --fz: 150%;
  --fw: inherit;
}
.numH .box, .numH li {
  counter-increment: cnt;
  position: relative;
}
.numH .box:is(#contents *), .numH li:is(#contents *) {
  overflow: visible;
}
.numH .box h1:before, .numH .box h2:before, .numH .box h3:before, .numH li h1:before, .numH li h2:before, .numH li h3:before {
  content: counter(cnt);
  font-family: var(--fw);
  font-size: var(--fz);
  font-family: var(--ff);
  font-weight: var(--fw);
  color: var(--c);
  background-color: var(--b);
  border-radius: 999px;
  line-height: 1;
  letter-spacing: 0em;
  display: inline-block;
  vertical-align: unset;
  padding-bottom: 0.1em;
  margin-right: 0.25em;
}

.layer ul, .layer-right ul, .layer-bottom ul, .layer-end ul {
  display: contents;
}
.layer :has(> figure), .layer-right :has(> figure), .layer-bottom :has(> figure), .layer-end :has(> figure), :where([class*=card]:not(body.shop *)).layer-end :has(> figure), :where([class*=card]:not(body.shop *)).layer-bottom :has(> figure), :where([class*=card]:not(body.shop *)).layer-right :has(> figure) {
  display: grid;
}
.layer :has(> figure) > *, .layer-right :has(> figure) > *, .layer-bottom :has(> figure) > *, .layer-end :has(> figure) > *, :where([class*=card]:not(body.shop *)).layer-end :has(> figure) > *, :where([class*=card]:not(body.shop *)).layer-bottom :has(> figure) > *, :where([class*=card]:not(body.shop *)).layer-right :has(> figure) > * {
  grid-area: 1/1;
  z-index: 1;
}
.layer :has(> figure) figure, .layer-right :has(> figure) figure, .layer-bottom :has(> figure) figure, .layer-end :has(> figure) figure, :where([class*=card]:not(body.shop *)).layer-end :has(> figure) figure, :where([class*=card]:not(body.shop *)).layer-bottom :has(> figure) figure, :where([class*=card]:not(body.shop *)).layer-right :has(> figure) figure {
  width: 100%;
}
.layer-end :has(> figure) {
  place-items: end;
  place-content: end;
}
.layer-bottom :has(> figure) {
  place-items: end start;
}
.layer-bottom article > div {
  padding: 1em;
  text-shadow: 0 0 0.25em #000;
}
.layer-right :has(> figure) {
  place-items: start end;
  place-content: start end;
}

.cardfix.layer, .cardfix.layer-end, .cardfix.layer-bottom, .cardfix.layer-right {
  gap: var(--g);
  flex-wrap: wrap;
}
.cardfix.layer .box, .cardfix.layer-end .box, .cardfix.layer-bottom .box, .cardfix.layer-right .box {
  width: var(--w);
}
.cardfix.layer :has(> .im), .cardfix.layer-end :has(> .im), .cardfix.layer-bottom :has(> .im), .cardfix.layer-right :has(> .im) {
  width: 100%;
  place-content: center;
  place-items: center;
  margin: unset;
}

header#global_header {
  min-width: unset;
  height: unset;
  margin-block: unset;
  margin-inline: auto;
}

:root {
  --gap:calc( 1.75vw - .5em);
  --logoW:208px;
  --logoH:unset;
  --head:calc(128px);
  --contMT:var(--head);
  --mvMT:calc(var(--head) * -1);
  --mvImg:calc(100vh );
  --mvImg:calc(100dvh );
  --innerPI: var(--gap);
  --innerPB: 1.5em;
  --navPI: var(--gap);
  --itemPI: var(--gap);
  --logoPI: var(--gap);
  --itemG: var(--gap);
}
@media screen and (max-width: 960px) {
  :root {
    --mvImg:calc(66vh );
    --mvImg:calc(66dvh );
  }
}
@media screen and (max-width: 960px) {
  :root {
    --head:80px;
    --logoW:150px;
    --gap:1em;
    --innerPI: 1em;
  }
}
@media screen and (max-width: 834px) {
  :root {
    --gap: 10px ;
    --head:60px;
  }
}
.h {
  --innerBG:var(--wh);
  --innerBGI:unset;
}
.h.menuPC .h_menu {
  display: grid;
}
.h.menuPC .h_nav {
  display: none;
}
.h .btn[href*=tel] {
  font-size: clamp(18px, 1.6vw, 24px);
}
.h.noFix {
  position: absolute;
}
@media screen and (max-width: 960px) {
  .h.noFix {
    position: fixed;
  }
}
.h.innerCol .h_inner, .h.nav100 .h_inner {
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  .h.innerCol .h_inner, .h.nav100 .h_inner {
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding-block: unset;
  }
}
.h.innerCol .h_logo, .h.nav100 .h_logo {
  position: absolute;
  top: 0;
  left: var(--innerPI);
}
@media screen and (max-width: 960px) {
  .h.innerCol .h_logo, .h.nav100 .h_logo {
    position: unset;
    padding-inline: unset;
  }
}
.h.innerCol .h_items, .h.nav100 .h_items {
  order: unset;
}
.h.innerCol .h_nav, .h.nav100 .h_nav {
  height: unset;
}
.h.innerCol .h_nav ul li:last-of-type, .h.nav100 .h_nav ul li:last-of-type {
  padding-right: unset;
}
.h.nav100 .h_logo {
  height: unset;
  top: var(--innerPB);
  left: var(--innerPI);
}
@media screen and (max-width: 960px) {
  .h.nav100 .h_logo {
    position: unset;
    padding-inline: unset;
  }
}
.h.nav100 .h_nav {
  height: unset;
  width: 100%;
}
.h.nav100 .h_nav ul {
  display: grid;
  grid-auto-flow: column;
  place-content: stretch;
}
.h.navLeft .h_logo {
  margin-right: var(--logoPI);
}
@media screen and (max-width: 960px) {
  .h.navLeft .h_logo {
    margin-right: auto;
  }
}
.h.navLeft .h_nav {
  margin-inline: var(--gap) auto;
}

.h {
  --trt:.6s ;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin-inline: auto;
  z-index: 1000;
  min-height: var(--head);
  transition: var(--trt);
}
.h a {
  text-decoration: none;
}
.h_inner {
  background-color: var(--innerBG);
  background-image: var(--innerBGI);
  height: var(--head);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding-block: var(--innerPB);
  padding-inline: var(--innerPI);
  gap: var(--un);
  transition: 0.4s;
}
.h_logo {
  z-index: 100;
  margin-right: auto;
  transform-origin: 0 0;
  transition: var(--trt);
  display: grid;
  place-items: center;
  place-content: center;
  height: 100%;
  padding-inline: var(--logoPI);
}
.h_logoimg {
  max-width: var(--logoW);
  height: var(--logoH) !important;
}
.h_logoimg.invert {
  transition: 0.6s !important;
  filter: brightness(0) invert(1);
}
.h_logoimg.invert:is(.h.trans *) {
  filter: unset;
}
.h_btn:is(a) {
  text-align: center;
  background-color: var(--btnBG);
  color: var(--btnC);
  height: var(--Hbtn);
  min-width: var(--btnW);
  padding-inline: var(--btnP);
  gap: var(--btnG);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: var(--trt);
}
.h_btn:is(a) i {
  font-size: 120%;
}
.h_btn:is(a).h_tel {
  font-family: var(--telFF);
  font-size: 120%;
  letter-spacing: var(--telLS);
  background-color: var(--telBG);
  color: var(--telC);
  line-height: calc(var(--Hbtn) * 0.66);
  font-weight: bold;
}
.h_btn:is(a).h_tel span {
  display: block;
  font-size: 70%;
  line-height: calc(var(--Hbtn) * 0.33);
}
.h_btn:is(a).h_contact {
  background-color: var(--conBG);
  color: var(--conC);
  letter-spacing: var(--conLS);
}
.h_btn:is(a).__mc {
  background-color: var(--mc);
}
.h_btn:is(a).__ac {
  background-color: var(--ac);
}
.h_btn:is(a).__sc {
  background-color: var(--sc);
}
.h_btn:is(a).__bc {
  background-color: var(--bc);
}
.h_btn:is(a).__mcf {
  background-color: var(--mc);
  color: var(--ff);
}
.h_btn:is(a).__acf {
  background-color: var(--ac);
  color: var(--ff);
}
.h_btn:is(a).__scf {
  background-color: var(--sc);
  color: var(--ff);
}
.h_btn:is(a).__bcf {
  background-color: var(--bc);
  color: var(--ff);
}
@media screen and (max-width: 960px) {
  .h_btn:is(a) {
    min-width: unset;
  }
}
@media screen and (max-width: 834px) {
  .h_btn:is(a) {
    --btnW: unset;
    width: unset;
    min-width: unset;
    flex: 1;
    padding-inline: unset;
  }
  .h_btn:is(a).h_tel {
    background-color: var(--wh);
    color: var(--tx);
    border: 1px solid color-mix(in srgb, currentColor 20%, transparent 80%);
  }
}
.h .nopointer {
  cursor: default;
}
.h_pagetop:is(#header a) {
  position: fixed;
  bottom: 6vmin;
  right: 6vmin;
  width: 12vmin;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 834px) {
  .h_pagetop:is(#header a) {
    bottom: calc(var(--head) + 1em);
    right: 2vmin;
  }
}
.h_pagetop:is(#header a):is(.trans *) {
  opacity: 1;
  visibility: visible;
}

.h_items {
  flex-shrink: 0;
  order: 1;
  z-index: 1000;
  display: flex;
  align-items: center;
  padding-inline: var(--itemPI);
  gap: var(--itemG);
}
.h_items .btn {
  margin-top: unset;
}
.h_items a:has(> img) + .btn {
  margin-left: var(--g);
}
.h_items .h_text {
  line-height: 1.5;
  font-size: clamp(10px, 1.6vw, 18px);
}
.h_items.fix-pc {
  position: fixed;
  top: unset;
  bottom: var(--innerPI);
  right: var(--innerPI);
  flex-direction: column;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 0.5em;
}
@media screen and (max-width: 640px) {
  .h_items.fix-pc {
    transform-origin: right bottom;
    scale: 0.8;
  }
  .h_items.fix-pc .btn {
    min-width: unset;
  }
  .h_items.fix-pc .__circle {
    min-width: unset;
    font-size: 14px;
    gap: 0;
    line-height: 1.2;
  }
}
.h_items.fix-960 {
  flex-wrap: wrap;
}
.h_items.fix-960 .btn:is(#header *) {
  min-width: unset;
}
@media screen and (max-width: 834px) {
  .h_items.fix-960 .btn:is(#header *) {
    font-size: 12px;
  }
  .h_items.fix-960 .btn:is(#header *) > span {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .h_items.fix-960 .btn:is(#header *) {
    flex: unset;
    width: calc(50% - 2px);
    --btnH:40px;
  }
}
@media screen and (max-width: 960px) {
  .h_items.fix-960 {
    position: fixed;
    top: unset;
    bottom: 0;
    right: 0px;
    width: 100%;
    padding: 0.25em;
    gap: 0.25em;
  }
  .h_items.fix-960 > * {
    flex: 1;
    min-width: unset;
  }
  .h_items.fix-960 .LINE {
    flex: unset;
    margin-left: 2vmin;
  }
}
@media screen and (max-width: 834px) {
  .h_items.fix-tab {
    border-bottom: unset;
    position: fixed;
    top: unset;
    bottom: 0;
    right: 0px;
    width: 100%;
    padding: 0.25em 0.25em;
    gap: 0.25em;
    --btnG:.0em;
    background-color: var(--innerBG);
  }
  .h_items.fix-tab > * {
    flex: 1;
    min-width: unset;
    --btnFZ:clamp(14px,2vw,18px);
  }
  .h_items.fix-tab .btn.__line {
    flex: 0.5;
  }
  .h_items.fix-tab .iconbtn {
    flex: unset;
    padding-inline: 0.5em;
    scale: 1.3;
  }
  .h_items.fix-tab .iconbtn i {
    font-size: var(--btnH);
  }
  .h_items.fix-tab .h_text {
    flex: unset;
    min-width: 50%;
  }
  .h_items.fix-tab .textlink {
    height: var(--btnH);
    padding-inline: var(--btnPI);
    font-size: var(--btnFZ);
    font-size: clamp(14px, 3vw, 20px);
    border: var(--btnBD);
    border-radius: var(--btnRad);
    justify-content: center;
    align-items: center;
    gap: 0;
  }
  .h_items.fix-tab .textlink > * {
    font-size: 80%;
    margin-right: 0.5em;
  }
  .h_items.fix-tab a:has(> img) {
    flex: 0.4;
  }
  .h_items.fix-tab a:has(> img) img {
    margin-inline: auto;
  }
}
@media screen and (max-width: 640px) {
  .h_items.fix-tab .textlink {
    line-height: calc(var(--btnH) / 2);
  }
  .h_items.fix-tab .textlink > * {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .h_items.fix-sp {
    border-bottom: unset;
    border-top: 1px solid #aaa;
    position: fixed;
    top: unset;
    bottom: 0;
    right: 0px;
    width: 100%;
    gap: 0.25em;
    --btnG:.0em;
    background-color: var(--innerBG);
  }
  .h_items.fix-sp > * {
    flex: 1;
    min-width: unset;
    --btnFZ:clamp(14px,2vw,18px);
  }
  .h_items.fix-sp .btn.__line {
    flex: 0.5;
  }
  .h_items.fix-sp .iconbtn {
    flex: unset;
    padding-inline: 0.5em;
    scale: 1.3;
  }
  .h_items.fix-sp .iconbtn i {
    font-size: var(--btnH);
  }
  .h_items.fix-sp .h_text {
    flex: unset;
    min-width: 50%;
  }
  .h_items.fix-sp .textlink {
    --btnH: var(--head);
    height: var(--btnH);
    text-align: right;
    line-height: calc(var(--btnH) / 4);
    padding-block: 0.5em;
    padding-inline: 0.5em;
    font-size: clamp(16px, 3vw, 20px);
    border-radius: var(--btnRad);
    gap: 0;
  }
  .h_items.fix-sp .textlink + a {
    border-left: 1px solid #aaa;
  }
  .h_items.fix-sp .textlink i {
    font-size: 150%;
  }
  .h_items.fix-sp .textlink > * {
    margin-right: 0.25em;
  }
  .h_items.fix-sp a:has(> img) {
    flex: 0.4;
  }
  .h_items.fix-sp a:has(> img) img {
    margin-inline: auto;
  }
}
.h_items .h_tel {
  font-size: var(--btnFZ);
  letter-spacing: var(--btnLS);
  display: flex;
  align-items: center;
  gap: 1vmin;
}
.h_items .h_tel img {
  height: var(--btnI) !important;
}
@media screen and (max-width: 960px) {
  .h_items.noText-960 {
    padding-inline: 0em;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
  }
  .h_items.noText-960 a {
    display: block;
    font-size: 0;
    margin-left: unset !important;
  }
  .h_items.noText-960 a i:is(#header *) {
    font-size: var(--btnH) !important;
  }
  .h_items.noText-960 .btn {
    gap: 2px !important;
  }
  .h_items.noText-960 .btn i {
    font-size: 20px;
  }
}
@media screen and (max-width: 834px) {
  .h_items.noText-960 {
    position: fixed;
    top: unset;
    bottom: 0;
    right: 0px;
    width: 100%;
    background-color: #000;
    color: #fff;
  }
  .h_items.noText-960 a {
    flex: 1;
    display: grid;
    place-items: center;
    place-content: center;
    padding-block: 8px;
  }
}
.h_nav {
  transition: var(--trt2);
  --navTRT:.4s, opacity .8s;
  --liFZ: inherit;
  --liPI:calc(var(--gap)/1 );
  --aC:var(--inh);
  --aLH:1.5;
  --aFZ:inherit;
  --aFW:700;
  --aPI:var(--un);
  --aPB:var(--un);
  --spanC:var(--mc);
  --spanFZ:inherit;
  --spanFW:400;
  --spanFF:var(--cor);
  --dropBG:var(--mc);
  --dropC:var(--wh);
  z-index: 1;
  padding-inline: calc(var(--gap) * 1);
}
.h_nav.li-bdl:is(#header *) {
  height: unset;
}
.h_nav.li-bdl:is(#header *) > ul > li {
  line-height: 1;
  border-left: var(--line);
  border-color: var(--mc);
}
.h_nav.li-bdl:is(#header *) > ul > li:last-child {
  border-right: var(--line);
}
.h_nav.li-bdl:is(#header *) > ul > li a {
  line-height: 1.2;
  gap: 0.5em;
  place-items: start;
}
.h_nav.li-bdl:is(#header *) > ul > li span {
  color: #ccbb66;
  font-family: var(--cor);
  font-size: clamp(12px, 1vw, 18px);
}
.h_nav.li-bdl:is(#header *) > ul > li.drop a {
  place-items: center;
}
.h_nav i {
  font-size: var(--f48) !important;
  line-height: 1;
}
.h_nav.a-chev > ul > li > a::after {
  content: "\f105";
  margin-inline-start: 0.25em;
  font-family: var(--la);
  font-weight: 900;
  color: var(--ac);
}
.h_nav::-webkit-scrollbar {
  width: 0px;
}
@media screen and (max-width: 960px) {
  .h_nav {
    display: none;
  }
}
.h_nav > ul {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  height: 100%;
}
.h_nav > ul > li {
  height: 100%;
  position: relative;
  display: grid;
  place-items: center;
  font-size: var(--liFZ);
  padding-inline: var(--liPI);
}
.h_nav > ul > li.__sub {
  display: none;
}
.h_nav > ul > li:has(span) {
  --liPI:calc(var(--gap)/2);
}
.h_nav > ul > li:has(span) > a:is(#header *) {
  --aPI:calc(var(--gap)/2);
  display: grid;
  place-items: center;
}
.h_nav > ul > li:has(span) span {
  transition: var(--trt);
  color: var(--spanC);
  font-size: var(--spanFZ);
  font-weight: var(--spanFW);
  font-family: var(--cor);
}
.h_nav > ul > li:has(span) span:is(.span-uppercase *) {
  text-transform: uppercase;
}
.h_nav > ul a {
  color: var(--aC);
  font-size: var(--aFZ);
  padding-inline: var(--aPI);
  padding-block: var(--aPB);
  font-weight: var(--aFW);
  line-height: var(--aLH);
  transition: var(--navTRT);
  vertical-align: sub;
  text-align: left;
}
.h_nav > ul li.drop {
  --size:8px;
  will-change: transform;
}
.h_nav > ul li.drop .droplink {
  background: none;
}
.h_nav > ul li.drop::after {
  content: "";
  display: block;
  width: var(--size);
  height: var(--size);
  background-color: var(--cur);
  position: absolute;
  top: calc(100% + var(--size) * 1);
  left: 50%;
  translate: -50%;
  transition: 0.4s;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 80%);
          clip-path: polygon(0 0, 100% 0, 50% 80%);
}
@media screen and (max-width: 960px) {
  .h_nav > ul li.drop::after {
    display: none;
  }
}
.h_nav > ul li.drop ul {
  position: absolute;
  top: 100%;
  width: 200%;
  max-width: 250px;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
  scale: 0 1;
  opacity: 0;
  background-color: var(--dropBG);
  transition: var(--navTRT);
}
.h_nav > ul li.drop li {
  position: relative;
  height: 3em;
}
.h_nav > ul li.drop a {
  width: 100%;
  margin-inline: auto;
}
.h_nav > ul li.drop ul a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: var(--dropC);
}
.h_nav > ul li.drop .dropbtn {
  display: none;
}
.h_nav .focus_trap {
  display: none;
}
.h_nav li.drop:hover ul {
  pointer-events: all;
  scale: 1 1;
  opacity: 1;
}
.h_nav li.drop ul:hover {
  pointer-events: all;
  scale: 1 1;
}
.h_nav li.drop ul:has(a:focus) {
  scale: 1 1;
  opacity: 1;
}

.h_menu {
  --btnH: calc(var(--head) - 1em);
  display: none;
  --bargap:calc(var(--btnH) * .25 );
  --dotW:calc(var(--btnH) * .125 );
  --menuBG:var(--un);
  --spanC:var(--mc);
  --spanW:80%;
  --spanH:2px;
  --spanR:unset;
  --menuM:1em;
  --menuRad:4px;
  place-items: center;
  width: calc(var(--btnH) + 0em);
  height: var(--btnH);
  margin-left: var(--menuM);
  border-radius: var(--menuRad);
  flex-shrink: 0;
  order: 2;
  z-index: 1000;
  transition: 0.4s;
  background-color: var(--menuBG);
  position: relative;
  aspect-ratio: 1;
  --btnBG:var(--mc);
}
@media screen and (max-width: 480px) {
  .h_menu {
    --menuM:5px;
  }
}
@media screen and (max-width: 960px) {
  .h_menu {
    display: grid;
  }
}
.h_menu.burger > span {
  grid-area: 1/1;
  width: var(--spanW);
  height: var(--spanH);
  background-color: var(--spanC);
  border-radius: var(--spanR);
  transition: 0.4s;
}
.h_menu.burger .bar1 {
  translate: 0 calc(-1 * var(--bargap));
}
.h_menu.burger .bar3 {
  translate: 0 var(--bargap);
}
.h_menu.burger .bar2 {
  translate: 0 0px;
}
.h_menu.burger .bar2.tate {
  rotate: 90deg;
}
.h_menu.burger:hover > span {
  scale: 1.03;
}
.h_menu.burger.active .bar2 {
  scale: 1 1;
}
.h_menu.burger.active .bar2.tate {
  scale: 0 1;
}
.h_menu.burger.active .bar1 {
  translate: 0;
  rotate: 40deg;
}
.h_menu.burger.active .bar2 {
  scale: 0;
}
.h_menu.burger.active .bar3 {
  translate: 0;
  rotate: -40deg;
}
.h_menu.dots > span {
  grid-area: 1/1;
  width: var(--dotW);
  aspect-ratio: 1;
  background-color: var(--spanC);
  transition: 0.2s;
  border-radius: 999px;
}
.h_menu.dots > span:is(:has(.char) *) {
  transform: translateY(calc(var(--bargap) * -0.5));
}
.h_menu.dots .char {
  width: var(--un);
  aspect-ratio: unset;
  background-color: var(--un);
  border-radius: unset;
  transition: 0.2s;
  translate: 0 calc(var(--bargap) * 1.5);
  font-family: var(--hff);
  font-size: 12px;
  color: var(--spanC);
}
.h_menu.dots .dot1 {
  translate: calc(-1 * var(--bargap)) 0;
  transform-origin: left;
}
.h_menu.dots .dot2 {
  translate: 0 0px;
}
.h_menu.dots .dot3 {
  translate: var(--bargap) 0;
  transform-origin: right;
}
.h_menu.dots .bar2 {
  width: calc(var(--bargap) * 2 + var(--dotW));
  height: var(--dotW);
  scale: 1 0;
}
.h_menu.dots .bar2.tate {
  rotate: 90deg;
}
.h_menu.dots .bar2.tate:is(:has(.char) *) {
  transform: translateX(calc(var(--bargap) * -0.5));
}
.h_menu.dots:hover .bar2 {
  scale: 1 1;
  opacity: 1;
}
.h_menu.dots:hover .char {
  opacity: 0;
}
.h_menu.dots:hover:is(#header :has(.char)) > * {
  transform: none;
}
.h_menu.dots.active:is(#header :has(.char)) > * {
  transform: none;
}
.h_menu.dots.active .dot2 {
  scale: 0;
}
.h_menu.dots.active .bar2 {
  scale: 1 1;
}
.h_menu.dots.active .bar2.tate {
  scale: 0 1;
}
.h_menu.dots.active .char {
  opacity: 0;
}
.h_menu:focus {
  outline-color: transparent;
}
.h_menu:active {
  scale: 1.12;
}

.nav {
  font-weight: 500;
  --navFZ: clamp(14px,1.6vw,18px);
  --navPad: 1.0em .5em;
  --spanC: var(--tx);
  --navBG: var(--wh);
  --dropbtnBG:var(--mc);
  --dropbtnBF:var(--wh);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  visibility: hidden;
  pointer-events: none;
}
.nav_inner > ul a:has(i) {
  background: unset !important;
}
.nav_inner > ul a:has(i) i {
  font-size: var(--f48);
}
.nav a {
  filter: blur(var(--bw));
  opacity: 0;
  translate: 0 var(--bw);
  transition: var(--trt);
}
.nav a:is(.nav li:nth-child(1) a) {
  transition-delay: 0s;
}
.nav a:is(.nav li:nth-child(2) a) {
  transition-delay: 0.05s;
}
.nav a:is(.nav li:nth-child(3) a) {
  transition-delay: 0.1s;
}
.nav a:is(.nav li:nth-child(4) a) {
  transition-delay: 0.15s;
}
.nav a:is(.nav li:nth-child(5) a) {
  transition-delay: 0.2s;
}
.nav a:is(.nav li:nth-child(6) a) {
  transition-delay: 0.25s;
}
.nav a:is(.nav li:nth-child(7) a) {
  transition-delay: 0.3s;
}
.nav a:is(.nav li:nth-child(8) a) {
  transition-delay: 0.35s;
}
.nav a:is(.nav li:nth-child(9) a) {
  transition-delay: 0.4s;
}
.nav.show {
  visibility: visible;
  pointer-events: all;
}
.nav.show a {
  opacity: 1;
  visibility: visible;
  --bw:0px;
}
.nav .focus_trap {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.5333333333);
  z-index: 0;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.nav .focus_trap:is(.show .focus_trap) {
  opacity: 1;
  visibility: visible;
}
.nav_inner {
  height: 100%;
  z-index: 1;
  width: 100%;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  transition: var(--navTRT);
  display: grid;
}
.nav_inner::-webkit-scrollbar {
  width: 0px;
}
.nav_inner > * {
  grid-area: 1/1;
  height: calc(100% + 0px);
}
.nav_inner > ul {
  background-color: var(--navBG);
  position: relative;
  z-index: 1;
  transition: var(--navTRT);
  padding: calc(var(--pad) * 1);
  padding-block: calc(var(--head) * 1.5);
  width: 50%;
  margin-left: auto;
  line-height: 1;
  opacity: 0;
  visibility: hidden;
  overflow-y: scroll;
  height: calc(100% + 1px);
}
.nav_inner > ul::-webkit-scrollbar {
  width: 0px;
}
@media screen and (max-width: 960px) {
  .nav_inner > ul {
    width: 66%;
  }
}
@media screen and (max-width: 834px) {
  .nav_inner > ul {
    width: 100%;
  }
}
.nav_inner > ul.show {
  opacity: 1;
  visibility: visible;
}
.nav_inner > ul > li {
  display: block;
  height: -moz-fit-content;
  height: fit-content;
  font-size: var(--f20);
}
.nav_inner > ul > li.__sub {
  display: none;
  visibility: hidden;
}
.nav_inner > ul > li.lastitem {
  display: none;
}
.nav_inner > ul a {
  transition: 0.4s;
  font-size: var(--navFZ);
  padding: var(--navPad);
  display: flex;
  justify-content: space-between;
  margin-inline: auto;
}
.nav_inner > ul a span {
  color: var(--spanC);
  font-size: inherit;
  margin-inline-end: 0.75em;
  font-family: var(--cor);
}
.nav_inner > ul a.droplink {
  flex: 1;
}
.nav_inner > ul a.nopointer {
  cursor: pointer;
}
.nav_inner li.drop {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.nav_inner li.drop:has(.dropbtn) {
  padding-right: var(--h);
}
.nav_inner li.drop::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: currentColor;
  position: absolute;
  top: 100%;
  left: 50%;
  translate: -50%;
  transition: 0.4s;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 80%);
          clip-path: polygon(0 0, 100% 0, 50% 80%);
  display: none;
}
.nav_inner li.drop ul {
  width: 100%;
  height: 0;
  overflow: hidden;
  transition: 0.6s;
}
.nav_inner li.drop ul.show {
  height: calc(var(--li) * var(--h));
}
.nav_inner li.drop li {
  padding: unset;
  scale: 1;
  transition: 0.4s;
  width: 100%;
  margin: unset;
  height: unset;
}
.nav_inner .dropbtn {
  position: absolute;
  right: 0;
  top: 0;
  background-color: var(--dropbtnBG);
  width: var(--h);
  height: var(--h);
  display: grid;
  place-items: center;
  align-self: center;
  --bargap:3px;
}
.nav_inner .dropbtn:after, .nav_inner .dropbtn:before {
  content: "";
  display: block;
  grid-area: 1/1;
  width: 33%;
  height: 2px;
  background-color: var(--dropbtnBF);
  transition: 0.4s;
}
.nav_inner .dropbtn:after {
  rotate: 90deg;
}
.nav_inner .dropbtn:focus {
  outline-color: transparent;
}
.nav_inner .dropbtn:active {
  scale: 1.05;
}
.nav_inner .dropbtn.active:after {
  rotate: 360deg;
}

footer#global_footer {
  min-width: unset;
  height: unset;
  margin-block: unset;
  margin-inline: auto;
  position: relative;
}

.f_nav {
  margin-top: var(--bl05);
}

.f_info {
  margin-top: var(--bl05);
}

.f_info > * + * {
  margin-top: 1em;
}

.f {
  background-blend-mode: multiply;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .f:is(body:has(.h_items.fix-sp) *) {
    padding-bottom: calc(var(--head) + 0em) !important;
  }
}
.f_contact {
  background-blend-mode: multiply;
}
.f_contact > div {
  padding: 2.5em 1em;
  font-size: clamp(12px, 1.4vw, 16px);
}
.f_contact > div > * + * {
  margin-top: 1.5em;
}
.f_contact > div > p + p {
  margin-top: 0em;
}
.f_contact > div p:has([class*=btn]) {
  display: flex;
  justify-content: center;
  gap: 1em 4vmin;
  margin-top: 1.5em;
}
.f_main {
  background: no-repeat center/cover;
  padding-inline: var(--incont);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--bl05) var(--g);
  padding-block: var(--bl);
}
@media screen and (max-width: 834px) {
  .f_main:is(body:has(.h_items.fix-tab) *) {
    padding-bottom: calc(var(--btnH) + 3em) !important;
  }
}
@media screen and (max-width: 1680px) {
  .f_main:is(body:has(.h_items.fix-pc) *) {
    padding-bottom: var(--bl15);
  }
}
.f_main.__w100:is(#footer *) {
  flex: unset;
  width: 100%;
  padding-inline: var(--in1680);
}
.f_info {
  text-align: center;
}
.f .form_wrap.form_01 dl {
  border: none;
}
@media screen and (max-width: 640px) {
  .f .form_wrap.form_01 dl {
    padding: unset !important;
  }
}
.f .form_wrap.form_01 dt, .f .form_wrap.form_01 dd {
  padding-block: unset;
}
.f .fl50 {
  display: flex;
  flex-wrap: wrap;
}
.f .fl50 > * {
  max-width: calc(50% - var(--g) / 2);
}
@media screen and (max-width: 960px) {
  .f .fl50 > * {
    max-width: unset;
    flex-basis: 100%;
  }
}
.f .f_time {
  padding-inline: var(--in1680);
}
.f .f_time p {
  margin-top: 1em;
  margin-left: 1em;
}
.f .f_tbl {
  font-size: clamp(12px, 1.4vw, 16px);
}
.f .f_tbl tr + tr {
  border-top: 1px solid #ddd;
}
.f .f_tbl td {
  text-align: center;
  padding: 1.5em 1em;
  border: none;
}
@media screen and (max-width: 480px) {
  .f .f_tbl td {
    padding: 1em 0.5em;
  }
}
.f .f_tbl tr:not(:first-of-type) td:not(:first-of-type) {
  color: var(--mc);
}
.f .f_tbl .marks td {
  color: var(--mc);
}
.f .f_tbl .marks td:nth-child(1) {
  min-width: 3em;
}
.f .art-flex article {
  align-items: flex-start;
  gap: 1em var(--bl05);
}
.f .art-flex h1, .f .art-flex h2, .f .art-flex h3 {
  min-width: 250px;
}
.f .radius, .f .radius2, .f .radhalf {
  overflow: hidden !important;
}
.f * {
  max-width: 100%;
}
.f a:is(a) {
  text-decoration: none;
}
.f_logolink {
  line-height: 1;
  display: block;
  padding-inline: var(--logoPI);
  text-align: center;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.f_logolink img {
  display: inline-block;
  max-width: 24vmin;
  width: 100%;
}
.f_logolink img.invert {
  filter: brightness(0) invert(1);
}
.f_items {
  max-width: 100%;
  display: flex;
  gap: 1em 1.5em;
  flex-wrap: wrap;
}
.f_items .textlink:is(#footer *) {
  display: block;
}
.f_items .textlink:is(#footer *) span {
  font-size: var(--f14);
}
.f_map {
  margin: unset;
}
.f_map iframe {
  display: block;
  width: 100%;
  min-height: 300px;
}
.f_copy {
  padding-block: 1em;
}
.f_copy.__w100 {
  width: 100%;
  flex: unset;
}
.f_copy.__left {
  text-align: left;
}
.f_copy.__center {
  text-align: center;
}
.f_copy.__right {
  text-align: right;
}
.f_nav {
  padding-block: 2em;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.f_nav.__w100 {
  width: 100%;
  flex-basis: 100%;
}
.f_nav.a-chev > ul > li > a::after {
  content: "\f105";
  margin-inline-start: 0.25em;
  font-family: var(--la);
  font-weight: 900;
  color: var(--ac);
}
.f_nav.li-bdl {
  height: unset;
}
.f_nav.li-bdl > ul > li {
  padding-inline: 1em;
}
.f_nav.li-bdl > ul > li + li {
  border-left: var(--line);
}
.f_nav.li-bdl > ul > li + li a {
  line-height: 1;
}
.f_nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1em 1em;
}
.f_nav li {
  line-height: 1.5;
}
@media screen and (max-width: 640px) {
  .f_nav li {
    padding-inline: 0.5em;
  }
}
.f_nav a {
  line-height: 1.2;
  padding-inline: 0.1em;
}
.f_nav a.nopointer {
  pointer-events: none;
  background-image: none;
  color: #888;
}
.f_nav a.nopointer i {
  margin-inline: 0.5em;
}
.f_nav a.nopointer:before {
  display: none;
}
.f_nav a.nopointer:after {
  content: "\f105";
  background-color: unset;
  margin-left: 0.25em;
}
.f_nav-column {
  display: flex;
  gap: 1em 3.2vmin;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-left: auto;
}
.f_nav-column.__left {
  text-align: left;
}
.f_nav-column.__right {
  text-align: right;
}
@media screen and (max-width: 480px) {
  .f_nav-column {
    order: -1;
  }
}
.f_nav-column ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1em;
}
.f_nav-column ul li span {
  color: #aaa;
}
.f_nav-column ul.borderL {
  border-left: 1px dashed #aaa;
}
.f_nav-column .nopointer {
  background-image: unset;
}
.f_nav-column .nopointer::after {
  margin-left: 0.5em;
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  transition: 0.4s;
  -webkit-clip-path: polygon(0 20%, 100% 20%, 50% 90%);
          clip-path: polygon(0 20%, 100% 20%, 50% 90%);
}
.f_top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding-top: var(--bl075);
  gap: 2em 0;
}
.f_top .btn_wrapper {
  text-align: center;
  padding-inline: 6vmin;
}
.f_top .btn_wrapper .btn {
  display: flex;
  --btnW: 248px;
  --btnH: 54px;
}
.f_top .btn_wrapper .btn i {
  margin-top: -0.2em;
}
@media screen and (max-width: 640px) {
  .f_top:is(#footer *) > * {
    flex: unset;
    width: 100%;
  }
}
.f_top.gap0 {
  gap: 3em 0 !important;
}
.f_top .child960 {
  border-radius: var(--rad);
  padding-inline: 10px;
}
.f_top .child960 > * + * {
  margin-top: var(--bl03);
}
.f_top .ul_btns {
  margin-top: 1.5em;
}
.f_top .ul_btns .btn {
  margin-top: 0;
  background-color: #fff;
  color: var(--mc);
  background-image: linear-gradient(var(--mc20), var(--mc20));
}
@media screen and (max-width: 640px) {
  .f_top .ul_btns ul {
    flex-direction: column;
  }
  .f_top .ul_btns li {
    width: 100%;
    max-width: 100%;
  }
}
.f_cover {
  pointer-events: none;
  mix-blend-mode: difference;
  position: absolute;
  inset: 0;
  background: url(/images/home/frame01.png) no-repeat center/calc(100% - var(--bl)) calc(100% - var(--bl));
}
@media screen and (max-width: 1560px) {
  .f_cover {
    background-size: calc(100% - var(--pad2)) calc(100% - var(--pad2));
  }
}
.f_left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.f_bottom {
  width: 100%;
  flex: unset;
  display: flex;
  justify-content: space-between;
}
.f_infop {
  margin-top: 1.5em;
  color: var(--mc);
  line-height: 2;
  font-weight: bold;
}
.f_infop > span {
  background-color: var(--mc);
  color: #fff;
  padding-inline: 0.5em;
  margin-inline-end: 0.5em;
  margin-block-end: 0.5em;
  border-radius: 10px;
}
.f_name {
  position: relative;
  font-size: var(--f24);
}
.f_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--f40);
}
.f_btn i {
  color: var(--sc);
}
.f_pagetop:is(#footer a) {
  background-color: var(--sc);
  color: var(--conC);
}
.f_pagetop:is(#footer a) i {
  margin-left: 1em;
}
.f_topR {
  background-color: #fff;
  padding: 1em;
  display: grid;
  place-items: center;
}
@media screen and (max-width: 834px) {
  .f_topR {
    padding-block: var(--pad2);
    width: 100%;
  }
}
.f_btns {
  display: flex;
  align-items: center;
  padding-block: 4.2%;
}
.f_btns .box {
  text-align: left;
}
.f_btns .box u:before {
  background-color: #fff;
}
.f_btns .box b:first-letter {
  color: #fff;
}
@media screen and (max-width: 1000px) {
  .f_btns .box {
    width: 100% !important;
  }
}
.f_btns .box:nth-of-type(1) {
  width: 45%;
}
.f_btns .box:nth-of-type(1) * {
  color: #fff;
}
.f_btns .box:nth-of-type(1) article {
  text-align: left;
}
@media screen and (max-width: 1000px) {
  .f_btns .box:nth-of-type(1) article {
    text-align: center;
  }
}
.f_btns .box:nth-of-type(1) h3 {
  font-size: var(--fzl);
}
.f_btns .box:nth-of-type(1) u {
  color: #fff;
  --tx:#fff;
}
.f_btns .box:nth-of-type(1) u.hide {
  color: rgba(255, 255, 255, 0.1333333333);
}
@media screen and (max-width: 1200px) {
  .f_btns .box:nth-of-type(1) {
    padding-left: 0;
  }
}
.f_btns .box:nth-of-type(2) {
  width: 55%;
}
.f_btns .box:nth-of-type(2) div {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
@media screen and (max-width: 480px) {
  .f_btns .box:nth-of-type(2) div {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.f_btns .box:nth-of-type(2) a {
  color: var(--wh);
  display: inline-flex;
  align-content: center;
  font-size: var(--fzen);
  letter-spacing: 0.06em;
  width: 280px;
  max-width: 50%;
  min-width: unset;
  border: 1px solid #fff;
}
.f_btns .box:nth-of-type(2) a:before {
  margin-right: 10px;
  font-weight: 900;
}
.f_btns .box:nth-of-type(2) a:nth-of-type(2) {
  background-color: var(--sc);
  color: #fff;
  border: none;
}
.f_btns .box:nth-of-type(2) a:nth-of-type(2):before {
  content: "\f0e0";
  font-size: 15px;
}
@media screen and (max-width: 1000px) {
  .f_btns .box:nth-of-type(2) a {
    max-width: unset;
  }
}
.f_btns .box:nth-of-type(2) span {
  display: block;
  width: 100%;
  color: var(--tx);
  font-size: 11px;
}
@media screen and (max-width: 1200px) {
  .f_btns .box:nth-of-type(2) {
    margin-left: 0;
  }
}
@media screen and (max-width: 1000px) {
  .f_btns {
    flex-direction: column;
    gap: 20px;
  }
}

html {
  scroll-behavior: smooth;
}

body {
  transition: 0.6s;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 834px) {
  body {
    background-attachment: unset;
  }
}
body #contents_wrap {
  z-index: 1;
}
body #contents {
  background-color: unset;
}

:root {
  --hepa:12vh;
}
@media screen and (max-width: 480px) {
  :root {
    --hepa: 8vh;
  }
}

.blog p:has(img), h1:has(img), .h1FZ:has(img), h2:has(img), .h2FZ:has(img), h3:has(img), .h3FZ:has(img), h5:has(img), h4:has(img), span.clone:has(img) {
  position: relative;
  line-height: 2;
}
.blog p:has(img) figure, h1:has(img) figure, .h1FZ:has(img) figure, h2:has(img) figure, .h2FZ:has(img) figure, h3:has(img) figure, .h3FZ:has(img) figure, h5:has(img) figure, h4:has(img) figure, span.clone:has(img) figure {
  display: contents;
}
.blog p:has(img) img, h1:has(img) img, .h1FZ:has(img) img, h2:has(img) img, .h2FZ:has(img) img, h3:has(img) img, .h3FZ:has(img) img, h5:has(img) img, h4:has(img) img, span.clone:has(img) img {
  display: inline-block;
  height: var(--hepa) !important;
  width: auto !important;
  margin-right: 3vh;
}
.blog p small, h1 small, .h1FZ small, h2 small, .h2FZ small, h3 small, .h3FZ small, h5 small, h4 small, span.clone small {
  font-weight: var(--subFW);
  font-family: var(--subFF);
  color: var(--subC);
  font-size: var(--f24);
  display: block;
  text-align: inherit;
  margin-bottom: 0.5em;
}
.blog p p, h1 p, .h1FZ p, h2 p, .h2FZ p, h3 p, .h3FZ p, h5 p, h4 p, span.clone p {
  font-family: var(--subFF);
  font-weight: var(--subFW);
  color: var(--subC);
  word-break: break-word;
  line-height: 1.2;
}
.blog p:has(em), h1:has(em), .h1FZ:has(em), h2:has(em), .h2FZ:has(em), h3:has(em), .h3FZ:has(em), h5:has(em), h4:has(em), span.clone:has(em) {
  position: relative;
  line-height: 2;
}
.blog p em, h1 em, .h1FZ em, h2 em, .h2FZ em, h3 em, .h3FZ em, h5 em, h4 em, span.clone em {
  font-family: var(--subFF);
  font-weight: var(--subFW);
  word-break: break-word;
  letter-spacing: normal;
  display: block;
  color: var(--subC);
  line-height: 1;
}

.DSbk {
  filter: drop-shadow(0 4px 2px var(--bk50));
}

.mv {
  z-index: 0;
  background-size: cover;
  margin-top: var(--mvMT);
  position: relative;
  display: flex;
  flex-direction: column;
}
.mv .mv_h:is(*), .mv .mv_it:is(*) {
  transition: none !important;
  position: absolute;
  inset: 0;
  max-width: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1.5em var(--in1680);
  font-size: clamp(16px, 4vmin, 40px);
  font-size: 7.6vmin;
  line-height: 1;
  letter-spacing: unset;
}
.mv .mv_h:is(*) > *, .mv .mv_it:is(*) > * {
  pointer-events: all;
}
@media screen and (max-width: 834px) {
  .mv .mv_h:is(*), .mv .mv_it:is(*) {
    justify-content: center;
    font-size: 6.4vmin;
  }
}
.mv .mv_h:is(*) div, .mv .mv_it:is(*) div {
  letter-spacing: 0;
}
.mv .mv_h:is(*) h1:is(.H-bias *), .mv .mv_h:is(*) h2:is(.H-bias *), .mv .mv_h:is(*) h3:is(.H-bias *), .mv .mv_h:is(*) p:is(.H-bias *), .mv .mv_it:is(*) h1:is(.H-bias *), .mv .mv_it:is(*) h2:is(.H-bias *), .mv .mv_it:is(*) h3:is(.H-bias *), .mv .mv_it:is(*) p:is(.H-bias *) {
  transform: skewX(-5deg);
}
.mv .mv_h:is(*) .medals, .mv .mv_it:is(*) .medals {
  margin-top: 3vh;
  display: flex;
  flex-wrap: wrap;
  gap: 1vh;
  font-size: 1.4vh;
  width: 32em;
  max-width: 100%;
}
.mv .mv_h:is(*) .medals a, .mv .mv_it:is(*) .medals a {
  display: block;
  font-size: inherit;
  width: 6.4em;
  aspect-ratio: 1;
  background: url(/images/home/medal.png) no-repeat center/100%;
  display: grid;
  place-items: center;
  place-content: center;
  text-decoration: none;
  color: #fff;
  font-weight: 900;
}
.mv .mv_h:is(*) .medals a:nth-child(even), .mv .mv_it:is(*) .medals a:nth-child(even) {
  margin-block: 3vh -3vh;
}
@media screen and (max-width: 640px) {
  .mv .mv_h:is(*) .medals, .mv .mv_it:is(*) .medals {
    gap: 1.3%;
  }
  .mv .mv_h:is(*) .medals a, .mv .mv_it:is(*) .medals a {
    width: 24%;
  }
}
.mv .mv_h:is(*) img:is(#contents *), .mv .mv_it:is(*) img:is(#contents *) {
  height: auto !important;
  margin-inline: auto;
}
.mv .mv_h:is(*) > div, .mv .mv_it:is(*) > div {
  width: 100%;
}
.mv .mv_h:is(*) > div div:empty, .mv .mv_it:is(*) > div div:empty {
  display: none;
}
.mv .mv_h:is(*)::after, .mv .mv_it:is(*)::after {
  display: none;
}
.mv .mv_h:is(*) .en, .mv .mv_it:is(*) .en {
  font-size: 200%;
  line-height: 1.5;
  margin-top: 0.5em;
}
@media screen and (max-width: 640px) {
  .mv .mv_h:is(*) .en, .mv .mv_it:is(*) .en {
    font-size: 140%;
  }
}
.mv .mv_slide article > div {
  position: absolute;
  left: var(--in1440);
  top: calc(50% + var(--head) / 2);
  transform: translate(0%, -50%);
  max-width: calc(100% - var(--pad2));
  width: 800px;
}
.mv .mv_slide article > div img:is(#contents *) {
  width: 100%;
  height: auto !important;
  margin-inline: auto;
}
.mv .slick-dotted.slick-slider {
  margin-bottom: unset;
}
.mv_slide, .mv_img {
  transform-origin: center bottom;
  overflow: hidden;
  z-index: -1;
  height: 100%;
  transition: 1s;
}
.mv_slide.hide, .mv_img.hide {
  opacity: 0;
  visibility: hidden;
}
.mv_slide:after, .mv_img:after {
  display: none;
}
@media screen and (max-width: 960px) {
  .mv_slide, .mv_img {
    width: 100%;
  }
}
.mv_slide li, .mv_img li {
  width: 100%;
}
.mv_slide .slick-list, .mv_img .slick-list {
  height: 100%;
}
.mv_slide .slick-track, .mv_img .slick-track {
  height: 100%;
}
.mv_slide .slick-dots, .mv_img .slick-dots {
  bottom: 3vmin;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .mv_slide .slick-dots, .mv_img .slick-dots {
    bottom: 0;
  }
}
.mv_slide .slick-dots li:is(#contents *), .mv_img .slick-dots li:is(#contents *) {
  width: unset;
  float: unset;
  margin-inline: 0.5em;
}
.mv_slide .slick-dots li button:before, .mv_img .slick-dots li button:before {
  font-size: clamp(12px, 1vw, 16px);
  color: #fff;
}
.mv_slide .slick-dots li.slick-active button:before, .mv_img .slick-dots li.slick-active button:before {
  color: #000;
}
.mv_switch {
  --bw:0px;
  transition: 0.6s 0.4s;
  transform-origin: center bottom;
  overflow: hidden;
  z-index: -1;
  height: 100%;
  transition: 1s;
}
.mv_switch .card2 {
  --g:0px;
}
@media screen and (max-width: 834px) {
  .mv_switch .card2 {
    flex-direction: column !important;
  }
  .mv_switch .card2 > .box {
    width: 100% !important;
  }
}
.mv_switch .card2 .box {
  animation: cp-hide 1s forwards 0s cubic-bezier(0.7, 0, 0.3, 1);
}
.mv_switch .card2 .box:is(.slick-current *) {
  animation: cp-show 1s forwards 0s cubic-bezier(0.7, 0, 0.3, 1);
}
@media screen and (max-width: 834px) {
  .mv_switch .card2 .box {
    animation: cp-hide-tab 1s forwards 0s cubic-bezier(0.7, 0, 0.3, 1);
  }
  .mv_switch .card2 .box:is(.slick-current *) {
    animation: cp-show-tab 1s forwards 0s cubic-bezier(0.7, 0, 0.3, 1);
  }
}
.mv_switch .card2 .box:nth-child(even) {
  animation-delay: 0.3s;
}
@keyframes cp-hide {
  0% {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
  99% {
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
  }
  100% {
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
  }
}
@keyframes cp-show {
  0% {
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
  }
  99% {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
}
@keyframes cp-hide-tab {
  0% {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
  99% {
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
  }
  100% {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
}
@keyframes cp-show-tab {
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  99% {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
}
.mv_switch.hide {
  opacity: 0;
  visibility: hidden;
}
.mv_switch:after {
  display: none;
}
@media screen and (max-width: 960px) {
  .mv_switch {
    width: 100%;
  }
}
.mv_switch .slick-list {
  height: 100%;
}
.mv_switch .slick-track {
  display: flex;
  height: 100%;
}
.mv_switch .slick-dots {
  bottom: 3vmin;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .mv_switch .slick-dots {
    bottom: 0;
  }
}
.mv_switch .slick-dots li:is(#contents *) {
  width: unset;
  float: unset;
  margin-inline: 0.5em;
}
.mv_switch .slick-dots li button:before {
  font-size: clamp(12px, 1vw, 16px);
  color: #fff;
}
.mv_switch .slick-dots li.slick-active button:before {
  color: #000;
}
.mv_switch img:is(#contents .mv *, .blog .mv *) {
  margin: unset;
  display: block;
  width: 100%;
  max-width: 100%;
  height: var(--mvImg) !important;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 834px) {
  .mv_switch img:is(#contents .mv *, .blog .mv *) {
    height: calc(var(--mvImg) / 2) !important;
  }
}
.mv_slide img:is(#contents .mv *, .blog .mv *), .mv_img img:is(#contents .mv *, .blog .mv *) {
  margin: unset;
  display: block;
  width: 100%;
  max-width: 100%;
  height: var(--mvImg) !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.mv_slide li:has(> div):is(#contents *), .mv_img li:has(> div):is(#contents *) {
  display: flex;
  flex-wrap: wrap;
}
.mv_slide li:has(> div):is(#contents *) > *, .mv_img li:has(> div):is(#contents *) > * {
  grid-area: 1/1;
  flex: 0.5;
}
@media screen and (max-width: 1080px) {
  .mv_slide li:has(> div):is(#contents *) > *:is(#contents *), .mv_img li:has(> div):is(#contents *) > *:is(#contents *) {
    flex: unset;
    width: 100%;
  }
  .mv_slide li:has(> div):is(#contents *) > *:is(#contents .im), .mv_img li:has(> div):is(#contents *) > *:is(#contents .im) {
    order: -1;
  }
}
.mv_slide li:has(> div):is(#contents *) > div, .mv_img li:has(> div):is(#contents *) > div {
  font-size: clamp(16px, 1.6vw, 24px);
  padding-inline: var(--bl);
  padding-block: var(--pad);
  display: grid;
  place-items: center start;
  place-content: center start;
}
@media screen and (max-width: 1440px) {
  .mv_slide li:has(> div):is(#contents *) > div, .mv_img li:has(> div):is(#contents *) > div {
    padding-inline: var(--pad);
  }
}
@media screen and (max-width: 1080px) {
  .mv_slide li:has(> div):is(#contents *) > div, .mv_img li:has(> div):is(#contents *) > div {
    font-size: clamp(16px, 2vw, 24px);
  }
}
@media screen and (max-width: 834px) {
  .mv_slide li:has(> div):is(#contents *) > div, .mv_img li:has(> div):is(#contents *) > div {
    display: grid;
    place-items: center start;
    place-content: center start;
    text-shadow: 0 0 2px #fff, 0 0 2px #fff;
  }
}
.mv_slide li:has(> div):is(#contents *) > div p, .mv_img li:has(> div):is(#contents *) > div p {
  font-size: 2em;
  letter-spacing: 0.22em;
  line-height: 1.5;
}
.mv_slide li:has(> div):is(#contents *) > div p::first-letter, .mv_img li:has(> div):is(#contents *) > div p::first-letter {
  color: var(--mc);
}
@media screen and (max-width: 834px) {
  .mv_slide li:has(> div):is(#contents *) > div p, .mv_img li:has(> div):is(#contents *) > div p {
    font-size: 3em;
    letter-spacing: 0.06em;
  }
}
.mv_slide li:has(> div):is(#contents *) > div h1, .mv_img li:has(> div):is(#contents *) > div h1 {
  color: unset;
  line-height: unset;
}
.mv_slide li:has(> div):is(#contents *) > .im, .mv_img li:has(> div):is(#contents *) > .im {
  flex: 1;
}
.mv_slide li:has(> div):is(#contents *):nth-child(odd) > .im, .mv_img li:has(> div):is(#contents *):nth-child(odd) > .im {
  order: 1;
}
.mv_slide li:has(> div):is(#contents *) img, .mv_img li:has(> div):is(#contents *) img {
  margin: unset;
  display: block;
  width: 100%;
  max-width: 100%;
  transition: 0.3s;
  height: unset !important;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 3/2;
}
@media screen and (max-width: 960px) {
  .mv_slide li:has(> div):is(#contents *) img, .mv_img li:has(> div):is(#contents *) img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.mv_slide.__righttop, .mv_img.__righttop {
  width: 56.25%;
  margin-left: auto;
}
@media screen and (max-width: 1440px) {
  .mv_slide.__righttop, .mv_img.__righttop {
    width: calc(100% - var(--LEFT));
  }
}
.mv_slide.__righttop img:is(#contents *), .mv_img.__righttop img:is(#contents *) {
  margin: unset;
  display: block;
  width: 100%;
  max-width: 100%;
  height: var(--mvImg) !important;
}
.mv_scr {
  position: absolute;
  top: calc(100vh - var(--bl));
  left: var(--LEFT);
  transform: translateX(-50%);
}
@media screen and (max-width: 834px) {
  .mv_scr {
    top: calc(100vh - var(--bl15));
  }
}
.mv_cover {
  position: absolute;
  top: var(--mvImg);
  width: 100%;
  height: 66vh;
  background: no-repeat center 0/100% 100%;
  border-top: 1px solid var(--sc);
  border-bottom: 4px solid var(--sc);
}
.mv_slide02 {
  translate: none !important;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: 1s;
}
.mv_slide02.hide {
  opacity: 0;
  visibility: hidden;
}
.mv_slide02:after {
  display: none;
}
.mv_slide02 .mv_slideinner .box {
  width: 50%;
}
.mv_slide02 .mv_slideinner .box img:is(#contents *) {
  width: 100% !important;
}
@media screen and (max-width: 1080px) {
  .mv_slide02 .mv_slideinner .box {
    width: 100%;
  }
  .mv_slide02 .mv_slideinner .box + * {
    margin-top: 10px;
  }
  .mv_slide02 .mv_slideinner .box img:is(#contents *) {
    max-height: calc(50vh - var(--head) / 2);
  }
}
.mv_slide02 .slick-list {
  height: 100%;
}
.mv_slide02 .slick-track {
  height: 100%;
  display: flex;
}
.mv_slide02 .slick-slide {
  width: 50%;
}
.mv_slide02 li > .im:nth-child(2) {
  position: absolute;
  inset: 0;
  margin: auto;
  width: unset;
  display: grid;
  place-items: center;
  place-content: center;
}
.mv_slide02 li > .im:nth-child(2):is(.img-blend *) {
  mix-blend-mode: color;
  opacity: 0.8;
}
.mv_slide02 li > .im:nth-child(2) img:is(#contents *) {
  width: 32vh;
  height: 32vh !important;
  max-width: 50vw;
  max-height: 50vw;
}
@media screen and (max-width: 834px) {
  .mv_slide02 li > .im:nth-child(2) {
    padding-bottom: var(--bl);
  }
}
.mv .mv_logo {
  position: absolute;
  inset: var(--Htrans) auto auto var(--innerPI);
}
.mv .mv_logo img {
  width: max(80px, 6vmax) !important;
  height: auto !important;
}
@media screen and (max-width: 640px) {
  .mv .mv_logo {
    top: calc(var(--Htrans) + 80px);
  }
}
.mv_wave {
  margin-top: var(--Nbl05);
}
@media screen and (max-width: 640px) {
  .mv_wave img:is(#contents *) {
    -o-object-fit: cover;
       object-fit: cover;
    height: var(--bl) !important;
  }
}
.mv .mv_bg {
  position: absolute;
  top: 100vh;
  left: 0;
  transform: translateY(-100%);
  width: 100%;
  z-index: -1;
}
.mv_ul {
  height: 100%;
}
.mv_ul ul {
  width: 100%;
  height: 100%;
  display: grid;
}
.mv_ul ul > * {
  grid-area: 1/1;
}
.mv_ul li {
  --dur: 2s;
  --delay: .6s;
  --add: .3s;
  --one: 56.25%;
  --two: 50%;
  --three: 37.5%;
  --oneP: start;
  --twoP: end;
  --threeP: start end;
  transition: var(--dur) var(--delay);
  opacity: 0;
}
@media screen and (max-width: 1200px) {
  .mv_ul li {
    --one: 80%;
    --two: 80%;
    --three: 40%;
  }
}
@media screen and (max-width: 960px) {
  .mv_ul li {
    --oneP: start;
    --twoP: end center;
    --threeP: center end;
    --one: 80%;
    --two: 80%;
    --three: 50%;
  }
}
@media screen and (max-width: 834px) {
  .mv_ul li {
    --one: 95%;
    --two: 100%;
    --three: 60%;
  }
}
.mv_ul li:nth-child(1) {
  width: var(--one);
  place-self: var(--oneP);
  translate: 0 -100%;
}
.mv_ul li:nth-child(2) {
  width: var(--two);
  place-self: var(--twoP);
  translate: 0 100%;
  transition-delay: calc(var(--delay) + var(--add));
}
.mv_ul li:nth-child(3) {
  width: var(--three);
  place-self: var(--threeP);
  translate: 0 -100%;
  transition-delay: calc(var(--delay) + var(--add) * 2);
}
.mv_ul li img:is(#contents img) {
  width: 100%;
}
@media screen and (max-width: 960px) {
  .mv {
    --img: 100%;
  }
}
.mv_video {
  background-blend-mode: lighten;
}
.mv_video video:is(#contents .mv *) {
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  width: 100%;
  max-height: 100vh;
}
.mv_fb:is(#contents *) {
  flex-direction: row-reverse;
  align-items: flex-end;
  width: calc(var(--base) + var(--shift) * -1);
  max-width: 100%;
  position: absolute;
  bottom: var(--out);
  right: var(--shift);
  --lap: calc(var(--bl)*-2);
  --lap: -20%;
  --out: -10%;
  --shift: -10%;
}
@media screen and (max-width: 1200px) {
  .mv_fb:is(#contents *) {
    --out: 15vh;
  }
}
@media screen and (max-width: 640px) {
  .mv_fb:is(#contents *) {
    --out: 20vh;
  }
}
.mv_fb:is(#contents *) > * + * {
  margin-right: var(--lap);
}
.mv_fb .box {
  width: 35%;
  scale: 1.125;
  transform-origin: center bottom;
}
.mv_fb .box:nth-child(1) {
  scale: 1.375;
}
.mv_fb .box:nth-child(2) {
  scale: 1.25;
}
.mv_fb .box:nth-child(3) {
  scale: 1.125;
}
.mv_fb .box:nth-child(1) {
  margin-bottom: calc(var(--shift) * -0.25);
}
.mv_fb .box:nth-child(3) {
  margin-bottom: calc(var(--shift) * -0.125);
}
.mv_fb .box:nth-child(5) {
  margin-bottom: calc(var(--shift) * -0.125);
}
.mv_fb .im {
  max-height: 100%;
}
.mv_fb img:is(#contents img) {
  max-height: calc(100vh - var(--head) - var(--bl05));
}
@media screen and (max-width: 834px) {
  .mv_fb img:is(#contents img) {
    max-height: 25vh;
    width: unset;
  }
}
.mv_tate {
  flex: 1;
  display: grid;
  place-items: center;
  translate: none !important;
  filter: blur(40px);
  transition: 1s 0s !important;
  padding: 1em;
}
.mv_tate * {
  font-size: inherit;
}
.mv_tate.show:is(#contents div) {
  filter: blur(0px);
}
@media screen and (max-width: 960px) {
  .mv_tate {
    position: absolute;
    top: 50%;
    left: var(--incont);
    transform: translateY(-50%);
    filter: var(--stroke-wh) !important;
  }
}
.mv_tate div, .mv_tate h1, .mv_tate h2, .mv_tate h3 {
  line-height: var(--hlh);
  pointer-events: all;
  font-size: clamp(24px, 3vmax, 36px);
  font-weight: var(--hfw);
  writing-mode: vertical-rl;
}
.mv_tate h1, .mv_tate h2, .mv_tate h3, .mv_tate p {
  pointer-events: all;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-size: clamp(24px, 3.6vw, 48px);
}
.mv_tate::after {
  display: none;
}
.mv_tx {
  writing-mode: vertical-rl;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center start;
  padding-inline: calc(var(--head) + 20px) 20px;
  pointer-events: none;
  translate: none !important;
  filter: blur(40px);
  transition: 1s 0s !important;
  transition: none !important;
}
.mv_tx.show:is(#contents div) {
  filter: blur(0px);
}
.mv_tx > div, .mv_tx > article > div {
  margin-inline: auto;
  pointer-events: all;
  padding: 1.2em 1em;
  font-size: clamp(32px, 3.2vmax, 48px);
  line-height: 1.66;
  background-color: var(--wh50);
  letter-spacing: 0.1em;
}
.mv_tx h1, .mv_tx h2, .mv_tx h3, .mv_tx p {
  pointer-events: all;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-size: clamp(24px, 3.6vw, 48px);
}
.mv_tx::after {
  display: none;
}
.mv_bnr {
  padding-inline: var(--in720);
  margin-block-start: calc(var(--bnrH) / 2 * -1);
  --m:10px;
  --w:720px;
}
.mv_bnr .slick-dots li.slick-active button:before {
  color: var(--mc);
}
.mv_bnr .slick-next {
  right: -10px;
  right: calc(var(--m) * -1);
}
.mv_bnr .slick-prev {
  left: -10px;
  left: calc(var(--m) * -1);
  z-index: 10;
}
.mv_bnr .slick-prev:before, .mv_bnr .slick-next:before {
  color: var(--mc);
}
@media screen and (max-width: 1440px) {
  .mv_bnr {
    margin-block-start: calc(var(--bnrH) / 4 * -1);
  }
}
.mv_bnr li {
  width: 100%;
}
.mv_bnr .slick-list {
  height: 100%;
  overflow: visible;
}
.mv_bnr .slick-track {
  display: flex;
  height: 100%;
}
.mv_bnr .slick-dots {
  display: flex;
  justify-content: center;
  bottom: calc(var(--bl05) * -1);
}
.mv_bnr .slick-dots > li {
  width: -moz-fit-content;
  width: fit-content;
}
.mv_bnr .slick-slide {
  height: 100%;
  max-width: 100%;
  margin-inline: calc(var(--m) * 3);
}
.mv_bnr .slick-slide:is(#contents li) {
  overflow: visible;
}
.mv_bnr .slick-slide > a {
  color: unset;
  text-decoration: none;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row-reverse;
  background: url(/images/home/bnr05.png) no-repeat center/100% 100%;
  outline: 10px solid var(--mc);
  border-radius: 10px;
}
.mv_bnr .slick-slide .im {
  width: 40%;
}
.mv_bnr .slick-slide .im img {
  width: 100% !important;
  height: 86.764% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.mv_bnr .slick-slide article {
  width: 60%;
  display: grid;
  place-items: center;
  padding: var(--f32) 0.5em;
  gap: var(--f32);
}
.mv_bnr .slick-slide article u {
  padding-inline: 1em;
  background-color: #fff;
  border-radius: 999px;
  text-decoration: none;
  font-size: clamp(0px, 1.8vw, 18px);
  text-align: center;
}
.mv_bnr .slick-slide article h2 {
  font-size: clamp(0px, 3.2vw, 32px);
  filter: var(--stroke-wh);
  text-align: center;
}
.mv_bnr .slick-slide article img:is(#contents *) {
  width: 12vmin !important;
  height: 12vmin !important;
  -o-object-fit: contain;
     object-fit: contain;
  margin: auto;
}
.mv_name {
  display: grid;
  place-items: center;
}
.mv_name > * {
  grid-area: 1/1;
  margin: 0;
  text-align: center;
}
.mv_name div {
  display: grid;
  place-items: center;
  font-size: var(--fzllll);
  color: var(--sc);
  margin-right: 1em;
}
.mv_label {
  max-width: 50%;
}
@media screen and (max-width: 834px) {
  .mv_label {
    max-width: 100%;
  }
}
.mv_label div {
  font-size: clamp(20px, 3vw, 36px);
}
.mv_label div span {
  padding: var(--pad);
  margin-inline-end: var(--pad);
  margin-block-end: var(--pad);
  background-color: var(--mc);
  color: #fff;
  font-weight: 500;
  line-height: 1;
  border-radius: var(--rad);
}
@media screen and (max-width: 480px) {
  .mv_label div span {
    line-height: 1.2;
  }
}
.mv .mv_icon {
  margin-top: var(--bl);
  float: right;
  display: grid;
  place-items: center;
  background-color: #fff;
  border: 2px solid var(--mc);
  border-radius: 1000px;
  font-size: var(--f32);
  font-weight: 500;
  width: 11em;
  height: 11em;
}
@media screen and (max-width: 834px) {
  .mv .mv_icon {
    margin-top: 6vw;
  }
}
@media screen and (max-width: 640px) {
  .mv .mv_icon {
    width: 13em;
    height: 13em;
  }
}
.mv .mv_icon:after {
  display: none;
}
.mv .mv_icon div {
  margin: auto;
}
.mv .mv_icon div > br {
  display: none;
}
.mv .mv_icon div img:is(#contents *) {
  margin-inline: auto;
}
.mv .mv_icon div small {
  font-size: 75%;
}
.mv .mv_icon div em {
  font-size: 125%;
}

.RICE .cnt_h2 h2:after {
  background-size: contain;
  background-image: url(/images/home/gohan.png);
}

.sheet2 {
  background: no-repeat 100% 0%/100% 100%;
  background-color: var(--bc);
  padding: 4vmin;
}
.sheet2 > * + * {
  margin-top: unset;
}

.sheet {
  position: relative;
  background: no-repeat 100% 0%/auto 100%;
  background-color: var(--bc);
  padding: 4vmin;
  transition: 0.4s;
}
.sheet > * + * {
  margin-top: var(--bl025);
}
.sheet:has(.a-wrap):hover {
  opacity: 0.7;
}

.insta_card3 {
  --g: 2vmin;
}

div.blog_card4 .blog_list {
  gap: unset;
  padding: 1.5vmin;
}
div.blog_card4 .blog_list > div {
  margin: unset;
  width: 25%;
  padding: 1.5vmin;
  border-bottom: none;
}
@media screen and (max-width: 834px) {
  div.blog_card4 .blog_list > div {
    width: 100%;
    gap: 1em;
  }
}
div.blog_card4 .blog_list .blog_text:is(#contents *) {
  gap: 0.5em;
  margin-top: 0.5em;
}
div.blog_card4 .blog_list .blog_text:is(#contents *) h3 {
  padding-bottom: 0.75em;
  margin-bottom: 0.25em;
  border-bottom: 1px solid #ccc;
  font-size: 120%;
}
div.blog_card4 .blog_list .blog_text:is(#contents *) h3 * {
  color: var(--tx);
}
div.blog_card4 .blog_list .blog_text:is(#contents *) div.detail {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.card3:is(.home *), .card2:is(.home *), .card4:is(.home *), .cardflex:is(.home *) {
  justify-content: center;
}
.card3 .box > article > h3, .card2 .box > article > h3, .card4 .box > article > h3, .cardflex .box > article > h3 {
  display: none;
  order: -1;
}
.card3.noTitle .box > article > h3, .card2.noTitle .box > article > h3, .card4.noTitle .box > article > h3, .cardflex.noTitle .box > article > h3 {
  display: none;
}
.card3 img, .card2 img, .card4 img, .cardflex img {
  -o-object-fit: contain;
     object-fit: contain;
}
.card3 .box article, .card2 .box article, .card4 .box article, .cardflex .box article {
  flex-direction: column;
  gap: 1em;
  height: 100%;
}
.card3 .box article > div:empty, .card2 .box article > div:empty, .card4 .box article > div:empty, .cardflex .box article > div:empty {
  display: none;
}
.card3 .box article > a, .card2 .box article > a, .card4 .box article > a, .cardflex .box article > a {
  color: inherit;
}
.card3 .box article > a > div:empty, .card2 .box article > a > div:empty, .card4 .box article > a > div:empty, .cardflex .box article > a > div:empty {
  display: none;
}
.card3 .box div, .card2 .box div, .card4 .box div, .cardflex .box div {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.card3 .box div h1, .card3 .box div h2, .card3 .box div h3, .card2 .box div h1, .card2 .box div h2, .card2 .box div h3, .card4 .box div h1, .card4 .box div h2, .card4 .box div h3, .cardflex .box div h1, .cardflex .box div h2, .cardflex .box div h3 {
  margin-bottom: unset;
}
.card3 .box div a, .card2 .box div a, .card4 .box div a, .cardflex .box div a {
  margin-top: auto;
}

.cardflex {
  --g:2vmin;
}
.cardflex img:is(#contents *) {
  -o-object-fit: cover;
     object-fit: cover;
}

.card2.Intro {
  align-items: flex-start;
}
.card2.Intro .box {
  min-height: 38vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-block: 6vmin;
}
.card2.Intro .box h3 {
  display: block;
}
.card2.Intro .box div {
  display: block;
}
@media screen and (max-width: 834px) {
  .card2.Intro .box {
    flex-basis: 100%;
    min-height: unset;
  }
}
.card2.Intro .box:nth-child(odd) {
  padding-inline: var(--incont) 6vmin;
}
.card2.Intro .box:nth-child(even) {
  padding-inline: 6vmin var(--incont);
}
@media screen and (max-width: 1440px) {
  .card2.Intro .box:is(#contents *) {
    padding-inline: var(--pad);
  }
}
.card2 .btn {
  width: unset;
}

[class*=card] article > h3 {
  display: none;
}
[class*=card] div > h3 {
  margin-bottom: 8px;
}
[class*=card] .textlink {
  font-size: 120%;
  margin-top: var(--f18);
  text-decoration: underline;
  color: var(--linkC);
}

[class*=bg_grad] {
  background: no-repeat center/100% 100%;
}
[class*=bg_grad] > * {
  margin-inline: auto;
}
[class*=bg_grad]:has(.card3) {
  border-block: 1px solid currentColor;
}
[class*=bg_grad] .card3 {
  --g:0vmin;
}
[class*=bg_grad] .card3 .box {
  border-left: var(--line);
  text-align: center;
  padding-block: var(--Wpdb);
  padding-inline: var(--pad);
}
[class*=bg_grad] .card3 .box:last-child {
  border-right: var(--line);
}
[class*=bg_grad] .card3 .box div {
  gap: 1.5em;
}
[class*=bg_grad] .card3 img:is(#contents *) {
  width: 4em;
  aspect-ratio: 1;
  margin-inline: auto;
}
[class*=bg_grad] .card3 .btn:is(#contents *) {
  --btnBG:#fff;
  --btnH:48px;
  --btnFZ:var(--f16);
  color: var(--mc) !important;
  width: var(--btnW);
  margin-inline: auto;
}
@media screen and (max-width: 834px) {
  [class*=bg_grad] .card3 .box {
    flex-basis: 100%;
    border-inline: var(--un);
    border-bottom: var(--line);
    padding-block: 1.5em;
  }
  [class*=bg_grad] .card3 .box:last-child {
    border: var(--unset);
  }
  [class*=bg_grad] .card3 .box div {
    gap: 0.5em;
  }
  [class*=bg_grad] .card3 img:is(#contents *) {
    width: 4em;
  }
  [class*=bg_grad] .card3 .btn:is(#contents *) {
    --btnBG:#fff;
    --btnH:48px;
    --btnFZ:var(--f16);
    color: var(--mc) !important;
    width: var(--btnW);
    margin-inline: auto;
  }
}

.bg_grad01, .bg_grad02, .bg_grad03 {
  background: no-repeat center/100% 100%;
}
.bg_grad01 > *, .bg_grad02 > *, .bg_grad03 > * {
  margin-inline: auto;
}
.bg_grad01 {
  background-image: linear-gradient(to right, var(--mc), var(--mcLT));
}
.bg_grad02 {
  background-image: linear-gradient(to left, var(--mc), var(--mcLT));
}

.it01, .ti01 {
  --imgW:40%;
}
.it01.BM, .ti01.BM {
  gap: var(--bl03) 0;
}
.it01.BM .im, .ti01.BM .im {
  padding-inline: var(--in1680);
}
.it01:is(.home *), .ti01:is(.home *) {
  --g:0;
  gap: var(--bl03) var(--g);
}
.it01:is(.home *).ti01 article, .ti01:is(.home *).ti01 article {
  padding-inline: var(--pad) 6vmin;
}
@media screen and (max-width: 1080px) {
  .it01:is(.home *).ti01 article, .ti01:is(.home *).ti01 article {
    padding-inline: var(--pad);
  }
}
.it01:is(.home *).it01 article, .ti01:is(.home *).it01 article {
  padding-inline: 6vmin var(--pad);
}
@media screen and (max-width: 1080px) {
  .it01:is(.home *).it01 article, .ti01:is(.home *).it01 article {
    padding-inline: var(--pad);
  }
}
@media screen and (max-width: 834px) {
  .it01:is(.home *) .im, .ti01:is(.home *) .im {
    padding: var(--pad);
  }
}
.it01:is(.home *) h1 + div:not(:empty), .it01:is(.home *) h2 + div:not(:empty), .it01:is(.home *) h3 + div:not(:empty), .it01:is(.home *) .h2FZ + div:not(:empty), .ti01:is(.home *) h1 + div:not(:empty), .ti01:is(.home *) h2 + div:not(:empty), .ti01:is(.home *) h3 + div:not(:empty), .ti01:is(.home *) .h2FZ + div:not(:empty) {
  margin-top: 1.5em;
}
.it01:is(.home *) .btn, .ti01:is(.home *) .btn {
  margin-top: var(--bl03);
}
.it01.Public, .ti01.Public {
  margin-right: var(--contout);
  max-width: unset;
  padding-right: var(--incont);
  gap: var(--bl03) 0;
}
.it01.Public .im, .ti01.Public .im {
  padding-right: calc(var(--in1680));
}
@media screen and (max-width: 1440px) {
  .it01.Public .im, .ti01.Public .im {
    padding-right: var(--pad);
  }
}
.it01.Public article:is(#contents *), .ti01.Public article:is(#contents *) {
  padding-inline: unset;
}
@media screen and (max-width: 834px) {
  .it01.Public article:is(#contents *), .ti01.Public article:is(#contents *) {
    padding-inline: var(--pad);
  }
}
.it01 h1 + div:not(:empty), .it01 h2 + div:not(:empty), .it01 h3 + div:not(:empty), .it01 .h2FZ + div:not(:empty), .ti01 h1 + div:not(:empty), .ti01 h2 + div:not(:empty), .ti01 h3 + div:not(:empty), .ti01 .h2FZ + div:not(:empty) {
  margin-top: 2em;
}
.it01 img, .ti01 img {
  border-radius: var(--rad);
}
@media screen and (max-width: 1080px) {
  .it01 > *:is(#contents *), .ti01 > *:is(#contents *) {
    flex: unset;
    width: 100%;
  }
  .it01 > *:is(#contents .im), .ti01 > *:is(#contents .im) {
    order: 1;
  }
}

.ti01.imgOut .im:is(#contents *) {
  margin-right: var(--contout);
  max-width: unset;
  width: calc(50% + var(--incont));
}
@media screen and (max-width: 1080px) {
  .ti01.imgOut .im:is(#contents *) {
    margin-right: unset;
    padding-inline: var(--pad);
    width: 480px;
    max-width: 100%;
  }
}

.it01.imgOut .im:is(#contents *) {
  margin-left: var(--contout);
  max-width: unset;
  width: calc(50% + var(--incont));
}
@media screen and (max-width: 1080px) {
  .it01.imgOut .im:is(#contents *) {
    margin-left: unset;
    padding-inline: var(--pad);
    width: 480px;
    max-width: 100%;
  }
}

.bg_RB {
  background-size: 30vmin;
}
@media screen and (max-width: 834px) {
  .bg_RB {
    background-position-y: 45%;
  }
}
@media screen and (max-width: 480px) {
  .bg_RB {
    background-size: 50vmin;
  }
}

@media screen and (max-width: 834px) {
  .News > *:is(#contents *) {
    flex-basis: 100%;
  }
}

.round {
  font-size: var(--h3FZ);
  padding-inline: 1em;
  border-radius: 1000px;
  aspect-ratio: 1;
  color: #fff;
  line-height: 1.6;
  font-weight: bold;
  letter-spacing: normal;
  background-color: var(--mc);
  display: inline-grid;
  place-items: center;
  place-content: center;
  font-family: var(--zmg);
}

.p-list p:not(:has(> a)) {
  font-size: inherit;
  font-weight: 700;
  padding-block: 0.75em;
  border-bottom: 1px solid #ccc;
  margin-block: 0.75em;
}
.p-list p:not(:has(> a)) + br {
  display: none;
}
.p-list p:not(:has(> a)):before {
  content: "";
  background: url(/images/home/i01.png) no-repeat center/100% 100%;
  width: 2.4em;
  height: 1.6em;
  vertical-align: text-bottom;
}

.form_wrap.form_column dl dt, .f *.form_column dl dt {
  color: var(--ac);
}

.H-stick :is(h1, h2, h3) i {
  display: inline-block;
  width: var(--h2FZ);
  height: 4px;
  border-radius: 1000px;
  background-color: var(--mc);
  margin-top: 0.5em;
}
.H-stick :is(h1, h2, h3) i::before {
  display: none;
}
.H-stick :is(h1, h2, h3) i:is(.txwh *) {
  background-color: var(--sc);
}

.sns_slide .sns_photo img:is(#contents *) {
  -o-object-fit: cover;
     object-fit: cover;
}
.sns_slide .slick-slide:nth-child(odd) {
  margin-top: var(--g);
}

.head_02 {
  background-color: var(--mc20);
}

.title1 {
  transition: 0.4s 0s !important;
  margin-top: var(--mvMT);
  padding-top: var(--head);
  background: no-repeat center/cover;
  background-color: var(--title1);
  background-blend-mode: color;
  background-image: url(/images/home/mv01.jpg);
  background-position: center;
  background-size: cover;
  --h:300px;
  --h:calc(var(--head) + 300px );
  height: var(--h);
}
.title1:is(header *) {
  margin-top: var(--un);
}
.title1.bg_photo {
  background: no-repeat 100% 100%/auto 100%;
  margin-top: var(--head);
}
.title1.bg_photo article {
  mix-blend-mode: difference;
}
@media screen and (max-width: 480px) {
  .title1.bg_photo {
    background: no-repeat center/auto 100%;
  }
}
.title1.bg_fix {
  --h:75vh;
  background-repeat: no-repeat;
  background-position: center calc(100% - 50vh + var(--h) * 1);
  background-size: cover;
  background-attachment: fixed;
}
@media screen and (max-width: 640px) {
  .title1.bg_fix {
    background-position: center;
    background-attachment: unset;
  }
}
.title1:is(#contents *) {
  translate: none !important;
}
@media screen and (max-width: 834px) {
  .title1 {
    height: calc(var(--h) - 120px);
  }
}
@media screen and (max-width: 640px) {
  .title1 {
    height: calc(var(--h) - 160px);
  }
}
.title1_inner, .title1 article {
  display: grid;
  place-items: center stretch;
  place-content: center stretch;
  height: 100%;
}
.title1_inner:has(img), .title1 article:has(img) {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  display: grid;
  grid-auto-flow: column;
  place-items: end stretch;
  gap: 1em;
}
@media screen and (max-width: 640px) {
  .title1_inner:has(img), .title1 article:has(img) {
    grid-auto-flow: row;
    place-content: end stretch;
  }
}
.title1_inner:has(img) h1, .title1_inner:has(img) h2, .title1_inner:has(img) h3, .title1 article:has(img) h1, .title1 article:has(img) h2, .title1 article:has(img) h3 {
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
}
.title1_inner:has(img) .im, .title1 article:has(img) .im {
  display: contents;
}
.title1_inner:has(img) img, .title1 article:has(img) img {
  order: 1;
}
.title1_inner > *, .title1 article > * {
  grid-area: 1/1;
}
.title1_inner > em, .title1 article > em {
  color: #fff;
  font-size: 16vmin;
  text-align: center;
  line-height: 1;
  font-family: var(--osw);
  font-weight: 100;
}
@media screen and (max-width: 480px) {
  .title1_inner > em, .title1 article > em {
    line-height: 1.5;
  }
}
.title1 h1, .title1 h2, .title1 h3, .title1 article > p, .title1 p:is(body.blog p) {
  color: #fff;
  width: 100%;
  text-shadow: var(--pxshbk);
  transition-delay: 0s !important;
  translate: none;
  display: block;
}
.title1 h1 small:is(#contents *), .title1 h2 small:is(#contents *), .title1 h3 small:is(#contents *), .title1 article > p small:is(#contents *), .title1 p:is(body.blog p) small:is(#contents *) {
  width: 100%;
  text-align: inherit;
}
.title1 h1:not(:has(em)), .title1 h2:not(:has(em)), .title1 h3:not(:has(em)), .title1 article > p:not(:has(em)), .title1 p:is(body.blog p):not(:has(em)) {
  position: relative;
  margin-bottom: unset;
}
.title1 h1:has(em), .title1 h2:has(em), .title1 h3:has(em), .title1 article > p:has(em), .title1 p:is(body.blog p):has(em) {
  position: relative;
  margin-bottom: unset;
}
.title1 h1 em:is(#contents *), .title1 h1 em, .title1 h2 em:is(#contents *), .title1 h2 em, .title1 h3 em:is(#contents *), .title1 h3 em, .title1 article > p em:is(#contents *), .title1 article > p em, .title1 p:is(body.blog p) em:is(#contents *), .title1 p:is(body.blog p) em {
  display: block;
  font-size: 7vh;
  font-weight: var(--subFW);
  font-family: var(--subFF);
  z-index: 1;
  color: #fff;
}
.title1 h1:is(.em-sc *), .title1 h2:is(.em-sc *), .title1 h3:is(.em-sc *), .title1 article > p:is(.em-sc *), .title1 p:is(body.blog p):is(.em-sc *) {
  color: var(--sc);
}
.title1 h1:is(.em-tx *), .title1 h2:is(.em-tx *), .title1 h3:is(.em-tx *), .title1 article > p:is(.em-tx *), .title1 p:is(body.blog p):is(.em-tx *) {
  color: var(--tx) !important;
}
.title1.large {
  --h:720px;
}
.title1.large .title1_inner {
  display: grid;
  place-items: end;
  place-content: unset;
  padding-inline: var(--incont);
  padding-block: var(--bl05);
  height: 100%;
  color: var(--wh);
  text-align: right;
  font-size: var(--f24);
}
.title1.large h1, .title1.large h2, .title1.large h3, .title1.large p, .title1.large p:is(body.blog p) {
  place-self: start;
  -moz-text-align-last: left;
       text-align-last: left;
  transition-delay: 0s !important;
  translate: none;
  line-height: 1.4;
  text-align: center;
  font-weight: normal;
}
.title1.large h1 em, .title1.large h2 em, .title1.large h3 em, .title1.large p em, .title1.large p:is(body.blog p) em {
  color: #fff !important;
}
.title1:is(.blog *, .shop *) article:has(h1) h1 {
  margin-top: unset;
}
.title1:is(.blog *, .shop *) article:has(h1) p {
  display: none;
}

body.blog section div#contents > dl dt span.translate {
  font-size: var(--f24);
}

.i-check .box div {
  display: flex;
  border-bottom: var(--line);
  border-color: #ccc;
  padding-block: 0.75em;
  gap: 1em;
}
.i-check .box div i:before {
  background-color: #fff;
  color: var(--mc);
  display: grid;
  place-items: center;
  place-content: center;
  width: 1.75em;
  aspect-ratio: 1;
  font-size: 0.9em;
  border-radius: 999px;
}

.wrapper100 [class*=bg_] {
  mix-blend-mode: multiply;
  position: absolute;
  inset: 0;
  margin: unset;
}
@media screen and (max-width: 834px) {
  .wrapper100 [class*=bg_] {
    background-size: 45% auto;
  }
}
@media screen and (max-width: 1200px) {
  .wrapper100:has([class*=bg_]):is(#contents *) {
    padding-bottom: var(--bl2) !important;
  }
}

.fl82 {
  padding-bottom: 1em;
  border-bottom: 1px solid var(--mc);
}
.fl82 .box:nth-child(even) {
  text-align: right;
}
.fl82.noWrap {
  flex-wrap: nowrap !important;
}

.form_simple:is(#contents *) {
  --bdw:1px;
  --bds:solid;
  --pdi: .5em .5em;
  --dtc:var(--tx);
  --dtw:700;
  --thumb: var(--sc);
  --pdb:1.5em;
  --thumbC:var(--tx20);
  --thumbW:.5em;
}
@media screen and (max-width: 640px) {
  .form_simple:is(#contents *) {
    --pdb:1em;
  }
}
.form_simple:is(#contents *).__bdt dl:is(#contents *):first-of-type {
  border-top: 1px solid var(--dtc);
}
@media screen and (max-width: 480px) {
  .form_simple:is(#contents *) {
    border-width: 3vmin;
  }
}
.form_simple:is(#contents *)::-webkit-scrollbar-thumb {
  background-color: var(--thumbC);
}

.H-bd h1, .H-bd h2, .H-bd h3 {
  border-color: var(--mc);
}

.bg_fix {
  background-blend-mode: multiply;
}

@media screen and (max-width: 480px) {
  .h1-in div:is(#contents *) {
    text-align: left;
  }
  .h1-in div:is(#contents *) span {
    display: inline;
  }
  .h1-in div:is(#contents *) br {
    display: none;
  }
  .h1-in div:is(#contents *) h2, .h1-in div:is(#contents *) .h2FZ {
    text-align: center;
  }
}

.card4 {
  --g:3vmin ;
}

.card3.layer .box article > h3 {
  display: none;
}
.card3.layer .box :has(> .im) > div {
  place-self: end stretch;
  background-color: var(--wh80);
  transition: 0.4s;
}
.card3.layer .box :has(> .im) > div i {
  color: var(--ac);
}
.card3.layer .box :has(> .im) > div:is(a:hover *) {
  background-color: var(--sc50);
}

p:has([class*=btn]) {
  max-width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 2em;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
p:has([class*=btn]) > br {
  display: none;
}
p:has([class*=btn]) .btn {
  margin-top: unset !important;
}

.form_01:is(#contents *) {
  border-block: var(--bl03) solid transparent;
  border-inline: 6vmin solid transparent;
  overflow-y: scroll;
}
.form_01:is(#contents *):is(.home *) {
  margin-right: unset;
}
.form_01:is(#contents *) dl {
  flex-wrap: wrap;
  border-bottom: none;
}
@media screen and (max-width: 640px) {
  .form_01:is(#contents *) {
    max-height: 35vh;
  }
  .form_01:is(#contents *) dl > * {
    width: 100%;
  }
}

.card3.__shift {
  --shift:8%;
  --shift2:calc(var(--shift)*2);
  --Nshift:calc(var(--shift)*-1);
  margin-block: var(--Nshift) calc(var(--btnH) * -1);
}
@media screen and (max-width: 960px) {
  .card3.__shift {
    margin-block: var(--Hafter);
  }
}
.card3.__shift .box {
  flex: 1;
}
.card3.__shift .box:is(#contents *) {
  overflow: visible;
}
.card3.__shift .box article {
  gap: 0;
}
.card3.__shift .box div {
  position: relative;
}
.card3.__shift .box:nth-child(3n+1) {
  margin-top: var(--shift2);
}
.card3.__shift .box:nth-child(3n+2) {
  margin-top: var(--shift);
}
.card3.__shift .box:nth-child(3n) {
  margin-top: 0%;
}
@media screen and (max-width: 960px) {
  .card3.__shift .box {
    flex: 0 1 calc(50% - var(--g) / 2);
  }
  .card3.__shift .box:nth-child(odd) {
    margin-top: unset;
  }
  .card3.__shift .box:nth-child(even) {
    margin-top: 25%;
    margin-bottom: -25%;
  }
}

.fl82 > * + * {
  margin-top: unset;
}
@media screen and (max-width: 640px) {
  .fl82 .imgset {
    order: -1;
  }
}
.fl82 .imgset img:is(#contents *) {
  float: unset;
  max-width: 75%;
  height: unset !important;
}
@media screen and (max-width: 640px) {
  .fl82 .imgset img:is(#contents *) {
    max-width: 20%;
    margin-inline: auto var(--pad);
  }
}

.fl37 img:is(#contents *), .fl73 img:is(#contents *), .fl46 img:is(#contents *), .fl64 img:is(#contents *), .fl28 img:is(#contents *), .fl82 img:is(#contents *) {
  height: unset !important;
}

.bgFix {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: var(--head);
  right: 43.75%;
  background: no-repeat 0 0/100% auto;
  pointer-events: none;
  transition: var(--trt);
  z-index: -1;
}
@media screen and (max-width: 640px) {
  .bgFix {
    top: 50%;
    transform: translateY(-40%);
    right: 10%;
    background: no-repeat 100% 0/140% auto;
    opacity: 0.8;
  }
}
@media screen and (max-width: 480px) {
  .bgFix {
    transform: translateY(-30%);
  }
}
@media screen and (max-width: 640px) {
  .bgFix:is(.js-bgFix *) {
    right: 0%;
    background: no-repeat 100% 0/140% auto;
    background-color: #fff;
  }
}
.bgFix:is(.js-bgFix *).show {
  opacity: 0.5;
}
@media screen and (max-width: 640px) {
  .bgFix:is(.js-bgFix.show *) {
    opacity: 0.5;
  }
}

section:has(.js-bgFix.show) .bgFix:not(.js-bgFix *),
.js-bgFix:has(+ .js-bgFix.show) {
  opacity: 0;
}

.fl46, .fl64 {
  --g: 0px;
  gap: 0px;
}
.fl46 + *, .fl64 + * {
  margin-top: calc(var(--bl));
}
@media screen and (max-width: 1080px) {
  .fl46 + *, .fl64 + * {
    margin-top: var(--Schild);
  }
}
@media screen and (max-width: 1080px) {
  .fl46 > *:is(#contents *), .fl64 > *:is(#contents *) {
    margin: unset !important;
    width: 100%;
    flex: unset;
    border-color: transparent;
    box-shadow: 1px 1px rgba(204, 204, 204, 0.5333333333), -1px -1px rgba(204, 204, 204, 0.5333333333), -1px 1px rgba(204, 204, 204, 0.5333333333), 1px -1px rgba(204, 204, 204, 0.5333333333);
  }
  .fl46 > *:is(#contents *):has(img), .fl64 > *:is(#contents *):has(img) {
    box-shadow: none;
  }
  .fl46 img:is(#contents *), .fl64 img:is(#contents *) {
    float: unset;
    width: 100%;
    height: 100% !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.fl46 > :where(:nth-child(2)) {
  z-index: 1;
  position: relative;
  margin-block: var(--bl05) calc(var(--bl05) * -1);
  margin-inline: calc(var(--bl05) * -1) 0 !important;
  width: calc(100% - var(--few) - var(--g) + var(--bl05));
}

.fl64 > :where(:nth-child(1)) {
  z-index: 1;
  position: relative;
  margin-block: var(--bl05) calc(var(--bl05) * -1);
  margin-inline: 0 calc(var(--bl05) * -1) !important;
  width: calc(100% - var(--few) - var(--g) + var(--bl05));
}

.__Xscr .scroll-hint-icon-wrap {
  display: none;
  border: none;
  opacity: 1;
}
.__Xscr .scroll-hint-icon-wrap .scroll-hint-icon {
  top: 50%;
  left: unset;
  right: var(--pad);
  translate: 0% -50%;
  background-color: var(--tx50);
}
.__Xscr::-webkit-scrollbar {
  background-color: transparent;
  width: var(--thumbW);
  height: 0;
  opacity: 0;
}
.__Xscr::-webkit-scrollbar-thumb {
  background-color: var(--thumbC);
}

.it37, .ti73 {
  display: flex;
  align-items: center;
  gap: 40px 6%;
  flex-wrap: wrap;
}
@media screen and (max-width: 834px) {
  .it37 > *, .ti73 > * {
    flex: 1 1 100%;
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .it37 > *, .ti73 > * {
    padding-inline: 0%;
  }
}
@media screen and (max-width: 834px) {
  .it37, .ti73 {
    flex-direction: column-reverse;
  }
  .it37:is(.ti), .ti73:is(.ti) {
    flex-direction: column-reverse;
  }
}
.it37 img:is(#contents img), .ti73 img:is(#contents img) {
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.it37 > :not(:has(img)), .ti73 > :not(:has(img)) {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.it37 > :not(:has(img)) .btn, .ti73 > :not(:has(img)) .btn {
  margin-top: 1em;
}
@media screen and (max-width: 834px) {
  .it37 > :not(:has(img)), .ti73 > :not(:has(img)) {
    width: 100%;
  }
}
.it37.__pages2, .ti73.__pages2 {
  padding-block: calc(var(--bl) / 2);
  gap: 30px 2%;
}
.it37.__pages2 > :where(:nth-child(1)), .ti73.__pages2 > :where(:nth-child(1)) {
  width: 30%;
}
.it37.__pages2 > :where(:nth-child(2)), .ti73.__pages2 > :where(:nth-child(2)) {
  width: 68%;
}
@media screen and (max-width: 640px) {
  .it37.__pages2 > :is(#contents *), .ti73.__pages2 > :is(#contents *) {
    width: 100%;
  }
}
.it37.__pages2 + .__pages2, .ti73.__pages2 + .__pages2 {
  margin-top: 0;
}
.it37.__pages2 .art, .ti73.__pages2 .art {
  justify-content: unset;
  padding-block: 1em;
}
.it37.__pages2 h1 span, .it37.__pages2 h2 span, .it37.__pages2 h3 span, .ti73.__pages2 h1 span, .ti73.__pages2 h2 span, .ti73.__pages2 h3 span {
  font-size: 140%;
  line-height: 1.4;
  font-weight: 700;
  color: var(--tx);
}
.it37.__pages2 em, .ti73.__pages2 em {
  font-size: 1.3em;
  color: var(--ac);
  font-weight: 700;
}
.it37.__pages, .ti73.__pages {
  padding-block: calc(var(--bl) / 2);
}
.it37.__pages + .__pages, .ti73.__pages + .__pages {
  margin-top: 0;
}
.it37.__pages .art, .ti73.__pages .art {
  justify-content: unset;
  padding-block: 1em;
}
.it37.__pages h2, .ti73.__pages h2 {
  font-size: var(--f28);
  margin-bottom: 0.5em;
}
@media screen and (max-width: 834px) {
  .it37.aiu > *, .ti73.aiu > * {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .it37.aiu:is(#contents div), .ti73.aiu:is(#contents div) {
    padding: 10px;
  }
}
.it37:after, .ti73:after {
  display: none;
}
.it37.__menu, .ti73.__menu {
  gap: 30px 2%;
}
.it37.__menu article, .ti73.__menu article {
  justify-content: unset;
}
.it37.__menu .btn, .ti73.__menu .btn {
  width: 100%;
  padding-block: 2em;
}
.it37.__items, .ti73.__items {
  gap: 30px 0;
  margin-inline: auto;
  padding-inline: 8.33%;
  padding-block: calc(var(--bl) / 2);
  background-color: rgba(255, 255, 255, 0.3333333333);
  text-align: center;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}
.it37.__items img:is(#contents img), .ti73.__items img:is(#contents img) {
  width: auto;
  margin-inline: auto;
  float: unset;
}
.it37.__items div, .ti73.__items div {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
}
.it37.__items div .btn, .ti73.__items div .btn {
  border: 1px solid var(--tx);
}
@media screen and (max-width: 1400px) {
  .it37.__concept, .ti73.__concept {
    margin-top: 20px;
  }
  .it37.__concept .art > div, .ti73.__concept .art > div {
    margin-bottom: 80px;
  }
}
.it37.__leftout, .it37.__rightout, .ti73.__leftout, .ti73.__rightout {
  flex-wrap: wrap;
}
.it37.__leftout > :has(img), .it37.__rightout > :has(img), .ti73.__leftout > :has(img), .ti73.__rightout > :has(img) {
  max-width: unset;
  flex: 1;
}
.it37.__leftout > :has(img) img, .it37.__rightout > :has(img) img, .ti73.__leftout > :has(img) img, .ti73.__rightout > :has(img) img {
  margin: 0 !important;
}
@media screen and (max-width: 640px) {
  .it37.__leftout > *, .it37.__rightout > *, .ti73.__leftout > *, .ti73.__rightout > * {
    width: 100%;
  }
  .it37.__leftout > :has(img), .it37.__rightout > :has(img), .ti73.__leftout > :has(img), .ti73.__rightout > :has(img) {
    width: calc(100% + var(--pad));
    flex: unset;
  }
}
.it37.__leftout > :has(img), .ti73.__leftout > :has(img) {
  margin-left: var(--contout);
}
.it37.__leftout > article, .ti73.__leftout > article {
  margin-left: 0;
}
.it37.__rightout > :has(img), .ti73.__rightout > :has(img) {
  margin-right: var(--contout);
}
.it37.__rightout > article, .ti73.__rightout > article {
  margin-left: 0;
}
.it37.__staff, .ti73.__staff {
  flex-direction: row;
}
@media screen and (max-width: 834px) {
  .it37.__staff, .ti73.__staff {
    flex-direction: column;
  }
}
.it37.__staff > :has(img), .ti73.__staff > :has(img) {
  max-width: 40%;
}
@media screen and (max-width: 834px) {
  .it37.__staff > :has(img), .ti73.__staff > :has(img) {
    align-self: flex-end;
  }
}
@media screen and (max-width: 640px) {
  .it37.__staff > :has(img), .ti73.__staff > :has(img) {
    max-width: 100%;
  }
}
.it37.__staff > :not(:has(img)), .ti73.__staff > :not(:has(img)) {
  flex: 1;
}
.it37.__staff b, .it37.__staff h2, .ti73.__staff b, .ti73.__staff h2 {
  font-size: var(--fzm);
}
.it37.__staff b, .it37.__staff h2, .it37.__staff h3, .ti73.__staff b, .ti73.__staff h2, .ti73.__staff h3 {
  border-bottom: 1px solid var(--sc);
  line-height: 1.5;
}
.it37.__staff .fb-tx > .box:not(:last-child), .ti73.__staff .fb-tx > .box:not(:last-child) {
  margin-bottom: 10px;
}
.it37.__staff .fb-tx h3, .ti73.__staff .fb-tx h3 {
  font-size: clamp(18px, 2vw, 20px);
}
.it37.pages, .ti73.pages {
  gap: 20px 2%;
}
.it37.pages .im, .ti73.pages .im {
  flex: unset;
  max-width: 40%;
  align-self: flex-end;
}
@media screen and (max-width: 640px) {
  .it37.pages .im, .ti73.pages .im {
    max-width: 100%;
  }
}
.it37.pages > div, .ti73.pages > div {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 2;
}
.it37.pages > div .btn, .ti73.pages > div .btn {
  margin-top: auto;
}
@media screen and (max-width: 834px) {
  .it37.pages > div .btn, .ti73.pages > div .btn {
    margin-top: 20px;
  }
}
@media screen and (max-width: 640px) {
  .it37.pages > div .btn, .ti73.pages > div .btn {
    align-self: flex-end;
  }
}
@media screen and (max-width: 834px) {
  .it37.pages, .ti73.pages {
    flex-direction: column-reverse;
  }
}

.it46, .ti64 {
  display: flex;
  align-items: unset;
  gap: 40px 0%;
  flex-wrap: wrap;
}
.it46 > figure, .it46 > img, .ti64 > figure, .ti64 > img {
  flex: 1 1 40%;
  padding-inline-end: 4%;
}
@media screen and (max-width: 834px) {
  .it46 > figure, .it46 > img, .ti64 > figure, .ti64 > img {
    flex: 1 1 100%;
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .it46 > figure, .it46 > img, .ti64 > figure, .ti64 > img {
    padding-inline-end: 0%;
  }
}
.it46 > article, .it46 > div, .ti64 > article, .ti64 > div {
  flex: 1 1 60%;
  padding-inline-end: 4%;
}
@media screen and (max-width: 834px) {
  .it46 > article, .it46 > div, .ti64 > article, .ti64 > div {
    flex: 1 1 100%;
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .it46 > article, .it46 > div, .ti64 > article, .ti64 > div {
    padding-inline-end: 0%;
  }
}
@media screen and (max-width: 834px) {
  .it46, .ti64 {
    flex-direction: column-reverse;
  }
  .it46:is(.ti64), .ti64:is(.ti64) {
    flex-direction: column-reverse;
  }
}
.it46 img:is(#contents img), .ti64 img:is(#contents img) {
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.it46 > :not(:has(img)), .ti64 > :not(:has(img)) {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.it46 > :not(:has(img)) .btn, .ti64 > :not(:has(img)) .btn {
  margin-top: 1em;
}
@media screen and (max-width: 834px) {
  .it46 > :not(:has(img)), .ti64 > :not(:has(img)) {
    width: 100%;
  }
}
.it46.__pages2, .ti64.__pages2 {
  padding-block: calc(var(--bl) / 2);
  gap: 30px 2%;
}
.it46.__pages2 > :where(:nth-child(1)), .ti64.__pages2 > :where(:nth-child(1)) {
  width: 30%;
}
.it46.__pages2 > :where(:nth-child(2)), .ti64.__pages2 > :where(:nth-child(2)) {
  width: 68%;
}
@media screen and (max-width: 640px) {
  .it46.__pages2 > :is(#contents *), .ti64.__pages2 > :is(#contents *) {
    width: 100%;
  }
}
.it46.__pages2 + .__pages2, .ti64.__pages2 + .__pages2 {
  margin-top: 0;
}
.it46.__pages2 .art, .ti64.__pages2 .art {
  justify-content: unset;
  padding-block: 1em;
}
.it46.__pages2 h1 span, .it46.__pages2 h2 span, .it46.__pages2 h3 span, .ti64.__pages2 h1 span, .ti64.__pages2 h2 span, .ti64.__pages2 h3 span {
  font-size: 140%;
  line-height: 1.4;
  font-weight: 700;
  color: var(--tx);
}
.it46.__pages2 em, .ti64.__pages2 em {
  font-size: 1.3em;
  color: var(--ac);
  font-weight: 700;
}
.it46.__pages, .ti64.__pages {
  padding-block: calc(var(--bl) / 2);
}
.it46.__pages + .__pages, .ti64.__pages + .__pages {
  margin-top: 0;
}
.it46.__pages .art, .ti64.__pages .art {
  justify-content: unset;
  padding-block: 1em;
}
.it46.__pages h2, .ti64.__pages h2 {
  font-size: var(--f28);
  margin-bottom: 0.5em;
}
@media screen and (max-width: 834px) {
  .it46.aiu > *, .ti64.aiu > * {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .it46.aiu:is(#contents div), .ti64.aiu:is(#contents div) {
    padding: 10px;
  }
}
.it46:after, .ti64:after {
  display: none;
}
.it46.__menu, .ti64.__menu {
  gap: 30px 2%;
}
.it46.__menu article, .ti64.__menu article {
  justify-content: unset;
}
.it46.__menu .btn, .ti64.__menu .btn {
  width: 100%;
  padding-block: 2em;
}
.it46.__items, .ti64.__items {
  gap: 30px 0;
  margin-inline: auto;
  padding-inline: 8.33%;
  padding-block: calc(var(--bl) / 2);
  background-color: rgba(255, 255, 255, 0.3333333333);
  text-align: center;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}
.it46.__items img:is(#contents img), .ti64.__items img:is(#contents img) {
  width: auto;
  margin-inline: auto;
  float: unset;
}
.it46.__items div, .ti64.__items div {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
}
.it46.__items div .btn, .ti64.__items div .btn {
  border: 1px solid var(--tx);
}
@media screen and (max-width: 1400px) {
  .it46.__concept, .ti64.__concept {
    margin-top: 20px;
  }
  .it46.__concept .art > div, .ti64.__concept .art > div {
    margin-bottom: 80px;
  }
}
.it46.__leftout, .it46.__rightout, .ti64.__leftout, .ti64.__rightout {
  flex-wrap: wrap;
}
.it46.__leftout > :has(img), .it46.__rightout > :has(img), .ti64.__leftout > :has(img), .ti64.__rightout > :has(img) {
  max-width: unset;
  flex: 1;
}
.it46.__leftout > :has(img) img, .it46.__rightout > :has(img) img, .ti64.__leftout > :has(img) img, .ti64.__rightout > :has(img) img {
  margin: 0 !important;
}
@media screen and (max-width: 640px) {
  .it46.__leftout > *, .it46.__rightout > *, .ti64.__leftout > *, .ti64.__rightout > * {
    width: 100%;
  }
  .it46.__leftout > :has(img), .it46.__rightout > :has(img), .ti64.__leftout > :has(img), .ti64.__rightout > :has(img) {
    width: calc(100% + var(--pad));
    flex: unset;
  }
}
.it46.__leftout > :has(img), .ti64.__leftout > :has(img) {
  margin-left: var(--contout);
}
.it46.__leftout > article, .ti64.__leftout > article {
  margin-left: 0;
}
.it46.__rightout > :has(img), .ti64.__rightout > :has(img) {
  margin-right: var(--contout);
}
.it46.__rightout > article, .ti64.__rightout > article {
  margin-left: 0;
}
.it46.__staff, .ti64.__staff {
  flex-direction: row;
}
@media screen and (max-width: 834px) {
  .it46.__staff, .ti64.__staff {
    flex-direction: column;
  }
}
.it46.__staff > :has(img), .ti64.__staff > :has(img) {
  max-width: 40%;
}
@media screen and (max-width: 834px) {
  .it46.__staff > :has(img), .ti64.__staff > :has(img) {
    align-self: flex-end;
  }
}
@media screen and (max-width: 640px) {
  .it46.__staff > :has(img), .ti64.__staff > :has(img) {
    max-width: 100%;
  }
}
.it46.__staff > :not(:has(img)), .ti64.__staff > :not(:has(img)) {
  flex: 1;
}
.it46.__staff b, .it46.__staff h2, .ti64.__staff b, .ti64.__staff h2 {
  font-size: var(--fzm);
}
.it46.__staff b, .it46.__staff h2, .it46.__staff h3, .ti64.__staff b, .ti64.__staff h2, .ti64.__staff h3 {
  border-bottom: 1px solid var(--sc);
  line-height: 1.5;
}
.it46.__staff .fb-tx > .box:not(:last-child), .ti64.__staff .fb-tx > .box:not(:last-child) {
  margin-bottom: 10px;
}
.it46.__staff .fb-tx h3, .ti64.__staff .fb-tx h3 {
  font-size: clamp(18px, 2vw, 20px);
}
.it46.pages, .ti64.pages {
  gap: 20px 2%;
}
.it46.pages .im, .ti64.pages .im {
  flex: unset;
  max-width: 40%;
  align-self: flex-end;
}
@media screen and (max-width: 640px) {
  .it46.pages .im, .ti64.pages .im {
    max-width: 100%;
  }
}
.it46.pages > div, .ti64.pages > div {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 2;
}
.it46.pages > div .btn, .ti64.pages > div .btn {
  margin-top: auto;
}
@media screen and (max-width: 834px) {
  .it46.pages > div .btn, .ti64.pages > div .btn {
    margin-top: 20px;
  }
}
@media screen and (max-width: 640px) {
  .it46.pages > div .btn, .ti64.pages > div .btn {
    align-self: flex-end;
  }
}
@media screen and (max-width: 834px) {
  .it46.pages, .ti64.pages {
    flex-direction: column-reverse;
  }
}

.ti64 {
  flex-direction: row-reverse;
}

.modaal-close:focus, .modaal-close:hover {
  outline: 0;
  background: #fff;
}

.modaal-close:after, .modaal-close:before {
  background: var(--mc);
}

.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before {
  background: var(--ac);
}

.modaal-close {
  right: var(--pad);
}

.modaal-inner-wrapper {
  padding-inline: var(--pad);
}

.ulcircle {
  margin-inline: auto;
  background: linear-gradient(var(--mc), var(--mc)) no-repeat 100% 100%/calc(50% + 300px) 1px, linear-gradient(var(--mc), var(--mc)) no-repeat calc(50% - 300px) 100%/1px 150%;
  height: 320px;
  height: 0px;
  z-index: 1;
}
.ulcircle i:before {
  content: "\f054\f054";
  font-family: var(--fa);
  font-weight: 900;
  font-size: 50%;
  vertical-align: middle;
}
.ulcircle + .title2 {
  margin-bottom: 0;
}
@media screen and (max-width: 1400px) {
  .ulcircle {
    height: 140px;
    margin-bottom: 140px;
  }
}
@media screen and (max-width: 834px) {
  .ulcircle {
    background: linear-gradient(var(--mc), var(--mc)) no-repeat 100% 100%/70% 1px, linear-gradient(var(--mc), var(--mc)) no-repeat 30% 100%/1px 150%;
  }
}
@media screen and (max-width: 640px) {
  .ulcircle {
    height: 180px;
    margin-bottom: 180px;
  }
}
.ulcircle ul {
  position: relative;
  top: 100%;
  height: 1px;
  width: calc(50% - 200px);
  display: grid;
  margin-left: 50%;
  transition: 1s;
}
@media screen and (max-width: 1680px) {
  .ulcircle ul {
    width: calc(50% - 120px);
  }
}
@media screen and (max-width: 1200px) {
  .ulcircle ul {
    width: 50%;
    margin-left: 40%;
  }
}
@media screen and (max-width: 834px) {
  .ulcircle ul {
    width: 60%;
    margin-left: 50%;
  }
}
@media screen and (max-width: 640px) {
  .ulcircle ul {
    width: 80%;
    margin-left: 35%;
  }
}
@media screen and (max-width: 480px) {
  .ulcircle ul {
    width: 90%;
    margin-left: 24%;
  }
}
.ulcircle li {
  grid-area: 1/1;
  background-image: linear-gradient(to right, var(--mc), var(--mc) 50%, transparent 50.1%);
  overflow: visible !important;
  rotate: calc(180deg / (var(--listnum) - 1) * var(--index));
  transition: 2s 1s cubic-bezier(0, 0.3, 0.3, 1);
  font-size: 16px;
}
.ulcircle li:first-child {
  z-index: 1;
}
@media screen and (max-width: 834px) {
  .ulcircle li {
    rotate: calc(90deg + 180deg / (var(--listnum) - 1) * var(--index));
    font-size: 14px;
  }
}
.ulcircle li span {
  text-align: center;
}
.ulcircle li:not(:last-child) span, .ulcircle li:last-child a {
  width: 20%;
  background-color: var(--sc);
  display: inline-block;
  display: grid;
  place-items: center;
  place-content: center;
  border-radius: 999px;
  rotate: calc(-1 * 180deg / (var(--listnum) - 1) * var(--index));
  width: -moz-fit-content;
  width: fit-content;
  aspect-ratio: 1/1;
  height: unset;
  padding-inline: 2em;
  color: var(--mc);
  translate: -50% -50%;
  transition: 1s;
}
.ulcircle li:not(:last-child) span::before, .ulcircle li:last-child a::before {
  content: "0";
  display: block;
  font-size: 24px;
  margin-top: -1em;
}
@media screen and (max-width: 1400px) {
  .ulcircle li:not(:last-child) span, .ulcircle li:last-child a {
    padding-inline: 1em;
  }
}
@media screen and (max-width: 834px) {
  .ulcircle li:not(:last-child) span, .ulcircle li:last-child a {
    rotate: calc(270deg + 180deg / (var(--listnum) - 1) * var(--index) * -1);
  }
}
.ulcircle li:nth-child(1) span::before {
  content: "01";
}
.ulcircle li:nth-child(2) span::before {
  content: "02";
}
.ulcircle li:nth-child(3) span::before {
  content: "03";
}
.ulcircle li:nth-child(4) span::before {
  content: "04";
}
.ulcircle li:nth-child(5) span::before {
  content: "05";
}
.ulcircle li:nth-child(6) span::before {
  content: "06";
}
.ulcircle li:nth-child(7) span::before {
  content: "07";
}
.ulcircle li:nth-child(8) span::before {
  content: "08";
}
.ulcircle li:nth-child(9) span::before {
  content: "09";
}
.ulcircle li:last-child {
  position: absolute;
  grid-area: unset;
  background-image: unset;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  overflow: visible !important;
  align-self: center;
  justify-self: center;
  transition: 1s 0s cubic-bezier(0, 1, 0.5, 1);
  z-index: 1;
}
.ulcircle li:last-child a::before, .ulcircle li:last-child span::before {
  display: none;
}
.ulcircle li:last-child a {
  text-decoration: none;
  translate: none;
  font-size: 20px;
  position: relative;
}
.ulcircle li:last-child a::after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(17, 17, 17, 0);
  border-radius: 999px;
  transition: 1s cubic-bezier(0, 1, 0.5, 1);
}
.ulcircle li:last-child a:hover {
  color: #fff;
}
.ulcircle li:last-child a:hover::after {
  background-color: rgba(255, 255, 255, 0.4);
  scale: 3;
}
.ulcircle li:last-child span {
  display: flex;
  display: grid;
  place-items: center;
  line-height: 1;
}
.ulcircle ul {
  translate: 10% 0;
  opacity: 0;
}
.ulcircle li {
  rotate: 0deg;
  background-image: linear-gradient(to right, rgba(var(--mc), 0.1), rgba(var(--mc), 0.1) 50%, transparent 50.1%);
}
.ulcircle li:last-child {
  translate: -300px;
}
.ulcircle.show ul {
  translate: 0;
  opacity: 1;
}
.ulcircle.show li {
  background-image: linear-gradient(to right, var(--mc), var(--mc) 50%, transparent 50.1%);
  rotate: calc(180deg / (var(--listnum) - 1) * var(--index));
}
.ulcircle.show li:last-child {
  translate: 0px;
  background-image: none;
}
@media screen and (max-width: 834px) {
  .ulcircle.show li {
    rotate: calc(90deg + 180deg / (var(--listnum) - 1) * var(--index));
  }
}

.df_01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.df_01 .ct_item {
  width: 47%;
}

.simulation-list {
  align-items: flex-start;
  gap: var(--bl05) 2vmin;
}
@media screen and (max-width: 834px) {
  .simulation-list > *:is(#contents *) {
    width: 100%;
  }
}
.simulation-list .main .slick-prev, .simulation-list .main .slick-next {
  width: 40px;
  height: 60px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0;
  top: 100%;
  transform: translate(0, -100%);
  z-index: 1;
}
.simulation-list .main .slick-prev::before, .simulation-list .main .slick-next::before {
  opacity: 1;
  font-family: var(--fa);
  color: var(--mc);
  font-weight: 400;
  font-size: 24px;
}
.simulation-list .main .slick-prev {
  left: 0;
}
.simulation-list .main .slick-prev::before {
  content: "\f104";
}
.simulation-list .main .slick-next {
  right: 0;
}
.simulation-list .main .slick-next::before {
  content: "\f105";
}
.simulation-list .main li img {
  width: 100% !important;
}
.simulation-list .main li div {
  width: 100%;
  line-height: 60px;
  text-align: center;
  background: rgba(255, 255, 255, 0.6);
  position: absolute;
  bottom: 0;
}
.simulation-list .thumb ul {
  display: flex;
  flex-wrap: wrap;
}
.simulation-list .thumb ul li {
  width: 32%;
  cursor: pointer;
  margin-bottom: 10px;
}
.simulation-list .thumb ul li:not(:nth-child(3n)) {
  margin-right: 2%;
}
.simulation-list .thumb ul li img {
  transition: 0.3s;
  width: 100% !important;
}
.simulation-list .thumb ul li div {
  text-align: center;
  font-size: 0.9375em;
}
.simulation-list .thumb ul li:hover img {
  opacity: 0.8;
}

.link_03 {
  line-height: 1.5;
  justify-content: center;
}
.link_03 a {
  display: block;
  width: calc(20% - 3px);
  height: 100px;
  background: var(--mc20);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: var(--tx);
}
@media screen and (max-width: 960px) {
  .link_03 a {
    width: 32%;
    margin-bottom: 5px;
  }
}
.link_03 .box {
  text-align: center;
  padding-bottom: 5px;
}
.link_03 b {
  display: block;
  font-size: 1.125em;
  margin-bottom: 10px;
  position: relative;
  text-decoration: underline;
}
.link_03 a:not(:first-child) {
  padding-left: 15px;
}
.link_03 a:nth-child(even) {
  background: var(--mc40);
}
.link_03 a::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #cce7cb;
  border-width: 50px 0 50px 15px;
  transition: 0.3s;
  position: absolute;
  top: 0;
  right: -15px;
  z-index: 2;
}
.link_03 a:last-child:after {
  display: none;
}
.link_03 a:nth-child(even)::after {
  border-color: transparent transparent transparent #acd0ab;
}
.link_03 a:hover {
  opacity: 1 !important;
  background: #104f27;
  color: #fff !important;
}
.link_03 a:hover::after {
  border-color: transparent transparent transparent #104f27;
}

.flex_wrapper {
  display: flex;
  gap: var(--g);
}
@media screen and (max-width: 834px) {
  .flex_wrapper {
    flex-wrap: wrap;
  }
}

.fb_head-img {
  gap: var(--g);
  flex-wrap: wrap;
}
@media screen and (max-width: 834px) {
  .fb_head-img {
    width: 100%;
  }
}
.fb_head-img .box:has(div > div) {
  width: 100%;
}
.fb_head-img .box:has(div > div) div > div {
  padding-inline: 0.5em;
  text-align: center;
  background-color: #888;
}
.fb_head-img .box:has(img) {
  flex: 1;
}
@media screen and (max-width: 480px) {
  .fb_head-img .box:has(img) {
    flex: unset;
    width: 100%;
  }
}
.fb_head-img img:is(#contents .im *), .fb_head-img img:is(#contents .popup__a *) {
  max-width: calc(var(--base) / 3 - var(--g) * 2);
  width: 100%;
  margin-inline: auto;
}

.bb2mc {
  padding-inline: 0.5vmin;
  padding-block: 0.5vmin;
}
.bb2mc + div {
  margin-top: 20px;
}
.bb2mc h1, .bb2mc h2, .bb2mc h3 {
  line-height: 1.5;
}

.bb2ac {
  padding-inline: 0.5vmin;
  padding-block: 0.5vmin;
}
.bb2ac + div {
  margin-top: 20px;
}
.bb2ac h1, .bb2ac h2, .bb2ac h3 {
  line-height: 1.5;
}

.frame01:is(div) {
  margin-top: var(--bl05);
}
.frame01 > article {
  padding-block: 1em 0.5em;
  padding-inline: 0.75em;
  border: 2px solid var(--mc);
  position: relative;
  line-height: 2;
}
@media screen and (max-width: 834px) {
  .frame01 > article {
    padding-inline: 0.5em;
  }
}
.frame01 > article > div {
  font-size: var(--bodyFZ);
}
.frame01 h2, .frame01 h3 {
  font-size: inherit;
  margin-bottom: 0;
  display: inline-block;
  color: var(--mcDark);
  background-color: white;
  position: absolute;
  top: -1em;
  left: 1em;
  line-height: 2;
  padding-inline: 0.5em;
}

.svg_outer {
  width: 100%;
  padding-inline-start: var(--incont);
}
.svg_outer svg {
  height: 100%;
  width: 100%;
}

.clip01 {
  position: absolute;
  width: 0;
  height: 0;
}

.sd-scale {
  view-timeline: --header-vtl;
  animation: grow-progress linear backwards;
  animation-timeline: scroll(root y);
  animation-range: contain 2% contain 20%;
}
@keyframes grow-progress {
  0% {
    scale: 1;
  }
  30%, 100% {
    scale: 1.5;
    opacity: 0;
  }
}

.canvas_outer, .img_outer {
  width: 100%;
  width: calc(var(--base) * 0.75 + var(--incont));
  transform-origin: 100% 75%;
  margin-left: auto;
  filter: var(--stroke);
  transform: scale(1.5);
  opacity: 0;
  transition: transform 4s, opacity 2s 0s;
  will-change: transform, scale, opacity;
}
.canvas_outer.show, .img_outer.show {
  transform: scale(1);
  opacity: 1;
  transition: transform 1.8s, opacity 0.6s 0.6s;
}

.clip01 path {
  scale: calc(1 / var(--vbX)) calc(1 / var(--vbY));
}

#canvas, img.masked {
  aspect-ratio: 3/2;
  -webkit-clip-path: url(#shape);
          clip-path: url(#shape);
  width: 100%;
  --p: 100%;
  --s: 20px;
  --c: 25%;
  --cplus: calc(var(--c) + 1%);
  transition: 0.6s;
}
@media screen and (max-width: 960px) {
  #canvas, img.masked {
    aspect-ratio: 1;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
#canvas:is(div:hover > *), img.masked:is(div:hover > *) {
  --y: 100%;
  filter: blur(0px);
}

.detail01 {
  display: flex;
  flex-flow: row wrap;
}
.detail01 img {
  padding: 5px;
  width: 12%;
}

.title_uDaAc h1, .title_uDaAc h2, .title_uDaAc h3 {
  text-decoration: underline;
  text-decoration-style: var(--decoS);
  text-decoration-color: var(--ac);
  text-decoration-thickness: 4px;
  text-underline-offset: 0.3em;
}
.title_uDaAc h1 span, .title_uDaAc h2 span, .title_uDaAc h3 span {
  text-decoration: underline;
  text-decoration-style: var(--decoS);
  text-decoration-color: var(--ac);
  text-decoration-thickness: 4px;
  text-underline-offset: 0.3em;
}
.title_bb1mc h1, .title_bb1mc h2, .title_bb1mc h3 {
  border-bottom: 1px solid var(--mc);
}
.title_bb2wh h1, .title_bb2wh h2, .title_bb2wh h3 {
  border-bottom: 2px var(--decoS) var(--wh);
}
.title_bb2mc + div {
  margin-top: 20px;
}
.title_bb2mc h1, .title_bb2mc h2, .title_bb2mc h3 {
  border-bottom: 2px var(--decoS) var(--mc);
}
.title_bdmc h1, .title_bdmc h2 {
  border-bottom: 2px solid var(--mc);
}
.title_bdmc h3 {
  text-decoration: underline;
  text-decoration-style: var(--decoS);
  text-decoration-thickness: 1px;
}
.title_12 h1, .title_12 h2, .title_12 h3 {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.title_12 h1:after, .title_12 h2:after, .title_12 h3:after {
  content: "";
  background-color: var(--mc);
  height: 1px;
  flex: 1;
}
.title_12 .sub {
  font-size: 60%;
  font-weight: 600;
  color: var(--txgr);
}
.title_11 + div:is(#contents div) {
  margin-top: 20px;
}
.title_11 h1, .title_11 h2, .title_11 h3 {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.title_11 h1:after, .title_11 h2:after, .title_11 h3:after {
  content: "";
  background-color: var(--mc);
  height: 1px;
  flex: 1;
}
@media screen and (max-width: 834px) {
  .title_11 h1, .title_11 h2, .title_11 h3 {
    padding-bottom: 0.5em;
    border-bottom: 1px solid var(--mc50);
  }
}
.title_11 .sub {
  font-size: 60%;
  font-weight: 600;
  color: var(--txgr);
}
.title_10 {
  line-height: 1.8;
}
.title_10 h1, .title_10 h2, .title_10 h3 {
  padding-top: calc(var(--bl) * 0.75);
  padding-bottom: calc(var(--bl) * 0.75);
}
.title_10 article {
  gap: 0;
}
.title_10 .sub {
  font-size: 60%;
  font-weight: 600;
  color: var(--txgr);
}
.title_09 {
  padding-top: calc(var(--bl) * 2.75);
  padding-bottom: calc(var(--bl) * 0.75);
  line-height: 1.8;
  color: #fff;
}
.title_09 article {
  gap: 0;
}
.title_09 .sub {
  font-size: 60%;
  font-weight: 600;
}
.title_08 {
  color: #fff;
  line-height: 1.8;
  padding-top: calc(var(--bl) * 0.5);
  padding-bottom: calc(var(--bl) * 2.5);
}
.title_08 article {
  gap: 0;
}
.title_08 .sub {
  font-size: 60%;
  font-weight: 600;
}
.title_07 + :where(div) {
  margin-top: 48px;
}
.title_07 h1, .title_07 h2, .title_07 h3 {
  line-height: 2.2;
  font-family: var(--ser);
  font-weight: 700;
}
.title_07 h1:after, .title_07 h2:after, .title_07 h3:after {
  content: "";
  display: block;
  background-color: var(--mc);
  --w:100px;
  --h:4px;
  width: var(--w);
  height: var(--h);
  margin-inline: auto;
}
.title_07left + :where(div) {
  margin-top: 48px;
}
.title_07left h1, .title_07left h2, .title_07left h3 {
  line-height: 2.2;
  font-family: var(--ser);
  font-weight: 700;
}
.title_07left h1:after, .title_07left h2:after, .title_07left h3:after {
  content: "";
  display: block;
  background-color: var(--mc);
  --w:100px;
  --h:4px;
  width: var(--w);
  height: var(--h);
}
.title_030 + div:is(#contents div) {
  margin-top: 20px;
}
.title_030 h2 {
  font-size: clamp(20px, 3.2vw, 32px);
}
.title_030 h1, .title_030 h2, .title_030 h3 {
  position: relative;
  --bar:2px;
  --bar2:calc(var(--bar)*6);
  padding-bottom: var(--bar2);
  border-bottom: var(--bar) solid var(--mc20);
  position: relative;
  line-height: 1;
  text-decoration-line: underline;
  text-decoration-thickness: var(--bar);
  text-underline-offset: calc(var(--bar) + var(--bar2) + 2px);
  text-decoration-color: var(--mc);
  display: inline;
}
.title_030 h1:is(.blog *), .title_030 h2:is(.blog *), .title_030 h3:is(.blog *) {
  border-bottom: none;
}
@media screen and (max-width: 640px) {
  .title_030 h1, .title_030 h2, .title_030 h3 {
    text-underline-offset: calc(var(--bar) + var(--bar2) + 1px);
  }
}
.title_029, .title_oran, .title_blue, .title_green {
  font-size: var(--f24);
  --mc:var(--gree);
  --c:color-mix(in srgb, var(--mc) 75%, transparent);
  --w:.25em;
  --stroke:drop-shadow(var(--w) var(--w) var(--c));
  letter-spacing: 0.1em;
  filter: var(--stroke);
}
.title_029 + div:is(#contents div), .title_oran + div:is(#contents div), .title_blue + div:is(#contents div), .title_green + div:is(#contents div) {
  margin-top: var(--f20);
}
.title_029 h1, .title_oran h1, .title_blue h1, .title_green h1, .title_029 h2, .title_oran h2, .title_blue h2, .title_green h2, .title_029 h3, .title_oran h3, .title_blue h3, .title_green h3 {
  margin-bottom: var(--f20);
  position: relative;
  --bar:2px;
  --bar2:calc(var(--bar)*6);
  background-color: var(--c);
  position: relative;
  line-height: 1.5;
  padding: 0.5em;
  color: var(--ff);
  font-weight: 400;
}
.title_029 h1:is(.blog *), .title_oran h1:is(.blog *), .title_blue h1:is(.blog *), .title_green h1:is(.blog *), .title_029 h2:is(.blog *), .title_oran h2:is(.blog *), .title_blue h2:is(.blog *), .title_green h2:is(.blog *), .title_029 h3:is(.blog *), .title_oran h3:is(.blog *), .title_blue h3:is(.blog *), .title_green h3:is(.blog *) {
  border-bottom: none;
}
.title_029.__mc, .__mc.title_oran, .__mc.title_blue, .__mc.title_green {
  --mc: var(--mc );
}
.title_029.__sc, .__sc.title_oran, .__sc.title_blue, .__sc.title_green {
  --mc: var(--sc );
}
.title_029.__ac, .__ac.title_oran, .__ac.title_blue, .__ac.title_green {
  --mc: var(--ac );
}
.title_029.__ac2, .__ac2.title_oran, .__ac2.title_blue, .__ac2.title_green {
  --mc: var(--ac2 );
}
.title_029.__red, .__red.title_oran, .__red.title_blue, .__red.title_green {
  --mc: var(--red );
}
.title_029.__purp, .__purp.title_oran, .__purp.title_blue, .__purp.title_green {
  --mc: var(--purp );
}
.title_029.__gree, .__gree.title_oran, .__gree.title_blue, .__gree.title_green {
  --mc: var(--gree );
}
.title_029.__oran, .__oran.title_oran, .__oran.title_blue, .__oran.title_green {
  --mc: var(--oran );
}
.title_029.__yell, .__yell.title_oran, .__yell.title_blue, .__yell.title_green {
  --mc: var(--yell );
}
.title_029.__blue, .__blue.title_oran, .__blue.title_blue, .__blue.title_green {
  --mc: var(--blue );
}
.title_029.__pink, .__pink.title_oran, .__pink.title_blue, .__pink.title_green {
  --mc: var(--pink );
}
.title_green h1, .title_green h2, .title_green h3 {
  text-decoration-color: var(--green);
}
.title_blue h1, .title_blue h2, .title_blue h3 {
  text-decoration-color: var(--blue);
}
.title_oran h1, .title_oran h2, .title_oran h3 {
  text-decoration-color: var(--oran);
}
.title_028 {
  background-image: linear-gradient(transparent, var(--bctr) 90%, var(--mc));
}
.title_028:after {
  display: none;
}
.title_028 article {
  gap: 0;
}
.title_028 h1 .sub, .title_028 h2 .sub, .title_028 h3 .sub {
  display: inline-block;
  line-height: 1;
  padding-block: 1em 0.33em;
  font-size: 90%;
}
.title_027 h1 .sub, .title_027 h2 .sub, .title_027 h3 .sub {
  display: inline-block;
  box-shadow: 0.75em 0.75em var(--mc), -0.75em -0.75em var(--mc);
  line-height: 1.4;
  outline: 0.25em solid var(--bc);
  background-color: var(--bc);
}
.title_026 {
  margin-top: var(--bl);
  background-image: linear-gradient(transparent, var(--bctr) 90%, var(--mc));
}
.title_026 + div {
  margin-top: var(--bl03);
}
.title_026 article {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
}
.title_026 article > div {
  flex: 1;
}
.title_026 .im {
  order: 1;
  max-width: 40%;
}
@media screen and (max-width: 480px) {
  .title_026 .im {
    max-width: unset;
  }
}
.title_026 h1, .title_026 h2, .title_026 h3 {
  width: 100%;
  font-weight: bold;
}
.title_026 h1 .sub, .title_026 h2 .sub, .title_026 h3 .sub {
  display: inline-flex;
  align-items: flex-end;
  gap: 0.5em;
  padding-block: 1.5vmin;
}
.title_026 h1 .sub > span, .title_026 h2 .sub > span, .title_026 h3 .sub > span {
  color: var(--sc);
  font-size: 50%;
  padding-bottom: 0.2em;
  display: inline-flex;
  align-items: flex-end;
  gap: 0.5em;
}
.title_026 h1 .sub b, .title_026 h2 .sub b, .title_026 h3 .sub b {
  font-size: 150%;
  line-height: 1.3;
}
.title_026 h1 .sub:is(.komoji .sub), .title_026 h2 .sub:is(.komoji .sub), .title_026 h3 .sub:is(.komoji .sub) {
  font-size: var(--f32);
}
.title_025 h1, .title_025 h2, .title_025 h3 {
  margin-bottom: 0.5em;
  padding: 0.4em 0.5em;
  border-left: 0.25em solid rgba(255, 255, 255, 0.5333333333);
  background-color: rgba(255, 255, 255, 0.1333333333);
  line-height: 1.4;
}
.title_024 h1, .title_024 h2, .title_024 h3 {
  font-weight: 700;
  position: relative;
  font-weight: 600;
  --bar:1px;
  position: relative;
  line-height: 1.4;
  margin-bottom: 20px;
}
.title_024 h1 > .sub, .title_024 h2 > .sub, .title_024 h3 > .sub {
  display: inline-block;
  position: relative;
  padding-block: 0.5em;
  font-size: var(--f24);
  font-weight: 500;
}
.title_024 h1 > .sub::after, .title_024 h2 > .sub::after, .title_024 h3 > .sub::after {
  content: "";
  width: 100%;
  height: var(--bar);
  position: absolute;
  left: 0;
  top: calc(100% + var(--bar));
  background-color: var(--mc);
}
.title_024 h1 > .sub > span, .title_024 h2 > .sub > span, .title_024 h3 > .sub > span {
  font-size: var(--f16);
  display: block;
  padding-top: 0.5em;
}
.title_023 h1, .title_023 h2, .title_023 h3 {
  font-weight: 700;
  position: relative;
  font-weight: 600;
  --bar:1px;
  position: relative;
  line-height: 1.4;
  margin-bottom: 20px;
}
.title_023 h1 > .sub, .title_023 h2 > .sub, .title_023 h3 > .sub {
  display: inline-block;
  position: relative;
  padding-block: var(--f16);
  font-size: var(--f24);
  font-weight: 500;
}
.title_023 h1 > .sub::before, .title_023 h2 > .sub::before, .title_023 h3 > .sub::before {
  content: "";
  width: 100%;
  height: var(--bar);
  position: absolute;
  left: 0;
  bottom: calc(100% + var(--bar));
  background-color: var(--mc);
}
.title_023 h1 > .sub::after, .title_023 h2 > .sub::after, .title_023 h3 > .sub::after {
  content: "";
  width: 100%;
  height: var(--bar);
  position: absolute;
  left: 0;
  top: calc(100% + var(--bar));
  background-color: var(--mc);
}
.title_023 h1 > .sub > span, .title_023 h2 > .sub > span, .title_023 h3 > .sub > span {
  font-size: var(--f16);
  display: block;
}
.title_022 {
  background-color: #333;
  flex: 1;
}
.title_022 h1, .title_022 h2, .title_022 h3 {
  line-height: 2;
  font-weight: 400;
  padding-block: 0.5em;
  margin-bottom: 0;
}
.title_022.__rev {
  background-color: var(--mc);
}
.title_022.__rev h1, .title_022.__rev h2, .title_022.__rev h3 {
  color: var(--wh);
}
.title_021 h1, .title_021 h2, .title_021 h3 {
  background: var(--mc);
  padding-inline: 0.4em;
  color: white;
  line-height: 2;
  font-weight: 400;
}
.title-01 {
  background-position: center center;
  background-size: cover;
  height: 200px;
  position: relative;
}
@media screen and (max-width: 640px) {
  .title-01 {
    height: 160px;
  }
}
.title-01 h1 {
  padding: 20px;
  font-weight: 700;
  font-size: 4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 100%;
  line-height: 1.25;
}
@media screen and (max-width: 640px) {
  .title-01 h1 {
    font-size: 3.2rem;
  }
}
.title-02 h2 {
  font-size: var(--f32);
}
.title-02 h1, .title-02 h2, .title-02 h3 {
  font-weight: 700;
  padding-bottom: 12px;
  position: relative;
}
@media screen and (max-width: 640px) {
  .title-02 h1, .title-02 h2, .title-02 h3 {
    font-size: 2.4rem;
  }
}
.title-02 h1::before, .title-02 h1::after, .title-02 h2::before, .title-02 h2::after, .title-02 h3::before, .title-02 h3::after {
  content: "";
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -2px;
  border-radius: 100px;
}
.title-02 h1::before, .title-02 h2::before, .title-02 h3::before {
  width: 100%;
  background-color: #ccc;
}
.title-02 h1::after, .title-02 h2::after, .title-02 h3::after {
  width: 120px;
  background-color: var(--mc);
}
.title-021 {
  margin-bottom: 40px;
}
.title-021 h2 {
  font-size: clamp(20px, 3.2vw, 32px);
}
.title-021 h1, .title-021 h2, .title-021 h3 {
  font-weight: 700;
  position: relative;
  font-weight: 600;
  background-color: #fff;
  --bar:4px;
  border-bottom: var(--bar) solid var(--grtr);
  position: relative;
  line-height: 1.4;
  text-decoration-line: underline;
  text-decoration-thickness: var(--bar);
  text-underline-offset: calc(var(--bar) + var(--bar));
  text-decoration-color: var(--mctr);
  display: inline;
}
.title-03 h3 {
  font-weight: 700;
  line-height: 1.4;
  font-weight: 700;
  font-size: 2.4rem;
  padding: 8px 16px;
  color: #fff;
  background-color: var(--mc);
  border-radius: 4px;
}
@media screen and (max-width: 640px) {
  .title-03 h3 {
    font-size: 2.2rem;
  }
}

.fb_tbl {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}
.fb_tbl * {
  text-align: center;
}
.fb_tbl .box {
  flex: 1;
}
.fb_tbl .box article > * {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  margin: unset;
  padding: var(--f16);
}
.fb_tbl .box h3 {
  background-color: var(--mc20);
}

.fb_tbl02 {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}
.fb_tbl02 * {
  text-align: center;
}
.fb_tbl02 .box {
  width: 100%;
}
.fb_tbl02 .box article {
  display: flex;
  flex-wrap: wrap;
}
.fb_tbl02 .box h3 {
  background-color: var(--mc20);
  font-size: unset;
  line-height: unset;
  flex: 0.5;
}
.fb_tbl02 .box div {
  text-align: left;
  flex: 1;
}
.fb_tbl02 .box article > * {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  margin: unset;
  padding: var(--f16);
}
@media screen and (max-width: 640px) {
  .fb_tbl02 .box article > * {
    flex-basis: 100%;
  }
}

u.center {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}

.a-style a {
  font-size: var(--f20);
  font-weight: bold;
  color: var(--mc);
  text-underline-offset: 0.2em;
}
.a-style a:not(:first-child) {
  margin-top: 0.5em;
}

.span-style span {
  font-size: var(--f20);
  font-weight: 500;
  margin-inline-end: 1em;
}

.tbl_01 tr:first-child, .tbl_01 td:first-child {
  font-weight: bold;
  background-color: var(--mc20);
}
.tbl_01 tr:first-child div, .tbl_01 td:first-child div {
  text-align: center;
}
.tbl_01 .tblimg:is(#contents *) {
  background-color: unset;
}
.tbl_01 .tblimg:is(#contents *) img {
  margin-inline: auto;
}

.before_f {
  padding-block: var(--bl);
  padding-inline: var(--incont);
  background: no-repeat 0 0/cover fixed;
}
.before_f .span-h {
  text-align: center;
}
.before_f .span-h div, .before_f .span-h a {
  margin-top: 3em;
}
.before_f .span-h div, .before_f .span-h h2, .before_f .span-h h1, .before_f .span-h h3 {
  color: #fff;
  filter: drop-shadow(0px 0px #000) drop-shadow(1px 1px #000);
  font-weight: bold;
}
.before_f .span-h article {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 2em;
}

#contents .borderimg img {
  width: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}

.borderimg article {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.borderimg article h1, .borderimg article h2, .borderimg article h3 {
  order: -1;
}
.borderimg article .im {
  margin-top: 1em;
  margin-bottom: 2em;
}

.borderimg02 article {
  display: flex;
  flex-direction: column;
}
.borderimg02 article h1, .borderimg02 article h2, .borderimg02 article h3 {
  order: -1;
}
.borderimg02 article .im {
  margin-bottom: 1em;
}
.borderimg02 article div:is(#contents .borderimg02 div) {
  text-align: left;
}
.bg_bdb {
  background-position: 100% 0%;
  background: repeat-x 0% 100%;
}
.bg_bdb h1, .bg_bdb h2, .bg_bdb h3 {
  line-height: 2;
}

.toggle_h {
  cursor: pointer;
  border-radius: 0.5em;
  transition: 0.4s;
  position: relative;
}
.toggle_h:hover {
  background-color: var(--bc50);
}
.toggle_h:after {
  font-family: var(--fa);
  content: "\f078"; /*アイコンのユニコード*/
  position: absolute; /*絶対位置*/
  right: 0.5em; /*アイコンの位置*/
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  align-items: center;
  font-size: inherit;
  font-weight: 900;
  transition: 0.4s;
  width: 1em;
  height: 1em;
  line-height: 1;
  transform-origin: center;
}
.toggle_h.show:after {
  rotate: -180deg;
}
.toggle_h:hover {
  opacity: 0.7;
}
.toggle_t {
  display: none;
}
.toggle_t > * + * {
  margin-top: 1em;
}

:is(section, form) > .fv_h {
  translate: 0 0%;
}
:is(section, form) > .fv_h article {
  display: flex;
  flex-direction: column;
}
:is(section, form) > .fv_h div, :is(section, form) > .fv_h h1 {
  font-size: var(--fzllm);
  line-height: 1;
  font-weight: 400;
}
:is(section, form) > .fv_h div {
  color: #eee;
}

.floatouter {
  padding: 1em;
  width: 46%;
  margin-inline: 2%;
  margin-bottom: 4%;
}
@media screen and (max-width: 834px) {
  .floatouter {
    width: 46% !important;
  }
}
@media screen and (max-width: 640px) {
  .floatouter {
    width: 100% !important;
    margin-inline: 0%;
  }
}
.floatouter .tx {
  background-color: #fff;
}

@media screen and (max-width: 640px) {
  #contents .review-01 {
    flex-direction: column;
    align-items: center;
  }
}
#contents .review-01 .box:nth-child(1) {
  width: 120px;
}
#contents .review-01 .box:nth-child(2) {
  padding-left: 32px;
  flex: 1;
  padding-top: 16px;
}
@media screen and (max-width: 640px) {
  #contents .review-01 .box:nth-child(2) {
    padding: 0;
    margin-top: 16px;
    width: 100%;
  }
}

#contents .number01 {
  flex-direction: column;
}
#contents .number01 .box {
  width: 100%;
  flex: 1;
}
#contents .number01 .box div {
  text-decoration: none;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
}
#contents .number01 .box div em {
  font-size: clamp(18px, 2.4vw, 24px);
  width: 1.75em;
  height: 1.75em;
  border-radius: 999px;
  border: 2px solid currentColor;
  margin-block: 0.25em;
  margin-inline-end: 0.5em;
  display: inline-grid;
  place-items: center;
  place-content: center;
  color: var(--sc);
}

#contents .number02 {
  flex-direction: column;
}
#contents .number02 .box {
  --n:calc(var(--f32) * 2);
  margin-top: 1em;
  width: 100%;
}
#contents .number02 .box div {
  text-decoration: none;
  position: relative;
  z-index: 1;
  font-size: var(--f18);
  padding-inline: 0.5em;
  line-height: 2;
  font-weight: 700;
  display: flex;
  align-items: flex-end;
  gap: 1vmin;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #000;
  width: -moz-fit-content;
  width: fit-content;
}
#contents .number02 .box div em {
  min-width: var(--n);
  display: block;
  place-items: center;
  font-size: 3.6vmax;
  color: var(--sc);
  font-style: italic;
  line-height: 1;
}
#contents .number02 .box div em::first-letter {
  opacity: 0.5;
  font-size: 75%;
}

.flow {
  padding: var(--f16);
  position: relative;
  --mt:var(--bl05);
}
.flowouter {
  margin-top: 20px;
}
.flow :first-child {
  margin-top: 0;
}
.flow:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  height: var(--mt);
  background-color: var(--mc);
  -webkit-clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
          clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
}
.flow:last-child:after {
  display: none;
}
.flow + .flow {
  margin-top: var(--mt);
}
.flow:nth-child(3n+1) {
  background-color: #eee;
}
.flow:nth-child(3n+2) {
  background-color: #ddd;
}
.flow:nth-child(3n) {
  background-color: #ccc;
}

.number03 {
  flex-direction: column !important;
  margin-top: 20px;
}
.number03 .box:first-child {
  font-size: var(--f24);
  font-weight: bold;
  border-bottom: 2px var(--decoS) var(--mc);
  margin-bottom: 0.25em;
}
.number03 .box:not(:first-child) {
  --n:calc(var(--f32) * 2);
  margin-top: 1em;
  width: 100%;
}
.number03 .box:not(:first-child) div {
  text-decoration: none;
  position: relative;
  z-index: 1;
  padding-inline-end: 1em;
  font-size: var(--f18);
  display: flex;
  align-items: center;
  gap: 1em;
}
.number03 .box:not(:first-child) div em {
  font-size: 120%;
  color: var(--mc);
}

.number04 {
  flex-direction: column !important;
  margin-top: 20px;
}
.number04 .box:first-child div {
  font-size: var(--f24);
  font-weight: bold;
  border-bottom: 2px var(--decoS) var(--mc);
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.number04 .box:first-child div em {
  font-size: 120%;
  color: var(--mc);
}
.number04 .box:not(:first-child) {
  margin-top: 1em;
  width: 100%;
}
.number04 .box:not(:first-child) div {
  text-decoration: none;
  position: relative;
  z-index: 1;
}

#contents .check-01 {
  padding-top: 10px;
}
#contents .check-01 .box:nth-child(1) {
  padding-inline: 1em;
}
#contents .check-01 .box:nth-child(1) .im img:is(#contents img) {
  width: unset;
}
#contents .check-01 .box:nth-child(2) {
  flex: 1;
}
#contents .check-01 .box:nth-child(2) h3 {
  margin-bottom: 20px;
  text-decoration: underline;
}
@media screen and (max-width: 640px) {
  #contents .check-01 .box:nth-child(2) {
    padding: 0;
    width: 100%;
  }
}
@media screen and (max-width: 834px) {
  #contents .check-01 {
    flex-direction: column !important;
  }
}

.fl37_r > *:not(:first-child) {
  margin-top: 20px;
}

.ul_fl ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1em;
}
@media screen and (max-width: 640px) {
  .ul_fl ul {
    justify-content: unset;
  }
}
.ul_fl li {
  border-bottom: 1px solid var(--mc);
  padding-inline: 0.2em;
  font-weight: 600;
}

.boxwrap3 {
  --g:2;
  --gap: clamp(0px,calc(var(--vw) * 0.01 * var(--g)),calc(var(--base) * 0.01 * var(--g))) ;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.boxwrap3 ul {
  display: contents;
}
.boxwrap3 > * {
  width: calc((100% - var(--gap) * 2) / 3);
  padding: 10px;
  border-inline: 2px solid var(--wh);
  border-block: 4px solid var(--mc);
}
@media screen and (max-width: 834px) {
  .boxwrap3 > * {
    width: 49%;
  }
}
@media screen and (max-width: 640px) {
  .boxwrap3 > * {
    width: 100%;
  }
}
.boxwrap3 .box {
  line-height: 1.4;
  padding: 10px;
}
.boxwrap3 .box:has(.name) article {
  border-bottom: 2px solid var(--wh);
  padding-bottom: 10px;
  font-weight: bold;
  font-size: 16px;
}
.boxwrap3 .box:has(.kamoku) article {
  border-top: 2px var(--decoS) var(--wh);
  padding-top: 10px;
}
.boxwrap3:after {
  display: none;
}

.beer-slider article > div {
  margin-top: 1em;
  text-align: center;
  font-size: 120%;
}

.beer-reveal {
  position: absolute;
}

.fb_flow .box {
  width: 33.3333333333%;
  padding: 20px;
  position: relative;
  overflow: visible !important;
  z-index: -1;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 640px) {
  .fb_flow .box {
    padding: 10px;
  }
}
.fb_flow .box h3 {
  color: white;
  text-align: center !important;
  font-weight: 700;
}
.fb_flow .box div {
  color: white;
  text-align: center !important;
  font-weight: 700;
  font-size: 3rem;
  line-height: 1.6;
}
@media screen and (max-width: 1200px) {
  .fb_flow .box div {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 834px) {
  .fb_flow .box div {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 640px) {
  .fb_flow .box div {
    font-size: 1.8rem;
  }
}
.fb_flow .box:first-child {
  background-color: var(--mc40);
  z-index: 2;
}
.fb_flow .box:first-child::before {
  content: "";
  display: block;
  border-left: 20px solid var(--mc40);
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  right: -20px;
  z-index: 2;
}
.fb_flow .box:nth-child(2) {
  background-color: var(--mctr);
  z-index: 1;
}
.fb_flow .box:nth-child(2)::before {
  content: "";
  display: block;
  border-left: 20px solid var(--mctr);
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  right: -20px;
  z-index: 2;
}
.fb_flow .box:nth-child(3) {
  background-color: var(--mc70);
  z-index: -1;
}

.fb_check01 {
  --g:1.5vmin;
}
.fb_check01 .box div {
  display: flex;
  gap: 1em;
  align-items: center;
  justify-content: center;
  background-color: var(--bc);
  min-height: 7em;
  padding: 1em;
}

.bukken {
  margin-top: var(--bl03);
  border: 2px solid var(--gr);
  padding: 0.5em;
  border-radius: 5px;
  align-items: unset;
  position: relative;
}
.bukken > * {
  padding: 1em;
}
.bukken_h {
  padding-bottom: 0;
}
.bukken_h article {
  display: flex;
  align-items: center;
}
.bukken_h article * {
  line-height: 1.4;
}
@media screen and (max-width: 834px) {
  .bukken_h article {
    flex-direction: column;
    gap: 10px;
  }
}
.bukken_h h1, .bukken_h h2, .bukken_h h3 {
  color: var(--mc);
  text-decoration-line: underline;
  flex-shrink: 0;
  margin-right: auto;
}
.bukken_h span {
  padding-inline: 0.5em;
  display: inline-block;
  background-color: var(--mc);
  color: #fff;
  font-size: 90%;
  margin-right: 1em;
}
.bukken_h div {
  margin-left: auto;
}
.bukken_h div u {
  padding-inline: 0.5em;
  display: inline-block;
  color: var(--ac);
  text-decoration: none;
  border: 1px solid var(--ac);
  margin-left: 0.5em;
  margin-block: 0.2em;
}
.bukken_im a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.flow01 {
  position: relative;
  --mt:var(--bl05);
  --p:2vmin;
}
.flow01.__ac {
  --mc:#f5a60a;
  --mc11:#f5a60a11;
  --mc20:#f5a60a33;
  --mc40:#f5a60a55;
  --mc50:#f5a60a88;
  --mc70:#f5a60abb;
}
.flow01 .sheet {
  padding: 1vmin;
  margin-block: 0.5em;
}
.flow01 a, .flow01 a * {
  text-decoration: none;
  text-shadow: none;
  width: unset !important;
}
@media screen and (max-width: 640px) {
  .flow01 {
    --p:var(--pad);
  }
}
.flow01 .box:is(#contents div) {
  background-color: var(--beige20);
  width: 100%;
  overflow: visible;
  display: flex;
  align-items: flex-start;
  counter-increment: cnt;
  font-size: 3.6vmax;
  border-radius: var(--rad);
  padding: var(--p);
  gap: var(--p);
  --beforeFZ:clamp(0px,4vw,30px);
}
.flow01 .box:is(#contents div) + .box {
  margin-top: var(--bl06);
}
.flow01 .box:is(#contents div):before {
  content: "step" counter(cnt, decimal-leading-zero);
  font-size: var(--beforeFZ);
  width: 4em;
  height: 2em;
  line-height: 1;
  font-family: var(--rob);
  background-color: var(--mc);
  text-align: center;
  line-height: 2em;
  flex-shrink: 0;
  font-weight: 500;
  color: var(--wh);
  position: absolute;
  top: 0.5em;
  left: 0.5em;
}
.flow01 .box:is(#contents div):after {
  content: "";
  position: absolute;
  top: calc(100% + 10px);
  right: 50%;
  translate: 50% 0;
  display: block;
  font-size: clamp(0px, 4vw, 30px);
  width: 2em;
  aspect-ratio: 1;
  -webkit-clip-path: polygon(0 0%, 50% 100%, 100% 0%);
          clip-path: polygon(0 0%, 50% 100%, 100% 0%);
  background-color: var(--mc);
}
.flow01 .box:is(#contents div):last-child:after {
  display: none;
}
.flow01 .box:is(#contents div) article {
  font-size: var(--f18);
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  gap: 1em;
}
.flow01 .box:is(#contents div) article img:is(#contents *) {
  width: 100%;
}
.flow01 .box:is(#contents div) article > .im {
  font-size: var(--beforeFZ);
  width: 4em;
  margin-top: 3em;
  mix-blend-mode: plus-lighter;
}
.flow01 .box:is(#contents div) article > div {
  flex: 1;
}
@media screen and (max-width: 640px) {
  .flow01 .box:is(#contents div) article > *:is(#contents *) img {
    max-width: 120px;
  }
}
.flow01 .box:is(#contents div) article > h3 {
  display: none;
}
.flow01 .box:is(#contents div) article div > h3 {
  border-bottom: 1px solid var(--mc);
  padding-block: 0.25em;
  margin-bottom: 0.25em;
}
.flow01 .box:is(#contents div) article u {
  vertical-align: middle;
  display: inline-block;
  text-decoration-color: var(--mc);
  text-decoration-thickness: 2px;
}
.flow01 .box:is(#contents div) article .btn {
  font-family: var(--ser);
  margin-right: 0.5em;
  margin-top: 0.5em;
  font-size: clamp(18px, 2vw, 24px);
}

.flow04 {
  position: relative;
  --mt:var(--bl05);
  --p:2vmin;
}
.flow04.__ac {
  --mc:#f5a60a;
  --mc11:#f5a60a11;
  --mc20:#f5a60a33;
  --mc40:#f5a60a55;
  --mc50:#f5a60a88;
  --mc70:#f5a60abb;
}
.flow04 .sheet {
  padding: 1vmin;
  margin-block: 0.5em;
}
.flow04 a, .flow04 a * {
  text-decoration: none;
  text-shadow: none;
  width: unset !important;
}
@media screen and (max-width: 640px) {
  .flow04 {
    --p:var(--pad);
  }
}
.flow04 .box:is(#contents div) {
  background-color: var(--mc20);
  width: 100%;
  overflow: visible;
  display: flex;
  align-items: flex-start;
  counter-increment: cnt;
  font-size: 3.6vmax;
  border-radius: var(--rad);
  padding: var(--p);
  gap: var(--p);
  --beforeFZ:clamp(0px,4vw,30px);
}
.flow04 .box:is(#contents div) + .box {
  margin-top: var(--bl06);
}
.flow04 .box:is(#contents div):before {
  content: counter(cnt, decimal-leading-zero);
  font-size: var(--beforeFZ);
  width: 2em;
  height: 2em;
  line-height: 1;
  font-family: var(--rob);
  background: linear-gradient(45deg, transparent, transparent 85%, var(--mc) 86%) no-repeat 100% 100%/50% 50%, radial-gradient(closest-side, #fff 90%, transparent 92%), conic-gradient(from 90deg, var(--mc11), var(--mc));
  text-align: center;
  line-height: 2em;
  border-radius: 999px;
  flex-shrink: 0;
  font-weight: 500;
  color: var(--mc);
  position: absolute;
  top: 0.5em;
  left: 0.5em;
}
.flow04 .box:is(#contents div):after {
  content: "";
  position: absolute;
  top: calc(100% + 4px);
  right: 50%;
  translate: 50% 0;
  display: block;
  font-size: clamp(0px, 4vw, 30px);
  width: 2em;
  aspect-ratio: 1;
  -webkit-clip-path: polygon(0 0%, 50% 100%, 100% 0%);
          clip-path: polygon(0 0%, 50% 100%, 100% 0%);
  background: conic-gradient(from 90deg to 180deg at 0% 0%, var(--mc), transparent);
  background: conic-gradient(at 0% 0%, transparent 90deg, var(--mc) 150deg);
}
.flow04 .box:is(#contents div):last-child:after {
  display: none;
}
.flow04 .box:is(#contents div) article {
  font-size: var(--f18);
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  gap: 1em;
}
.flow04 .box:is(#contents div) article img:is(#contents *) {
  width: 100%;
}
.flow04 .box:is(#contents div) article > .im {
  flex: 1;
}
.flow04 .box:is(#contents div) article > div {
  flex: 4;
}
@media screen and (max-width: 640px) {
  .flow04 .box:is(#contents div) article > *:is(#contents *) img {
    max-width: 120px;
  }
}
.flow04 .box:is(#contents div) article > h3 {
  display: none;
}
.flow04 .box:is(#contents div) article div > h3 {
  border-bottom: 1px solid var(--mc);
  padding-block: 0.25em;
  margin-bottom: 0.25em;
}
.flow04 .box:is(#contents div) article u {
  vertical-align: middle;
  display: inline-block;
  text-decoration-color: var(--mc);
  text-decoration-thickness: 2px;
}

.flow03 {
  position: relative;
  --mt:var(--bl05);
  --p:2vmin;
}
.flow03.__ac {
  --mc:#f5a60a;
  --mc11:#f5a60a11;
  --mc20:#f5a60a33;
  --mc40:#f5a60a55;
  --mc50:#f5a60a88;
  --mc70:#f5a60abb;
}
.flow03 .sheet {
  padding: 1vmin;
  margin-block: 0.5em;
}
.flow03 a, .flow03 a * {
  text-decoration: none;
  text-shadow: none;
  margin-top: 1em;
  margin-right: 1em;
  width: unset !important;
}
@media screen and (max-width: 640px) {
  .flow03 {
    --p:var(--pad);
  }
}
.flow03 .box:is(#contents div) {
  background-color: var(--mc20);
  width: 100%;
  overflow: visible;
  display: flex;
  align-items: flex-start;
  counter-increment: cnt;
  font-size: 3.6vmax;
  padding: var(--p);
  gap: var(--p);
}
.flow03 .box:is(#contents div) + .box {
  margin-top: var(--bl06);
}
.flow03 .box:is(#contents div):before {
  content: counter(cnt, decimal-leading-zero);
  font-size: clamp(0px, 8vw, 60px);
  width: 2em;
  height: 2em;
  line-height: 1;
  font-family: var(--rob);
  background: linear-gradient(45deg, transparent, transparent 85%, var(--mc) 86%) no-repeat 100% 100%/50% 50%, radial-gradient(closest-side, #fff 90%, transparent 92%), conic-gradient(from 90deg, var(--mc11), var(--mc));
  text-align: center;
  line-height: 2em;
  border-radius: 999px;
  flex-shrink: 0;
  font-weight: 500;
  color: var(--mc);
  position: absolute;
  top: 0;
  left: 0;
}
.flow03 .box:is(#contents div):after {
  content: "";
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  display: block;
  width: 100%;
  height: var(--mt);
  -webkit-clip-path: polygon(0 0%, 50% 100%, 100% 0%);
          clip-path: polygon(0 0%, 50% 100%, 100% 0%);
  background: conic-gradient(from 0deg at 50% 100%, var(--mc), transparent);
}
.flow03 .box:is(#contents div):last-child:after {
  display: none;
}
.flow03 .box:is(#contents div) article {
  flex: 1;
  font-size: var(--f18);
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  gap: 1em;
}
.flow03 .box:is(#contents div) article img:is(#contents *) {
  width: 100%;
}
.flow03 .box:is(#contents div) article > .im {
  flex: 4;
}
.flow03 .box:is(#contents div) article > div {
  flex: 6;
}
@media screen and (max-width: 640px) {
  .flow03 .box:is(#contents div) article > *:is(#contents *) {
    flex: 0 1 100%;
  }
  .flow03 .box:is(#contents div) article > *:is(#contents *) img {
    max-width: 400px;
  }
}
.flow03 .box:is(#contents div) article > h3 {
  display: none;
}
.flow03 .box:is(#contents div) article div > h3 {
  border-bottom: 1px solid var(--mc);
  padding-block: 0.25em;
  margin-bottom: 0.25em;
}
.flow03 .box:is(#contents div) article u {
  vertical-align: middle;
  display: inline-block;
  text-decoration-color: var(--mc);
  text-decoration-thickness: 2px;
}

.contact_tx:is(#contents div) a {
  text-decoration: none;
  text-shadow: none;
  margin-bottom: 1em;
}

.datalist h1, .datalist h2, .datalist h3 {
  cursor: pointer;
  transition: 0.4s;
  border: 2px solid var(--pink);
  padding: 0.5em;
  margin-bottom: 0.5em;
}
.datalist h1 a:is(#contents a), .datalist h2 a:is(#contents a), .datalist h3 a:is(#contents a) {
  color: var(--tx);
}
.datalist h1:hover, .datalist h2:hover, .datalist h3:hover {
  background-color: var(--pink);
}
.datalist a:is(#contents div > a) {
  transition: 0.4s;
}
.datalist a:is(#contents div > a) + a {
  margin-left: 1em;
}
.datalist a:is(#contents div > a):hover {
  opacity: 0.6;
}

.tbl_scroll.first-sc {
  text-align: center;
}
.tbl_scroll.first-sc tr:first-child td, .tbl_scroll.first-sc td[id*=cell_1] {
  background-color: var(--sc);
  color: var(--wh);
}
.tbl_scroll.first-mc {
  text-align: center;
}
.tbl_scroll.first-mc tr:first-child td, .tbl_scroll.first-mc td[id*=cell_1] {
  background-color: var(--mc);
  color: var(--wh);
}

.h-under h1, .h-under h2, .h-under h3 {
  text-decoration: underline;
  text-underline-offset: -0.05em;
  text-decoration-color: var(--mc);
  text-decoration-style: double;
  text-decoration-thickness: 3px;
}

.tx-lg div {
  font-size: clamp(16px, 1.8vw, 20px);
  line-height: 2;
}

@media screen and (max-width: 640px) {
  .box_bfaf {
    flex-direction: column !important;
  }
}
.box_bfaf img {
  width: 100% !important;
  -o-object-fit: contain;
     object-fit: contain;
}
.box_bfaf .box {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}
.box_bfaf .box div {
  font-size: var(--fzm);
  text-align: center;
  background-color: var(--sc);
  padding-block: 0.5em;
}
.box_bfaf .box:nth-child(1) {
  flex: 1;
}
.box_bfaf .box:nth-child(2) {
  width: 10%;
}
.box_bfaf .box:nth-child(2) .im {
  height: 100%;
  display: grid;
  place-items: center;
}
.box_bfaf .box:nth-child(2) .im img {
  width: unset !important;
}
.box_bfaf .box:nth-child(2) div {
  display: none;
}
@media screen and (max-width: 640px) {
  .box_bfaf .box:nth-child(2) {
    width: 100%;
    margin-block: 6%;
  }
  .box_bfaf .box:nth-child(2) .im {
    rotate: 90deg;
  }
}
.box_bfaf .box:nth-child(3) {
  flex: 1;
}

.tbl_simple td {
  border-bottom: 1px solid #fff !important;
}
.tbl_simple td:not(:last-child) {
  width: 15%;
  text-align: center !important;
  background-color: #d9d9d9;
}
.tbl_simple td:first-child {
  width: 10%;
  background-color: #d1d1d1;
}

.tbl_simple2 td {
  border-bottom: 1px solid #fff !important;
}
.tbl_simple2 td:first-child {
  text-align: center !important;
  background-color: #d9d9d9;
  width: 10%;
}

body section .gap0, .f .gap0, .h .gap0, .blog #contents .gap0 {
  gap: var(--g);
  --g: 0px!important;
}
body section .gap1mi, .f .gap1mi, .h .gap1mi, .blog #contents .gap1mi {
  gap: var(--g);
  --g: 1vmin;
}
body section .gap2mi, .f .gap2mi, .h .gap2mi, .blog #contents .gap2mi {
  gap: var(--g);
  --g: 2vmin;
}
body section .gap3mi, .f .gap3mi, .h .gap3mi, .blog #contents .gap3mi {
  gap: var(--g);
  --g: 3vmin;
}
body section .gap4mi, .f .gap4mi, .h .gap4mi, .blog #contents .gap4mi {
  gap: var(--g);
  --g: 4vmin;
}
body section .gap5mi, .f .gap5mi, .h .gap5mi, .blog #contents .gap5mi {
  gap: var(--g);
  --g: 5vmin;
}
body section .gap6mi, .f .gap6mi, .h .gap6mi, .blog #contents .gap6mi {
  gap: var(--g);
  --g: 6vmin;
}
body section .gap7mi, .f .gap7mi, .h .gap7mi, .blog #contents .gap7mi {
  gap: var(--g);
  --g: 7vmin;
}
body section .gap8mi, .f .gap8mi, .h .gap8mi, .blog #contents .gap8mi {
  gap: var(--g);
  --g: 8vmin;
}
body section .gap10mi, .f .gap10mi, .h .gap10mi, .blog #contents .gap10mi {
  gap: var(--g);
  --g: 10vmin;
}
body section .gap12mi, .f .gap12mi, .h .gap12mi, .blog #contents .gap12mi {
  gap: var(--g);
  --g: 12vmin;
}
body section .gap40-2p, .f .gap40-2p, .h .gap40-2p, .blog #contents .gap40-2p {
  gap: var(--g);
  --g: 40px 2%;
}
body section .gap40-3p, .f .gap40-3p, .h .gap40-3p, .blog #contents .gap40-3p {
  gap: var(--g);
  --g: 40px 3%;
}
body section .gap40-4p, .f .gap40-4p, .h .gap40-4p, .blog #contents .gap40-4p {
  gap: var(--g);
  --g: 40px 4%;
}
body section .gap40-6p, .f .gap40-6p, .h .gap40-6p, .blog #contents .gap40-6p {
  gap: var(--g);
  --g: 40px 6%;
}

body section .lh3, .f .lh3, .h .lh3, .blog #contents .lh3 {
  line-height: 3 !important;
}
body section .lh28, .f .lh28, .h .lh28, .blog #contents .lh28 {
  line-height: 2.8;
}
body section .lh275, .f .lh275, .h .lh275, .blog #contents .lh275 {
  line-height: 2.75;
}
body section .lh26, .f .lh26, .h .lh26, .blog #contents .lh26 {
  line-height: 2.6;
}
body section .lh25, .f .lh25, .h .lh25, .blog #contents .lh25 {
  line-height: 2.5;
}
body section .lh24, .f .lh24, .h .lh24, .blog #contents .lh24 {
  line-height: 2.4;
}
body section .lh225, .f .lh225, .h .lh225, .blog #contents .lh225 {
  line-height: 2.25;
}
body section .lh2, .f .lh2, .h .lh2, .blog #contents .lh2 {
  line-height: 2;
}
body section .lh19, body section .lh19 *, .f .lh19, .f .lh19 *, .h .lh19, .h .lh19 *, .blog #contents .lh19, .blog #contents .lh19 * {
  line-height: 1.9;
}
body section .lh18, body section .lh18 *, .f .lh18, .f .lh18 *, .h .lh18, .h .lh18 *, .blog #contents .lh18, .blog #contents .lh18 * {
  line-height: 1.8;
}
body section .lh175, body section .lh175 *, .f .lh175, .f .lh175 *, .h .lh175, .h .lh175 *, .blog #contents .lh175, .blog #contents .lh175 * {
  line-height: 1.75;
}
body section .lh166, body section .lh166 *, .f .lh166, .f .lh166 *, .h .lh166, .h .lh166 *, .blog #contents .lh166, .blog #contents .lh166 * {
  line-height: 1.66;
}
body section .lh15, body section .lh15 *, .f .lh15, .f .lh15 *, .h .lh15, .h .lh15 *, .blog #contents .lh15, .blog #contents .lh15 * {
  line-height: 1.5;
}
body section .lh14, body section .lh14 *, .f .lh14, .f .lh14 *, .h .lh14, .h .lh14 *, .blog #contents .lh14, .blog #contents .lh14 * {
  line-height: 1.4;
}
body section .lh133, body section .lh133 *, .f .lh133, .f .lh133 *, .h .lh133, .h .lh133 *, .blog #contents .lh133, .blog #contents .lh133 * {
  line-height: 1.33;
}
body section .lh13, body section .lh13 *, .f .lh13, .f .lh13 *, .h .lh13, .h .lh13 *, .blog #contents .lh13, .blog #contents .lh13 * {
  line-height: 1.3;
}
body section .lh125, body section .lh125 *, .f .lh125, .f .lh125 *, .h .lh125, .h .lh125 *, .blog #contents .lh125, .blog #contents .lh125 * {
  line-height: 1.25;
}
body section .lh12, body section .lh12 *, .f .lh12, .f .lh12 *, .h .lh12, .h .lh12 *, .blog #contents .lh12, .blog #contents .lh12 * {
  line-height: 1.2;
}
body section .lh11, body section .lh11 *, .f .lh11, .f .lh11 *, .h .lh11, .h .lh11 *, .blog #contents .lh11, .blog #contents .lh11 * {
  line-height: 1.1;
}
body section .lh1, body section .lh1 *, .f .lh1, .f .lh1 *, .h .lh1, .h .lh1 *, .blog #contents .lh1, .blog #contents .lh1 * {
  line-height: 1;
}
body section .ls-2, body section .ls-2 *, .f .ls-2, .f .ls-2 *, .h .ls-2, .h .ls-2 *, .blog #contents .ls-2, .blog #contents .ls-2 * {
  letter-spacing: -0.2em;
}
body section .ls-1, body section .ls-1 *, .f .ls-1, .f .ls-1 *, .h .ls-1, .h .ls-1 *, .blog #contents .ls-1, .blog #contents .ls-1 * {
  letter-spacing: -0.1em;
}
body section .ls-09, body section .ls-09 *, .f .ls-09, .f .ls-09 *, .h .ls-09, .h .ls-09 *, .blog #contents .ls-09, .blog #contents .ls-09 * {
  letter-spacing: -0.09em;
}
body section .ls-08, body section .ls-08 *, .f .ls-08, .f .ls-08 *, .h .ls-08, .h .ls-08 *, .blog #contents .ls-08, .blog #contents .ls-08 * {
  letter-spacing: -0.08em;
}
body section .ls-07, body section .ls-07 *, .f .ls-07, .f .ls-07 *, .h .ls-07, .h .ls-07 *, .blog #contents .ls-07, .blog #contents .ls-07 * {
  letter-spacing: -0.07em;
}
body section .ls-06, body section .ls-06 *, .f .ls-06, .f .ls-06 *, .h .ls-06, .h .ls-06 *, .blog #contents .ls-06, .blog #contents .ls-06 * {
  letter-spacing: -0.06em;
}
body section .ls-05, body section .ls-05 *, .f .ls-05, .f .ls-05 *, .h .ls-05, .h .ls-05 *, .blog #contents .ls-05, .blog #contents .ls-05 * {
  letter-spacing: -0.05em;
}
body section .ls-04, body section .ls-04 *, .f .ls-04, .f .ls-04 *, .h .ls-04, .h .ls-04 *, .blog #contents .ls-04, .blog #contents .ls-04 * {
  letter-spacing: -0.04em;
}
body section .ls-03, body section .ls-03 *, .f .ls-03, .f .ls-03 *, .h .ls-03, .h .ls-03 *, .blog #contents .ls-03, .blog #contents .ls-03 * {
  letter-spacing: -0.03em;
}
body section .ls-02, body section .ls-02 *, .f .ls-02, .f .ls-02 *, .h .ls-02, .h .ls-02 *, .blog #contents .ls-02, .blog #contents .ls-02 * {
  letter-spacing: -0.02em;
}
body section .ls-01, body section .ls-01 *, .f .ls-01, .f .ls-01 *, .h .ls-01, .h .ls-01 *, .blog #contents .ls-01, .blog #contents .ls-01 * {
  letter-spacing: -0.01em;
}
body section .ls-2, body section .ls-2 *, .f .ls-2, .f .ls-2 *, .h .ls-2, .h .ls-2 *, .blog #contents .ls-2, .blog #contents .ls-2 * {
  letter-spacing: -0.2em;
}
body section .ls-1, body section .ls-1 *, .f .ls-1, .f .ls-1 *, .h .ls-1, .h .ls-1 *, .blog #contents .ls-1, .blog #contents .ls-1 * {
  letter-spacing: -0.1em;
}
body section .ls1, body section .ls1 *, .f .ls1, .f .ls1 *, .h .ls1, .h .ls1 *, .blog #contents .ls1, .blog #contents .ls1 * {
  letter-spacing: 0.1em;
}
body section .ls09, body section .ls09 *, .f .ls09, .f .ls09 *, .h .ls09, .h .ls09 *, .blog #contents .ls09, .blog #contents .ls09 * {
  letter-spacing: 0.09em;
}
body section .ls08, body section .ls08 *, .f .ls08, .f .ls08 *, .h .ls08, .h .ls08 *, .blog #contents .ls08, .blog #contents .ls08 * {
  letter-spacing: 0.08em;
}
body section .ls07, body section .ls07 *, .f .ls07, .f .ls07 *, .h .ls07, .h .ls07 *, .blog #contents .ls07, .blog #contents .ls07 * {
  letter-spacing: 0.07em;
}
body section .ls06, body section .ls06 *, .f .ls06, .f .ls06 *, .h .ls06, .h .ls06 *, .blog #contents .ls06, .blog #contents .ls06 * {
  letter-spacing: 0.06em;
}
body section .ls05, body section .ls05 *, .f .ls05, .f .ls05 *, .h .ls05, .h .ls05 *, .blog #contents .ls05, .blog #contents .ls05 * {
  letter-spacing: 0.05em;
}
body section .ls04, body section .ls04 *, .f .ls04, .f .ls04 *, .h .ls04, .h .ls04 *, .blog #contents .ls04, .blog #contents .ls04 * {
  letter-spacing: 0.04em;
}
body section .ls03, body section .ls03 *, .f .ls03, .f .ls03 *, .h .ls03, .h .ls03 *, .blog #contents .ls03, .blog #contents .ls03 * {
  letter-spacing: 0.03em;
}
body section .ls02, body section .ls02 *, .f .ls02, .f .ls02 *, .h .ls02, .h .ls02 *, .blog #contents .ls02, .blog #contents .ls02 * {
  letter-spacing: 0.02em;
}
body section .ls01, body section .ls01 *, .f .ls01, .f .ls01 *, .h .ls01, .h .ls01 *, .blog #contents .ls01, .blog #contents .ls01 * {
  letter-spacing: 0.01em;
}
body section .ls0, body section .ls0 *, .f .ls0, .f .ls0 *, .h .ls0, .h .ls0 *, .blog #contents .ls0, .blog #contents .ls0 * {
  letter-spacing: 0em;
}

body section .flex, .f .flex, .h .flex, .blog #contents .flex {
  display: flex;
}
@media screen and (max-width: 834px) {
  body section .tab-Crev, .f .tab-Crev, .h .tab-Crev, .blog #contents .tab-Crev {
    flex-direction: column-reverse !important;
  }
  body section .tab-Rrev, .f .tab-Rrev, .h .tab-Rrev, .blog #contents .tab-Rrev {
    flex-direction: row-reverse !important;
  }
}
@media screen and (max-width: 640px) {
  body section .sp-Crev, .f .sp-Crev, .h .sp-Crev, .blog #contents .sp-Crev {
    flex-direction: column-reverse !important;
  }
  body section .sp-Rrev, .f .sp-Rrev, .h .sp-Rrev, .blog #contents .sp-Rrev {
    flex-direction: row-reverse !important;
  }
}
body section .FDCrev, .f .FDCrev, .h .FDCrev, .blog #contents .FDCrev {
  flex-direction: column-reverse !important;
}
body section .FDC, .f .FDC, .h .FDC, .blog #contents .FDC {
  flex-direction: column !important;
}
body section .FDrev, .f .FDrev, .h .FDrev, .blog #contents .FDrev {
  flex-direction: row-reverse !important;
}
body section .FDR, .f .FDR, .h .FDR, .blog #contents .FDR {
  flex-direction: row !important;
}
body section .JCSA, .f .JCSA, .h .JCSA, .blog #contents .JCSA {
  justify-content: space-around;
}
body section .JCAE, .f .JCAE, .h .JCAE, .blog #contents .JCAE {
  justify-content: space-evenly;
}
body section .JCSB, .f .JCSB, .h .JCSB, .blog #contents .JCSB {
  justify-content: space-between;
}
body section .JCS, .f .JCS, .h .JCS, .blog #contents .JCS {
  justify-content: flex-start;
}
body section .JCC, .f .JCC, .h .JCC, .blog #contents .JCC {
  justify-content: center;
}
body section .JCE, .f .JCE, .h .JCE, .blog #contents .JCE {
  justify-content: flex-end;
}
body section .AIU, .f .AIU, .h .AIU, .blog #contents .AIU {
  align-items: unset;
}
body section .AIC, .f .AIC, .h .AIC, .blog #contents .AIC {
  align-items: center;
}
body section .AIS, .f .AIS, .h .AIS, .blog #contents .AIS {
  align-items: flex-start;
}
body section .AIE, .f .AIE, .h .AIE, .blog #contents .AIE {
  align-items: flex-end;
}
body section .DI, .f .DI, .h .DI, .blog #contents .DI {
  display: inline;
}
body section .DIB, .f .DIB, .h .DIB, .blog #contents .DIB {
  display: inline-block;
}
body section .DIF, .f .DIF, .h .DIF, .blog #contents .DIF {
  display: inline-flex;
}
body section .DIG, .f .DIG, .h .DIG, .blog #contents .DIG {
  display: inline-grid;
}
body section .DB, .f .DB, .h .DB, .blog #contents .DB {
  display: block;
}
body section .DF, .f .DF, .h .DF, .blog #contents .DF {
  display: flex;
}
body section .DG, .f .DG, .h .DG, .blog #contents .DG {
  display: grid;
}

body section .incontL, .f .incontL, .h .incontL, .blog #contents .incontL {
  padding-left: var(--incont);
}
body section .incontR, .f .incontR, .h .incontR, .blog #contents .incontR {
  padding-right: var(--incont);
}
body section .incont, .f .incont, .h .incont, .blog #contents .incont {
  padding-inline: var(--incont);
}
body section .in1800, .f .in1800, .h .in1800, .blog #contents .in1800 {
  padding-inline: var(--in1800);
}
body section .in1740, .f .in1740, .h .in1740, .blog #contents .in1740 {
  padding-inline: var(--in1740);
}
body section .in1680, .f .in1680, .h .in1680, .blog #contents .in1680 {
  padding-inline: var(--in1680);
}
body section .in1620, .f .in1620, .h .in1620, .blog #contents .in1620 {
  padding-inline: var(--in1620);
}
body section .in1560, .f .in1560, .h .in1560, .blog #contents .in1560 {
  padding-inline: var(--in1560);
}
body section .in1500, .f .in1500, .h .in1500, .blog #contents .in1500 {
  padding-inline: var(--in1500);
}
body section .in1440, .f .in1440, .h .in1440, .blog #contents .in1440 {
  padding-inline: var(--in1440);
}
body section .in1380, .f .in1380, .h .in1380, .blog #contents .in1380 {
  padding-inline: var(--in1380);
}
body section .in1320, .f .in1320, .h .in1320, .blog #contents .in1320 {
  padding-inline: var(--in1320);
}
body section .in1200, .f .in1200, .h .in1200, .blog #contents .in1200 {
  padding-inline: var(--in1200);
}
body section .in1080, .f .in1080, .h .in1080, .blog #contents .in1080 {
  padding-inline: var(--in1080);
}
body section .in1000, .f .in1000, .h .in1000, .blog #contents .in1000 {
  padding-inline: var(--in1000);
}
body section .in960, .f .in960, .h .in960, .blog #contents .in960 {
  padding-inline: var(--in960);
}
body section .in840, .f .in840, .h .in840, .blog #contents .in840 {
  padding-inline: var(--in840);
}
body section .in800, .f .in800, .h .in800, .blog #contents .in800 {
  padding-inline: var(--in800);
}
body section .in720, .f .in720, .h .in720, .blog #contents .in720 {
  padding-inline: var(--in720);
}
body section .in600, .f .in600, .h .in600, .blog #contents .in600 {
  padding-inline: var(--in600);
}
body section .child1800 > *, .f .child1800 > *, .h .child1800 > *, .blog #contents .child1800 > * {
  margin-inline: auto;
  width: min(100%, 1800px);
}
body section .child1740 > *, .f .child1740 > *, .h .child1740 > *, .blog #contents .child1740 > * {
  margin-inline: auto;
  width: min(100%, 1740px);
}
body section .child1680 > *, .f .child1680 > *, .h .child1680 > *, .blog #contents .child1680 > * {
  margin-inline: auto;
  width: min(100%, 1680px);
}
body section .child1620 > *, .f .child1620 > *, .h .child1620 > *, .blog #contents .child1620 > * {
  margin-inline: auto;
  width: min(100%, 1620px);
}
body section .child1560 > *, .f .child1560 > *, .h .child1560 > *, .blog #contents .child1560 > * {
  margin-inline: auto;
  width: min(100%, 1560px);
}
body section .child1500 > *, .f .child1500 > *, .h .child1500 > *, .blog #contents .child1500 > * {
  margin-inline: auto;
  width: min(100%, 1500px);
}
body section .child1440 > *, .f .child1440 > *, .h .child1440 > *, .blog #contents .child1440 > * {
  margin-inline: auto;
  width: min(100%, 1440px);
}
body section .child1380 > *, .f .child1380 > *, .h .child1380 > *, .blog #contents .child1380 > * {
  margin-inline: auto;
  width: min(100%, 1380px);
}
body section .child1320 > *, .f .child1320 > *, .h .child1320 > *, .blog #contents .child1320 > * {
  margin-inline: auto;
  width: min(100%, 1320px);
}
body section .child1260 > *, .f .child1260 > *, .h .child1260 > *, .blog #contents .child1260 > * {
  margin-inline: auto;
  width: min(100%, 1260px);
}
body section .child1200 > *, .f .child1200 > *, .h .child1200 > *, .blog #contents .child1200 > * {
  margin-inline: auto;
  width: min(100%, 1200px);
}
body section .child1120 > *, .f .child1120 > *, .h .child1120 > *, .blog #contents .child1120 > * {
  margin-inline: auto;
  width: min(100%, 1120px);
}
body section .child1080 > *, .f .child1080 > *, .h .child1080 > *, .blog #contents .child1080 > * {
  margin-inline: auto;
  width: min(100%, 1080px);
}
body section .child1020 > *, .f .child1020 > *, .h .child1020 > *, .blog #contents .child1020 > * {
  margin-inline: auto;
  width: min(100%, 1020px);
}
body section .child960 > *, .f .child960 > *, .h .child960 > *, .blog #contents .child960 > * {
  margin-inline: auto;
  width: min(100%, 960px);
}
body section .child900 > *, .f .child900 > *, .h .child900 > *, .blog #contents .child900 > * {
  margin-inline: auto;
  width: min(100%, 900px);
}
body section .child840 > *, .f .child840 > *, .h .child840 > *, .blog #contents .child840 > * {
  margin-inline: auto;
  width: min(100%, 840px);
}
body section .child780 > *, .f .child780 > *, .h .child780 > *, .blog #contents .child780 > * {
  margin-inline: auto;
  width: min(100%, 780px);
}
body section .child720 > *, .f .child720 > *, .h .child720 > *, .blog #contents .child720 > * {
  margin-inline: auto;
  width: min(100%, 720px);
}
body section .child660 > *, .f .child660 > *, .h .child660 > *, .blog #contents .child660 > * {
  margin-inline: auto;
  width: 660px;
}
body section .child600 > *, .f .child600 > *, .h .child600 > *, .blog #contents .child600 > * {
  margin-inline: auto;
  width: 600px;
}
body section .child540 > *, .f .child540 > *, .h .child540 > *, .blog #contents .child540 > * {
  margin-inline: auto;
  width: 540px;
}
body section .child480 > *, .f .child480 > *, .h .child480 > *, .blog #contents .child480 > * {
  margin-inline: auto;
  width: 480px;
}

body section .PI2, .f .PI2, .h .PI2, .blog #contents .PI2 {
  padding-inline: calc(2 * var(--bl));
}
body section .PI15, .f .PI15, .h .PI15, .blog #contents .PI15 {
  padding-inline: calc(1.5 * var(--bl));
}
body section .PI075, .f .PI075, .h .PI075, .blog #contents .PI075 {
  padding-inline: calc(var(--bl) / 4 * 3);
}
body section .PI06, .f .PI06, .h .PI06, .blog #contents .PI06 {
  padding-inline: calc(var(--bl) / 1.5);
}
body section .PI05, .f .PI05, .h .PI05, .blog #contents .PI05 {
  padding-inline: calc(var(--bl) / 2);
}
body section .PI03, .f .PI03, .h .PI03, .blog #contents .PI03 {
  padding-inline: calc(var(--bl) / 3);
}
body section .PI025, .f .PI025, .h .PI025, .blog #contents .PI025 {
  padding-inline: calc(var(--bl) / 4);
}
body section .PI1, .f .PI1, .h .PI1, .blog #contents .PI1 {
  padding-inline: var(--bl);
}
body section .PB2, .f .PB2, .h .PB2, .blog #contents .PB2 {
  padding-block: calc(2 * var(--bl));
}
body section .PB15, .f .PB15, .h .PB15, .blog #contents .PB15 {
  padding-block: calc(1.5 * var(--bl));
}
body section .PB125, .f .PB125, .h .PB125, .blog #contents .PB125 {
  padding-block: calc(1.25 * var(--bl));
}
body section .PB075, .f .PB075, .h .PB075, .blog #contents .PB075 {
  padding-block: calc(var(--bl) / 4 * 3);
}
body section .PB06, .f .PB06, .h .PB06, .blog #contents .PB06 {
  padding-block: calc(var(--bl) / 1.5);
}
body section .PB05, .f .PB05, .h .PB05, .blog #contents .PB05 {
  padding-block: calc(var(--bl) / 2);
}
body section .PB03, .f .PB03, .h .PB03, .blog #contents .PB03 {
  padding-block: calc(var(--bl) / 3);
}
body section .PB025, .f .PB025, .h .PB025, .blog #contents .PB025 {
  padding-block: calc(var(--bl) / 4);
}
body section .PB1, .f .PB1, .h .PB1, .blog #contents .PB1 {
  padding-block: var(--bl);
}
body section .pdb240, .f .pdb240, .h .pdb240, .blog #contents .pdb240 {
  padding-block: 240px;
}
body section .pdb200, .f .pdb200, .h .pdb200, .blog #contents .pdb200 {
  padding-block: 200px;
}
body section .pdb180, .f .pdb180, .h .pdb180, .blog #contents .pdb180 {
  padding-block: 180px;
}
body section .pdb160, .f .pdb160, .h .pdb160, .blog #contents .pdb160 {
  padding-block: 160px;
}
body section .pdb150, .f .pdb150, .h .pdb150, .blog #contents .pdb150 {
  padding-block: 150px;
}
body section .pdb140, .f .pdb140, .h .pdb140, .blog #contents .pdb140 {
  padding-block: 140px;
}
body section .pdb120, .f .pdb120, .h .pdb120, .blog #contents .pdb120 {
  padding-block: 120px;
}
body section .pdb100, .f .pdb100, .h .pdb100, .blog #contents .pdb100 {
  padding-block: 100px;
}
body section .pdb96, .f .pdb96, .h .pdb96, .blog #contents .pdb96 {
  padding-block: 96px;
}
body section .pdb90, .f .pdb90, .h .pdb90, .blog #contents .pdb90 {
  padding-block: 90px;
}
body section .pdb84, .f .pdb84, .h .pdb84, .blog #contents .pdb84 {
  padding-block: 84px;
}
body section .pdb80, .f .pdb80, .h .pdb80, .blog #contents .pdb80 {
  padding-block: 80px;
}
body section .pdb72, .f .pdb72, .h .pdb72, .blog #contents .pdb72 {
  padding-block: 72px;
}
body section .pdb64, .f .pdb64, .h .pdb64, .blog #contents .pdb64 {
  padding-block: 64px;
}
body section .pdb60, .f .pdb60, .h .pdb60, .blog #contents .pdb60 {
  padding-block: 60px;
}
body section .pdb48, .f .pdb48, .h .pdb48, .blog #contents .pdb48 {
  padding-block: 48px;
}
body section .pdb40, .f .pdb40, .h .pdb40, .blog #contents .pdb40 {
  padding-block: 40px;
}
body section .pdb36, .f .pdb36, .h .pdb36, .blog #contents .pdb36 {
  padding-block: 36px;
}
body section .pdb32, .f .pdb32, .h .pdb32, .blog #contents .pdb32 {
  padding-block: 32px;
}
body section .pdb30, .f .pdb30, .h .pdb30, .blog #contents .pdb30 {
  padding-block: 30px;
}
body section .pdb24, .f .pdb24, .h .pdb24, .blog #contents .pdb24 {
  padding-block: 24px;
}
body section .pdb20, .f .pdb20, .h .pdb20, .blog #contents .pdb20 {
  padding-block: 20px;
}
body section .pdb16, .f .pdb16, .h .pdb16, .blog #contents .pdb16 {
  padding-block: 16px;
}
body section .pdb12, .f .pdb12, .h .pdb12, .blog #contents .pdb12 {
  padding-block: 12px;
}
body section .pdb10, .f .pdb10, .h .pdb10, .blog #contents .pdb10 {
  padding-block: 10px;
}
body section .pdb8, .f .pdb8, .h .pdb8, .blog #contents .pdb8 {
  padding-block: 8px;
}
body section .pdb0, .f .pdb0, .h .pdb0, .blog #contents .pdb0 {
  padding-block: 0px;
}
body section .pdb025e, .f .pdb025e, .h .pdb025e, .blog #contents .pdb025e {
  padding-block: 0.25em;
}
body section .pdb05e, .f .pdb05e, .h .pdb05e, .blog #contents .pdb05e {
  padding-block: 0.5em;
}
body section .pdb075e, .f .pdb075e, .h .pdb075e, .blog #contents .pdb075e {
  padding-block: 0.75em;
}
body section .pdb1e, .f .pdb1e, .h .pdb1e, .blog #contents .pdb1e {
  padding-block: 1em;
}
body section .pdb125e, .f .pdb125e, .h .pdb125e, .blog #contents .pdb125e {
  padding-block: 1.25em;
}
body section .pdb15e, .f .pdb15e, .h .pdb15e, .blog #contents .pdb15e {
  padding-block: 1.5em;
}
body section .pdb175e, .f .pdb175e, .h .pdb175e, .blog #contents .pdb175e {
  padding-block: 1.75em;
}
body section .pdb2e, .f .pdb2e, .h .pdb2e, .blog #contents .pdb2e {
  padding-block: 2em;
}
body section .pad, .f .pad, .h .pad, .blog #contents .pad {
  padding-inline: var(--pad);
}
body section .pdi, .f .pdi, .h .pdi, .blog #contents .pdi {
  padding-inline: var(--pad);
}
body section .pdi025e, .f .pdi025e, .h .pdi025e, .blog #contents .pdi025e {
  padding-inline: 0.25em;
}
body section .pdi05e, .f .pdi05e, .h .pdi05e, .blog #contents .pdi05e {
  padding-inline: 0.5em;
}
body section .pdi075e, .f .pdi075e, .h .pdi075e, .blog #contents .pdi075e {
  padding-inline: 0.75em;
}
body section .pdi1e, .f .pdi1e, .h .pdi1e, .blog #contents .pdi1e {
  padding-inline: 1em;
}
body section .pdi125e, .f .pdi125e, .h .pdi125e, .blog #contents .pdi125e {
  padding-inline: 1.25em;
}
body section .pdi15e, .f .pdi15e, .h .pdi15e, .blog #contents .pdi15e {
  padding-inline: 1.5em;
}
body section .pdi175e, .f .pdi175e, .h .pdi175e, .blog #contents .pdi175e {
  padding-inline: 1.75em;
}
body section .pdi2e, .f .pdi2e, .h .pdi2e, .blog #contents .pdi2e {
  padding-inline: 2em;
}
body section .pdi-pad, .f .pdi-pad, .h .pdi-pad, .blog #contents .pdi-pad {
  padding-inline: var(--pad);
}
body section .pdi120, .f .pdi120, .h .pdi120, .blog #contents .pdi120 {
  padding-inline: 120px;
}
body section .pdi100, .f .pdi100, .h .pdi100, .blog #contents .pdi100 {
  padding-inline: 100px;
}
body section .pdi96, .f .pdi96, .h .pdi96, .blog #contents .pdi96 {
  padding-inline: 96px;
}
body section .pdi90, .f .pdi90, .h .pdi90, .blog #contents .pdi90 {
  padding-inline: 90px;
}
body section .pdi84, .f .pdi84, .h .pdi84, .blog #contents .pdi84 {
  padding-inline: 84px;
}
body section .pdi80, .f .pdi80, .h .pdi80, .blog #contents .pdi80 {
  padding-inline: 80px;
}
body section .pdi72, .f .pdi72, .h .pdi72, .blog #contents .pdi72 {
  padding-inline: 72px;
}
body section .pdi64, .f .pdi64, .h .pdi64, .blog #contents .pdi64 {
  padding-inline: 64px;
}
body section .pdi60, .f .pdi60, .h .pdi60, .blog #contents .pdi60 {
  padding-inline: 60px;
}
body section .pdi48, .f .pdi48, .h .pdi48, .blog #contents .pdi48 {
  padding-inline: 48px;
}
body section .pdi40, .f .pdi40, .h .pdi40, .blog #contents .pdi40 {
  padding-inline: 40px;
}
body section .pdi36, .f .pdi36, .h .pdi36, .blog #contents .pdi36 {
  padding-inline: 36px;
}
body section .pdi32, .f .pdi32, .h .pdi32, .blog #contents .pdi32 {
  padding-inline: 32px;
}
body section .pdi30, .f .pdi30, .h .pdi30, .blog #contents .pdi30 {
  padding-inline: 30px;
}
body section .pdi24, .f .pdi24, .h .pdi24, .blog #contents .pdi24 {
  padding-inline: 24px;
}
body section .pdi20, .f .pdi20, .h .pdi20, .blog #contents .pdi20 {
  padding-inline: 20px;
}
body section .pdi16, .f .pdi16, .h .pdi16, .blog #contents .pdi16 {
  padding-inline: 16px;
}
body section .pdi12, .f .pdi12, .h .pdi12, .blog #contents .pdi12 {
  padding-inline: 12px;
}
body section .pdi10, .f .pdi10, .h .pdi10, .blog #contents .pdi10 {
  padding-inline: 10px;
}
body section .pdi8, .f .pdi8, .h .pdi8, .blog #contents .pdi8 {
  padding-inline: 8px;
}
body section .pdi0, .f .pdi0, .h .pdi0, .blog #contents .pdi0 {
  padding-inline: 0px;
}
body section .pdi1mi, .f .pdi1mi, .h .pdi1mi, .blog #contents .pdi1mi {
  padding-inline: 1vmin;
}
body section .pdi2mi, .f .pdi2mi, .h .pdi2mi, .blog #contents .pdi2mi {
  padding-inline: 2vmin;
}
body section .pdi3mi, .f .pdi3mi, .h .pdi3mi, .blog #contents .pdi3mi {
  padding-inline: 3vmin;
}
body section .pdi4mi, .f .pdi4mi, .h .pdi4mi, .blog #contents .pdi4mi {
  padding-inline: 4vmin;
}
body section .pdi5mi, .f .pdi5mi, .h .pdi5mi, .blog #contents .pdi5mi {
  padding-inline: 5vmin;
}
body section .pdi6mi, .f .pdi6mi, .h .pdi6mi, .blog #contents .pdi6mi {
  padding-inline: 6vmin;
}
body section .pdi8mi, .f .pdi8mi, .h .pdi8mi, .blog #contents .pdi8mi {
  padding-inline: 8vmin;
}
body section .pdi10mi, .f .pdi10mi, .h .pdi10mi, .blog #contents .pdi10mi {
  padding-inline: 10vmin;
}
body section .pdi12mi, .f .pdi12mi, .h .pdi12mi, .blog #contents .pdi12mi {
  padding-inline: 12vmin;
}
body section .pad120, .f .pad120, .h .pad120, .blog #contents .pad120 {
  padding: 120px;
}
body section .pad100, .f .pad100, .h .pad100, .blog #contents .pad100 {
  padding: 100px;
}
body section .pad96, .f .pad96, .h .pad96, .blog #contents .pad96 {
  padding: 96px;
}
body section .pad90, .f .pad90, .h .pad90, .blog #contents .pad90 {
  padding: 90px;
}
body section .pad84, .f .pad84, .h .pad84, .blog #contents .pad84 {
  padding: 84px;
}
body section .pad80, .f .pad80, .h .pad80, .blog #contents .pad80 {
  padding: 80px;
}
body section .pad72, .f .pad72, .h .pad72, .blog #contents .pad72 {
  padding: 72px;
}
body section .pad64, .f .pad64, .h .pad64, .blog #contents .pad64 {
  padding: 64px;
}
body section .pad60, .f .pad60, .h .pad60, .blog #contents .pad60 {
  padding: 60px;
}
body section .pad48, .f .pad48, .h .pad48, .blog #contents .pad48 {
  padding: 48px;
}
body section .pad40, .f .pad40, .h .pad40, .blog #contents .pad40 {
  padding: 40px;
}
body section .pad36, .f .pad36, .h .pad36, .blog #contents .pad36 {
  padding: 36px;
}
body section .pad32, .f .pad32, .h .pad32, .blog #contents .pad32 {
  padding: 32px;
}
body section .pad30, .f .pad30, .h .pad30, .blog #contents .pad30 {
  padding: 30px;
}
body section .pad24, .f .pad24, .h .pad24, .blog #contents .pad24 {
  padding: 24px;
}
body section .pad20, .f .pad20, .h .pad20, .blog #contents .pad20 {
  padding: 20px;
}
body section .pad16, .f .pad16, .h .pad16, .blog #contents .pad16 {
  padding: 16px;
}
body section .pad12, .f .pad12, .h .pad12, .blog #contents .pad12 {
  padding: 12px;
}
body section .pad10, .f .pad10, .h .pad10, .blog #contents .pad10 {
  padding: 10px;
}
body section .pad8, .f .pad8, .h .pad8, .blog #contents .pad8 {
  padding: 8px;
}
body section .pad1mi, .f .pad1mi, .h .pad1mi, .blog #contents .pad1mi {
  padding: 1vmin;
}
body section .pad2mi, .f .pad2mi, .h .pad2mi, .blog #contents .pad2mi {
  padding: 2vmin;
}
body section .pad3mi, .f .pad3mi, .h .pad3mi, .blog #contents .pad3mi {
  padding: 3vmin;
}
body section .pad4mi, .f .pad4mi, .h .pad4mi, .blog #contents .pad4mi {
  padding: 4vmin;
}
body section .pad5mi, .f .pad5mi, .h .pad5mi, .blog #contents .pad5mi {
  padding: 5vmin;
}
body section .pad6mi, .f .pad6mi, .h .pad6mi, .blog #contents .pad6mi {
  padding: 6vmin;
}
body section .pad8mi, .f .pad8mi, .h .pad8mi, .blog #contents .pad8mi {
  padding: 8vmin;
}
body section .pad10mi, .f .pad10mi, .h .pad10mi, .blog #contents .pad10mi {
  padding: 10vmin;
}
body section .pad12mi, .f .pad12mi, .h .pad12mi, .blog #contents .pad12mi {
  padding: 12vmin;
}
body section .pr-incont, .f .pr-incont, .h .pr-incont, .blog #contents .pr-incont {
  padding-right: var(--incont);
}
body section .pl-incont, .f .pl-incont, .h .pl-incont, .blog #contents .pl-incont {
  padding-left: var(--incont);
}
body section .pdi-incont, .f .pdi-incont, .h .pdi-incont, .blog #contents .pdi-incont {
  padding-inline: var(--incont);
}
@media screen and (max-width: 1200px) {
  body section .base_pdi0, .f .base_pdi0, .h .base_pdi0, .blog #contents .base_pdi0 {
    padding-inline: 0;
  }
}
body section .art_pdb0 article, .f .art_pdb0 article, .h .art_pdb0 article, .blog #contents .art_pdb0 article {
  padding-block: 0%;
}
body section .art_pdi0 article, .f .art_pdi0 article, .h .art_pdi0 article, .blog #contents .art_pdi0 article {
  padding-inline: 0%;
}
body section .art_pd0 article, .f .art_pd0 article, .h .art_pd0 article, .blog #contents .art_pd0 article {
  padding: 0%;
}

body section .ptB3, .f .ptB3, .h .ptB3, .blog #contents .ptB3 {
  padding-top: calc(3 * var(--bl));
}
body section .ptB25, .f .ptB25, .h .ptB25, .blog #contents .ptB25 {
  padding-top: calc(2.5 * var(--bl));
}
body section .ptB2, .f .ptB2, .h .ptB2, .blog #contents .ptB2 {
  padding-top: calc(2 * var(--bl));
}
body section .ptB125, .f .ptB125, .h .ptB125, .blog #contents .ptB125 {
  padding-top: calc(1.25 * var(--bl));
}
body section .ptB15, .f .ptB15, .h .ptB15, .blog #contents .ptB15 {
  padding-top: calc(1.5 * var(--bl));
}
body section .ptB06, .f .ptB06, .h .ptB06, .blog #contents .ptB06 {
  padding-top: calc(var(--bl) / 1.5);
}
body section .ptB05, .f .ptB05, .h .ptB05, .blog #contents .ptB05 {
  padding-top: calc(var(--bl) / 2);
}
body section .ptB03, .f .ptB03, .h .ptB03, .blog #contents .ptB03 {
  padding-top: calc(var(--bl) / 3);
}
body section .ptB1, .f .ptB1, .h .ptB1, .blog #contents .ptB1 {
  padding-top: var(--bl);
}
body section .pt240, .f .pt240, .h .pt240, .blog #contents .pt240 {
  padding-top: 240px;
}
body section .pt200, .f .pt200, .h .pt200, .blog #contents .pt200 {
  padding-top: 200px;
}
body section .pt180, .f .pt180, .h .pt180, .blog #contents .pt180 {
  padding-top: 180px;
}
body section .pt160, .f .pt160, .h .pt160, .blog #contents .pt160 {
  padding-top: 160px;
}
body section .pt140, .f .pt140, .h .pt140, .blog #contents .pt140 {
  padding-top: 140px;
}
body section .pt120, .f .pt120, .h .pt120, .blog #contents .pt120 {
  padding-top: 120px;
}
body section .pt100, .f .pt100, .h .pt100, .blog #contents .pt100 {
  padding-top: 100px;
}
body section .pt96, .f .pt96, .h .pt96, .blog #contents .pt96 {
  padding-top: 96px;
}
body section .pt90, .f .pt90, .h .pt90, .blog #contents .pt90 {
  padding-top: 90px;
}
body section .pt84, .f .pt84, .h .pt84, .blog #contents .pt84 {
  padding-top: 84px;
}
body section .pt80, .f .pt80, .h .pt80, .blog #contents .pt80 {
  padding-top: 80px;
}
body section .pt72, .f .pt72, .h .pt72, .blog #contents .pt72 {
  padding-top: 72px;
}
body section .pt64, .f .pt64, .h .pt64, .blog #contents .pt64 {
  padding-top: 64px;
}
body section .pt60, .f .pt60, .h .pt60, .blog #contents .pt60 {
  padding-top: 60px;
}
body section .pt48, .f .pt48, .h .pt48, .blog #contents .pt48 {
  padding-top: 48px;
}
body section .pt40, .f .pt40, .h .pt40, .blog #contents .pt40 {
  padding-top: 40px;
}
body section .pt36, .f .pt36, .h .pt36, .blog #contents .pt36 {
  padding-top: 36px;
}
body section .pt32, .f .pt32, .h .pt32, .blog #contents .pt32 {
  padding-top: 32px;
}
body section .pt30, .f .pt30, .h .pt30, .blog #contents .pt30 {
  padding-top: 30px;
}
body section .pt24, .f .pt24, .h .pt24, .blog #contents .pt24 {
  padding-top: 24px;
}
body section .pt20, .f .pt20, .h .pt20, .blog #contents .pt20 {
  padding-top: 20px;
}
body section .pt16, .f .pt16, .h .pt16, .blog #contents .pt16 {
  padding-top: 16px;
}
body section .pt12, .f .pt12, .h .pt12, .blog #contents .pt12 {
  padding-top: 12px;
}
body section .pt10, .f .pt10, .h .pt10, .blog #contents .pt10 {
  padding-top: 10px;
}
body section .pt8, .f .pt8, .h .pt8, .blog #contents .pt8 {
  padding-top: 8px;
}
body section .pt0, .f .pt0, .h .pt0, .blog #contents .pt0 {
  padding-top: 0px;
}
body section .pt1e, .f .pt1e, .h .pt1e, .blog #contents .pt1e {
  padding-top: 1em;
}
body section .pt125e, .f .pt125e, .h .pt125e, .blog #contents .pt125e {
  padding-top: 1.25em;
}
body section .pt15e, .f .pt15e, .h .pt15e, .blog #contents .pt15e {
  padding-top: 1.5em;
}
body section .pt175e, .f .pt175e, .h .pt175e, .blog #contents .pt175e {
  padding-top: 1.75em;
}
body section .pt2e, .f .pt2e, .h .pt2e, .blog #contents .pt2e {
  padding-top: 2em;
}
body section .pt4e, .f .pt4e, .h .pt4e, .blog #contents .pt4e {
  padding-top: 4em;
}
body section .pt5e, .f .pt5e, .h .pt5e, .blog #contents .pt5e {
  padding-top: 5em;
}
body section .pt6e, .f .pt6e, .h .pt6e, .blog #contents .pt6e {
  padding-top: 6em;
}
body section .pt8e, .f .pt8e, .h .pt8e, .blog #contents .pt8e {
  padding-top: 8em;
}
body section .pbB3, .f .pbB3, .h .pbB3, .blog #contents .pbB3 {
  padding-bottom: calc(3 * var(--bl)) !important;
}
body section .pbB25, .f .pbB25, .h .pbB25, .blog #contents .pbB25 {
  padding-bottom: calc(2.5 * var(--bl)) !important;
}
body section .pbB2, .f .pbB2, .h .pbB2, .blog #contents .pbB2 {
  padding-bottom: calc(2 * var(--bl)) !important;
}
body section .pbB125, .f .pbB125, .h .pbB125, .blog #contents .pbB125 {
  padding-bottom: calc(1.25 * var(--bl)) !important;
}
body section .pbB15, .f .pbB15, .h .pbB15, .blog #contents .pbB15 {
  padding-bottom: calc(1.5 * var(--bl)) !important;
}
body section .pbB075, .f .pbB075, .h .pbB075, .blog #contents .pbB075 {
  padding-bottom: calc(0.75 * var(--bl)) !important;
}
body section .pbB06, .f .pbB06, .h .pbB06, .blog #contents .pbB06 {
  padding-bottom: calc(var(--bl) / 1.5) !important;
}
body section .pbB05, .f .pbB05, .h .pbB05, .blog #contents .pbB05 {
  padding-bottom: calc(var(--bl) / 2) !important;
}
body section .pbB03, .f .pbB03, .h .pbB03, .blog #contents .pbB03 {
  padding-bottom: calc(var(--bl) / 3) !important;
}
body section .pbB1, .f .pbB1, .h .pbB1, .blog #contents .pbB1 {
  padding-bottom: var(--bl) !important;
}
body section .pb240, .f .pb240, .h .pb240, .blog #contents .pb240 {
  padding-bottom: 240px;
}
body section .pb200, .f .pb200, .h .pb200, .blog #contents .pb200 {
  padding-bottom: 200px;
}
body section .pb180, .f .pb180, .h .pb180, .blog #contents .pb180 {
  padding-bottom: 180px;
}
body section .pb160, .f .pb160, .h .pb160, .blog #contents .pb160 {
  padding-bottom: 160px;
}
body section .pb150, .f .pb150, .h .pb150, .blog #contents .pb150 {
  padding-bottom: 150px;
}
body section .pb140, .f .pb140, .h .pb140, .blog #contents .pb140 {
  padding-bottom: 140px;
}
body section .pb120, .f .pb120, .h .pb120, .blog #contents .pb120 {
  padding-bottom: 120px;
}
body section .pb100, .f .pb100, .h .pb100, .blog #contents .pb100 {
  padding-bottom: 100px;
}
body section .pb96, .f .pb96, .h .pb96, .blog #contents .pb96 {
  padding-bottom: 96px;
}
body section .pb90, .f .pb90, .h .pb90, .blog #contents .pb90 {
  padding-bottom: 90px;
}
body section .pb84, .f .pb84, .h .pb84, .blog #contents .pb84 {
  padding-bottom: 84px;
}
body section .pb80, .f .pb80, .h .pb80, .blog #contents .pb80 {
  padding-bottom: 80px;
}
body section .pb72, .f .pb72, .h .pb72, .blog #contents .pb72 {
  padding-bottom: 72px;
}
body section .pb64, .f .pb64, .h .pb64, .blog #contents .pb64 {
  padding-bottom: 64px;
}
body section .pb60, .f .pb60, .h .pb60, .blog #contents .pb60 {
  padding-bottom: 60px;
}
body section .pb48, .f .pb48, .h .pb48, .blog #contents .pb48 {
  padding-bottom: 48px;
}
body section .pb40, .f .pb40, .h .pb40, .blog #contents .pb40 {
  padding-bottom: 40px;
}
body section .pb36, .f .pb36, .h .pb36, .blog #contents .pb36 {
  padding-bottom: 36px;
}
body section .pb32, .f .pb32, .h .pb32, .blog #contents .pb32 {
  padding-bottom: 32px;
}
body section .pb30, .f .pb30, .h .pb30, .blog #contents .pb30 {
  padding-bottom: 30px;
}
body section .pb24, .f .pb24, .h .pb24, .blog #contents .pb24 {
  padding-bottom: 24px;
}
body section .pb20, .f .pb20, .h .pb20, .blog #contents .pb20 {
  padding-bottom: 20px;
}
body section .pb16, .f .pb16, .h .pb16, .blog #contents .pb16 {
  padding-bottom: 16px;
}
body section .pb12, .f .pb12, .h .pb12, .blog #contents .pb12 {
  padding-bottom: 12px;
}
body section .pb10, .f .pb10, .h .pb10, .blog #contents .pb10 {
  padding-bottom: 10px;
}
body section .pb8, .f .pb8, .h .pb8, .blog #contents .pb8 {
  padding-bottom: 8px;
}
body section .pb0, .f .pb0, .h .pb0, .blog #contents .pb0 {
  padding-bottom: 0px;
}
body section .pb025e, .f .pb025e, .h .pb025e, .blog #contents .pb025e {
  padding-bottom: 0.25em;
}
body section .pb05e, .f .pb05e, .h .pb05e, .blog #contents .pb05e {
  padding-bottom: 0.5em;
}
body section .pb075e, .f .pb075e, .h .pb075e, .blog #contents .pb075e {
  padding-bottom: 0.75em;
}
body section .pb1e, .f .pb1e, .h .pb1e, .blog #contents .pb1e {
  padding-bottom: 1em;
}
body section .pb125e, .f .pb125e, .h .pb125e, .blog #contents .pb125e {
  padding-bottom: 1.25em;
}
body section .pb15e, .f .pb15e, .h .pb15e, .blog #contents .pb15e {
  padding-bottom: 1.5em;
}
body section .pb175e, .f .pb175e, .h .pb175e, .blog #contents .pb175e {
  padding-bottom: 1.75em;
}
body section .pb2e, .f .pb2e, .h .pb2e, .blog #contents .pb2e {
  padding-bottom: 2em;
}

body section .ml-unset, .f .ml-unset, .h .ml-unset, .blog #contents .ml-unset {
  margin-left: unset;
}
body section .mr-unset, .f .mr-unset, .h .mr-unset, .blog #contents .mr-unset {
  margin-right: unset;
}
body section .ml-auto, .f .ml-auto, .h .ml-auto, .blog #contents .ml-auto {
  margin-inline: auto 0;
}
body section .mr-auto, .f .mr-auto, .h .mr-auto, .blog #contents .mr-auto {
  margin-inline: 0 auto;
}
body section .mgi-auto, .f .mgi-auto, .h .mgi-auto, .blog #contents .mgi-auto {
  margin-inline: auto !important;
}
body section .mgi120, .f .mgi120, .h .mgi120, .blog #contents .mgi120 {
  margin-inline: 120px;
}
body section .mgi100, .f .mgi100, .h .mgi100, .blog #contents .mgi100 {
  margin-inline: 100px;
}
body section .mgi96, .f .mgi96, .h .mgi96, .blog #contents .mgi96 {
  margin-inline: 96px;
}
body section .mgi90, .f .mgi90, .h .mgi90, .blog #contents .mgi90 {
  margin-inline: 90px;
}
body section .mgi84, .f .mgi84, .h .mgi84, .blog #contents .mgi84 {
  margin-inline: 84px;
}
body section .mgi80, .f .mgi80, .h .mgi80, .blog #contents .mgi80 {
  margin-inline: 80px;
}
body section .mgi72, .f .mgi72, .h .mgi72, .blog #contents .mgi72 {
  margin-inline: 72px;
}
body section .mgi64, .f .mgi64, .h .mgi64, .blog #contents .mgi64 {
  margin-inline: 64px;
}
body section .mgi60, .f .mgi60, .h .mgi60, .blog #contents .mgi60 {
  margin-inline: 60px;
}
body section .mgi48, .f .mgi48, .h .mgi48, .blog #contents .mgi48 {
  margin-inline: 48px;
}
body section .mgi40, .f .mgi40, .h .mgi40, .blog #contents .mgi40 {
  margin-inline: 40px;
}
body section .mgi36, .f .mgi36, .h .mgi36, .blog #contents .mgi36 {
  margin-inline: 36px;
}
body section .mgi32, .f .mgi32, .h .mgi32, .blog #contents .mgi32 {
  margin-inline: 32px;
}
body section .mgi30, .f .mgi30, .h .mgi30, .blog #contents .mgi30 {
  margin-inline: 30px;
}
body section .mgi24, .f .mgi24, .h .mgi24, .blog #contents .mgi24 {
  margin-inline: 24px;
}
body section .mgi20, .f .mgi20, .h .mgi20, .blog #contents .mgi20 {
  margin-inline: 20px;
}
body section .mgi16, .f .mgi16, .h .mgi16, .blog #contents .mgi16 {
  margin-inline: 16px;
}
body section .mgi12, .f .mgi12, .h .mgi12, .blog #contents .mgi12 {
  margin-inline: 12px;
}
body section .mgi10, .f .mgi10, .h .mgi10, .blog #contents .mgi10 {
  margin-inline: 10px;
}
body section .mgi8, .f .mgi8, .h .mgi8, .blog #contents .mgi8 {
  margin-inline: 8px;
}
body section .mgi0, .f .mgi0, .h .mgi0, .blog #contents .mgi0 {
  margin-inline: 0px;
}
body section .MB025, .f .MB025, .h .MB025, .blog #contents .MB025 {
  margin-block: calc(0.25 * var(--bl));
}
body section .MB03, .f .MB03, .h .MB03, .blog #contents .MB03 {
  margin-block: calc(0.33 * var(--bl));
}
body section .MB05, .f .MB05, .h .MB05, .blog #contents .MB05 {
  margin-block: calc(0.5 * var(--bl));
}
body section .MB06, .f .MB06, .h .MB06, .blog #contents .MB06 {
  margin-block: calc(0.66 * var(--bl));
}
body section .MB075, .f .MB075, .h .MB075, .blog #contents .MB075 {
  margin-block: calc(0.75 * var(--bl));
}
body section .MB1, .f .MB1, .h .MB1, .blog #contents .MB1 {
  margin-block: calc(1 * var(--bl));
}
body section .MB125, .f .MB125, .h .MB125, .blog #contents .MB125 {
  margin-block: calc(1.25 * var(--bl));
}
body section .MB15, .f .MB15, .h .MB15, .blog #contents .MB15 {
  margin-block: calc(1.5 * var(--bl));
}
body section .MB2, .f .MB2, .h .MB2, .blog #contents .MB2 {
  margin-block: calc(2 * var(--bl));
}
body section .MB3, .f .MB3, .h .MB3, .blog #contents .MB3 {
  margin-block: calc(3 * var(--bl));
}
body section .mgb-bl, .f .mgb-bl, .h .mgb-bl, .blog #contents .mgb-bl {
  margin-block: var(--bl);
}
body section .mgb120, .f .mgb120, .h .mgb120, .blog #contents .mgb120 {
  margin-block: 120px;
}
body section .mgb100, .f .mgb100, .h .mgb100, .blog #contents .mgb100 {
  margin-block: 100px;
}
body section .mgb96, .f .mgb96, .h .mgb96, .blog #contents .mgb96 {
  margin-block: 96px;
}
body section .mgb90, .f .mgb90, .h .mgb90, .blog #contents .mgb90 {
  margin-block: 90px;
}
body section .mgb84, .f .mgb84, .h .mgb84, .blog #contents .mgb84 {
  margin-block: 84px;
}
body section .mgb80, .f .mgb80, .h .mgb80, .blog #contents .mgb80 {
  margin-block: 80px;
}
body section .mgb72, .f .mgb72, .h .mgb72, .blog #contents .mgb72 {
  margin-block: 72px;
}
body section .mgb64, .f .mgb64, .h .mgb64, .blog #contents .mgb64 {
  margin-block: 64px;
}
body section .mgb60, .f .mgb60, .h .mgb60, .blog #contents .mgb60 {
  margin-block: 60px;
}
body section .mgb48, .f .mgb48, .h .mgb48, .blog #contents .mgb48 {
  margin-block: 48px;
}
body section .mgb40, .f .mgb40, .h .mgb40, .blog #contents .mgb40 {
  margin-block: 40px;
}
body section .mgb36, .f .mgb36, .h .mgb36, .blog #contents .mgb36 {
  margin-block: 36px;
}
body section .mgb32, .f .mgb32, .h .mgb32, .blog #contents .mgb32 {
  margin-block: 32px;
}
body section .mgb30, .f .mgb30, .h .mgb30, .blog #contents .mgb30 {
  margin-block: 30px;
}
body section .mgb24, .f .mgb24, .h .mgb24, .blog #contents .mgb24 {
  margin-block: 24px;
}
body section .mgb20, .f .mgb20, .h .mgb20, .blog #contents .mgb20 {
  margin-block: 20px;
}
body section .mgb16, .f .mgb16, .h .mgb16, .blog #contents .mgb16 {
  margin-block: 16px;
}
body section .mgb12, .f .mgb12, .h .mgb12, .blog #contents .mgb12 {
  margin-block: 12px;
}
body section .mgb10, .f .mgb10, .h .mgb10, .blog #contents .mgb10 {
  margin-block: 10px;
}
body section .mgb8, .f .mgb8, .h .mgb8, .blog #contents .mgb8 {
  margin-block: 8px;
}
body section .mgb0, .f .mgb0, .h .mgb0, .blog #contents .mgb0 {
  margin-block: 0px;
}
body section .mgb3e, .f .mgb3e, .h .mgb3e, .blog #contents .mgb3e {
  margin-block: 3em;
}
body section .mgb2e, .f .mgb2e, .h .mgb2e, .blog #contents .mgb2e {
  margin-block: 2em;
}
body section .mgb1e, .f .mgb1e, .h .mgb1e, .blog #contents .mgb1e {
  margin-block: 1em;
}

body section .outL2mi, .f .outL2mi, .h .outL2mi, .blog #contents .outL2mi {
  outline: 2vmin solid rgba(255, 255, 255, 0.5333333333);
}
body section .nml1mi, .f .nml1mi, .h .nml1mi, .blog #contents .nml1mi {
  margin-left: -1vmin;
}
body section .nml2mi, .f .nml2mi, .h .nml2mi, .blog #contents .nml2mi {
  margin-left: -2vmin;
}
body section .nml3mi, .f .nml3mi, .h .nml3mi, .blog #contents .nml3mi {
  margin-left: -3vmin;
}
body section .ml025e, .f .ml025e, .h .ml025e, .blog #contents .ml025e {
  margin-left: 0.25em;
}
body section .ml075e, .f .ml075e, .h .ml075e, .blog #contents .ml075e {
  margin-left: 0.75em;
}
body section .ml05e, .f .ml05e, .h .ml05e, .blog #contents .ml05e {
  margin-left: 0.5em;
}
body section .ml1e, .f .ml1e, .h .ml1e, .blog #contents .ml1e {
  margin-left: 1em;
}
body section .ml15e, .f .ml15e, .h .ml15e, .blog #contents .ml15e {
  margin-left: 1.5em;
}
body section .ml2e, .f .ml2e, .h .ml2e, .blog #contents .ml2e {
  margin-left: 2em;
}
body section .ml3e, .f .ml3e, .h .ml3e, .blog #contents .ml3e {
  margin-left: 3em;
}
body section .ml4e, .f .ml4e, .h .ml4e, .blog #contents .ml4e {
  margin-left: 4em;
}
body section .ml5e, .f .ml5e, .h .ml5e, .blog #contents .ml5e {
  margin-left: 5em;
}
body section .ml6e, .f .ml6e, .h .ml6e, .blog #contents .ml6e {
  margin-left: 6em;
}
body section .mr1e, .f .mr1e, .h .mr1e, .blog #contents .mr1e {
  margin-right: 1em;
}
body section .mr15e, .f .mr15e, .h .mr15e, .blog #contents .mr15e {
  margin-right: 1.5em;
}
body section .mr2e, .f .mr2e, .h .mr2e, .blog #contents .mr2e {
  margin-right: 2em;
}
body section .mr3e, .f .mr3e, .h .mr3e, .blog #contents .mr3e {
  margin-right: 3em;
}
body section .mt1e, .f .mt1e, .h .mt1e, .blog #contents .mt1e {
  margin-top: 1em;
}
body section .mt125e, .f .mt125e, .h .mt125e, .blog #contents .mt125e {
  margin-top: 1.25em;
}
body section .mt15e, .f .mt15e, .h .mt15e, .blog #contents .mt15e {
  margin-top: 1.5em;
}
body section .mt175e, .f .mt175e, .h .mt175e, .blog #contents .mt175e {
  margin-top: 1.75em;
}
body section .mt1e, .f .mt1e, .h .mt1e, .blog #contents .mt1e {
  margin-top: 1em;
}
body section .mt2e, .f .mt2e, .h .mt2e, .blog #contents .mt2e {
  margin-top: 2em;
}
body section .mt3e, .f .mt3e, .h .mt3e, .blog #contents .mt3e {
  margin-top: 3em;
}
body section .mt4e, .f .mt4e, .h .mt4e, .blog #contents .mt4e {
  margin-top: 4em;
}
body section .mt5e, .f .mt5e, .h .mt5e, .blog #contents .mt5e {
  margin-top: 5em;
}
body section .mt6e, .f .mt6e, .h .mt6e, .blog #contents .mt6e {
  margin-top: 6em;
}
body section .mt7e, .f .mt7e, .h .mt7e, .blog #contents .mt7e {
  margin-top: 7em;
}
body section .mt8e, .f .mt8e, .h .mt8e, .blog #contents .mt8e {
  margin-top: 8em;
}
body section .mt9e, .f .mt9e, .h .mt9e, .blog #contents .mt9e {
  margin-top: 9em;
}
body section .mt10e, .f .mt10e, .h .mt10e, .blog #contents .mt10e {
  margin-top: 10em;
}
body section .mt2mi, .f .mt2mi, .h .mt2mi, .blog #contents .mt2mi {
  margin-top: 2vmin;
}
body section .mt4mi, .f .mt4mi, .h .mt4mi, .blog #contents .mt4mi {
  margin-top: 4vmin;
}
body section .mt5mi, .f .mt5mi, .h .mt5mi, .blog #contents .mt5mi {
  margin-top: 5vmin;
}
body section .mt6mi, .f .mt6mi, .h .mt6mi, .blog #contents .mt6mi {
  margin-top: 6vmin;
}
body section .mt8mi, .f .mt8mi, .h .mt8mi, .blog #contents .mt8mi {
  margin-top: 8vmin;
}
body section .mt10mi, .f .mt10mi, .h .mt10mi, .blog #contents .mt10mi {
  margin-top: 10vmin;
}
body section .mt2p, .f .mt2p, .h .mt2p, .blog #contents .mt2p {
  margin-top: 2%;
}
body section .mt4p, .f .mt4p, .h .mt4p, .blog #contents .mt4p {
  margin-top: 4%;
}
body section .mt5p, .f .mt5p, .h .mt5p, .blog #contents .mt5p {
  margin-top: 5%;
}
body section .mt6p, .f .mt6p, .h .mt6p, .blog #contents .mt6p {
  margin-top: 6%;
}
body section .mt75p, .f .mt75p, .h .mt75p, .blog #contents .mt75p {
  margin-top: 7.5%;
}
body section .mt8p, .f .mt8p, .h .mt8p, .blog #contents .mt8p {
  margin-top: 8%;
}
body section .mt10p, .f .mt10p, .h .mt10p, .blog #contents .mt10p {
  margin-top: 10%;
}
body section .mt12p, .f .mt12p, .h .mt12p, .blog #contents .mt12p {
  margin-top: 12%;
}
body section .mt15p, .f .mt15p, .h .mt15p, .blog #contents .mt15p {
  margin-top: 15%;
}
body section .mt16p, .f .mt16p, .h .mt16p, .blog #contents .mt16p {
  margin-top: 16%;
}
body section .mt18p, .f .mt18p, .h .mt18p, .blog #contents .mt18p {
  margin-top: 18%;
}
body section .mt20p, .f .mt20p, .h .mt20p, .blog #contents .mt20p {
  margin-top: 20%;
}
body section .mt22p, .f .mt22p, .h .mt22p, .blog #contents .mt22p {
  margin-top: 22%;
}
body section .mt24p, .f .mt24p, .h .mt24p, .blog #contents .mt24p {
  margin-top: 24%;
}
body section .mt26p, .f .mt26p, .h .mt26p, .blog #contents .mt26p {
  margin-top: 26%;
}
body section .mt28p, .f .mt28p, .h .mt28p, .blog #contents .mt28p {
  margin-top: 28%;
}
body section .mt30p, .f .mt30p, .h .mt30p, .blog #contents .mt30p {
  margin-top: 30%;
}
body section .mt10h, .f .mt10h, .h .mt10h, .blog #contents .mt10h {
  margin-top: 10vh;
}
body section .mt12h, .f .mt12h, .h .mt12h, .blog #contents .mt12h {
  margin-top: 12vh;
}
body section .mt15h, .f .mt15h, .h .mt15h, .blog #contents .mt15h {
  margin-top: 15vh;
}
body section .mt16h, .f .mt16h, .h .mt16h, .blog #contents .mt16h {
  margin-top: 16vh;
}
body section .mt18h, .f .mt18h, .h .mt18h, .blog #contents .mt18h {
  margin-top: 18vh;
}
body section .mt20h, .f .mt20h, .h .mt20h, .blog #contents .mt20h {
  margin-top: 20vh;
}
body section .mt22h, .f .mt22h, .h .mt22h, .blog #contents .mt22h {
  margin-top: 22vh;
}
body section .mt24h, .f .mt24h, .h .mt24h, .blog #contents .mt24h {
  margin-top: 24vh;
}
body section .mt26h, .f .mt26h, .h .mt26h, .blog #contents .mt26h {
  margin-top: 26vh;
}
body section .mt28h, .f .mt28h, .h .mt28h, .blog #contents .mt28h {
  margin-top: 28vh;
}
body section .mt30h, .f .mt30h, .h .mt30h, .blog #contents .mt30h {
  margin-top: 30vh;
}
body section .bdt-bl-wh, .f .bdt-bl-wh, .h .bdt-bl-wh, .blog #contents .bdt-bl-wh {
  border-top: var(--bl) solid transparent;
  -o-border-image: linear-gradient(#f6b73c, #4d9f0c) 30;
     border-image: linear-gradient(#f6b73c, #4d9f0c) 30;
}
body section .mt-auto, .f .mt-auto, .h .mt-auto, .blog #contents .mt-auto {
  margin-top: auto;
}
body section .mt-head, .f .mt-head, .h .mt-head, .blog #contents .mt-head {
  margin-top: var(--head);
}
body section .mtB025, .f .mtB025, .h .mtB025, .blog #contents .mtB025 {
  margin-top: calc(0.25 * var(--bl));
}
body section .mtB03, .f .mtB03, .h .mtB03, .blog #contents .mtB03 {
  margin-top: calc(0.33 * var(--bl));
}
body section .mtB05, .f .mtB05, .h .mtB05, .blog #contents .mtB05 {
  margin-top: calc(0.5 * var(--bl));
}
body section .mtB06, .f .mtB06, .h .mtB06, .blog #contents .mtB06 {
  margin-top: calc(0.66 * var(--bl));
}
body section .mtB075, .f .mtB075, .h .mtB075, .blog #contents .mtB075 {
  margin-top: calc(0.75 * var(--bl));
}
body section .mtB1, .f .mtB1, .h .mtB1, .blog #contents .mtB1 {
  margin-top: calc(1 * var(--bl));
}
body section .mtB125, .f .mtB125, .h .mtB125, .blog #contents .mtB125 {
  margin-top: calc(1.25 * var(--bl));
}
body section .mtB15, .f .mtB15, .h .mtB15, .blog #contents .mtB15 {
  margin-top: calc(1.5 * var(--bl));
}
body section .mtB2, .f .mtB2, .h .mtB2, .blog #contents .mtB2 {
  margin-top: calc(2 * var(--bl));
}
body section .mtB3, .f .mtB3, .h .mtB3, .blog #contents .mtB3 {
  margin-top: calc(3 * var(--bl));
}
body section .mt240, .f .mt240, .h .mt240, .blog #contents .mt240 {
  margin-top: 240px;
}
body section .mt200, .f .mt200, .h .mt200, .blog #contents .mt200 {
  margin-top: 200px;
}
body section .mt180, .f .mt180, .h .mt180, .blog #contents .mt180 {
  margin-top: 180px;
}
body section .mt160, .f .mt160, .h .mt160, .blog #contents .mt160 {
  margin-top: 160px;
}
body section .mt140, .f .mt140, .h .mt140, .blog #contents .mt140 {
  margin-top: 140px;
}
body section .mt120, .f .mt120, .h .mt120, .blog #contents .mt120 {
  margin-top: 120px;
}
body section .mt108, .f .mt108, .h .mt108, .blog #contents .mt108 {
  margin-top: 108px;
}
body section .mt100, .f .mt100, .h .mt100, .blog #contents .mt100 {
  margin-top: 100px;
}
body section .mt90, .f .mt90, .h .mt90, .blog #contents .mt90 {
  margin-top: 90px;
}
body section .mt80, .f .mt80, .h .mt80, .blog #contents .mt80 {
  margin-top: 80px;
}
body section .mt72, .f .mt72, .h .mt72, .blog #contents .mt72 {
  margin-top: 72px;
}
body section .mt64, .f .mt64, .h .mt64, .blog #contents .mt64 {
  margin-top: 64px;
}
body section .mt60, .f .mt60, .h .mt60, .blog #contents .mt60 {
  margin-top: 60px;
}
body section .mt48, .f .mt48, .h .mt48, .blog #contents .mt48 {
  margin-top: 48px;
}
body section .mt40, .f .mt40, .h .mt40, .blog #contents .mt40 {
  margin-top: 40px;
}
body section .mt36, .f .mt36, .h .mt36, .blog #contents .mt36 {
  margin-top: 36px;
}
body section .mt32, .f .mt32, .h .mt32, .blog #contents .mt32 {
  margin-top: 32px;
}
body section .mt30, .f .mt30, .h .mt30, .blog #contents .mt30 {
  margin-top: 30px;
}
body section .mt24, .f .mt24, .h .mt24, .blog #contents .mt24 {
  margin-top: 24px;
}
body section .mt20, .f .mt20, .h .mt20, .blog #contents .mt20 {
  margin-top: 20px;
}
body section .mt16, .f .mt16, .h .mt16, .blog #contents .mt16 {
  margin-top: 16px;
}
body section .mt12, .f .mt12, .h .mt12, .blog #contents .mt12 {
  margin-top: 12px;
}
body section .mt10, .f .mt10, .h .mt10, .blog #contents .mt10 {
  margin-top: 10px;
}
body section .mt8, .f .mt8, .h .mt8, .blog #contents .mt8 {
  margin-top: 8px;
}
body section .mt0, .f .mt0, .h .mt0, .blog #contents .mt0 {
  margin-top: 0px;
}
body section .next-mt40 + div, .f .next-mt40 + div, .h .next-mt40 + div, .blog #contents .next-mt40 + div {
  margin-top: 40px;
}
body section .next-mt32 + div, .f .next-mt32 + div, .h .next-mt32 + div, .blog #contents .next-mt32 + div {
  margin-top: 32px;
}
body section .next-mt30 + div, .f .next-mt30 + div, .h .next-mt30 + div, .blog #contents .next-mt30 + div {
  margin-top: 30px;
}
body section .next-mt24 + div, .f .next-mt24 + div, .h .next-mt24 + div, .blog #contents .next-mt24 + div {
  margin-top: 24px;
}
body section .next-mt20 + div, .f .next-mt20 + div, .h .next-mt20 + div, .blog #contents .next-mt20 + div {
  margin-top: 20px;
}
body section .next-mt16 + div, .f .next-mt16 + div, .h .next-mt16 + div, .blog #contents .next-mt16 + div {
  margin-top: 16px;
}
body section .next-mt10 + div, .f .next-mt10 + div, .h .next-mt10 + div, .blog #contents .next-mt10 + div {
  margin-top: 10px;
}
body section .mbB025, .f .mbB025, .h .mbB025, .blog #contents .mbB025 {
  margin-bottom: calc(0.25 * var(--bl));
}
body section .mbB03, .f .mbB03, .h .mbB03, .blog #contents .mbB03 {
  margin-bottom: calc(0.33 * var(--bl));
}
body section .mbB05, .f .mbB05, .h .mbB05, .blog #contents .mbB05 {
  margin-bottom: calc(0.5 * var(--bl));
}
body section .mbB06, .f .mbB06, .h .mbB06, .blog #contents .mbB06 {
  margin-bottom: calc(0.66 * var(--bl));
}
body section .mbB075, .f .mbB075, .h .mbB075, .blog #contents .mbB075 {
  margin-bottom: calc(0.75 * var(--bl));
}
body section .mbB1, .f .mbB1, .h .mbB1, .blog #contents .mbB1 {
  margin-bottom: calc(1 * var(--bl));
}
body section .mbB125, .f .mbB125, .h .mbB125, .blog #contents .mbB125 {
  margin-bottom: calc(1.25 * var(--bl));
}
body section .mbB15, .f .mbB15, .h .mbB15, .blog #contents .mbB15 {
  margin-bottom: calc(1.5 * var(--bl));
}
body section .mbB2, .f .mbB2, .h .mbB2, .blog #contents .mbB2 {
  margin-bottom: calc(2 * var(--bl));
}
body section .mbB3, .f .mbB3, .h .mbB3, .blog #contents .mbB3 {
  margin-bottom: calc(3 * var(--bl));
}
body section .mb1e, .f .mb1e, .h .mb1e, .blog #contents .mb1e {
  margin-bottom: 1em;
}
body section .mb125e, .f .mb125e, .h .mb125e, .blog #contents .mb125e {
  margin-bottom: 1.25em;
}
body section .mb15e, .f .mb15e, .h .mb15e, .blog #contents .mb15e {
  margin-bottom: 1.5em;
}
body section .mb175e, .f .mb175e, .h .mb175e, .blog #contents .mb175e {
  margin-bottom: 1.75em;
}
body section .mb240, .f .mb240, .h .mb240, .blog #contents .mb240 {
  margin-bottom: 240px;
}
body section .mb200, .f .mb200, .h .mb200, .blog #contents .mb200 {
  margin-bottom: 200px;
}
body section .mb180, .f .mb180, .h .mb180, .blog #contents .mb180 {
  margin-bottom: 180px;
}
body section .mb160, .f .mb160, .h .mb160, .blog #contents .mb160 {
  margin-bottom: 160px;
}
body section .mb140, .f .mb140, .h .mb140, .blog #contents .mb140 {
  margin-bottom: 140px;
}
body section .mb120, .f .mb120, .h .mb120, .blog #contents .mb120 {
  margin-bottom: 120px;
}
body section .mb108, .f .mb108, .h .mb108, .blog #contents .mb108 {
  margin-bottom: 108px;
}
body section .mb100, .f .mb100, .h .mb100, .blog #contents .mb100 {
  margin-bottom: 100px;
}
body section .mb96, .f .mb96, .h .mb96, .blog #contents .mb96 {
  margin-bottom: 96px;
}
body section .mb90, .f .mb90, .h .mb90, .blog #contents .mb90 {
  margin-bottom: 90px;
}
body section .mb84, .f .mb84, .h .mb84, .blog #contents .mb84 {
  margin-bottom: 84px;
}
body section .mb80, .f .mb80, .h .mb80, .blog #contents .mb80 {
  margin-bottom: 80px;
}
body section .mb72, .f .mb72, .h .mb72, .blog #contents .mb72 {
  margin-bottom: 72px;
}
body section .mb64, .f .mb64, .h .mb64, .blog #contents .mb64 {
  margin-bottom: 64px;
}
body section .mb60, .f .mb60, .h .mb60, .blog #contents .mb60 {
  margin-bottom: 60px;
}
body section .mb48, .f .mb48, .h .mb48, .blog #contents .mb48 {
  margin-bottom: 48px;
}
body section .mb40, .f .mb40, .h .mb40, .blog #contents .mb40 {
  margin-bottom: 40px;
}
body section .mb36, .f .mb36, .h .mb36, .blog #contents .mb36 {
  margin-bottom: 36px;
}
body section .mb32, .f .mb32, .h .mb32, .blog #contents .mb32 {
  margin-bottom: 32px;
}
body section .mb30, .f .mb30, .h .mb30, .blog #contents .mb30 {
  margin-bottom: 30px;
}
body section .mb24, .f .mb24, .h .mb24, .blog #contents .mb24 {
  margin-bottom: 24px;
}
body section .mb20, .f .mb20, .h .mb20, .blog #contents .mb20 {
  margin-bottom: 20px;
}
body section .mb16, .f .mb16, .h .mb16, .blog #contents .mb16 {
  margin-bottom: 16px;
}
body section .mb12, .f .mb12, .h .mb12, .blog #contents .mb12 {
  margin-bottom: 12px;
}
body section .mb10, .f .mb10, .h .mb10, .blog #contents .mb10 {
  margin-bottom: 10px;
}
body section .mb8, .f .mb8, .h .mb8, .blog #contents .mb8 {
  margin-bottom: 8px;
}
body section .mb0, .f .mb0, .h .mb0, .blog #contents .mb0 {
  margin-bottom: 0px;
}
body section .nmb1e, .f .nmb1e, .h .nmb1e, .blog #contents .nmb1e {
  margin-bottom: -1em;
}
body section .nmb125e, .f .nmb125e, .h .nmb125e, .blog #contents .nmb125e {
  margin-bottom: -1.25em;
}
body section .nmb15e, .f .nmb15e, .h .nmb15e, .blog #contents .nmb15e {
  margin-bottom: -1.5em;
}
body section .nmb175e, .f .nmb175e, .h .nmb175e, .blog #contents .nmb175e {
  margin-bottom: -1.75em;
}
body section .nmb2e, .f .nmb2e, .h .nmb2e, .blog #contents .nmb2e {
  margin-bottom: -2em;
}
body section .nmb8, .f .nmb8, .h .nmb8, .blog #contents .nmb8 {
  margin-bottom: -8px;
}
body section .nmb10, .f .nmb10, .h .nmb10, .blog #contents .nmb10 {
  margin-bottom: -10px;
}
body section .nmb12, .f .nmb12, .h .nmb12, .blog #contents .nmb12 {
  margin-bottom: -12px;
}
body section .nmb16, .f .nmb16, .h .nmb16, .blog #contents .nmb16 {
  margin-bottom: -16px;
}
body section .nmb20, .f .nmb20, .h .nmb20, .blog #contents .nmb20 {
  margin-bottom: -20px;
}
body section .nmb24, .f .nmb24, .h .nmb24, .blog #contents .nmb24 {
  margin-bottom: -24px;
}
body section .nmb30, .f .nmb30, .h .nmb30, .blog #contents .nmb30 {
  margin-bottom: -30px;
}
body section .nmb32, .f .nmb32, .h .nmb32, .blog #contents .nmb32 {
  margin-bottom: -32px;
}
body section .nmb36, .f .nmb36, .h .nmb36, .blog #contents .nmb36 {
  margin-bottom: -36px;
}
body section .nmb40, .f .nmb40, .h .nmb40, .blog #contents .nmb40 {
  margin-bottom: -40px;
}
body section .nmb48, .f .nmb48, .h .nmb48, .blog #contents .nmb48 {
  margin-bottom: -48px;
}
body section .nmb60, .f .nmb60, .h .nmb60, .blog #contents .nmb60 {
  margin-bottom: -60px;
}
body section .nmb72, .f .nmb72, .h .nmb72, .blog #contents .nmb72 {
  margin-bottom: -72px;
}
body section .nmb80, .f .nmb80, .h .nmb80, .blog #contents .nmb80 {
  margin-bottom: -80px;
}
body section .nmb84, .f .nmb84, .h .nmb84, .blog #contents .nmb84 {
  margin-bottom: -84px;
}
body section .nmb90, .f .nmb90, .h .nmb90, .blog #contents .nmb90 {
  margin-bottom: -90px;
}
body section .nmb96, .f .nmb96, .h .nmb96, .blog #contents .nmb96 {
  margin-bottom: -96px;
}
body section .nmb100, .f .nmb100, .h .nmb100, .blog #contents .nmb100 {
  margin-bottom: -100px;
}
body section .nmb108, .f .nmb108, .h .nmb108, .blog #contents .nmb108 {
  margin-bottom: -108px;
}
body section .nmb120, .f .nmb120, .h .nmb120, .blog #contents .nmb120 {
  margin-bottom: -120px;
}
body section .nmb140, .f .nmb140, .h .nmb140, .blog #contents .nmb140 {
  margin-bottom: -140px;
}
body section .nmb150, .f .nmb150, .h .nmb150, .blog #contents .nmb150 {
  margin-bottom: -150px;
}
body section .nmb160, .f .nmb160, .h .nmb160, .blog #contents .nmb160 {
  margin-bottom: -160px;
}
body section .nmb180, .f .nmb180, .h .nmb180, .blog #contents .nmb180 {
  margin-bottom: -180px;
}
body section .nmb200, .f .nmb200, .h .nmb200, .blog #contents .nmb200 {
  margin-bottom: -200px;
}
body section .nmb240, .f .nmb240, .h .nmb240, .blog #contents .nmb240 {
  margin-bottom: -240px;
}
body section .nmbB03, .f .nmbB03, .h .nmbB03, .blog #contents .nmbB03 {
  margin-bottom: calc(var(--bl) / -3);
}
body section .nmbB05, .f .nmbB05, .h .nmbB05, .blog #contents .nmbB05 {
  margin-bottom: calc(var(--bl) / -2);
}
body section .nmbB06, .f .nmbB06, .h .nmbB06, .blog #contents .nmbB06 {
  margin-bottom: calc(var(--bl) / -1.5);
}
body section .nmbB075, .f .nmbB075, .h .nmbB075, .blog #contents .nmbB075 {
  margin-bottom: calc(var(--bl) / -4 * 3);
}
body section .nmbB1, .f .nmbB1, .h .nmbB1, .blog #contents .nmbB1 {
  margin-bottom: calc(-1 * var(--bl));
}
body section .nmbB15, .f .nmbB15, .h .nmbB15, .blog #contents .nmbB15 {
  margin-bottom: calc(-1.5 * var(--bl));
}
body section .nmbB2, .f .nmbB2, .h .nmbB2, .blog #contents .nmbB2 {
  margin-bottom: calc(-2 * var(--bl));
}
body section .nmb-FBS, .f .nmb-FBS, .h .nmb-FBS, .blog #contents .nmb-FBS {
  margin-bottom: calc(-1 * var(--FBS));
}
body section .nmt2mi, .f .nmt2mi, .h .nmt2mi, .blog #contents .nmt2mi {
  margin-top: -2vmin;
}
body section .nmt4mi, .f .nmt4mi, .h .nmt4mi, .blog #contents .nmt4mi {
  margin-top: -4vmin;
}
body section .nmt6mi, .f .nmt6mi, .h .nmt6mi, .blog #contents .nmt6mi {
  margin-top: -6vmin;
}
body section .nmt8mi, .f .nmt8mi, .h .nmt8mi, .blog #contents .nmt8mi {
  margin-top: -8vmin;
}
body section .nmt10mi, .f .nmt10mi, .h .nmt10mi, .blog #contents .nmt10mi {
  margin-top: -10vmin;
}
body section .nmt12mi, .f .nmt12mi, .h .nmt12mi, .blog #contents .nmt12mi {
  margin-top: -12vmin;
}
body section .nmt16mi, .f .nmt16mi, .h .nmt16mi, .blog #contents .nmt16mi {
  margin-top: -16vmin;
}
body section .nmt20mi, .f .nmt20mi, .h .nmt20mi, .blog #contents .nmt20mi {
  margin-top: -20vmin;
}
body section .nmtB03, .f .nmtB03, .h .nmtB03, .blog #contents .nmtB03 {
  margin-top: calc(var(--bl) / -3);
}
body section .nmtB05, .f .nmtB05, .h .nmtB05, .blog #contents .nmtB05 {
  margin-top: calc(var(--bl) / -2);
}
body section .nmtB06, .f .nmtB06, .h .nmtB06, .blog #contents .nmtB06 {
  margin-top: calc(var(--bl) / -1.5);
}
body section .nmtB075, .f .nmtB075, .h .nmtB075, .blog #contents .nmtB075 {
  margin-top: calc(var(--bl) / -4 * 3);
}
body section .nmtB05, .f .nmtB05, .h .nmtB05, .blog #contents .nmtB05 {
  margin-top: calc(-0.5 * var(--bl));
}
body section .nmtB025, .f .nmtB025, .h .nmtB025, .blog #contents .nmtB025 {
  margin-top: calc(-0.25 * var(--bl));
}
body section .nmtB1, .f .nmtB1, .h .nmtB1, .blog #contents .nmtB1 {
  margin-top: calc(-1 * var(--bl));
}
body section .nmtB15, .f .nmtB15, .h .nmtB15, .blog #contents .nmtB15 {
  margin-top: calc(-1.5 * var(--bl));
}
body section .nmtB2, .f .nmtB2, .h .nmtB2, .blog #contents .nmtB2 {
  margin-top: calc(-2 * var(--bl));
}
body section .nmtB25, .f .nmtB25, .h .nmtB25, .blog #contents .nmtB25 {
  margin-top: calc(-2.5 * var(--bl));
}
body section .nmtB3, .f .nmtB3, .h .nmtB3, .blog #contents .nmtB3 {
  margin-top: calc(-3 * var(--bl));
}
body section .nmt1, .f .nmt1, .h .nmt1, .blog #contents .nmt1 {
  margin-top: -1px;
}
body section .nmt8, .f .nmt8, .h .nmt8, .blog #contents .nmt8 {
  margin-top: -8px;
}
body section .nmt10, .f .nmt10, .h .nmt10, .blog #contents .nmt10 {
  margin-top: -10px;
}
body section .nmt12, .f .nmt12, .h .nmt12, .blog #contents .nmt12 {
  margin-top: -12px;
}
body section .nmt16, .f .nmt16, .h .nmt16, .blog #contents .nmt16 {
  margin-top: -16px;
}
body section .nmt20, .f .nmt20, .h .nmt20, .blog #contents .nmt20 {
  margin-top: -20px;
}
body section .nmt24, .f .nmt24, .h .nmt24, .blog #contents .nmt24 {
  margin-top: -24px;
}
body section .nmt30, .f .nmt30, .h .nmt30, .blog #contents .nmt30 {
  margin-top: -30px;
}
body section .nmt32, .f .nmt32, .h .nmt32, .blog #contents .nmt32 {
  margin-top: -32px;
}
body section .nmt36, .f .nmt36, .h .nmt36, .blog #contents .nmt36 {
  margin-top: -36px;
}
body section .nmt40, .f .nmt40, .h .nmt40, .blog #contents .nmt40 {
  margin-top: -40px;
}
body section .nmt48, .f .nmt48, .h .nmt48, .blog #contents .nmt48 {
  margin-top: -48px;
}
body section .nmt60, .f .nmt60, .h .nmt60, .blog #contents .nmt60 {
  margin-top: -60px;
}
body section .nmt72, .f .nmt72, .h .nmt72, .blog #contents .nmt72 {
  margin-top: -72px;
}
body section .nmt80, .f .nmt80, .h .nmt80, .blog #contents .nmt80 {
  margin-top: -80px;
}
body section .nmt84, .f .nmt84, .h .nmt84, .blog #contents .nmt84 {
  margin-top: -84px;
}
body section .nmt90, .f .nmt90, .h .nmt90, .blog #contents .nmt90 {
  margin-top: -90px;
}
body section .nmt96, .f .nmt96, .h .nmt96, .blog #contents .nmt96 {
  margin-top: -96px;
}
body section .nmt100, .f .nmt100, .h .nmt100, .blog #contents .nmt100 {
  margin-top: -100px;
}
body section .nmt108, .f .nmt108, .h .nmt108, .blog #contents .nmt108 {
  margin-top: -108px;
}
body section .nmt120, .f .nmt120, .h .nmt120, .blog #contents .nmt120 {
  margin-top: -120px;
}
body section .nmt140, .f .nmt140, .h .nmt140, .blog #contents .nmt140 {
  margin-top: -140px;
}
body section .nmt150, .f .nmt150, .h .nmt150, .blog #contents .nmt150 {
  margin-top: -150px;
}
body section .nmt160, .f .nmt160, .h .nmt160, .blog #contents .nmt160 {
  margin-top: -160px;
}
@media screen and (max-width: 640px) {
  body section .nmt160, .f .nmt160, .h .nmt160, .blog #contents .nmt160 {
    margin-top: -40px;
  }
}
body section .nmt180, .f .nmt180, .h .nmt180, .blog #contents .nmt180 {
  margin-top: -180px;
}
body section .nmt200, .f .nmt200, .h .nmt200, .blog #contents .nmt200 {
  margin-top: -200px;
}
body section .nmt240, .f .nmt240, .h .nmt240, .blog #contents .nmt240 {
  margin-top: -240px;
}
body section [class*=nmt], body section [class*=nmb], .f [class*=nmt], .f [class*=nmb], .h [class*=nmt], .h [class*=nmb], .blog #contents [class*=nmt], .blog #contents [class*=nmb] {
  position: relative;
  z-index: 1;
}

body section .H-mb1e :is(h1, h2, h3), .f .H-mb1e :is(h1, h2, h3), .h .H-mb1e :is(h1, h2, h3), .blog #contents .H-mb1e :is(h1, h2, h3) {
  margin-bottom: 1em;
}
body section .H-mb125e :is(h1, h2, h3), .f .H-mb125e :is(h1, h2, h3), .h .H-mb125e :is(h1, h2, h3), .blog #contents .H-mb125e :is(h1, h2, h3) {
  margin-bottom: 1.25em;
}
body section .H-mb15e :is(h1, h2, h3), .f .H-mb15e :is(h1, h2, h3), .h .H-mb15e :is(h1, h2, h3), .blog #contents .H-mb15e :is(h1, h2, h3) {
  margin-bottom: 1.5em;
}
body section .H-mb175e :is(h1, h2, h3), .f .H-mb175e :is(h1, h2, h3), .h .H-mb175e :is(h1, h2, h3), .blog #contents .H-mb175e :is(h1, h2, h3) {
  margin-bottom: 1.75em;
}
body section .H-mb240 :is(h1, h2, h3), .f .H-mb240 :is(h1, h2, h3), .h .H-mb240 :is(h1, h2, h3), .blog #contents .H-mb240 :is(h1, h2, h3) {
  margin-bottom: 240px;
}
body section .H-mb200 :is(h1, h2, h3), .f .H-mb200 :is(h1, h2, h3), .h .H-mb200 :is(h1, h2, h3), .blog #contents .H-mb200 :is(h1, h2, h3) {
  margin-bottom: 200px;
}
body section .H-mb180 :is(h1, h2, h3), .f .H-mb180 :is(h1, h2, h3), .h .H-mb180 :is(h1, h2, h3), .blog #contents .H-mb180 :is(h1, h2, h3) {
  margin-bottom: 180px;
}
body section .H-mb160 :is(h1, h2, h3), .f .H-mb160 :is(h1, h2, h3), .h .H-mb160 :is(h1, h2, h3), .blog #contents .H-mb160 :is(h1, h2, h3) {
  margin-bottom: 160px;
}
body section .H-mb140 :is(h1, h2, h3), .f .H-mb140 :is(h1, h2, h3), .h .H-mb140 :is(h1, h2, h3), .blog #contents .H-mb140 :is(h1, h2, h3) {
  margin-bottom: 140px;
}
body section .H-mb120 :is(h1, h2, h3), .f .H-mb120 :is(h1, h2, h3), .h .H-mb120 :is(h1, h2, h3), .blog #contents .H-mb120 :is(h1, h2, h3) {
  margin-bottom: 120px;
}
body section .H-mb108 :is(h1, h2, h3), .f .H-mb108 :is(h1, h2, h3), .h .H-mb108 :is(h1, h2, h3), .blog #contents .H-mb108 :is(h1, h2, h3) {
  margin-bottom: 108px;
}
body section .H-mb100 :is(h1, h2, h3), .f .H-mb100 :is(h1, h2, h3), .h .H-mb100 :is(h1, h2, h3), .blog #contents .H-mb100 :is(h1, h2, h3) {
  margin-bottom: 100px;
}
body section .H-mb96 :is(h1, h2, h3), .f .H-mb96 :is(h1, h2, h3), .h .H-mb96 :is(h1, h2, h3), .blog #contents .H-mb96 :is(h1, h2, h3) {
  margin-bottom: 96px;
}
body section .H-mb90 :is(h1, h2, h3), .f .H-mb90 :is(h1, h2, h3), .h .H-mb90 :is(h1, h2, h3), .blog #contents .H-mb90 :is(h1, h2, h3) {
  margin-bottom: 90px;
}
body section .H-mb84 :is(h1, h2, h3), .f .H-mb84 :is(h1, h2, h3), .h .H-mb84 :is(h1, h2, h3), .blog #contents .H-mb84 :is(h1, h2, h3) {
  margin-bottom: 84px;
}
body section .H-mb80 :is(h1, h2, h3), .f .H-mb80 :is(h1, h2, h3), .h .H-mb80 :is(h1, h2, h3), .blog #contents .H-mb80 :is(h1, h2, h3) {
  margin-bottom: 80px;
}
body section .H-mb72 :is(h1, h2, h3), .f .H-mb72 :is(h1, h2, h3), .h .H-mb72 :is(h1, h2, h3), .blog #contents .H-mb72 :is(h1, h2, h3) {
  margin-bottom: 72px;
}
body section .H-mb64 :is(h1, h2, h3), .f .H-mb64 :is(h1, h2, h3), .h .H-mb64 :is(h1, h2, h3), .blog #contents .H-mb64 :is(h1, h2, h3) {
  margin-bottom: 64px;
}
body section .H-mb60 :is(h1, h2, h3), .f .H-mb60 :is(h1, h2, h3), .h .H-mb60 :is(h1, h2, h3), .blog #contents .H-mb60 :is(h1, h2, h3) {
  margin-bottom: 60px;
}
body section .H-mb48 :is(h1, h2, h3), .f .H-mb48 :is(h1, h2, h3), .h .H-mb48 :is(h1, h2, h3), .blog #contents .H-mb48 :is(h1, h2, h3) {
  margin-bottom: 48px;
}
body section .H-mb40 :is(h1, h2, h3), .f .H-mb40 :is(h1, h2, h3), .h .H-mb40 :is(h1, h2, h3), .blog #contents .H-mb40 :is(h1, h2, h3) {
  margin-bottom: 40px;
}
body section .H-mb36 :is(h1, h2, h3), .f .H-mb36 :is(h1, h2, h3), .h .H-mb36 :is(h1, h2, h3), .blog #contents .H-mb36 :is(h1, h2, h3) {
  margin-bottom: 36px;
}
body section .H-mb32 :is(h1, h2, h3), .f .H-mb32 :is(h1, h2, h3), .h .H-mb32 :is(h1, h2, h3), .blog #contents .H-mb32 :is(h1, h2, h3) {
  margin-bottom: 32px;
}
body section .H-mb30 :is(h1, h2, h3), .f .H-mb30 :is(h1, h2, h3), .h .H-mb30 :is(h1, h2, h3), .blog #contents .H-mb30 :is(h1, h2, h3) {
  margin-bottom: 30px;
}
body section .H-mb24 :is(h1, h2, h3), .f .H-mb24 :is(h1, h2, h3), .h .H-mb24 :is(h1, h2, h3), .blog #contents .H-mb24 :is(h1, h2, h3) {
  margin-bottom: 24px;
}
body section .H-mb20 :is(h1, h2, h3), .f .H-mb20 :is(h1, h2, h3), .h .H-mb20 :is(h1, h2, h3), .blog #contents .H-mb20 :is(h1, h2, h3) {
  margin-bottom: 20px;
}
body section .H-mb16 :is(h1, h2, h3), .f .H-mb16 :is(h1, h2, h3), .h .H-mb16 :is(h1, h2, h3), .blog #contents .H-mb16 :is(h1, h2, h3) {
  margin-bottom: 16px;
}
body section .H-mb12 :is(h1, h2, h3), .f .H-mb12 :is(h1, h2, h3), .h .H-mb12 :is(h1, h2, h3), .blog #contents .H-mb12 :is(h1, h2, h3) {
  margin-bottom: 12px;
}
body section .H-mb10 :is(h1, h2, h3), .f .H-mb10 :is(h1, h2, h3), .h .H-mb10 :is(h1, h2, h3), .blog #contents .H-mb10 :is(h1, h2, h3) {
  margin-bottom: 10px;
}
body section .H-mb8 :is(h1, h2, h3), .f .H-mb8 :is(h1, h2, h3), .h .H-mb8 :is(h1, h2, h3), .blog #contents .H-mb8 :is(h1, h2, h3) {
  margin-bottom: 8px;
}
body section .H-mb0 :is(h1, h2, h3), .f .H-mb0 :is(h1, h2, h3), .h .H-mb0 :is(h1, h2, h3), .blog #contents .H-mb0 :is(h1, h2, h3) {
  margin-bottom: 0px;
}

body section .emUdot, .f .emUdot, .h .emUdot, .blog #contents .emUdot {
  -webkit-text-emphasis: dot;
          text-emphasis: dot;
  -webkit-text-emphasis-position: under;
          text-emphasis-position: under right;
}
body section .emUcir, .f .emUcir, .h .emUcir, .blog #contents .emUcir {
  -webkit-text-emphasis: circle;
          text-emphasis: circle;
  -webkit-text-emphasis-position: under;
          text-emphasis-position: under right;
}
body section .bb2ac, .f .bb2ac, .h .bb2ac, .blog #contents .bb2ac {
  border-bottom: 2px var(--decoS) var(--ac);
}
body section .bb3ac, .f .bb3ac, .h .bb3ac, .blog #contents .bb3ac {
  border-bottom: 3px var(--decoS) var(--ac);
}
body section .bb4ac, .f .bb4ac, .h .bb4ac, .blog #contents .bb4ac {
  border-bottom: 4px var(--decoS) var(--ac);
}
body section .bb6ac, .f .bb6ac, .h .bb6ac, .blog #contents .bb6ac {
  border-bottom: 6px var(--decoS) var(--ac);
}
body section .bb8ac, .f .bb8ac, .h .bb8ac, .blog #contents .bb8ac {
  border-bottom: 8px var(--decoS) var(--ac);
}
body section .bb10ac, .f .bb10ac, .h .bb10ac, .blog #contents .bb10ac {
  border-bottom: 10px var(--decoS) var(--ac);
}
body section .bb12ac, .f .bb12ac, .h .bb12ac, .blog #contents .bb12ac {
  border-bottom: 12px var(--decoS) var(--ac);
}
body section .bb16ac, .f .bb16ac, .h .bb16ac, .blog #contents .bb16ac {
  border-bottom: 16px var(--decoS) var(--ac);
}
body section .bb2bc, .f .bb2bc, .h .bb2bc, .blog #contents .bb2bc {
  border-bottom: 2px var(--decoS) var(--bc);
}
body section .bb4bc, .f .bb4bc, .h .bb4bc, .blog #contents .bb4bc {
  border-bottom: 4px var(--decoS) var(--bc);
}
body section .bb6bc, .f .bb6bc, .h .bb6bc, .blog #contents .bb6bc {
  border-bottom: 6px var(--decoS) var(--bc);
}
body section .bb8bc, .f .bb8bc, .h .bb8bc, .blog #contents .bb8bc {
  border-bottom: 8px var(--decoS) var(--bc);
}
body section .bb10bc, .f .bb10bc, .h .bb10bc, .blog #contents .bb10bc {
  border-bottom: 10px var(--decoS) var(--bc);
}
body section .bb12bc, .f .bb12bc, .h .bb12bc, .blog #contents .bb12bc {
  border-bottom: 12px var(--decoS) var(--bc);
}
body section .bb16bc, .f .bb16bc, .h .bb16bc, .blog #contents .bb16bc {
  border-bottom: 16px var(--decoS) var(--bc);
}
body section .bb2sc, .f .bb2sc, .h .bb2sc, .blog #contents .bb2sc {
  border-bottom: 2px var(--decoS) var(--sc);
}
body section .bb4sc, .f .bb4sc, .h .bb4sc, .blog #contents .bb4sc {
  border-bottom: 4px var(--decoS) var(--sc);
}
body section .bb6sc, .f .bb6sc, .h .bb6sc, .blog #contents .bb6sc {
  border-bottom: 6px var(--decoS) var(--sc);
}
body section .bb8sc, .f .bb8sc, .h .bb8sc, .blog #contents .bb8sc {
  border-bottom: 8px var(--decoS) var(--sc);
}
body section .bb10sc, .f .bb10sc, .h .bb10sc, .blog #contents .bb10sc {
  border-bottom: 10px var(--decoS) var(--sc);
}
body section .bb12sc, .f .bb12sc, .h .bb12sc, .blog #contents .bb12sc {
  border-bottom: 12px var(--decoS) var(--sc);
}
body section .bb16sc, .f .bb16sc, .h .bb16sc, .blog #contents .bb16sc {
  border-bottom: 16px var(--decoS) var(--sc);
}
body section .bb2mc, .f .bb2mc, .h .bb2mc, .blog #contents .bb2mc {
  border-bottom: 2px var(--decoS) var(--mc);
}
body section .bb4mc, .f .bb4mc, .h .bb4mc, .blog #contents .bb4mc {
  border-bottom: 4px var(--decoS) var(--mc);
}
body section .bb6mc, .f .bb6mc, .h .bb6mc, .blog #contents .bb6mc {
  border-bottom: 6px var(--decoS) var(--mc);
}
body section .bb8mc, .f .bb8mc, .h .bb8mc, .blog #contents .bb8mc {
  border-bottom: 8px var(--decoS) var(--mc);
}
body section .bb10mc, .f .bb10mc, .h .bb10mc, .blog #contents .bb10mc {
  border-bottom: 10px var(--decoS) var(--mc);
}
body section .bb12mc, .f .bb12mc, .h .bb12mc, .blog #contents .bb12mc {
  border-bottom: 12px var(--decoS) var(--mc);
}
body section .bb16mc, .f .bb16mc, .h .bb16mc, .blog #contents .bb16mc {
  border-bottom: 16px var(--decoS) var(--mc);
}
body section .bdb2wh, .f .bdb2wh, .h .bdb2wh, .blog #contents .bdb2wh {
  border-bottom: 2px var(--decoS) var(--wh);
}
body section .bdb4wh, .f .bdb4wh, .h .bdb4wh, .blog #contents .bdb4wh {
  border-bottom: 4px var(--decoS) var(--wh);
}
body section .bdb6wh, .f .bdb6wh, .h .bdb6wh, .blog #contents .bdb6wh {
  border-bottom: 6px var(--decoS) var(--wh);
}
body section .bdb8wh, .f .bdb8wh, .h .bdb8wh, .blog #contents .bdb8wh {
  border-bottom: 8px var(--decoS) var(--wh);
}
body section .bdb10wh, .f .bdb10wh, .h .bdb10wh, .blog #contents .bdb10wh {
  border-bottom: 10px var(--decoS) var(--wh);
}
body section .bdb12wh, .f .bdb12wh, .h .bdb12wh, .blog #contents .bdb12wh {
  border-bottom: 12px var(--decoS) var(--wh);
}
body section .bdb16wh, .f .bdb16wh, .h .bdb16wh, .blog #contents .bdb16wh {
  border-bottom: 16px var(--decoS) var(--wh);
}
body section .hbb1wh :is(h1, h2, h3), .f .hbb1wh :is(h1, h2, h3), .h .hbb1wh :is(h1, h2, h3), .blog #contents .hbb1wh :is(h1, h2, h3) {
  border-bottom: 1px var(--decoS) var(--wh);
}
body section .hbb2wh :is(h1, h2, h3), .f .hbb2wh :is(h1, h2, h3), .h .hbb2wh :is(h1, h2, h3), .blog #contents .hbb2wh :is(h1, h2, h3) {
  border-bottom: 2px var(--decoS) var(--wh);
}
body section .hbb4wh :is(h1, h2, h3), .f .hbb4wh :is(h1, h2, h3), .h .hbb4wh :is(h1, h2, h3), .blog #contents .hbb4wh :is(h1, h2, h3) {
  border-bottom: 4px var(--decoS) var(--wh);
}
body section .hbb6wh :is(h1, h2, h3), .f .hbb6wh :is(h1, h2, h3), .h .hbb6wh :is(h1, h2, h3), .blog #contents .hbb6wh :is(h1, h2, h3) {
  border-bottom: 6px var(--decoS) var(--wh);
}
body section .hbb8wh :is(h1, h2, h3), .f .hbb8wh :is(h1, h2, h3), .h .hbb8wh :is(h1, h2, h3), .blog #contents .hbb8wh :is(h1, h2, h3) {
  border-bottom: 8px var(--decoS) var(--wh);
}
body section .hbb10wh :is(h1, h2, h3), .f .hbb10wh :is(h1, h2, h3), .h .hbb10wh :is(h1, h2, h3), .blog #contents .hbb10wh :is(h1, h2, h3) {
  border-bottom: 10px var(--decoS) var(--wh);
}
body section .hbb12wh :is(h1, h2, h3), .f .hbb12wh :is(h1, h2, h3), .h .hbb12wh :is(h1, h2, h3), .blog #contents .hbb12wh :is(h1, h2, h3) {
  border-bottom: 12px var(--decoS) var(--wh);
}
body section .hbb16wh :is(h1, h2, h3), .f .hbb16wh :is(h1, h2, h3), .h .hbb16wh :is(h1, h2, h3), .blog #contents .hbb16wh :is(h1, h2, h3) {
  border-bottom: 16px var(--decoS) var(--wh);
}
body section .hbb1mc :is(h1, h2, h3), .f .hbb1mc :is(h1, h2, h3), .h .hbb1mc :is(h1, h2, h3), .blog #contents .hbb1mc :is(h1, h2, h3) {
  border-bottom: 1px var(--decoS) var(--mc);
}
body section .hbb2mc :is(h1, h2, h3), .f .hbb2mc :is(h1, h2, h3), .h .hbb2mc :is(h1, h2, h3), .blog #contents .hbb2mc :is(h1, h2, h3) {
  border-bottom: 2px var(--decoS) var(--mc);
}
body section .hbb4mc :is(h1, h2, h3), .f .hbb4mc :is(h1, h2, h3), .h .hbb4mc :is(h1, h2, h3), .blog #contents .hbb4mc :is(h1, h2, h3) {
  border-bottom: 4px var(--decoS) var(--mc);
}
body section .hbb6mc :is(h1, h2, h3), .f .hbb6mc :is(h1, h2, h3), .h .hbb6mc :is(h1, h2, h3), .blog #contents .hbb6mc :is(h1, h2, h3) {
  border-bottom: 6px var(--decoS) var(--mc);
}
body section .hbb8mc :is(h1, h2, h3), .f .hbb8mc :is(h1, h2, h3), .h .hbb8mc :is(h1, h2, h3), .blog #contents .hbb8mc :is(h1, h2, h3) {
  border-bottom: 8px var(--decoS) var(--mc);
}
body section .hbb10mc :is(h1, h2, h3), .f .hbb10mc :is(h1, h2, h3), .h .hbb10mc :is(h1, h2, h3), .blog #contents .hbb10mc :is(h1, h2, h3) {
  border-bottom: 10px var(--decoS) var(--mc);
}
body section .hbb12mc :is(h1, h2, h3), .f .hbb12mc :is(h1, h2, h3), .h .hbb12mc :is(h1, h2, h3), .blog #contents .hbb12mc :is(h1, h2, h3) {
  border-bottom: 12px var(--decoS) var(--mc);
}
body section .hbb16mc :is(h1, h2, h3), .f .hbb16mc :is(h1, h2, h3), .h .hbb16mc :is(h1, h2, h3), .blog #contents .hbb16mc :is(h1, h2, h3) {
  border-bottom: 16px var(--decoS) var(--mc);
}
body section .i-max600 img, .f .i-max600 img, .h .i-max600 img, .blog #contents .i-max600 img {
  height: 600px !important;
}
body section .i-max500 img, .f .i-max500 img, .h .i-max500 img, .blog #contents .i-max500 img {
  height: 500px !important;
}
body section .i-max400 img, .f .i-max400 img, .h .i-max400 img, .blog #contents .i-max400 img {
  height: 400px !important;
}
body section .i-max300 img, .f .i-max300 img, .h .i-max300 img, .blog #contents .i-max300 img {
  height: 300px !important;
}
body section .i-max200 img, .f .i-max200 img, .h .i-max200 img, .blog #contents .i-max200 img {
  height: 200px !important;
}
body section .i-bd12wh img, .f .i-bd12wh img, .h .i-bd12wh img, .blog #contents .i-bd12wh img {
  border: 12px solid var(--wh);
}
body section .i-bd12mc img, .f .i-bd12mc img, .h .i-bd12mc img, .blog #contents .i-bd12mc img {
  border: 12px solid var(--mc);
}
body section .box-bd12wh .box, .f .box-bd12wh .box, .h .box-bd12wh .box, .blog #contents .box-bd12wh .box {
  border: 12px solid var(--wh);
}
body section .box-bd12mc .box, .f .box-bd12mc .box, .h .box-bd12mc .box, .blog #contents .box-bd12mc .box {
  border: 12px solid var(--mc);
}
body section .bd2ac, .f .bd2ac, .h .bd2ac, .blog #contents .bd2ac {
  border: 2px solid var(--ac);
}
body section .bd4ac, .f .bd4ac, .h .bd4ac, .blog #contents .bd4ac {
  border: 4px solid var(--ac);
}
body section .bd6ac, .f .bd6ac, .h .bd6ac, .blog #contents .bd6ac {
  border: 6px solid var(--ac);
}
body section .bd8ac, .f .bd8ac, .h .bd8ac, .blog #contents .bd8ac {
  border: 8px solid var(--ac);
}
body section .bd10ac, .f .bd10ac, .h .bd10ac, .blog #contents .bd10ac {
  border: 10px solid var(--ac);
}
body section .bd12ac, .f .bd12ac, .h .bd12ac, .blog #contents .bd12ac {
  border: 12px solid var(--ac);
}
body section .bd16ac, .f .bd16ac, .h .bd16ac, .blog #contents .bd16ac {
  border: 16px solid var(--ac);
}
body section .bd2bc, .f .bd2bc, .h .bd2bc, .blog #contents .bd2bc {
  border: 2px solid var(--bc);
}
body section .bd4bc, .f .bd4bc, .h .bd4bc, .blog #contents .bd4bc {
  border: 4px solid var(--bc);
}
body section .bd6bc, .f .bd6bc, .h .bd6bc, .blog #contents .bd6bc {
  border: 6px solid var(--bc);
}
body section .bd8bc, .f .bd8bc, .h .bd8bc, .blog #contents .bd8bc {
  border: 8px solid var(--bc);
}
body section .bd10bc, .f .bd10bc, .h .bd10bc, .blog #contents .bd10bc {
  border: 10px solid var(--bc);
}
body section .bd12bc, .f .bd12bc, .h .bd12bc, .blog #contents .bd12bc {
  border: 12px solid var(--bc);
}
body section .bd16bc, .f .bd16bc, .h .bd16bc, .blog #contents .bd16bc {
  border: 16px solid var(--bc);
}
body section .bd2sc, .f .bd2sc, .h .bd2sc, .blog #contents .bd2sc {
  border: 2px solid var(--sc);
}
body section .bd4sc, .f .bd4sc, .h .bd4sc, .blog #contents .bd4sc {
  border: 4px solid var(--sc);
}
body section .bd6sc, .f .bd6sc, .h .bd6sc, .blog #contents .bd6sc {
  border: 6px solid var(--sc);
}
body section .bd8sc, .f .bd8sc, .h .bd8sc, .blog #contents .bd8sc {
  border: 8px solid var(--sc);
}
body section .bd10sc, .f .bd10sc, .h .bd10sc, .blog #contents .bd10sc {
  border: 10px solid var(--sc);
}
body section .bd12sc, .f .bd12sc, .h .bd12sc, .blog #contents .bd12sc {
  border: 12px solid var(--sc);
}
body section .bd16sc, .f .bd16sc, .h .bd16sc, .blog #contents .bd16sc {
  border: 16px solid var(--sc);
}
body section .bd2mc, .f .bd2mc, .h .bd2mc, .blog #contents .bd2mc {
  border: 2px solid var(--mc);
}
body section .bd4mc, .f .bd4mc, .h .bd4mc, .blog #contents .bd4mc {
  border: 4px solid var(--mc);
}
body section .bd6mc, .f .bd6mc, .h .bd6mc, .blog #contents .bd6mc {
  border: 6px solid var(--mc);
}
body section .bd8mc, .f .bd8mc, .h .bd8mc, .blog #contents .bd8mc {
  border: 8px solid var(--mc);
}
body section .bd10mc, .f .bd10mc, .h .bd10mc, .blog #contents .bd10mc {
  border: 10px solid var(--mc);
}
body section .bd12mc, .f .bd12mc, .h .bd12mc, .blog #contents .bd12mc {
  border: 12px solid var(--mc);
}
body section .bd16mc, .f .bd16mc, .h .bd16mc, .blog #contents .bd16mc {
  border: 16px solid var(--mc);
}

body section [class*=wts], .f [class*=wts], .h [class*=wts], .blog #contents [class*=wts] {
  -webkit-text-stroke-color: currentColor;
}
body section .wts1e, .f .wts1e, .h .wts1e, .blog #contents .wts1e {
  -webkit-text-stroke: 0.1em;
}
body section .wts2e, .f .wts2e, .h .wts2e, .blog #contents .wts2e {
  -webkit-text-stroke: 0.2em;
}
body section .wts1, .f .wts1, .h .wts1, .blog #contents .wts1 {
  -webkit-text-stroke: 1px;
}
body section .wts2, .f .wts2, .h .wts2, .blog #contents .wts2 {
  -webkit-text-stroke: 2px;
}
body section .wts3, .f .wts3, .h .wts3, .blog #contents .wts3 {
  -webkit-text-stroke: 3px;
}
body section .wts4, .f .wts4, .h .wts4, .blog #contents .wts4 {
  -webkit-text-stroke: 4px;
}
body section .txwh, body section .txwh *, .f .txwh, .f .txwh *, .h .txwh, .h .txwh *, .blog #contents .txwh, .blog #contents .txwh * {
  color: var(--wh);
}
body section .txbk, body section .txbk *, .f .txbk, .f .txbk *, .h .txbk, .h .txbk *, .blog #contents .txbk, .blog #contents .txbk * {
  color: var(--bk);
}
body section .txmc, body section .txmc *, .f .txmc, .f .txmc *, .h .txmc, .h .txmc *, .blog #contents .txmc, .blog #contents .txmc * {
  color: var(--mc);
}
body section .txsc, body section .txsc *, .f .txsc, .f .txsc *, .h .txsc, .h .txsc *, .blog #contents .txsc, .blog #contents .txsc * {
  color: var(--sc);
}
body section .txbc, body section .txbc *, .f .txbc, .f .txbc *, .h .txbc, .h .txbc *, .blog #contents .txbc, .blog #contents .txbc * {
  color: var(--bc);
}
body section .txac, body section .txac *, .f .txac, .f .txac *, .h .txac, .h .txac *, .blog #contents .txac, .blog #contents .txac * {
  color: var(--ac);
}
body section .txtx, body section .txtx *, .f .txtx, .f .txtx *, .h .txtx, .h .txtx *, .blog #contents .txtx, .blog #contents .txtx * {
  color: var(--tx);
}
body section .tx00, body section .tx00 *, .f .tx00, .f .tx00 *, .h .tx00, .h .tx00 *, .blog #contents .tx00, .blog #contents .tx00 * {
  color: #000 !important;
}
body section .cm2036, .f .cm2036, .h .cm2036, .blog #contents .cm2036 {
  font-size: clamp(20px, 2.8vw, 36px);
}
body section .italic, .f .italic, .h .italic, .blog #contents .italic {
  font-style: italic;
}
body section .fw100, .f .fw100, .h .fw100, .blog #contents .fw100 {
  font-weight: 100;
}
body section .fw200, .f .fw200, .h .fw200, .blog #contents .fw200 {
  font-weight: 200;
}
body section .fw300, .f .fw300, .h .fw300, .blog #contents .fw300 {
  font-weight: 300;
}
body section .fw400, .f .fw400, .h .fw400, .blog #contents .fw400 {
  font-weight: 400;
}
body section .fw500, .f .fw500, .h .fw500, .blog #contents .fw500 {
  font-weight: 500;
}
body section .fw600, .f .fw600, .h .fw600, .blog #contents .fw600 {
  font-weight: 600;
}
body section .fw700, .f .fw700, .h .fw700, .blog #contents .fw700 {
  font-weight: 700;
}
body section .fw900, .f .fw900, .h .fw900, .blog #contents .fw900 {
  font-weight: 900;
}
body section .f400, .f .f400, .h .f400, .blog #contents .f400 {
  font-size: 400% !important;
}
body section .f350, .f .f350, .h .f350, .blog #contents .f350 {
  font-size: 350% !important;
}
body section .f300, .f .f300, .h .f300, .blog #contents .f300 {
  font-size: 300% !important;
}
body section .f275, .f .f275, .h .f275, .blog #contents .f275 {
  font-size: 275% !important;
}
body section .f250, .f .f250, .h .f250, .blog #contents .f250 {
  font-size: 250% !important;
}
body section .f225, .f .f225, .h .f225, .blog #contents .f225 {
  font-size: 225% !important;
}
body section .f200, .f .f200, .h .f200, .blog #contents .f200 {
  font-size: 200% !important;
}
body section .f140, .f .f140, .h .f140, .blog #contents .f140 {
  font-size: 140% !important;
}
body section .f160, .f .f160, .h .f160, .blog #contents .f160 {
  font-size: 160% !important;
}
body section .f180, .f .f180, .h .f180, .blog #contents .f180 {
  font-size: 180% !important;
}
body section .f175, .f .f175, .h .f175, .blog #contents .f175 {
  font-size: 175% !important;
}
body section .f166, .f .f166, .h .f166, .blog #contents .f166 {
  font-size: 166% !important;
}
body section .f150, .f .f150, .h .f150, .blog #contents .f150 {
  font-size: 150% !important;
}
body section .f133, .f .f133, .h .f133, .blog #contents .f133 {
  font-size: 133% !important;
}
body section .f125, .f .f125, .h .f125, .blog #contents .f125 {
  font-size: 125% !important;
}
body section .f120, .f .f120, .h .f120, .blog #contents .f120 {
  font-size: 120% !important;
}
body section .f14, .f .f14, .h .f14, .blog #contents .f14 {
  font-size: 14px !important;
}
body section .f16, .f .f16, .h .f16, .blog #contents .f16 {
  font-size: var(--f16) !important;
}
body section .f18, .f .f18, .h .f18, .blog #contents .f18 {
  font-size: var(--f18) !important;
}
body section .f20, .f .f20, .h .f20, .blog #contents .f20 {
  font-size: var(--f20) !important;
}
body section .f24, .f .f24, .h .f24, .blog #contents .f24 {
  font-size: var(--f24) !important;
}
body section .f28, .f .f28, .h .f28, .blog #contents .f28 {
  font-size: var(--f28) !important;
}
body section .f30, .f .f30, .h .f30, .blog #contents .f30 {
  font-size: var(--f30) !important;
}
body section .f32, .f .f32, .h .f32, .blog #contents .f32 {
  font-size: var(--f32) !important;
}
body section .f36, .f .f36, .h .f36, .blog #contents .f36 {
  font-size: var(--f36) !important;
}
body section .f40, .f .f40, .h .f40, .blog #contents .f40 {
  font-size: var(--f40) !important;
}
body section .f44, .f .f44, .h .f44, .blog #contents .f44 {
  font-size: var(--f44) !important;
}
body section .f48, .f .f48, .h .f48, .blog #contents .f48 {
  font-size: var(--f48) !important;
}
body section .f52, .f .f52, .h .f52, .blog #contents .f52 {
  font-size: var(--f52) !important;
}
body section .f56, .f .f56, .h .f56, .blog #contents .f56 {
  font-size: var(--f56) !important;
}
body section .f60, .f .f60, .h .f60, .blog #contents .f60 {
  font-size: var(--f60) !important;
}
body section .f64, .f .f64, .h .f64, .blog #contents .f64 {
  font-size: var(--f64) !important;
}
body section .f68, .f .f68, .h .f68, .blog #contents .f68 {
  font-size: var(--f68) !important;
}
body section .f72, .f .f72, .h .f72, .blog #contents .f72 {
  font-size: var(--f72) !important;
}
body section .f76, .f .f76, .h .f76, .blog #contents .f76 {
  font-size: var(--f76) !important;
}
body section .f80, .f .f80, .h .f80, .blog #contents .f80 {
  font-size: var(--f80) !important;
}
body section .f84, .f .f84, .h .f84, .blog #contents .f84 {
  font-size: var(--f84) !important;
}
body section .f88, .f .f88, .h .f88, .blog #contents .f88 {
  font-size: var(--f88) !important;
}
body section .f92, .f .f92, .h .f92, .blog #contents .f92 {
  font-size: var(--f92) !important;
}
body section .f96, .f .f96, .h .f96, .blog #contents .f96 {
  font-size: var(--f96) !important;
}
body section .f1mi, .f .f1mi, .h .f1mi, .blog #contents .f1mi {
  font-size: 1vmin;
}
body section .f15mi, .f .f15mi, .h .f15mi, .blog #contents .f15mi {
  font-size: 1.5vmin;
}
body section .f2mi, .f .f2mi, .h .f2mi, .blog #contents .f2mi {
  font-size: 2vmin;
}
body section .f25mi, .f .f25mi, .h .f25mi, .blog #contents .f25mi {
  font-size: 2.5vmin;
}
body section .f3mi, .f .f3mi, .h .f3mi, .blog #contents .f3mi {
  font-size: 3vmin;
}
body section .f35mi, .f .f35mi, .h .f35mi, .blog #contents .f35mi {
  font-size: 3.5vmin;
}
body section .f4mi, .f .f4mi, .h .f4mi, .blog #contents .f4mi {
  font-size: 4vmin;
}
body section .f5mi, .f .f5mi, .h .f5mi, .blog #contents .f5mi {
  font-size: 5vmin;
}
body section .f6mi, .f .f6mi, .h .f6mi, .blog #contents .f6mi {
  font-size: 6vmin;
}
body section .f8mi, .f .f8mi, .h .f8mi, .blog #contents .f8mi {
  font-size: 8vmin;
}
body section .f10mi, .f .f10mi, .h .f10mi, .blog #contents .f10mi {
  font-size: 10vmin;
}
body section .f12mi, .f .f12mi, .h .f12mi, .blog #contents .f12mi {
  font-size: 12vmin;
}

@media screen and (max-width: 834px) {
  body section .tabAS9-5, .f .tabAS9-5, .h .tabAS9-5, .blog #contents .tabAS9-5 {
    aspect-ratio: 9/5;
  }
  body section .tabAS8-5, .f .tabAS8-5, .h .tabAS8-5, .blog #contents .tabAS8-5 {
    aspect-ratio: 8/5;
  }
  body section .tabAS7-5, .f .tabAS7-5, .h .tabAS7-5, .blog #contents .tabAS7-5 {
    aspect-ratio: 7/5;
  }
  body section .tabAS6-5, .f .tabAS6-5, .h .tabAS6-5, .blog #contents .tabAS6-5 {
    aspect-ratio: 6/5;
  }
  body section .tabAS9-4, .f .tabAS9-4, .h .tabAS9-4, .blog #contents .tabAS9-4 {
    aspect-ratio: 9/4;
  }
  body section .tabAS5-4, .f .tabAS5-4, .h .tabAS5-4, .blog #contents .tabAS5-4 {
    aspect-ratio: 5/4;
  }
  body section .tabAS7-3, .f .tabAS7-3, .h .tabAS7-3, .blog #contents .tabAS7-3 {
    aspect-ratio: 7/3;
  }
  body section .tabAS5-3, .f .tabAS5-3, .h .tabAS5-3, .blog #contents .tabAS5-3 {
    aspect-ratio: 5/3;
  }
  body section .tabAS4-3, .f .tabAS4-3, .h .tabAS4-3, .blog #contents .tabAS4-3 {
    aspect-ratio: 4/3;
  }
  body section .tabAS5-2, .f .tabAS5-2, .h .tabAS5-2, .blog #contents .tabAS5-2 {
    aspect-ratio: 5/2;
  }
  body section .tabAS3-2, .f .tabAS3-2, .h .tabAS3-2, .blog #contents .tabAS3-2 {
    aspect-ratio: 3/2;
  }
  body section .tabAS4-1, .f .tabAS4-1, .h .tabAS4-1, .blog #contents .tabAS4-1 {
    aspect-ratio: 4/1;
  }
  body section .tabAS3-1, .f .tabAS3-1, .h .tabAS3-1, .blog #contents .tabAS3-1 {
    aspect-ratio: 3/1;
  }
  body section .tabAS2-1, .f .tabAS2-1, .h .tabAS2-1, .blog #contents .tabAS2-1 {
    aspect-ratio: 2/1;
  }
  body section .tabAS1-1, .f .tabAS1-1, .h .tabAS1-1, .blog #contents .tabAS1-1 {
    aspect-ratio: 1/1;
  }
  body section .tabAS9-5, .f .tabAS9-5, .h .tabAS9-5, .blog #contents .tabAS9-5 {
    aspect-ratio: 9/5;
  }
}
body section .AS9-5, .f .AS9-5, .h .AS9-5, .blog #contents .AS9-5 {
  aspect-ratio: 9/5;
}
body section .AS8-5, .f .AS8-5, .h .AS8-5, .blog #contents .AS8-5 {
  aspect-ratio: 8/5;
}
body section .AS7-5, .f .AS7-5, .h .AS7-5, .blog #contents .AS7-5 {
  aspect-ratio: 7/5;
}
body section .AS6-5, .f .AS6-5, .h .AS6-5, .blog #contents .AS6-5 {
  aspect-ratio: 6/5;
}
body section .AS9-4, .f .AS9-4, .h .AS9-4, .blog #contents .AS9-4 {
  aspect-ratio: 9/4;
}
body section .AS5-4, .f .AS5-4, .h .AS5-4, .blog #contents .AS5-4 {
  aspect-ratio: 5/4;
}
body section .AS7-3, .f .AS7-3, .h .AS7-3, .blog #contents .AS7-3 {
  aspect-ratio: 7/3;
}
body section .AS5-3, .f .AS5-3, .h .AS5-3, .blog #contents .AS5-3 {
  aspect-ratio: 5/3;
}
body section .AS4-3, .f .AS4-3, .h .AS4-3, .blog #contents .AS4-3 {
  aspect-ratio: 4/3;
}
body section .AS5-2, .f .AS5-2, .h .AS5-2, .blog #contents .AS5-2 {
  aspect-ratio: 5/2;
}
body section .AS3-2, .f .AS3-2, .h .AS3-2, .blog #contents .AS3-2 {
  aspect-ratio: 3/2;
}
body section .AS4-1, .f .AS4-1, .h .AS4-1, .blog #contents .AS4-1 {
  aspect-ratio: 4/1;
}
body section .AS3-1, .f .AS3-1, .h .AS3-1, .blog #contents .AS3-1 {
  aspect-ratio: 3/1;
}
body section .AS2-1, .f .AS2-1, .h .AS2-1, .blog #contents .AS2-1 {
  aspect-ratio: 2/1;
}
body section .AS1-1, .f .AS1-1, .h .AS1-1, .blog #contents .AS1-1 {
  aspect-ratio: 1/1;
}
body section .AS9-5, .f .AS9-5, .h .AS9-5, .blog #contents .AS9-5 {
  aspect-ratio: 9/5;
}
@media screen and (max-width: 834px) {
  body section .tabAS9-5, .f .tabAS9-5, .h .tabAS9-5, .blog #contents .tabAS9-5 {
    aspect-ratio: 9/5;
  }
  body section .tabAS8-5, .f .tabAS8-5, .h .tabAS8-5, .blog #contents .tabAS8-5 {
    aspect-ratio: 8/5;
  }
  body section .tabAS7-5, .f .tabAS7-5, .h .tabAS7-5, .blog #contents .tabAS7-5 {
    aspect-ratio: 7/5;
  }
  body section .tabAS6-5, .f .tabAS6-5, .h .tabAS6-5, .blog #contents .tabAS6-5 {
    aspect-ratio: 6/5;
  }
  body section .tabAS9-4, .f .tabAS9-4, .h .tabAS9-4, .blog #contents .tabAS9-4 {
    aspect-ratio: 9/4;
  }
  body section .tabAS5-4, .f .tabAS5-4, .h .tabAS5-4, .blog #contents .tabAS5-4 {
    aspect-ratio: 5/4;
  }
  body section .tabAS7-3, .f .tabAS7-3, .h .tabAS7-3, .blog #contents .tabAS7-3 {
    aspect-ratio: 7/3;
  }
  body section .tabAS5-3, .f .tabAS5-3, .h .tabAS5-3, .blog #contents .tabAS5-3 {
    aspect-ratio: 5/3;
  }
  body section .tabAS4-3, .f .tabAS4-3, .h .tabAS4-3, .blog #contents .tabAS4-3 {
    aspect-ratio: 4/3;
  }
  body section .tabAS5-2, .f .tabAS5-2, .h .tabAS5-2, .blog #contents .tabAS5-2 {
    aspect-ratio: 5/2;
  }
  body section .tabAS3-2, .f .tabAS3-2, .h .tabAS3-2, .blog #contents .tabAS3-2 {
    aspect-ratio: 3/2;
  }
  body section .tabAS4-1, .f .tabAS4-1, .h .tabAS4-1, .blog #contents .tabAS4-1 {
    aspect-ratio: 4/1;
  }
  body section .tabAS3-1, .f .tabAS3-1, .h .tabAS3-1, .blog #contents .tabAS3-1 {
    aspect-ratio: 3/1;
  }
  body section .tabAS2-1, .f .tabAS2-1, .h .tabAS2-1, .blog #contents .tabAS2-1 {
    aspect-ratio: 2/1;
  }
  body section .tabAS1-1, .f .tabAS1-1, .h .tabAS1-1, .blog #contents .tabAS1-1 {
    aspect-ratio: 1/1;
  }
  body section .tabAS9-5, .f .tabAS9-5, .h .tabAS9-5, .blog #contents .tabAS9-5 {
    aspect-ratio: 9/5;
  }
}
body section .box8-5 .box, .f .box8-5 .box, .h .box8-5 .box, .blog #contents .box8-5 .box {
  aspect-ratio: 8/5;
}
body section .box7-5 .box, .f .box7-5 .box, .h .box7-5 .box, .blog #contents .box7-5 .box {
  aspect-ratio: 7/5;
}
body section .box6-5 .box, .f .box6-5 .box, .h .box6-5 .box, .blog #contents .box6-5 .box {
  aspect-ratio: 6/5;
}
body section .box9-4 .box, .f .box9-4 .box, .h .box9-4 .box, .blog #contents .box9-4 .box {
  aspect-ratio: 9/4;
}
body section .box5-7 .box, .f .box5-7 .box, .h .box5-7 .box, .blog #contents .box5-7 .box {
  aspect-ratio: 5/7;
}
body section .box5-4 .box, .f .box5-4 .box, .h .box5-4 .box, .blog #contents .box5-4 .box {
  aspect-ratio: 5/4;
}
body section .box7-3 .box, .f .box7-3 .box, .h .box7-3 .box, .blog #contents .box7-3 .box {
  aspect-ratio: 7/3;
}
body section .box5-3 .box, .f .box5-3 .box, .h .box5-3 .box, .blog #contents .box5-3 .box {
  aspect-ratio: 5/3;
}
body section .box4-3 .box, .f .box4-3 .box, .h .box4-3 .box, .blog #contents .box4-3 .box {
  aspect-ratio: 4/3;
}
body section .box5-2 .box, .f .box5-2 .box, .h .box5-2 .box, .blog #contents .box5-2 .box {
  aspect-ratio: 5/2;
}
body section .box3-2 .box, .f .box3-2 .box, .h .box3-2 .box, .blog #contents .box3-2 .box {
  aspect-ratio: 3/2;
}
body section .box4-1 .box, .f .box4-1 .box, .h .box4-1 .box, .blog #contents .box4-1 .box {
  aspect-ratio: 4/1;
}
body section .box3-1 .box, .f .box3-1 .box, .h .box3-1 .box, .blog #contents .box3-1 .box {
  aspect-ratio: 3/1;
}
body section .box2-1 .box, .f .box2-1 .box, .h .box2-1 .box, .blog #contents .box2-1 .box {
  aspect-ratio: 2/1;
}
body section .box1-1 .box, .f .box1-1 .box, .h .box1-1 .box, .blog #contents .box1-1 .box {
  aspect-ratio: 1/1;
}
body section .img8-5 img, .f .img8-5 img, .h .img8-5 img, .blog #contents .img8-5 img {
  aspect-ratio: 8/5;
}
body section .img7-5 img, .f .img7-5 img, .h .img7-5 img, .blog #contents .img7-5 img {
  aspect-ratio: 7/5;
}
body section .img6-5 img, .f .img6-5 img, .h .img6-5 img, .blog #contents .img6-5 img {
  aspect-ratio: 6/5;
}
body section .img9-4 img, .f .img9-4 img, .h .img9-4 img, .blog #contents .img9-4 img {
  aspect-ratio: 9/4;
}
body section .img5-7 img, .f .img5-7 img, .h .img5-7 img, .blog #contents .img5-7 img {
  aspect-ratio: 5/7;
}
body section .img5-4 img, .f .img5-4 img, .h .img5-4 img, .blog #contents .img5-4 img {
  aspect-ratio: 5/4;
}
body section .img7-3 img, .f .img7-3 img, .h .img7-3 img, .blog #contents .img7-3 img {
  aspect-ratio: 7/3;
}
body section .img5-3 img, .f .img5-3 img, .h .img5-3 img, .blog #contents .img5-3 img {
  aspect-ratio: 5/3;
}
body section .img4-3 img, .f .img4-3 img, .h .img4-3 img, .blog #contents .img4-3 img {
  aspect-ratio: 4/3;
}
body section .img5-2 img, .f .img5-2 img, .h .img5-2 img, .blog #contents .img5-2 img {
  aspect-ratio: 5/2;
}
body section .img3-2 img, .f .img3-2 img, .h .img3-2 img, .blog #contents .img3-2 img {
  aspect-ratio: 3/2;
}
body section .img4-1 img, .f .img4-1 img, .h .img4-1 img, .blog #contents .img4-1 img {
  aspect-ratio: 4/1;
}
body section .img3-1 img, .f .img3-1 img, .h .img3-1 img, .blog #contents .img3-1 img {
  aspect-ratio: 3/1;
}
body section .img2-1 img, .f .img2-1 img, .h .img2-1 img, .blog #contents .img2-1 img {
  aspect-ratio: 2/1;
}
body section .img1-1 img, .f .img1-1 img, .h .img1-1 img, .blog #contents .img1-1 img {
  aspect-ratio: 1/1;
}
body section .of-ct img, .f .of-ct img, .h .of-ct img, .blog #contents .of-ct img {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
body section .of-cv img, .f .of-cv img, .h .of-cv img, .blog #contents .of-cv img {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
body section .img-unset img, .f .img-unset img, .h .img-unset img, .blog #contents .img-unset img {
  width: unset !important;
}
body section .imgRad6v img, .f .imgRad6v img, .h .imgRad6v img, .blog #contents .imgRad6v img {
  border-radius: 6vmin;
}
body section .imgRad5v img, .f .imgRad5v img, .h .imgRad5v img, .blog #contents .imgRad5v img {
  border-radius: 5vmin;
}
body section .imgRad4v img, .f .imgRad4v img, .h .imgRad4v img, .blog #contents .imgRad4v img {
  border-radius: 4vmin;
}
body section .imgRad3v img, .f .imgRad3v img, .h .imgRad3v img, .blog #contents .imgRad3v img {
  border-radius: 3vmin;
}
body section .imgRad2v img, .f .imgRad2v img, .h .imgRad2v img, .blog #contents .imgRad2v img {
  border-radius: 2vmin;
}
body section .imgRad1v img, .f .imgRad1v img, .h .imgRad1v img, .blog #contents .imgRad1v img {
  border-radius: 1vmin;
}
body section .imgRad40 img, .f .imgRad40 img, .h .imgRad40 img, .blog #contents .imgRad40 img {
  border-radius: 40px;
}
body section .imgRad36 img, .f .imgRad36 img, .h .imgRad36 img, .blog #contents .imgRad36 img {
  border-radius: 36px;
}
body section .imgRad32 img, .f .imgRad32 img, .h .imgRad32 img, .blog #contents .imgRad32 img {
  border-radius: 32px;
}
body section .imgRad30 img, .f .imgRad30 img, .h .imgRad30 img, .blog #contents .imgRad30 img {
  border-radius: 30px;
}
body section .imgRad24 img, .f .imgRad24 img, .h .imgRad24 img, .blog #contents .imgRad24 img {
  border-radius: 24px;
}
body section .imgRad20 img, .f .imgRad20 img, .h .imgRad20 img, .blog #contents .imgRad20 img {
  border-radius: 20px;
}
body section .imgRad15 img, .f .imgRad15 img, .h .imgRad15 img, .blog #contents .imgRad15 img {
  border-radius: 15px;
}
body section .imgRad12 img, .f .imgRad12 img, .h .imgRad12 img, .blog #contents .imgRad12 img {
  border-radius: 12px;
}
body section .imgRad10 img, .f .imgRad10 img, .h .imgRad10 img, .blog #contents .imgRad10 img {
  border-radius: 10px;
}
body section .imgRad8 img, .f .imgRad8 img, .h .imgRad8 img, .blog #contents .imgRad8 img {
  border-radius: 8px;
}
body section .imgRad6 img, .f .imgRad6 img, .h .imgRad6 img, .blog #contents .imgRad6 img {
  border-radius: 6px;
}
body section .imgRad5 img, .f .imgRad5 img, .h .imgRad5 img, .blog #contents .imgRad5 img {
  border-radius: 5px;
}
body section .imgRad4 img, .f .imgRad4 img, .h .imgRad4 img, .blog #contents .imgRad4 img {
  border-radius: 4px;
}
body section .imgRad img, .f .imgRad img, .h .imgRad img, .blog #contents .imgRad img {
  border-radius: var(--rad) !important;
}
body section .radius, .f .radius, .h .radius, .blog #contents .radius {
  border-radius: var(--rad);
  overflow: hidden !important;
}
body section .radius2, .f .radius2, .h .radius2, .blog #contents .radius2 {
  border-radius: var(--rad2);
  overflow: hidden !important;
}
body section .radhalf, .f .radhalf, .h .radhalf, .blog #contents .radhalf {
  border-radius: var(--radhalf);
}
body section .rad05e, .f .rad05e, .h .rad05e, .blog #contents .rad05e {
  border-radius: 0.5m;
}
body section .rad1e, .f .rad1e, .h .rad1e, .blog #contents .rad1e {
  border-radius: 1em;
}
body section .rad15e, .f .rad15e, .h .rad15e, .blog #contents .rad15e {
  border-radius: 1.5em;
}
body section .rad2e, .f .rad2e, .h .rad2e, .blog #contents .rad2e {
  border-radius: 2em;
}
body section .rad4, .f .rad4, .h .rad4, .blog #contents .rad4 {
  border-radius: 4px;
}
body section .rad6, .f .rad6, .h .rad6, .blog #contents .rad6 {
  border-radius: 6px;
}
body section .rad8, .f .rad8, .h .rad8, .blog #contents .rad8 {
  border-radius: 8px;
}
body section .rad10, .f .rad10, .h .rad10, .blog #contents .rad10 {
  border-radius: 10px;
}
body section .rad12, .f .rad12, .h .rad12, .blog #contents .rad12 {
  border-radius: 12px;
}
body section .rad16, .f .rad16, .h .rad16, .blog #contents .rad16 {
  border-radius: 16px;
}
body section .rad18, .f .rad18, .h .rad18, .blog #contents .rad18 {
  border-radius: 18px;
}
body section .rad20, .f .rad20, .h .rad20, .blog #contents .rad20 {
  border-radius: 20px;
}
body section .rad24, .f .rad24, .h .rad24, .blog #contents .rad24 {
  border-radius: 24px;
}
body section .rad28, .f .rad28, .h .rad28, .blog #contents .rad28 {
  border-radius: 28px;
}
body section .rad32, .f .rad32, .h .rad32, .blog #contents .rad32 {
  border-radius: 32px;
}
body section .rad36, .f .rad36, .h .rad36, .blog #contents .rad36 {
  border-radius: 36px;
}
body section .rad40, .f .rad40, .h .rad40, .blog #contents .rad40 {
  border-radius: 40px;
}
body section .rad48, .f .rad48, .h .rad48, .blog #contents .rad48 {
  border-radius: 48px;
}
body section .rad60, .f .rad60, .h .rad60, .blog #contents .rad60 {
  border-radius: 60px;
}
body section .rad64, .f .rad64, .h .rad64, .blog #contents .rad64 {
  border-radius: 64px;
}
body section .rad72, .f .rad72, .h .rad72, .blog #contents .rad72 {
  border-radius: 72px;
}
body section .rad80, .f .rad80, .h .rad80, .blog #contents .rad80 {
  border-radius: 80px;
}
body section .rad84, .f .rad84, .h .rad84, .blog #contents .rad84 {
  border-radius: 84px;
}
body section .rad90, .f .rad90, .h .rad90, .blog #contents .rad90 {
  border-radius: 90px;
}
body section .rad96, .f .rad96, .h .rad96, .blog #contents .rad96 {
  border-radius: 96px;
}
body section .rad120, .f .rad120, .h .rad120, .blog #contents .rad120 {
  border-radius: 120px;
}
body section .rad999, .f .rad999, .h .rad999, .blog #contents .rad999 {
  border-radius: 999px;
}

body section :is(h1, h2, h3):has([class*=deco]), body section .h2font, .f :is(h1, h2, h3):has([class*=deco]), .f .h2font, .h :is(h1, h2, h3):has([class*=deco]), .h .h2font, .blog #contents :is(h1, h2, h3):has([class*=deco]), .blog #contents .h2font {
  text-underline-offset: var(--lineOff);
}
body section :is(h1, h2, h3):has([class*=deco]) u, body section :is(h1, h2, h3):has([class*=deco]) b, body section :is(h1, h2, h3):has([class*=deco]) span, body section .h2font u, body section .h2font b, body section .h2font span, .f :is(h1, h2, h3):has([class*=deco]) u, .f :is(h1, h2, h3):has([class*=deco]) b, .f :is(h1, h2, h3):has([class*=deco]) span, .f .h2font u, .f .h2font b, .f .h2font span, .h :is(h1, h2, h3):has([class*=deco]) u, .h :is(h1, h2, h3):has([class*=deco]) b, .h :is(h1, h2, h3):has([class*=deco]) span, .h .h2font u, .h .h2font b, .h .h2font span, .blog #contents :is(h1, h2, h3):has([class*=deco]) u, .blog #contents :is(h1, h2, h3):has([class*=deco]) b, .blog #contents :is(h1, h2, h3):has([class*=deco]) span, .blog #contents .h2font u, .blog #contents .h2font b, .blog #contents .h2font span {
  display: inline-block;
}
body section .deco1mc, .f .deco1mc, .h .deco1mc, .blog #contents .deco1mc {
  -webkit-text-decoration: underline var(--decoS) 1px var(--mc);
          text-decoration: underline var(--decoS) 1px var(--mc);
}
body section .deco2mc, .f .deco2mc, .h .deco2mc, .blog #contents .deco2mc {
  -webkit-text-decoration: underline var(--decoS) 2px var(--mc);
          text-decoration: underline var(--decoS) 2px var(--mc);
}
body section .deco4mc, .f .deco4mc, .h .deco4mc, .blog #contents .deco4mc {
  -webkit-text-decoration: underline var(--decoS) 4px var(--mc);
          text-decoration: underline var(--decoS) 4px var(--mc);
}
body section .deco6mc, .f .deco6mc, .h .deco6mc, .blog #contents .deco6mc {
  -webkit-text-decoration: underline var(--decoS) 6px var(--mc);
          text-decoration: underline var(--decoS) 6px var(--mc);
}
body section .deco8mc, .f .deco8mc, .h .deco8mc, .blog #contents .deco8mc {
  -webkit-text-decoration: underline var(--decoS) 8px var(--mc);
          text-decoration: underline var(--decoS) 8px var(--mc);
}
body section .deco10mc, .f .deco10mc, .h .deco10mc, .blog #contents .deco10mc {
  -webkit-text-decoration: underline var(--decoS) 10px var(--mc);
          text-decoration: underline var(--decoS) 10px var(--mc);
}
body section .deco12mc, .f .deco12mc, .h .deco12mc, .blog #contents .deco12mc {
  -webkit-text-decoration: underline var(--decoS) 12px var(--mc);
          text-decoration: underline var(--decoS) 12px var(--mc);
}
body section .deco1ac, .f .deco1ac, .h .deco1ac, .blog #contents .deco1ac {
  -webkit-text-decoration: underline var(--decoS) 1px var(--ac);
          text-decoration: underline var(--decoS) 1px var(--ac);
}
body section .deco2ac, .f .deco2ac, .h .deco2ac, .blog #contents .deco2ac {
  -webkit-text-decoration: underline var(--decoS) 2px var(--ac);
          text-decoration: underline var(--decoS) 2px var(--ac);
}
body section .deco4ac, .f .deco4ac, .h .deco4ac, .blog #contents .deco4ac {
  -webkit-text-decoration: underline var(--decoS) 4px var(--ac);
          text-decoration: underline var(--decoS) 4px var(--ac);
}
body section .deco6ac, .f .deco6ac, .h .deco6ac, .blog #contents .deco6ac {
  -webkit-text-decoration: underline var(--decoS) 6px var(--ac);
          text-decoration: underline var(--decoS) 6px var(--ac);
}
body section .deco8ac, .f .deco8ac, .h .deco8ac, .blog #contents .deco8ac {
  -webkit-text-decoration: underline var(--decoS) 8px var(--ac);
          text-decoration: underline var(--decoS) 8px var(--ac);
}
body section .deco10ac, .f .deco10ac, .h .deco10ac, .blog #contents .deco10ac {
  -webkit-text-decoration: underline var(--decoS) 10px var(--ac);
          text-decoration: underline var(--decoS) 10px var(--ac);
}
body section .deco12ac, .f .deco12ac, .h .deco12ac, .blog #contents .deco12ac {
  -webkit-text-decoration: underline var(--decoS) 12px var(--ac);
          text-decoration: underline var(--decoS) 12px var(--ac);
}
body section .deco14ac, .f .deco14ac, .h .deco14ac, .blog #contents .deco14ac {
  -webkit-text-decoration: underline var(--decoS) 14px var(--ac);
          text-decoration: underline var(--decoS) 14px var(--ac);
}
body section .deco1sc, .f .deco1sc, .h .deco1sc, .blog #contents .deco1sc {
  -webkit-text-decoration: underline var(--decoS) 1px var(--sc);
          text-decoration: underline var(--decoS) 1px var(--sc);
}
body section .deco2sc, .f .deco2sc, .h .deco2sc, .blog #contents .deco2sc {
  -webkit-text-decoration: underline var(--decoS) 2px var(--sc);
          text-decoration: underline var(--decoS) 2px var(--sc);
}
body section .deco4sc, .f .deco4sc, .h .deco4sc, .blog #contents .deco4sc {
  -webkit-text-decoration: underline var(--decoS) 4px var(--sc);
          text-decoration: underline var(--decoS) 4px var(--sc);
}
body section .deco6sc, .f .deco6sc, .h .deco6sc, .blog #contents .deco6sc {
  -webkit-text-decoration: underline var(--decoS) 6px var(--sc);
          text-decoration: underline var(--decoS) 6px var(--sc);
}
body section .deco8sc, .f .deco8sc, .h .deco8sc, .blog #contents .deco8sc {
  -webkit-text-decoration: underline var(--decoS) 8px var(--sc);
          text-decoration: underline var(--decoS) 8px var(--sc);
}
body section .deco10sc, .f .deco10sc, .h .deco10sc, .blog #contents .deco10sc {
  -webkit-text-decoration: underline var(--decoS) 10px var(--sc);
          text-decoration: underline var(--decoS) 10px var(--sc);
}
body section .deco12sc, .f .deco12sc, .h .deco12sc, .blog #contents .deco12sc {
  -webkit-text-decoration: underline var(--decoS) 12px var(--sc);
          text-decoration: underline var(--decoS) 12px var(--sc);
}
body section .deco1wh, .f .deco1wh, .h .deco1wh, .blog #contents .deco1wh {
  -webkit-text-decoration: underline var(--decoS) 1px var(--wh);
          text-decoration: underline var(--decoS) 1px var(--wh);
}
body section .deco2wh, .f .deco2wh, .h .deco2wh, .blog #contents .deco2wh {
  -webkit-text-decoration: underline var(--decoS) 2px var(--wh);
          text-decoration: underline var(--decoS) 2px var(--wh);
}
body section .deco4wh, .f .deco4wh, .h .deco4wh, .blog #contents .deco4wh {
  -webkit-text-decoration: underline var(--decoS) 4px var(--wh);
          text-decoration: underline var(--decoS) 4px var(--wh);
}
body section .deco6wh, .f .deco6wh, .h .deco6wh, .blog #contents .deco6wh {
  -webkit-text-decoration: underline var(--decoS) 6px var(--wh);
          text-decoration: underline var(--decoS) 6px var(--wh);
}
body section .deco8wh, .f .deco8wh, .h .deco8wh, .blog #contents .deco8wh {
  -webkit-text-decoration: underline var(--decoS) 8px var(--wh);
          text-decoration: underline var(--decoS) 8px var(--wh);
}
body section .deco10wh, .f .deco10wh, .h .deco10wh, .blog #contents .deco10wh {
  -webkit-text-decoration: underline var(--decoS) 10px var(--wh);
          text-decoration: underline var(--decoS) 10px var(--wh);
}
body section .deco12wh, .f .deco12wh, .h .deco12wh, .blog #contents .deco12wh {
  -webkit-text-decoration: underline var(--decoS) 12px var(--wh);
          text-decoration: underline var(--decoS) 12px var(--wh);
}
body section .deco1tx, .f .deco1tx, .h .deco1tx, .blog #contents .deco1tx {
  -webkit-text-decoration: underline var(--decoS) 1px var(--tx);
          text-decoration: underline var(--decoS) 1px var(--tx);
}
body section .deco2tx, .f .deco2tx, .h .deco2tx, .blog #contents .deco2tx {
  -webkit-text-decoration: underline var(--decoS) 2px var(--tx);
          text-decoration: underline var(--decoS) 2px var(--tx);
}
body section .deco4tx, .f .deco4tx, .h .deco4tx, .blog #contents .deco4tx {
  -webkit-text-decoration: underline var(--decoS) 4px var(--tx);
          text-decoration: underline var(--decoS) 4px var(--tx);
}
body section .deco6tx, .f .deco6tx, .h .deco6tx, .blog #contents .deco6tx {
  -webkit-text-decoration: underline var(--decoS) 6px var(--tx);
          text-decoration: underline var(--decoS) 6px var(--tx);
}
body section .deco8tx, .f .deco8tx, .h .deco8tx, .blog #contents .deco8tx {
  -webkit-text-decoration: underline var(--decoS) 8px var(--tx);
          text-decoration: underline var(--decoS) 8px var(--tx);
}
body section .deco10tx, .f .deco10tx, .h .deco10tx, .blog #contents .deco10tx {
  -webkit-text-decoration: underline var(--decoS) 10px var(--tx);
          text-decoration: underline var(--decoS) 10px var(--tx);
}
body section .deco12tx, .f .deco12tx, .h .deco12tx, .blog #contents .deco12tx {
  -webkit-text-decoration: underline var(--decoS) 12px var(--tx);
          text-decoration: underline var(--decoS) 12px var(--tx);
}
body section .deco1bk, .f .deco1bk, .h .deco1bk, .blog #contents .deco1bk {
  -webkit-text-decoration: underline var(--decoS) 1px var(--bk);
          text-decoration: underline var(--decoS) 1px var(--bk);
}
body section .deco2bk, .f .deco2bk, .h .deco2bk, .blog #contents .deco2bk {
  -webkit-text-decoration: underline var(--decoS) 2px var(--bk);
          text-decoration: underline var(--decoS) 2px var(--bk);
}
body section .deco4bk, .f .deco4bk, .h .deco4bk, .blog #contents .deco4bk {
  -webkit-text-decoration: underline var(--decoS) 4px var(--bk);
          text-decoration: underline var(--decoS) 4px var(--bk);
}
body section .deco6bk, .f .deco6bk, .h .deco6bk, .blog #contents .deco6bk {
  -webkit-text-decoration: underline var(--decoS) 6px var(--bk);
          text-decoration: underline var(--decoS) 6px var(--bk);
}
body section .deco8bk, .f .deco8bk, .h .deco8bk, .blog #contents .deco8bk {
  -webkit-text-decoration: underline var(--decoS) 8px var(--bk);
          text-decoration: underline var(--decoS) 8px var(--bk);
}
body section .deco10bk, .f .deco10bk, .h .deco10bk, .blog #contents .deco10bk {
  -webkit-text-decoration: underline var(--decoS) 10px var(--bk);
          text-decoration: underline var(--decoS) 10px var(--bk);
}
body section .deco12bk, .f .deco12bk, .h .deco12bk, .blog #contents .deco12bk {
  -webkit-text-decoration: underline var(--decoS) 12px var(--bk);
          text-decoration: underline var(--decoS) 12px var(--bk);
}

body section .tal:is(#contents *), .f .tal:is(#contents *), .h .tal:is(#contents *), .blog #contents .tal:is(#contents *) {
  text-align: left;
}
body section .tal:is(#contents *) *, .f .tal:is(#contents *) *, .h .tal:is(#contents *) *, .blog #contents .tal:is(#contents *) * {
  text-align: left;
}
body section .tar:is(#contents *), .f .tar:is(#contents *), .h .tar:is(#contents *), .blog #contents .tar:is(#contents *) {
  text-align: right;
}
body section .tar:is(#contents *) *, .f .tar:is(#contents *) *, .h .tar:is(#contents *) *, .blog #contents .tar:is(#contents *) * {
  text-align: right;
}
body section .tac:is(#contents *), .f .tac:is(#contents *), .h .tac:is(#contents *), .blog #contents .tac:is(#contents *) {
  text-align: center;
}
body section .tac:is(#contents *) *, .f .tac:is(#contents *) *, .h .tac:is(#contents *) *, .blog #contents .tac:is(#contents *) * {
  text-align: center;
}
@media screen and (max-width: 960px) {
  body section .left-960, .f .left-960, .h .left-960, .blog #contents .left-960 {
    text-align: left !important;
  }
  body section .left-960 *, .f .left-960 *, .h .left-960 *, .blog #contents .left-960 * {
    text-align: left !important;
  }
  body section .left-960 br:not(:has(+ a)), .f .left-960 br:not(:has(+ a)), .h .left-960 br:not(:has(+ a)), .blog #contents .left-960 br:not(:has(+ a)) {
    display: none !important;
  }
}
@media screen and (max-width: 834px) {
  body section .left-tab, .f .left-tab, .h .left-tab, .blog #contents .left-tab {
    text-align: left !important;
  }
  body section .left-tab *, .f .left-tab *, .h .left-tab *, .blog #contents .left-tab * {
    text-align: left !important;
  }
  body section .left-tab br:not(:has(+ a)), .f .left-tab br:not(:has(+ a)), .h .left-tab br:not(:has(+ a)), .blog #contents .left-tab br:not(:has(+ a)) {
    display: none !important;
  }
}
@media screen and (max-width: 640px) {
  body section .left-sp, .f .left-sp, .h .left-sp, .blog #contents .left-sp {
    text-align: left !important;
  }
  body section .left-sp *, .f .left-sp *, .h .left-sp *, .blog #contents .left-sp * {
    text-align: left !important;
  }
  body section .left-sp br:not(:has(+ a)), .f .left-sp br:not(:has(+ a)), .h .left-sp br:not(:has(+ a)), .blog #contents .left-sp br:not(:has(+ a)) {
    display: none !important;
  }
}

@media screen and (max-width: 480px) {
  body section .bp48-50 :is(.box, li, .clearfix), .f .bp48-50 :is(.box, li, .clearfix), .h .bp48-50 :is(.box, li, .clearfix), .blog #contents .bp48-50 :is(.box, li, .clearfix) {
    flex: unset !important;
    width: calc(50% - var(--g) / 2) !important;
  }
}
@media screen and (max-width: 640px) {
  body section .bpsp-50 :is(.box, li, .clearfix), .f .bpsp-50 :is(.box, li, .clearfix), .h .bpsp-50 :is(.box, li, .clearfix), .blog #contents .bpsp-50 :is(.box, li, .clearfix) {
    flex: unset !important;
    width: calc(50% - var(--g) / 2) !important;
  }
}
@media screen and (max-width: 640px) {
  body section .sp-50 :is(.box, li, .clearfix), .f .sp-50 :is(.box, li, .clearfix), .h .sp-50 :is(.box, li, .clearfix), .blog #contents .sp-50 :is(.box, li, .clearfix) {
    flex: unset !important;
    width: calc(50% - var(--g) / 2) !important;
  }
}
@media screen and (max-width: 834px) {
  body section .bptab-50 :is(.box, li, .clearfix), .f .bptab-50 :is(.box, li, .clearfix), .h .bptab-50 :is(.box, li, .clearfix), .blog #contents .bptab-50 :is(.box, li, .clearfix) {
    flex: unset !important;
    width: calc(50% - var(--g) / 2) !important;
  }
}
@media screen and (max-width: 834px) {
  body section .tab-50 :is(.box, li, .clearfix), .f .tab-50 :is(.box, li, .clearfix), .h .tab-50 :is(.box, li, .clearfix), .blog #contents .tab-50 :is(.box, li, .clearfix) {
    flex: unset !important;
    width: calc(50% - var(--g) / 2) !important;
  }
}
@media screen and (max-width: 960px) {
  body section .bp96-50 :is(.box, li, .clearfix), .f .bp96-50 :is(.box, li, .clearfix), .h .bp96-50 :is(.box, li, .clearfix), .blog #contents .bp96-50 :is(.box, li, .clearfix) {
    flex: unset !important;
    width: calc(50% - var(--g) / 2) !important;
  }
}
@media screen and (max-width: 480px) {
  body section .bp48-100 :is(.box, li, .clearfix), .f .bp48-100 :is(.box, li, .clearfix), .h .bp48-100 :is(.box, li, .clearfix), .blog #contents .bp48-100 :is(.box, li, .clearfix) {
    flex: unset !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 640px) {
  body section .bpsp-100 :is(.box, li, .clearfix), .f .bpsp-100 :is(.box, li, .clearfix), .h .bpsp-100 :is(.box, li, .clearfix), .blog #contents .bpsp-100 :is(.box, li, .clearfix) {
    flex: unset !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 640px) {
  body section .sp-100 > *, .f .sp-100 > *, .h .sp-100 > *, .blog #contents .sp-100 > * {
    flex: unset !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 834px) {
  body section .bptab-100 :is(.box, li, .clearfix), .f .bptab-100 :is(.box, li, .clearfix), .h .bptab-100 :is(.box, li, .clearfix), .blog #contents .bptab-100 :is(.box, li, .clearfix) {
    flex: unset !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 834px) {
  body section .tab-100 :is(.box, li, .clearfix), .f .tab-100 :is(.box, li, .clearfix), .h .tab-100 :is(.box, li, .clearfix), .blog #contents .tab-100 :is(.box, li, .clearfix) {
    flex: unset !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 960px) {
  body section .bp96-100 :is(.box, li, .clearfix), .f .bp96-100 :is(.box, li, .clearfix), .h .bp96-100 :is(.box, li, .clearfix), .blog #contents .bp96-100 :is(.box, li, .clearfix) {
    flex: unset !important;
    width: 100% !important;
  }
}

@media screen and (max-width: 640px) {
  body section .sp-scr, .f .sp-scr, .h .sp-scr, .blog #contents .sp-scr {
    max-height: 60vh;
    overflow-y: scroll;
  }
}
body section .pcnone, .f .pcnone, .h .pcnone, .blog #contents .pcnone {
  display: none;
}
@media screen and (max-width: 834px) {
  body section .pcnone, .f .pcnone, .h .pcnone, .blog #contents .pcnone {
    display: block;
  }
}
@media screen and (max-width: 834px) {
  body section .tabnone, .f .tabnone, .h .tabnone, .blog #contents .tabnone {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  body section .spnone, .f .spnone, .h .spnone, .blog #contents .spnone {
    display: none !important;
  }
}
@media screen and (max-width: 960px) {
  body section .menuBPnone, .f .menuBPnone, .h .menuBPnone, .blog #contents .menuBPnone {
    display: none;
  }
}
body section .nobr br, .f .nobr br, .h .nobr br, .blog #contents .nobr br {
  display: none;
}
@media screen and (max-width: 640px) {
  body section .nobr-sp br, .f .nobr-sp br, .h .nobr-sp br, .blog #contents .nobr-sp br {
    display: none;
  }
}
@media screen and (max-width: 834px) {
  body section .nobr-tab br, .f .nobr-tab br, .h .nobr-tab br, .blog #contents .nobr-tab br {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  body section .nobr-96 br, .f .nobr-96 br, .h .nobr-96 br, .blog #contents .nobr-96 br {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  body section .nobr-48 br, .f .nobr-48 br, .h .nobr-48 br, .blog #contents .nobr-48 br {
    display: none;
  }
}

body section .op1, .f .op1, .h .op1, .blog #contents .op1, header .op1 {
  opacity: 0.1;
}
body section .op2, .f .op2, .h .op2, .blog #contents .op2, header .op2 {
  opacity: 0.2;
}
body section .op3, .f .op3, .h .op3, .blog #contents .op3, header .op3 {
  opacity: 0.3;
}
body section .op4, .f .op4, .h .op4, .blog #contents .op4, header .op4 {
  opacity: 0.4;
}
body section .op5, .f .op5, .h .op5, .blog #contents .op5, header .op5 {
  opacity: 0.5;
}
body section .op6, .f .op6, .h .op6, .blog #contents .op6, header .op6 {
  opacity: 0.6;
}
body section .op7, .f .op7, .h .op7, .blog #contents .op7, header .op7 {
  opacity: 0.7;
}
body section .op8, .f .op8, .h .op8, .blog #contents .op8, header .op8 {
  opacity: 0.8;
}
body section .op9, .f .op9, .h .op9, .blog #contents .op9, header .op9 {
  opacity: 0.9;
}
body section .op10, .f .op10, .h .op10, .blog #contents .op10, header .op10 {
  opacity: 1;
}
body section .rotate90, .f .rotate90, .h .rotate90, .blog #contents .rotate90, header .rotate90 {
  rotate: 90deg;
}
body section .rotate180, .f .rotate180, .h .rotate180, .blog #contents .rotate180, header .rotate180 {
  rotate: 180deg;
}
body section .rotate-90, .f .rotate-90, .h .rotate-90, .blog #contents .rotate-90, header .rotate-90 {
  rotate: -90deg;
}
body section .uppercase, body section .uppercase *, .f .uppercase, .f .uppercase *, .h .uppercase, .h .uppercase *, .blog #contents .uppercase, .blog #contents .uppercase *, header .uppercase, header .uppercase * {
  text-transform: uppercase;
}
body section .grayscale, .f .grayscale, .h .grayscale, .blog #contents .grayscale, header .grayscale {
  filter: grayscale(100%);
}
body section .multiply, body section .multiply img, .f .multiply, .f .multiply img, .h .multiply, .h .multiply img, .blog #contents .multiply, .blog #contents .multiply img, header .multiply, header .multiply img {
  mix-blend-mode: multiply;
}
body section .difference, .f .difference, .h .difference, .blog #contents .difference, header .difference {
  mix-blend-mode: difference;
}
body section .darken, .f .darken, .h .darken, .blog #contents .darken, header .darken {
  mix-blend-mode: darken;
}
body section .shadow, .f .shadow, .h .shadow, .blog #contents .shadow, header .shadow {
  box-shadow: var(--bs);
}
body section .absB, .f .absB, .h .absB, .blog #contents .absB, header .absB {
  position: absolute;
  bottom: 0;
}
body section .absT, .f .absT, .h .absT, .blog #contents .absT, header .absT {
  position: absolute;
  top: 0;
}
body section .absR, .f .absR, .h .absR, .blog #contents .absR, header .absR {
  position: absolute;
  right: 0;
}
body section .absL, .f .absL, .h .absL, .blog #contents .absL, header .absL {
  position: absolute;
  left: 0;
}
body section .absRB, .f .absRB, .h .absRB, .blog #contents .absRB, header .absRB {
  position: absolute;
  bottom: 0;
  right: 0;
}
body section .absRT, .f .absRT, .h .absRT, .blog #contents .absRT, header .absRT {
  position: absolute;
  top: 0;
  right: 0;
}
body section .absLB, .f .absLB, .h .absLB, .blog #contents .absLB, header .absLB {
  position: absolute;
  bottom: 0;
  left: 0;
}
body section .absLT, .f .absLT, .h .absLT, .blog #contents .absLT, header .absLT {
  position: absolute;
  top: 0;
  left: 0;
}
body section .min100p, .f .min100p, .h .min100p, .blog #contents .min100p, header .min100p {
  min-width: 100%;
}
body section .min100vh, .f .min100vh, .h .min100vh, .blog #contents .min100vh, header .min100vh {
  min-height: 100vh;
}
body section .floatR, .f .floatR, .h .floatR, .blog #contents .floatR, header .floatR {
  float: right;
  text-align: right;
}
body section .afnone:after, .f .afnone:after, .h .afnone:after, .blog #contents .afnone:after, header .afnone:after {
  display: none;
}
body section .order1, .f .order1, .h .order1, .blog #contents .order1, header .order1 {
  order: 1;
}
body section .order-1, .f .order-1, .h .order-1, .blog #contents .order-1, header .order-1 {
  order: -1;
}
body section .i-o1 :is(img, *:has(> img)), .f .i-o1 :is(img, *:has(> img)), .h .i-o1 :is(img, *:has(> img)), .blog #contents .i-o1 :is(img, *:has(> img)), header .i-o1 :is(img, *:has(> img)) {
  order: 1;
}
body section .i-o-1 :is(img, *:has(> img)), .f .i-o-1 :is(img, *:has(> img)), .h .i-o-1 :is(img, *:has(> img)), .blog #contents .i-o-1 :is(img, *:has(> img)), header .i-o-1 :is(img, *:has(> img)) {
  order: -1;
}
body section .z-100, .f .z-100, .h .z-100, .blog #contents .z-100, header .z-100 {
  position: relative;
  z-index: -100;
}
body section .z-10, .f .z-10, .h .z-10, .blog #contents .z-10, header .z-10 {
  position: relative;
  z-index: -10;
}
body section .z-1, .f .z-1, .h .z-1, .blog #contents .z-1, header .z-1 {
  position: relative;
  z-index: -1;
}
body section .z1, .f .z1, .h .z1, .blog #contents .z1, header .z1 {
  position: relative;
  z-index: 1;
}
body section .z10, .f .z10, .h .z10, .blog #contents .z10, header .z10 {
  position: relative;
  z-index: 10;
}
body section .z100, .f .z100, .h .z100, .blog #contents .z100, header .z100 {
  position: relative;
  z-index: 100;
}
body section .z1000, .f .z1000, .h .z1000, .blog #contents .z1000, header .z1000 {
  position: relative;
  z-index: 1000;
}
body section .x-scr, .f .x-scr, .h .x-scr, .blog #contents .x-scr, header .x-scr {
  overflow-x: scroll;
}
body section .visible:is(#contents *), .f .visible:is(#contents *), .h .visible:is(#contents *), .blog #contents .visible:is(#contents *), header .visible:is(#contents *) {
  overflow: visible;
}
body section .noscr:is(#contents *), .f .noscr:is(#contents *), .h .noscr:is(#contents *), .blog #contents .noscr:is(#contents *), header .noscr:is(#contents *) {
  overflow-y: visible;
}
body section .scr:is(#contents *), .f .scr:is(#contents *), .h .scr:is(#contents *), .blog #contents .scr:is(#contents *), header .scr:is(#contents *) {
  overflow-y: scroll;
}
body section .ch-f1 > *, .f .ch-f1 > *, .h .ch-f1 > *, .blog #contents .ch-f1 > *, header .ch-f1 > * {
  flex: 1;
  width: unset;
}
body section .fitauto, .f .fitauto, .h .fitauto, .blog #contents .fitauto, header .fitauto {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
body section .btn.fitauto, .f .btn.fitauto, .h .btn.fitauto, .blog #contents .btn.fitauto, header .btn.fitauto {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  display: flex;
}/*# sourceMappingURL=common_style.css.map */