@charset "UTF-8";
: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";
  --ph: "Phosphor","Line Awesome Free","Line Awesome Brands","Font Awesome 6 Pro","Font Awesome 6 Free","Font Awesome 6 Brand","Font Awesome 6 Duotone" ;
  --icon:var(--ph);
}

:root {
  --Home: "";
  --panAF: inline;
  --hira: YakuHanJP_Narrow, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Noto Sans JP", 游ゴシック, YuGothic,メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --yug:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --ser: YakuHanJP_Narrow,"Noto Serif JP", serif;
  --san: YakuHanJP_Narrow, "Noto Sans JP", sans-serif;
  --Kur:"Zen Kurenaido","Zen Maru Gothic", sans-serif;
  --bodyFF: YakuHanJP_Narrow,"Zen Maru Gothic", sans-serif;
  --noYH: "Zen Maru Gothic", sans-serif;
  --eng:"Zen Kurenaido","Zen Maru Gothic", sans-serif;
}

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

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

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

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

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

.blog p, h1, .h1FZ, h2, .h2FZ, h3, .h3FZ, h5, h4, span.clone, .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.dl_wh dl:has(dd:empty) dt:is(#contents dt), .form_wrap.form_simple dl:has(dd:empty) dt:is(#contents dt), .form_wrap.form_01 dl:has(dd:empty) dt:is(#contents dt), .form_wrap.form_02 dl:has(dd:empty) dt:is(#contents dt), .form_wrap.form_column dl:has(dd:empty) dt, .form_wrap.form_03 dl:has(dd:empty) dt:is(#contents dt), div.items > article a.name, div.relay a.name, div.bundle a.name, .h3FZ *, .h-font {
  font-weight: var(--hfw);
  font-family: var(--hff);
  line-height: var(--hlh);
  letter-spacing: var(--hls);
  color: var(--hcolor);
}

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);
}

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

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

.__Xscr .items,
.__Xscr, .__Xscr .blog_list, .form_wrap {
  --thumbC:var(--tx30);
  --thumbW:8px;
}
.__Xscr .items::-webkit-scrollbar,
.__Xscr::-webkit-scrollbar, .__Xscr .blog_list::-webkit-scrollbar, .form_wrap::-webkit-scrollbar {
  background-color: transparent;
  width: var(--thumbW);
  height: 0;
}
.__Xscr .items::-webkit-scrollbar-thumb,
.__Xscr::-webkit-scrollbar-thumb, .__Xscr .blog_list::-webkit-scrollbar-thumb, .form_wrap::-webkit-scrollbar-thumb {
  background-color: var(--thumbC);
}

.tbl_normal, .tbl_scroll {
  --thumbC:var(--tx30);
  --thumbW:8px;
}
.tbl_normal::-webkit-scrollbar, .tbl_scroll::-webkit-scrollbar {
  background-color: transparent;
  width: 0;
  height: var(--thumbW);
}
.tbl_normal::-webkit-scrollbar-thumb, .tbl_scroll::-webkit-scrollbar-thumb {
  background-color: var(--thumbC);
}

:root {
  --un:unset;
  --inh:inherit;
  --cur:currentColor;
  --tr:transparent;
  --grad01:linear-gradient(-10deg,#f5e1c4 ,var(--mcDK),#f5e1c4 );
  --grad02:linear-gradient(-10deg,#f5e1c4 15%,var(--mcDK),#f5e1c4 85%);
  --mc10: color-mix(in srgb, transparent,var(--mc) 10%);
  --mc20: color-mix(in srgb, transparent,var(--mc) 20%);
  --mc30: color-mix(in srgb, transparent,var(--mc) 30%);
  --mc40: color-mix(in srgb, transparent,var(--mc) 40%);
  --mc50: color-mix(in srgb, transparent,var(--mc) 50%);
  --mc60: color-mix(in srgb, transparent,var(--mc) 60%);
  --mc70: color-mix(in srgb, transparent,var(--mc) 70%);
  --mc80: color-mix(in srgb, transparent,var(--mc) 80%);
  --mc90: color-mix(in srgb, transparent,var(--mc) 90%);
  --sc10: color-mix(in srgb, transparent,var(--sc) 10%);
  --sc20: color-mix(in srgb, transparent,var(--sc) 20%);
  --sc30: color-mix(in srgb, transparent,var(--sc) 30%);
  --sc40: color-mix(in srgb, transparent,var(--sc) 40%);
  --sc50: color-mix(in srgb, transparent,var(--sc) 50%);
  --sc60: color-mix(in srgb, transparent,var(--sc) 60%);
  --sc70: color-mix(in srgb, transparent,var(--sc) 70%);
  --sc80: color-mix(in srgb, transparent,var(--sc) 80%);
  --sc90: color-mix(in srgb, transparent,var(--sc) 90%);
  --ac10: color-mix(in srgb, transparent,var(--ac) 10%);
  --ac20: color-mix(in srgb, transparent,var(--ac) 20%);
  --ac30: color-mix(in srgb, transparent,var(--ac) 30%);
  --ac40: color-mix(in srgb, transparent,var(--ac) 40%);
  --ac50: color-mix(in srgb, transparent,var(--ac) 50%);
  --ac60: color-mix(in srgb, transparent,var(--ac) 60%);
  --ac70: color-mix(in srgb, transparent,var(--ac) 70%);
  --ac80: color-mix(in srgb, transparent,var(--ac) 80%);
  --ac90: color-mix(in srgb, transparent,var(--ac) 90%);
  --bc10: color-mix(in srgb, transparent,var(--bc) 10%);
  --bc20: color-mix(in srgb, transparent,var(--bc) 20%);
  --bc30: color-mix(in srgb, transparent,var(--bc) 30%);
  --bc40: color-mix(in srgb, transparent,var(--bc) 40%);
  --bc50: color-mix(in srgb, transparent,var(--bc) 50%);
  --bc60: color-mix(in srgb, transparent,var(--bc) 60%);
  --bc70: color-mix(in srgb, transparent,var(--bc) 70%);
  --bc80: color-mix(in srgb, transparent,var(--bc) 80%);
  --bc90: color-mix(in srgb, transparent,var(--bc) 90%);
  --tx10: color-mix(in srgb, transparent,var(--tx) 10%);
  --tx20: color-mix(in srgb, transparent,var(--tx) 20%);
  --tx30: color-mix(in srgb, transparent,var(--tx) 30%);
  --tx40: color-mix(in srgb, transparent,var(--tx) 40%);
  --tx50: color-mix(in srgb, transparent,var(--tx) 50%);
  --tx60: color-mix(in srgb, transparent,var(--tx) 60%);
  --tx70: color-mix(in srgb, transparent,var(--tx) 70%);
  --tx80: color-mix(in srgb, transparent,var(--tx) 80%);
  --tx90: color-mix(in srgb, transparent,var(--tx) 90%);
  --gr10: color-mix(in srgb, transparent,var(--gr) 10%);
  --gr20: color-mix(in srgb, transparent,var(--gr) 20%);
  --gr30: color-mix(in srgb, transparent,var(--gr) 30%);
  --gr40: color-mix(in srgb, transparent,var(--gr) 40%);
  --gr50: color-mix(in srgb, transparent,var(--gr) 50%);
  --gr60: color-mix(in srgb, transparent,var(--gr) 60%);
  --gr70: color-mix(in srgb, transparent,var(--gr) 70%);
  --gr80: color-mix(in srgb, transparent,var(--gr) 80%);
  --gr90: color-mix(in srgb, transparent,var(--gr) 90%);
  --bk10: color-mix(in srgb, transparent,var(--bk) 10%);
  --bk20: color-mix(in srgb, transparent,var(--bk) 20%);
  --bk30: color-mix(in srgb, transparent,var(--bk) 30%);
  --bk40: color-mix(in srgb, transparent,var(--bk) 40%);
  --bk50: color-mix(in srgb, transparent,var(--bk) 50%);
  --bk60: color-mix(in srgb, transparent,var(--bk) 60%);
  --bk70: color-mix(in srgb, transparent,var(--bk) 70%);
  --bk80: color-mix(in srgb, transparent,var(--bk) 80%);
  --bk90: color-mix(in srgb, transparent,var(--bk) 90%);
  --wh10: color-mix(in srgb, transparent,var(--wh) 10%);
  --wh20: color-mix(in srgb, transparent,var(--wh) 20%);
  --wh30: color-mix(in srgb, transparent,var(--wh) 30%);
  --wh40: color-mix(in srgb, transparent,var(--wh) 40%);
  --wh50: color-mix(in srgb, transparent,var(--wh) 50%);
  --wh60: color-mix(in srgb, transparent,var(--wh) 60%);
  --wh70: color-mix(in srgb, transparent,var(--wh) 70%);
  --wh80: color-mix(in srgb, transparent,var(--wh) 80%);
  --wh90: color-mix(in srgb, transparent,var(--wh) 90%);
  --beige:#faedd4;
  --ml:#f4eceb;
  --al:#e5fdff;
  --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,50vw - var(--pad,20px), (var(--base) / 2) ));
  --in1800:calc(50vw - clamp(0px,50vw - var(--pad,20px), 900px ));
  --in1740:calc(50vw - clamp(0px,50vw - var(--pad,20px), 870px ));
  --in1728:calc(50vw - clamp(0px,50vw - var(--pad,20px), 864px ));
  --in1680:calc(50vw - clamp(0px,50vw - var(--pad,20px), 840px ));
  --in1620:calc(50vw - clamp(0px,50vw - var(--pad,20px), 810px ));
  --in1560:calc(50vw - clamp(0px,50vw - var(--pad,20px), 780px ));
  --in1536:calc(50vw - clamp(0px,50vw - var(--pad,20px), 768px ));
  --in1500:calc(50vw - clamp(0px,50vw - var(--pad,20px), 750px ));
  --in1440:calc(50vw - clamp(0px,50vw - var(--pad,20px), 720px ));
  --in1380:calc(50vw - clamp(0px,50vw - var(--pad,20px), 690px ));
  --in1320:calc(50vw - clamp(0px,50vw - var(--pad,20px), 660px ));
  --in1200:calc(50vw - clamp(0px,50vw - var(--pad,20px), 600px ));
  --in1080:calc(50vw - clamp(0px,50vw - var(--pad,20px), 540px ));
  --in1000:calc(50vw - clamp(0px,50vw - var(--pad,20px), 500px ));
  --in960: calc(50vw - clamp(0px,50vw - var(--pad,20px), 480px ));
  --in800: calc(50vw - clamp(0px,50vw - var(--pad,20px), 400px ));
  --in840: calc(50vw - clamp(0px,50vw - var(--pad,20px), 420px ));
  --in720: calc(50vw - clamp(0px,50vw - var(--pad,20px), 360px ));
  --in600: calc(50vw - clamp(0px,50vw - var(--pad,20px), 300px ));
  --contout:calc(50% - 50vw );
  --contoutsp:calc(100% - 100vw );
  --barhalf:calc(var(--bar,0px) / 2);
}

#main,
section {
  max-width: 100%;
  width: var(--base);
  margin-inline: auto;
}

.bg100Rin, .contoutR {
  margin-inline: 0 var(--contout) !important;
  max-width: unset;
}

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

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

.title1, .mv, .card3.Icons, .card2.Icons, .card4.Icons, .card5.Icons, .cardflex.Icons, .cardfix.Icons, .fb_spot, .head_bgi, .head_grad, .head_02, .head_022, .head_021, .head_06, .bandlink, .wave_outer, .bg100 {
  margin-inline: var(--contout) !important;
  max-width: unset;
}

.wrapper {
  padding-block: var(--Wpdb);
  background-size: cover;
}

.wrapper100 {
  margin-inline: var(--contout) !important;
  max-width: unset;
  padding-block: var(--Wpdb);
  background-size: cover;
}

.wrapper100in {
  margin-inline: var(--contout) !important;
  max-width: unset;
  padding-inline: var(--incont);
  padding-block: var(--Wpdb);
  background-size: cover;
}

.f_link, .pan1 a,
.h_nav a:not(.drop a, .nopointer, :has(> span)),
.nav a:not(.drop ul li a),
.f_nav ul a,
.blog_text h3 span,
.rss-title,
div.items > article a.name, .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, :has(> span)),
.nav a:hover:not(.drop ul li a),
.f_nav ul a:hover,
.blog_text h3 span:hover,
.rss-title:hover,
div.items > article a.name: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%;
  }
}

.f_nav.li-hyphen > ul > li, :is(.h, .f) [class*=li-slash]:not(.nav) > ul > li, .fb_bfaf .box:nth-child(2) i, :where([class*=card]:not(html.shop *)).fakeBtn article > a > div, .p-list p:not(:has(> a)), .H-bfaf h1, .H-bfaf h2, .H-bfaf h3, .H-bf h1, .H-bf h2, .H-bf h3, [class*=Bar], .grid50 .dl_menu dd {
  position: relative;
}
.f_nav.li-hyphen > ul > li::before, :is(.h, .f) [class*=li-slash]:not(.nav) > ul > li::before, .fb_bfaf .box:nth-child(2) i::before, :where([class*=card]:not(html.shop *)).fakeBtn article > a > div::before, .p-list p:not(:has(> a))::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, [class*=Bar]::before, .grid50 .dl_menu dd::before {
  content: "bf";
  display: inline-block;
  background-color: #777;
  z-index: 1;
  font-weight: 900;
  font-family: var(--fa);
}

.card3.__anchor02 article > div, .card2.__anchor02 article > div, .card4.__anchor02 article > div, .card5.__anchor02 article > div, .cardflex.__anchor02 article > div, .cardfix.__anchor02 article > div, .card3.__anchor article > div, .card2.__anchor article > div, .card4.__anchor article > div, .card5.__anchor article > div, .cardflex.__anchor article > div, .cardfix.__anchor article > div, .f_nav li > span, .f_nav a.nopointer, .f_nav-column .nopointer, :where([class*=card]:not(html.shop *)).fakeBtn article > a > div, :where([class*=card]:not(html.shop *)).num-point article div p, .H-bfaf h1, .H-bfaf h2, .H-bfaf h3, .H-af h1, .H-af h2, .H-af h3, [class*=Bar], .form_wrap.dl_course:is(#contents *) dl dt {
  position: relative;
}
.card3.__anchor02 article > div::after, .card2.__anchor02 article > div::after, .card4.__anchor02 article > div::after, .card5.__anchor02 article > div::after, .cardflex.__anchor02 article > div::after, .cardfix.__anchor02 article > div::after, .card3.__anchor article > div::after, .card2.__anchor article > div::after, .card4.__anchor article > div::after, .card5.__anchor article > div::after, .cardflex.__anchor article > div::after, .cardfix.__anchor article > div::after, .f_nav li > span::after, .f_nav a.nopointer::after, .f_nav-column .nopointer::after, :where([class*=card]:not(html.shop *)).fakeBtn article > a > div::after, :where([class*=card]:not(html.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, [class*=Bar]::after, .form_wrap.dl_course:is(#contents *) dl dt::after {
  content: "af";
  display: inline-block;
  background-color: #777;
  z-index: 1;
  font-weight: 900;
  font-family: var(--fa);
}

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

.mv .dotCover, .img-dots .im {
  position: relative;
  z-index: 1;
}
.mv .dotCover::after, .img-dots .im::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}

:root {
  --f12:clamp(10px, 1.2vw, 12px);
  --f14:clamp(12px, 1.3vw, 14px);
  --f16:clamp(12px, 1.4vw, 16px);
  --f18:clamp(12px, 1.6vw, 18px);
  --f20:clamp(14px, 2vw, 20px);
  --f22:clamp(14px, 2vw, 22px);
  --f24:clamp(18px, 2.4vw, 24px);
  --f26:clamp(18px, 2.4vw, 26px);
  --f28:clamp(20px, 2.4vw, 28px);
  --f30:clamp(20px, 2.4vw, 30px);
  --f32:clamp(20px, 3.2vw, 32px);
  --f34:clamp(20px, 3.4vw, 34px);
  --f36:clamp(24px, 3.6vw, 36px);
  --f40:clamp(28px, 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);
}

@keyframes rightgrow {
  0% {
    background-position-x: 203%;
  }
  100% {
    background-position-x: 100%;
  }
}
*, *::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;
}

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;
}

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

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;
}

html {
  --base:1200px;
}
@media screen and (max-width: 1440px) {
  html {
    --base:1080px;
  }
}
@media screen and (max-width: 1200px) {
  html {
    --base:960px;
  }
}
@media screen and (max-width: 1080px) {
  html {
    --base:840px;
  }
}
@media screen and (max-width: 640px) {
  html {
    --base:480px;
  }
}
html:not(.home) {
  --g:3vmin;
  --Wpdb:var(--bl05);
  --Schild:var(--bl05);
}

:root {
  --bodyFZ:clamp(12px,1.6vw,16px);
}

body {
  font-size: var(--bodyFZ);
  overflow-x: hidden;
  font-family: var(--bodyFF);
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.02em;
  color: var(--tx);
  font-style: normal;
}

.mv h1 {
  font-size: clamp(var(--minFZ), 3.5vw, 48px);
}

:root {
  --hfw: 500;
  --hcolor: var(--mc);
  --hff:var(--inh);
  --subFW: inherit;
  --subFF: var(--inh);
  --subC: var(--inh);
  --hlh:1.5;
  --hls:0.0em;
  --h1FZ:clamp(24px, 3vw, 48px);
  --h2FZ:clamp(22px, 2.5vw, 36px);
  --h3FZ:clamp(15px, 2vw, 24px);
  --h2EN:calc(var(--h2FZ)*1.2 );
}

:root {
  --Fmt:var(--bl06);
  --Wpdb:var(--bl06);
  --Schild:var(--bl06);
  --Wchild:var(--bl03);
  --Hafter:var(--bl025);
  --bl:120px;
  --pad:40px;
  --pad2:calc(var(--pad) * 2);
  --g:6vmin;
  --ng:calc(var(--g)*-1);
  --gh:calc(var(--g)/2);
}
@media screen and (max-width: 1440px) {
  :root {
    --g:3vmin;
  }
}
@media screen and (max-width: 834px) {
  :root {
    --bl:80px;
    --pad:30px;
  }
}
:root {
  --bds: solid;
  --bdw: 1px;
  --bdc: var(--cur);
  --line:var(--bdw) var(--bds) var(--bdc);
  --rad:1vmin;
  --rad2:calc(var(--rad)*2 );
  --Hrad:calc(var(--rad)/3 );
  --radhalf:calc(var(--rad)/2 );
  --sheetR:var(--rad);
  --sheetBG:var(--bc);
  --sheetP:3vmin;
  --boardR:var(--radhalf);
  --tsW: 8px;
  --txshwh: 0 0 var(--tsW) var(--wh);
  --txshbk: 0 0 var(--tsW) var(--bk);
  --txshmc: 0 0 var(--tsW) var(--mc);
  --dsW:1vmin;
  --drshwh:drop-shadow(0 0px var(--dsW) var(--wh)) ;
  --drshbk:drop-shadow(0 0px var(--dsW) var(--bk)) ;
  --drshmc:drop-shadow(0 0px var(--dsW) var(--mc)) ;
  --drshbc:drop-shadow(0 0px var(--dsW) var(--bc)) ;
  --drshtx:drop-shadow(0 0px var(--dsW) var(--tx)) ;
  --drshgr:drop-shadow(0 0px var(--dsW) var(--gr)) ;
  --pxshmc:1px 1px var(--mc);
  --pxshac:1px 1px var(--ac30);
  --pxshwh:1px 1px var(--wh);
  --pxshbk:1px 1px var(--bk);
  --pxshgr:1px 1px var(--gr);
  --pxdswh:drop-shadow(1px 1px var(--wh));
  --pxdsbk:drop-shadow(1px 1px var(--bk));
  --pxdsmc:drop-shadow(1px 1px var(--mc));
  --pxdstx:drop-shadow(1px 1px var(--tx));
  --bsW:1vmin;
  --bxshwh: 0 0 var(--bsW) var(--wh30);
  --bxshbk: 0 0 var(--bsW) var(--bk30);
  --bxshmc: 0 0 var(--bsW) var(--mc30);
  --bxshbc: 0 0 var(--bsW) var(--bc30);
  --bxshtx: 0 0 var(--bsW) var(--tx30);
  --bxshgr: 0 0 var(--bsW) var(--gr30);
  --bxshsc: 0 0 var(--bsW) var(--sc30);
  --bxshbtn: inset 2px 2px 4px var(--wh40),
  inset -2px -2px 4px var(--tx20);
  --bxshblur:0 0 10px #11100088;
}

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

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

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

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

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

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

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

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

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

.txstwh {
  -webkit-text-stroke: 8px var(--wh);
  paint-order: stroke;
}

.txstbk {
  -webkit-text-stroke: 8px var(--bk);
  paint-order: stroke;
}

.txstmc {
  -webkit-text-stroke: 8px var(--mc);
  paint-order: stroke;
}

.txstsc {
  -webkit-text-stroke: 8px var(--sc);
  paint-order: stroke;
}

.txstbc {
  -webkit-text-stroke: 8px var(--bc);
  paint-order: stroke;
}

.H-txstwh :is(h1, h2, h3) {
  -webkit-text-stroke: 4px var(--wh);
  paint-order: stroke;
}

.H-txstbk :is(h1, h2, h3) {
  -webkit-text-stroke: 4px var(--bk);
  paint-order: stroke;
  color: #fff;
}

.H-txstmc :is(h1, h2, h3) {
  -webkit-text-stroke: 4px var(--mc);
  paint-order: stroke;
  color: #fff;
}

@media screen and (max-width: 640px) {
  [class*=H-txst] :is(h1, h2, h3) {
    -webkit-text-stroke-width: 2px;
  }
}
.drshwh {
  filter: var(--drshwh);
}

.drshbk {
  filter: var(--drshbk);
}

.drshmc {
  filter: var(--drshmc);
}

.drshbc {
  filter: var(--drshbc);
}

.drshtx {
  filter: var(--drshtx);
}

.drshgr {
  filter: var(--drshgr);
}

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

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

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

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

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

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

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

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

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

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

.pxdswh {
  filter: var(--pxdswh);
}

.pxdsbk {
  filter: var(--pxdsbk);
}

.pxdsmc {
  filter: var(--pxdsmc);
}

.pxdstx {
  filter: var(--pxdstx);
}

.beforeF, .beforeFooter {
  margin-bottom: calc(var(--Fmt) * -1);
}

.mtG {
  margin-top: var(--g);
}

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

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

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

#main section {
  width: var(--un);
  margin-inline: unset;
}

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%;
}

:where(.wrapper, .wrapper100, .wrapper100in) {
  position: relative;
}
:where(.wrapper, .wrapper100, .wrapper100in) > * + * {
  margin-top: var(--Wchild);
}
:where(.wrapper, .wrapper100, .wrapper100in) > .box {
  margin: unset;
}
:where(.wrapper, .wrapper100, .wrapper100in) + div {
  margin-top: var(--Schild);
}
:where(.wrapper, .wrapper100, .wrapper100in) > .bg100 {
  max-width: unset !important;
}

.wrapper > * + *, .wrapper100 > * + *, .wrapper100in > * + * {
  margin-top: var(--Wchild);
}

[class*=wrapper] + [class*=wrapper] {
  margin-top: unset;
}

html {
  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: 100%;
  }
}

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;
}

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

.ph:before {
  font-weight: inherit;
}

b, strong {
  font-weight: 700;
}

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

:where(h1, h2, h3) .ph:before {
  content: "\f219";
  font-family: var(--icon);
  font-weight: 900;
}

:where(h1, h2, h3) > img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.125em;
  -o-object-fit: contain;
     object-fit: contain;
}

h5, h4 {
  font-size: 1.25em;
}

#contents .H-h3FZ :is(h1, h2, h3) {
  font-size: var(--h3FZ);
}

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

.im img {
  width: 100%;
  height: auto;
}

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

:where(.box) {
  position: relative;
}
:where(.box) a {
  text-decoration: none;
}
:where(.box) article > h3 {
  display: 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;
}
#contents .form_wrap:is(.confirm, .message, .error) {
  font-size: var(--f16);
  --bdc:#ccc;
}
#contents .form_wrap:is(.confirm, .message, .error) *:not(label) {
  color: #111 !important;
}
#contents .form_wrap:is(.confirm, .message, .error) {
  margin-top: calc(var(--head) * 1.2) !important;
  margin-inline: auto !important;
}
#contents .form_wrap:is(.confirm, .message, .error) dl:last-of-type dt,
#contents .form_wrap:is(.confirm, .message, .error) dl:last-of-type dd {
  border-color: #ccc;
}
#contents .form_wrap:is(.entry) dl:last-of-type dt,
#contents .form_wrap:is(.entry) dl:last-of-type dd {
  border-color: #ccc;
}

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

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

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

.ph, .la, .fa-solid {
  font-family: var(--icon);
  color: inherit;
}

hr {
  border-bottom: 2px solid currentColor;
  margin-block: 1em;
}

div#form_calendar div.head span:nth-of-type(5), div.calendar div.head span:nth-of-type(5),
div#form_calendar div.head span:nth-of-type(1), div.calendar div.head span:nth-of-type(1) {
  width: unset;
  font-size: 1.5em;
  transition: 0.4s;
}
div#form_calendar div.head span:nth-of-type(5):hover, div.calendar div.head span:nth-of-type(5):hover,
div#form_calendar div.head span:nth-of-type(1):hover, div.calendar div.head span:nth-of-type(1):hover {
  color: inherit;
  opacity: 0.7;
}

div#form_calendar table tbody tr td.open.level1 span {
  border-color: var(--gr);
}

div#form_calendar table tbody tr td label, div.calendar table tbody tr td label,
div#form_calendar table tbody tr td.close span {
  font-size: unset;
}

.dis {
  display: none;
}

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

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

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

html.blog {
  max-width: 100%;
  padding-inline: 0;
}
@media screen and (max-width: 834px) {
  html.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%;
}

html.blog #contents article h2 {
  position: relative;
  z-index: 1;
  --wid: 112px;
}
html.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) {
  html.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.other {
  background: transparent !important;
}

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

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

@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;
}

@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: var(--line);
  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 > * + * {
  margin-top: var(--bl025);
}

section div#contents > article + article {
  margin-top: var(--bl05);
  padding-top: var(--bl05);
  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 {
  display: inline-block;
  padding: 0.25em 1em;
  border-radius: var(--radhalf);
  color: #fff;
  background-color: var(--ac);
}

html.blog.bk {
  background-color: var(--bk);
}
html.blog.bk section div.wrap {
  background-color: var(--bk);
}
@media screen and (max-width: 834px) {
  html.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);
}

div.bxi_index ol li {
  padding-inline: unset;
}

.blog article h1, .blog article h2, .blog article h3 {
  scroll-margin-top: var(--head);
}

html.blog section div#contents article ul li a,
html.blog section div#contents > dl ul li a {
  font-size: 80%;
}

section div#contents > article time {
  background-color: var(--mc);
  border-radius: var(--rad);
}

div.bxi_index ol li {
  border-bottom: var(--line);
}

div.bxi_index label {
  display: none;
}

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

div#form_calendar div.head span, div.calendar div.head span {
  color: unset;
}

.blog :is(.it01, .ti01) img {
  width: 100% !important;
}

#contents_wrap:is(.shop *), section.blog:is(.shop *) {
  margin-block-start: 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%;
}

section > .items + .search {
  padding-bottom: 2em;
}

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

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 {
  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: cover;
}

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_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);
  width: 100%;
  background-color: var(--btnBG);
  color: var(--btnC);
  border-color: var(--cur);
  border-radius: var(--btnRad);
  padding: var(--btnPI);
}

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;
  border-color: var(--cur);
  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%;
  }
}

html.shop div.photo {
  flex-wrap: wrap;
}
html.shop div.photo > * {
  width: 100%;
}
html.shop div.photo div.small {
  min-width: unset;
  max-width: unset;
}
html.shop div.photo div.small ul {
  gap: 1vmin 1%;
}
html.shop div.photo div.small ul li {
  flex: unset;
  width: 19.2%;
  margin: unset;
}
@media screen and (max-width: 640px) {
  html.shop div.photo div.small ul li {
    width: 32.6666666667%;
  }
}
html.shop div.photo div.small figure {
  background-color: #f4f4f4;
}
html.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);
  border-color: var(--cur);
  border-radius: 0px;
  padding: 0.5em 0.5em;
  order: 1;
  display: none;
}

div.items > article button {
  display: none;
}

div.items > article p.summary {
  order: 1;
  display: block;
  text-align: left;
  width: 100%;
}
div.items > article p.summary br {
  display: block;
}
div.items > article p.summary .btn {
  width: 100%;
  min-width: unset;
}

div.order ul {
  flex-wrap: wrap;
}
div.order ul li {
  margin-left: 0.75em;
}

article.item {
  row-gap: var(--bl05);
}

/* バイリンガルボタン */
#builingual {
  position: fixed;
  bottom: 5px;
  right: 5px;
  z-index: 999999;
  padding: 5px 10px !important;
  background: rgba(255, 255, 255, 0.7) !important;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between !important;
}

.language {
  color: #333 !important;
  float: none !important;
  padding: 0 !important;
}

.switch {
  float: none !important;
  width: 33px;
  margin-left: 5px !important;
  display: block !important;
}

.switch input[type=checkbox] {
  display: none;
}

.switch label {
  display: block;
  box-sizing: border-box;
  padding: 5px 0 8px 0;
  background: #eee;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(136, 136, 136, 0.4);
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  cursor: pointer;
  transition: 0.3s;
}

div#builingual div.language select {
  margin: 0 !important;
  margin-left: 5px !important;
}

/* ON */
.switch label span:after {
  content: "OFF";
  font-size: 10px;
  font-weight: 500;
  color: #aaa;
}

.switch #cmn-toggle-1:checked + label {
  background-color: #fb6103;
  box-shadow: none;
}

.switch #cmn-toggle-1:checked + label span:after {
  content: "ON";
  color: #fff;
}

.bili_name dl:nth-of-type(2) dd div,
.bili_name dl:last-of-type dd div {
  display: block !important;
}

.bili_name dl:nth-of-type(2) dd .translate,
.bili_name dl:last-of-type dd .translate {
  display: none !important;
}

.language select {
  padding: 3px !important;
}

@media screen and (max-width: 360px) {
  #builingual .language {
    display: flex !important;
  }
  div#builingual div.language select {
    width: 130px;
  }
}
:root {
  --trt:translate 1.2s,opacity 1.2s ,clip-path .8s ,filter 1.2s ,scale 1.8s ;
  --bw:100px;
  --transX: 6vmin;
  --transY: 6vmin;
}

[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 > *, form > *), [class*=js-ch] > *.show:nth-child(1):is(section > *, form > *), [class*=js-art] article > *.show:nth-child(1):is(section > *, form > *) {
  transition-delay: 0s !important;
}
[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 > *, form > *), [class*=js-ch] > *.show:nth-child(2):is(section > *, form > *), [class*=js-art] article > *.show:nth-child(2):is(section > *, form > *) {
  transition-delay: 0s !important;
}
[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 > *, form > *), [class*=js-ch] > *.show:nth-child(3):is(section > *, form > *), [class*=js-art] article > *.show:nth-child(3):is(section > *, form > *) {
  transition-delay: 0s !important;
}
[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 > *, form > *), [class*=js-ch] > *.show:nth-child(4):is(section > *, form > *), [class*=js-art] article > *.show:nth-child(4):is(section > *, form > *) {
  transition-delay: 0s !important;
}
[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 > *, form > *), [class*=js-ch] > *.show:nth-child(5):is(section > *, form > *), [class*=js-art] article > *.show:nth-child(5):is(section > *, form > *) {
  transition-delay: 0s !important;
}
[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 > *, form > *), [class*=js-ch] > *.show:nth-child(6):is(section > *, form > *), [class*=js-art] article > *.show:nth-child(6):is(section > *, form > *) {
  transition-delay: 0s !important;
}
[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 > *, form > *), [class*=js-ch] > *.show:nth-child(7):is(section > *, form > *), [class*=js-art] article > *.show:nth-child(7):is(section > *, form > *) {
  transition-delay: 0s !important;
}
[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 > *, form > *), [class*=js-ch] > *.show:nth-child(8):is(section > *, form > *), [class*=js-art] article > *.show:nth-child(8):is(section > *, form > *) {
  transition-delay: 0s !important;
}
[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 > *, form > *), [class*=js-ch] > *.show:nth-child(9):is(section > *, form > *), [class*=js-art] article > *.show:nth-child(9):is(section > *, form > *) {
  transition-delay: 0s !important;
}

.H-split :is(h1, h2, h3) > *:nth-child(1) > *,
.div-split div > * > * {
  opacity: 0;
  transition: var(--trt);
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *,
.div-split div > *.show > * {
  opacity: 1;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(1),
.div-split div > *.show > *:nth-child(1) {
  transition-delay: 0.06s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(2),
.div-split div > *.show > *:nth-child(2) {
  transition-delay: 0.12s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(3),
.div-split div > *.show > *:nth-child(3) {
  transition-delay: 0.18s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(4),
.div-split div > *.show > *:nth-child(4) {
  transition-delay: 0.24s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(5),
.div-split div > *.show > *:nth-child(5) {
  transition-delay: 0.3s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(6),
.div-split div > *.show > *:nth-child(6) {
  transition-delay: 0.36s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(7),
.div-split div > *.show > *:nth-child(7) {
  transition-delay: 0.42s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(8),
.div-split div > *.show > *:nth-child(8) {
  transition-delay: 0.48s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(9),
.div-split div > *.show > *:nth-child(9) {
  transition-delay: 0.54s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(10),
.div-split div > *.show > *:nth-child(10) {
  transition-delay: 0.6s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(11),
.div-split div > *.show > *:nth-child(11) {
  transition-delay: 0.66s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(12),
.div-split div > *.show > *:nth-child(12) {
  transition-delay: 0.72s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(13),
.div-split div > *.show > *:nth-child(13) {
  transition-delay: 0.78s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(14),
.div-split div > *.show > *:nth-child(14) {
  transition-delay: 0.84s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(15),
.div-split div > *.show > *:nth-child(15) {
  transition-delay: 0.9s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(16),
.div-split div > *.show > *:nth-child(16) {
  transition-delay: 0.96s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(17),
.div-split div > *.show > *:nth-child(17) {
  transition-delay: 1.02s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(18),
.div-split div > *.show > *:nth-child(18) {
  transition-delay: 1.08s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(19),
.div-split div > *.show > *:nth-child(19) {
  transition-delay: 1.14s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(20),
.div-split div > *.show > *:nth-child(20) {
  transition-delay: 1.2s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(21),
.div-split div > *.show > *:nth-child(21) {
  transition-delay: 1.26s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(22),
.div-split div > *.show > *:nth-child(22) {
  transition-delay: 1.32s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(23),
.div-split div > *.show > *:nth-child(23) {
  transition-delay: 1.38s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(24),
.div-split div > *.show > *:nth-child(24) {
  transition-delay: 1.44s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(25),
.div-split div > *.show > *:nth-child(25) {
  transition-delay: 1.5s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(26),
.div-split div > *.show > *:nth-child(26) {
  transition-delay: 1.56s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(27),
.div-split div > *.show > *:nth-child(27) {
  transition-delay: 1.62s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(28),
.div-split div > *.show > *:nth-child(28) {
  transition-delay: 1.68s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(29),
.div-split div > *.show > *:nth-child(29) {
  transition-delay: 1.74s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(30),
.div-split div > *.show > *:nth-child(30) {
  transition-delay: 1.8s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(31),
.div-split div > *.show > *:nth-child(31) {
  transition-delay: 1.86s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(32),
.div-split div > *.show > *:nth-child(32) {
  transition-delay: 1.92s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(33),
.div-split div > *.show > *:nth-child(33) {
  transition-delay: 1.98s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(34),
.div-split div > *.show > *:nth-child(34) {
  transition-delay: 2.04s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(35),
.div-split div > *.show > *:nth-child(35) {
  transition-delay: 2.1s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(36),
.div-split div > *.show > *:nth-child(36) {
  transition-delay: 2.16s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(37),
.div-split div > *.show > *:nth-child(37) {
  transition-delay: 2.22s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(38),
.div-split div > *.show > *:nth-child(38) {
  transition-delay: 2.28s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(39),
.div-split div > *.show > *:nth-child(39) {
  transition-delay: 2.34s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(40),
.div-split div > *.show > *:nth-child(40) {
  transition-delay: 2.4s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(41),
.div-split div > *.show > *:nth-child(41) {
  transition-delay: 2.46s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(42),
.div-split div > *.show > *:nth-child(42) {
  transition-delay: 2.52s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(43),
.div-split div > *.show > *:nth-child(43) {
  transition-delay: 2.58s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(44),
.div-split div > *.show > *:nth-child(44) {
  transition-delay: 2.64s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(45),
.div-split div > *.show > *:nth-child(45) {
  transition-delay: 2.7s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(46),
.div-split div > *.show > *:nth-child(46) {
  transition-delay: 2.76s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(47),
.div-split div > *.show > *:nth-child(47) {
  transition-delay: 2.82s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(48),
.div-split div > *.show > *:nth-child(48) {
  transition-delay: 2.88s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(49),
.div-split div > *.show > *:nth-child(49) {
  transition-delay: 2.94s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(50),
.div-split div > *.show > *:nth-child(50) {
  transition-delay: 3s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(51),
.div-split div > *.show > *:nth-child(51) {
  transition-delay: 3.06s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(52),
.div-split div > *.show > *:nth-child(52) {
  transition-delay: 3.12s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(53),
.div-split div > *.show > *:nth-child(53) {
  transition-delay: 3.18s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(54),
.div-split div > *.show > *:nth-child(54) {
  transition-delay: 3.24s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(55),
.div-split div > *.show > *:nth-child(55) {
  transition-delay: 3.3s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(56),
.div-split div > *.show > *:nth-child(56) {
  transition-delay: 3.36s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(57),
.div-split div > *.show > *:nth-child(57) {
  transition-delay: 3.42s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(58),
.div-split div > *.show > *:nth-child(58) {
  transition-delay: 3.48s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(59),
.div-split div > *.show > *:nth-child(59) {
  transition-delay: 3.54s;
}
.H-split :is(h1, h2, h3) > *:nth-child(1).show > *:nth-child(60),
.div-split div > *.show > *:nth-child(60) {
  transition-delay: 3.6s;
}

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

.js-left, .js-right, .js-top, .js-bottom, .js-chB > *, .js-chL > *, .js-chR > * {
  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 {
  opacity: 1;
  translate: none;
  filter: unset;
}
.js-hide {
  filter: blur(var(--bw)) invert(0);
  opacity: 0;
  transition: var(--trt);
}
.js-hide.show {
  opacity: 1;
  translate: none;
  filter: unset;
}
.js-cpL, .js-cpR, .js-uHide {
  transition: var(--trt);
  opacity: 0;
}
.js-cpL.show, .js-cpR.show, .js-uHide.show {
  translate: none;
  opacity: 1;
  filter: unset;
}
.js-scale {
  opacity: 0;
  transition: scale 1.8s, opacity 1.2s 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-cpL,
.js-cpR,
.js-cpT,
.js-cpB {
  transition: var(--trt);
  opacity: 0;
  -webkit-clip-path: inset(0 95% 0 0);
          clip-path: inset(0 95% 0 0);
}
.js-cpL.show,
.js-cpR.show,
.js-cpT.show,
.js-cpB.show {
  opacity: 1;
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}

.js-cpL {
  -webkit-clip-path: inset(0 95% 0 0);
          clip-path: inset(0 95% 0 0);
}

.js-cpR {
  -webkit-clip-path: inset(0 0 0 95%);
          clip-path: inset(0 0 0 95%);
}

.js-cpT {
  -webkit-clip-path: inset(0 0 50% 0);
          clip-path: inset(0 0 50% 0);
}

.js-cpB {
  -webkit-clip-path: inset(95% 0 0 0);
          clip-path: inset(95% 0 0 0);
}

.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-letter.show :is(h1, h2, h3) > *:nth-child(1) {
  transition-delay: 0.2s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(2) {
  transition-delay: 0.3s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(3) {
  transition-delay: 0.4s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(4) {
  transition-delay: 0.5s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(5) {
  transition-delay: 0.6s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(6) {
  transition-delay: 0.7s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(7) {
  transition-delay: 0.8s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(8) {
  transition-delay: 0.9s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(9) {
  transition-delay: 1s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(10) {
  transition-delay: 1.1s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(11) {
  transition-delay: 1.2s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(12) {
  transition-delay: 1.3s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(13) {
  transition-delay: 1.4s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(14) {
  transition-delay: 1.5s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(15) {
  transition-delay: 1.6s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(16) {
  transition-delay: 1.7s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(17) {
  transition-delay: 1.8s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(18) {
  transition-delay: 1.9s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(19) {
  transition-delay: 2s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(20) {
  transition-delay: 2.1s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(21) {
  transition-delay: 2.2s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(22) {
  transition-delay: 2.3s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(23) {
  transition-delay: 2.4s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(24) {
  transition-delay: 2.5s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(25) {
  transition-delay: 2.6s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(26) {
  transition-delay: 2.7s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(27) {
  transition-delay: 2.8s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(28) {
  transition-delay: 2.9s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(29) {
  transition-delay: 3s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(30) {
  transition-delay: 3.1s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(31) {
  transition-delay: 3.2s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(32) {
  transition-delay: 3.3s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(33) {
  transition-delay: 3.4s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(34) {
  transition-delay: 3.5s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(35) {
  transition-delay: 3.6s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(36) {
  transition-delay: 3.7s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(37) {
  transition-delay: 3.8s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(38) {
  transition-delay: 3.9s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(39) {
  transition-delay: 4s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(40) {
  transition-delay: 4.1s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(41) {
  transition-delay: 4.2s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(42) {
  transition-delay: 4.3s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(43) {
  transition-delay: 4.4s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(44) {
  transition-delay: 4.5s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(45) {
  transition-delay: 4.6s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(46) {
  transition-delay: 4.7s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(47) {
  transition-delay: 4.8s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(48) {
  transition-delay: 4.9s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(49) {
  transition-delay: 5s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(50) {
  transition-delay: 5.1s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(51) {
  transition-delay: 5.2s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(52) {
  transition-delay: 5.3s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(53) {
  transition-delay: 5.4s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(54) {
  transition-delay: 5.5s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(55) {
  transition-delay: 5.6s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(56) {
  transition-delay: 5.7s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(57) {
  transition-delay: 5.8s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(58) {
  transition-delay: 5.9s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(59) {
  transition-delay: 6s;
}
.js-letter.show :is(h1, h2, h3) > *:nth-child(60) {
  transition-delay: 6.1s;
}

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

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(--mc10);
  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;
}

:root {
  --TLC:var(--linkC);
  --TLFZ:var(--inh);
  --TLFF:var(--eng);
  --TLFW:700;
  --TLFS:normal;
  --TLLS:inherit;
  --TLDeco:underline;
  --TLOff:.25em;
  --TLG:.25em;
  --btnBG:var(--mc);
  --btnC:var(--wh);
  --btnFZ:var(--f20);
  --btnFF:var(--inh);
  --btnLH:1.33;
  --btnFW:inherit;
  --btnLS:inherit;
  --btnW:18vmin;
  --btnH:var(--btnW);
  --btnPI: 0.5em;
  --btnPB: 0;
  --btnG:0em;
  --btnTR:var(--trt);
  --btnRad:1000px;
  --btnIFZ:calc(var(--btnFZ)*1.5);
  --btnImg:calc(var(--btnFZ)*1.5);
  --btnIFF:var(--icon);
  --btnDir:row;
  --btnJC:center;
  --btnAF: "";
  --btnAFdis: none;
  --btnAFC: var(--inh);
  --btnAFFZ: calc(var(--btnFZ)*1.5);
  --btnAFFW: 900;
  --btnAFPOS: unset;
  --btnAFRT: 1em;
  --btnBD:var(--un);
  --btnBDB:var(--un);
}
@media screen and (max-width: 640px) {
  :root {
    --btnW:var(--head2);
  }
}

.btn, .btnL, .h.leftBar .h_nav > ul > li > a, .h.navBtn .h_nav > ul > li > a, .btn2 {
  position: relative;
  z-index: 1;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: var(--btnJC);
  flex-direction: var(--btnDir);
  font-size: var(--btnFZ);
  font-weight: var(--btnFW);
  font-family: var(--btnFF);
  line-height: var(--btnLH);
  letter-spacing: var(--btnLS);
  background: 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;
  align-items: center !important;
}

.h_logo {
  transition: var(--btnTR);
}
.h_logo:hover {
  filter: brightness(1.15) saturate(1.3);
}

.btn, .btnL, .h.leftBar .h_nav > ul > li > a, .h.navBtn .h_nav > ul > li > a, .btn2 {
  overflow: visible !important;
  transition: var(--btnTR);
}
.btn.__anchor, .__anchor.btnL, .h.leftBar .h_nav > ul > li > a.__anchor, .h.navBtn .h_nav > ul > li > a.__anchor, .__anchor.btn2 {
  justify-content: center;
}
.btn.__anchor:after, .__anchor.btnL:after, .h.leftBar .h_nav > ul > li > a.__anchor:after, .h.navBtn .h_nav > ul > li > a.__anchor:after, .__anchor.btn2:after {
  background: unset;
  height: unset;
  rotate: 90deg;
  flex: unset;
}
.btn:hover, .btnL:hover, .h.leftBar .h_nav > ul > li > a:hover, .h.navBtn .h_nav > ul > li > a:hover, .btn2:hover {
  filter: brightness(1.2) saturate(1.5);
}
.btn.__wh, .__wh.btnL, .h.leftBar .h_nav > ul > li > a.__wh, .h.navBtn .h_nav > ul > li > a.__wh, .__wh.btn2 {
  background-color: var(--wh);
  color: var(--mc);
}
.btn.__wh:is(.h *):hover, .__wh.btnL:is(.h *):hover, .h.leftBar .h_nav > ul > li > a.__wh:is(.h *):hover, .h.navBtn .h_nav > ul > li > a.__wh:is(.h *):hover, .__wh.btn2:is(.h *):hover {
  filter: invert(8%);
}
.btn:has(> br, > small), .btnL:has(> br, > small), .h.leftBar .h_nav > ul > li > a:has(> br, > small), .h.navBtn .h_nav > ul > li > a:has(> br, > small), .btn2:has(> br, > small) {
  flex-direction: column;
  gap: 0px;
}
.btn:has(> br, > small) > small, .btnL:has(> br, > small) > small, .h.leftBar .h_nav > ul > li > a:has(> br, > small) > small, .h.navBtn .h_nav > ul > li > a:has(> br, > small) > small, .btn2:has(> br, > small) > small {
  display: block;
  font-size: 75%;
}
.btn:after, .btnL:after, .h.leftBar .h_nav > ul > li > a:after, .h.navBtn .h_nav > ul > li > a:after, .btn2: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;
  line-height: var(--btnFZ);
  transition: 0.4s;
  vertical-align: middle;
  display: none;
}
.btn:has(img), .btnL:has(img), .h.leftBar .h_nav > ul > li > a:has(img), .h.navBtn .h_nav > ul > li > a:has(img), .btn2:has(img) {
  flex-direction: column;
}
.btn:has(img) img, .btnL:has(img) img, .h.leftBar .h_nav > ul > li > a:has(img) img, .h.navBtn .h_nav > ul > li > a:has(img) img, .btn2:has(img) img {
  width: var(--btnImg);
  margin-inline: auto;
  display: block;
}
.btn.__large, .__large.btnL, .h.leftBar .h_nav > ul > li > a.__large, .h.navBtn .h_nav > ul > li > a.__large, .__large.btn2 {
  min-width: unset;
  display: flex;
  max-width: 100%;
  --btnH: 80px;
}
@media screen and (max-width: 480px) {
  .btn.__large, .__large.btnL, .h.leftBar .h_nav > ul > li > a.__large, .h.navBtn .h_nav > ul > li > a.__large, .__large.btn2 {
    --btnH: 60px;
  }
}
.btn:has(i), .btnL:has(i), .h.leftBar .h_nav > ul > li > a:has(i), .h.navBtn .h_nav > ul > li > a:has(i), .btn2:has(i) {
  justify-content: center;
  flex-direction: column;
  --btnPB: 0.5em 0;
}
.btn:has(i) i:before, .btnL:has(i) i:before, .h.leftBar .h_nav > ul > li > a:has(i) i:before, .h.navBtn .h_nav > ul > li > a:has(i) i:before, .btn2:has(i) i:before {
  content: "\f578";
  color: var(--btnAFC);
  font-family: var(--btnIFF);
  font-size: var(--btnIFZ);
  right: var(--btnAFRT);
  transition: 0.4s;
  line-height: 0.5;
}
.btn:has(i) i:before:not(.ph), .btnL:has(i) i:before:not(.ph), .h.leftBar .h_nav > ul > li > a:has(i) i:before:not(.ph), .h.navBtn .h_nav > ul > li > a:has(i) i:before:not(.ph), .btn2:has(i) i:before:not(.ph) {
  font-weight: var(--btnAFFW);
}
.btn.__tel:after, .__tel.btnL:after, .h.leftBar .h_nav > ul > li > a.__tel:after, .h.navBtn .h_nav > ul > li > a.__tel:after, .__tel.btn2:after {
  display: none;
}
.btn:has(i, > span):after, .btnL:has(i, > span):after, .h.leftBar .h_nav > ul > li > a:has(i, > span):after, .h.navBtn .h_nav > ul > li > a:has(i, > span):after, .btn2:has(i, > span):after {
  display: none;
}
.btn:is(a, span), .btnL:is(a, span), .h.leftBar .h_nav > ul > li > a:is(a, span), .h.navBtn .h_nav > ul > li > a:is(a, span), .btn2:is(a, span) {
  color: var(--btnC);
  transition: var(--btnTR);
}
.btn.__top::after, .__top.btnL::after, .h.leftBar .h_nav > ul > li > a.__top::after, .h.navBtn .h_nav > ul > li > a.__top::after, .__top.btn2::after {
  rotate: -90deg;
}
.btn:is(.ul_btns *)::after, .btnL:is(.ul_btns *)::after, .h.leftBar .h_nav > ul > li > a:is(.ul_btns *)::after, .h.navBtn .h_nav > ul > li > a:is(.ul_btns *)::after, .btn2:is(.ul_btns *)::after {
  rotate: 90deg;
}
.btn.__cent, .__cent.btnL, .h.leftBar .h_nav > ul > li > a.__cent, .h.navBtn .h_nav > ul > li > a.__cent, .__cent.btn2 {
  margin-inline: auto;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}
.btn.noArrow:after, .noArrow.btnL:after, .h.leftBar .h_nav > ul > li > a.noArrow:after, .h.navBtn .h_nav > ul > li > a.noArrow:after, .noArrow.btn2:after {
  display: none;
}
.btn.arrowRev:after, .arrowRev.btnL:after, .h.leftBar .h_nav > ul > li > a.arrowRev:after, .h.navBtn .h_nav > ul > li > a.arrowRev:after, .arrowRev.btn2:after {
  rotate: 180deg;
}
@media screen and (max-width: 640px) {
  .btn:is(.art-flex *), .btnL:is(.art-flex *), .h.leftBar .h_nav > ul > li > a:is(.art-flex *), .h.navBtn .h_nav > ul > li > a:is(.art-flex *), .btn2:is(.art-flex *) {
    min-width: unset;
    width: 100%;
  }
}
.btn[href*="#contents"]:after, [href*="#contents"].btnL:after, .h.leftBar .h_nav > ul > li > a[href*="#contents"]:after, .h.navBtn .h_nav > ul > li > a[href*="#contents"]:after, [href*="#contents"].btn2:after {
  rotate: -90deg;
}
.btn.RB, .RB.btnL, .h.leftBar .h_nav > ul > li > a.RB, .h.navBtn .h_nav > ul > li > a.RB, .RB.btn2 {
  float: right;
  margin-top: auto;
  margin-left: auto;
}
.btn.LB, .LB.btnL, .h.leftBar .h_nav > ul > li > a.LB, .h.navBtn .h_nav > ul > li > a.LB, .LB.btn2 {
  float: left;
  margin-top: auto;
  margin-right: auto;
}
.btn.__ac, .__ac.btnL, .h.leftBar .h_nav > ul > li > a.__ac, .h.navBtn .h_nav > ul > li > a.__ac, .__ac.btn2 {
  background-color: var(--ac);
  color: var(--wh) !important;
}
.btn.__bc, .__bc.btnL, .h.leftBar .h_nav > ul > li > a.__bc, .h.navBtn .h_nav > ul > li > a.__bc, .__bc.btn2 {
  background-color: var(--bc);
}
.btn.__mcf, .__mcf.btnL, .h.leftBar .h_nav > ul > li > a.__mcf, .h.navBtn .h_nav > ul > li > a.__mcf, .__mcf.btn2 {
  background-color: var(--mc);
  color: var(--ff);
}
.btn.__acf, .__acf.btnL, .h.leftBar .h_nav > ul > li > a.__acf, .h.navBtn .h_nav > ul > li > a.__acf, .__acf.btn2 {
  background-color: var(--ac);
  color: var(--ff);
}
.btn.__scf, .__scf.btnL, .h.leftBar .h_nav > ul > li > a.__scf, .h.navBtn .h_nav > ul > li > a.__scf, .__scf.btn2 {
  background-color: var(--sc);
  color: var(--ff);
}
.btn.__bcf, .__bcf.btnL, .h.leftBar .h_nav > ul > li > a.__bcf, .h.navBtn .h_nav > ul > li > a.__bcf, .__bcf.btn2 {
  background-color: var(--bc);
  color: var(--ff);
}
.btn.__bk, .__bk.btnL, .h.leftBar .h_nav > ul > li > a.__bk, .h.navBtn .h_nav > ul > li > a.__bk, .__bk.btn2 {
  background-color: var(--bk);
  color: var(--ff);
}
.btn.__tx, .__tx.btnL, .h.leftBar .h_nav > ul > li > a.__tx, .h.navBtn .h_nav > ul > li > a.__tx, .__tx.btn2 {
  background-color: var(--tx);
  color: var(--ff);
}
.btn.__tr, .__tr.btnL, .h.leftBar .h_nav > ul > li > a.__tr, .h.navBtn .h_nav > ul > li > a.__tr, .__tr.btn2 {
  background: unset;
  border: 1px solid currentColor;
}
.btn.__mc, .__mc.btnL, .h.leftBar .h_nav > ul > li > a.__mc, .h.navBtn .h_nav > ul > li > a.__mc, .__mc.btn2 {
  --btnBG: var(--mc);
  color: #fff;
}
.btn.__tw, .__tw.btnL, .h.leftBar .h_nav > ul > li > a.__tw, .h.navBtn .h_nav > ul > li > a.__tw, .__tw.btn2 {
  background-color: var(--bg);
  --bg:var(--TW);
}
.btn.__ins, .__ins.btnL, .h.leftBar .h_nav > ul > li > a.__ins, .h.navBtn .h_nav > ul > li > a.__ins, .__ins.btn2 {
  background-color: var(--bg);
  --bg:var(--INS);
}
.btn.__lg, .__lg.btnL, .h.leftBar .h_nav > ul > li > a.__lg, .h.navBtn .h_nav > ul > li > a.__lg, .__lg.btn2 {
  padding-block: 1.5em;
}
.btn.__sc, .__sc.btnL, .h.leftBar .h_nav > ul > li > a.__sc, .h.navBtn .h_nav > ul > li > a.__sc, .__sc.btn2 {
  --btnBG: var(--sc );
}
.btn.__ac, .__ac.btnL, .h.leftBar .h_nav > ul > li > a.__ac, .h.navBtn .h_nav > ul > li > a.__ac, .__ac.btn2 {
  --btnBG: var(--ac );
}
.btn.__ac2, .__ac2.btnL, .h.leftBar .h_nav > ul > li > a.__ac2, .h.navBtn .h_nav > ul > li > a.__ac2, .__ac2.btn2 {
  --btnBG: var(--ac2 );
}
.btn.__red, .__red.btnL, .h.leftBar .h_nav > ul > li > a.__red, .h.navBtn .h_nav > ul > li > a.__red, .__red.btn2 {
  --btnBG: var(--red );
}
.btn.__purp, .__purp.btnL, .h.leftBar .h_nav > ul > li > a.__purp, .h.navBtn .h_nav > ul > li > a.__purp, .__purp.btn2 {
  --btnBG: var(--purp );
}
.btn.__gree, .__gree.btnL, .h.leftBar .h_nav > ul > li > a.__gree, .h.navBtn .h_nav > ul > li > a.__gree, .__gree.btn2 {
  --btnBG: var(--gree );
}
.btn.__oran, .__oran.btnL, .h.leftBar .h_nav > ul > li > a.__oran, .h.navBtn .h_nav > ul > li > a.__oran, .__oran.btn2 {
  --btnBG: var(--oran );
}
.btn.__yell, .__yell.btnL, .h.leftBar .h_nav > ul > li > a.__yell, .h.navBtn .h_nav > ul > li > a.__yell, .__yell.btn2 {
  --btnBG: var(--yell );
}
.btn.__blue, .__blue.btnL, .h.leftBar .h_nav > ul > li > a.__blue, .h.navBtn .h_nav > ul > li > a.__blue, .__blue.btn2 {
  --btnBG: var(--blue );
}
.btn.__pink, .__pink.btnL, .h.leftBar .h_nav > ul > li > a.__pink, .h.navBtn .h_nav > ul > li > a.__pink, .__pink.btn2 {
  --btnBG: var(--pink );
}

.btn2 {
  --btnW:240px;
  --btnH:60px;
  --btnG:.25em;
  --btnAFdis: inline-block;
}
.btn2: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;
  line-height: var(--btnFZ);
  transition: 0.4s;
}

.h.leftBar .h_nav > ul > li > a, .h.navBtn .h_nav > ul > li > a {
  --btnC:var(--tx);
  --btnBG:var(--un);
  --btnLH:1.5;
  min-width: unset;
}
.h.leftBar .h_nav > ul > li > a > span, .h.navBtn .h_nav > ul > li > a > span {
  font-size: 14px;
  color: var(--mc);
}
.h.leftBar .h_nav > ul li.drop .droplink, .h.navBtn .h_nav > ul li.drop .droplink {
  background-color: var(--btnBG);
}

a.iconBtn {
  line-height: 1;
  color: var(--TLC);
}
a.iconBtn i {
  font-size: var(--f32);
  line-height: 1;
}
a.iconBtn img {
  font-size: 1em;
  height: var(--btnH);
}

.btn i, .btnL i, .btn2 i, .h.leftBar .h_nav > ul > li > a i, .h.navBtn .h_nav > ul > li > a i, .imgBtn i {
  font-size: var(--btnIFZ);
}
.btn img, .btnL img, .btn2 img, .h.leftBar .h_nav > ul > li > a img, .h.navBtn .h_nav > ul > li > a img, .imgBtn img {
  width: var(--btnImg);
  height: var(--btnImg) !important;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
  vertical-align: middle;
}

a.label {
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1.5;
  margin: 0.25em 0.25em 0.25em 0;
  border: var(--line);
  padding-inline: 0.5em;
  border-radius: 1em;
}

.textlink {
  line-height: 1;
  font-size: var(--TLFZ);
  font-family: var(--TLFF);
  font-weight: var(--TLFW);
  font-style: var(--TLFS);
  letter-spacing: var(--TLLS);
  text-underline-offset: var(--TLOff);
  gap: var(--TLG);
  text-align: center;
}
.textlink.__anchor:after {
  background: unset;
  content: "\f105";
  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;
  rotate: 90deg;
  font-weight: 900;
  width: 1.25em;
}
.textlink:is(a) {
  -webkit-text-decoration: var(--TLDeco) !important;
          text-decoration: var(--TLDeco) !important;
  color: var(--TLC);
}
.textlink img {
  width: 1.25em !important;
  height: 1.25em !important;
  display: inline-block;
  vertical-align: top;
  margin-right: var(--TLG);
}
.textlink i:before {
  display: inline-block;
  margin-right: var(--TLG);
  vertical-align: bottom;
}
.textlink small, .textlink span {
  font-size: 60%;
  display: block;
  color: var(--tx);
}

p:has([class*=btn], .textlink) {
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  --g:3vmin;
  gap: var(--g);
  align-items: center;
}
p:has([class*=btn], .textlink) > br {
  display: none;
}
p:has([class*=btn], .textlink) .__anchor {
  max-width: calc(50% - var(--g) / 2) !important;
}
@media screen and (max-width: 640px) {
  p:has([class*=btn], .textlink) .__anchor {
    min-width: unset !important;
    width: var(--btnW);
  }
}

.double {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.btns.arrowDown .btn:after, .btns.arrowDown .btnL:after, .btns.arrowDown .btn2:after, .btns.arrowDown .h.leftBar .h_nav > ul > li > a:after, .h.leftBar .btns.arrowDown .h_nav > ul > li > a:after, .btns.arrowDown .h.navBtn .h_nav > ul > li > a:after, .h.navBtn .btns.arrowDown .h_nav > ul > li > a:after {
  rotate: 90deg;
}
.btns.arrowDown .btn:after, .btns.arrowDown .btnL:after, .btns.arrowDown .btn2:after, .btns.arrowDown .h.leftBar .h_nav > ul > li > a:after, .h.leftBar .btns.arrowDown .h_nav > ul > li > a:after, .btns.arrowDown .h.navBtn .h_nav > ul > li > a:after, .h.navBtn .btns.arrowDown .h_nav > ul > li > a: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;
}
@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;
  }
}

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

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

.h_nav .drop ul li,
.f_btn, .f_link, .pan1 a,
.h_nav a:not(.drop a, .nopointer, :has(> span)),
.nav a:not(.drop ul li a),
.f_nav ul a,
.blog_text h3 span,
.rss-title,
div.items > article a.name {
  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_nav .drop ul li:hover,
.f_btn:hover, .f_link:hover, .pan1 a:hover,
.h_nav a:hover:not(.drop a, .nopointer, :has(> span)),
.nav a:hover:not(.drop ul li a),
.f_nav ul a:hover,
.blog_text h3 span:hover,
.rss-title:hover,
div.items > article a.name: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%;
  }
}

@keyframes b-grow {
  0% {
    background-position-y: 200%;
  }
  100% {
    background-position-y: 0%;
  }
}

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

.nav a:not(.drop ul li a) {
  background-image: linear-gradient(var(--dropbtnBG), var(--dropbtnBG));
  background-position-x: 0%;
  animation: rightgrow 0.4s ease-in-out;
}

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

html:not(.eng) .enOnly {
  display: none !important;
}

html:is(.eng) .jaOnly {
  display: none !important;
}

.box-mc {
  --boxBG:var(--mc);
}
.box-mcLT {
  --boxBG:var(--mcLT);
}
.box-bc {
  --boxBG:var(--bc);
}
.box-sc {
  --boxBG:var(--sc);
}
.box-ac {
  --boxBG:var(--ac);
}
.box-wh {
  --boxBG:var(--wh);
}
.box-bk {
  --boxBG:var(--bk);
}
.box-mc .box, .box-mcLT .box, .box-bc .box, .box-sc .box, .box-ac .box, .box-wh .box, .box-bk .box {
  background-color: var(--boxBG);
  padding: 1em;
}

.art-mc {
  --artBG:var(--mc);
}
.art-mcLT {
  --artBG:var(--mcLT);
}
.art-bc {
  --artBG:var(--bc);
}
.art-sc {
  --artBG:var(--sc);
}
.art-ac {
  --artBG:var(--ac);
}
.art-wh {
  --artBG:var(--wh);
}
.art-bk {
  --artBG:var(--bk);
}
.art-mc > article, .art-mcLT > article, .art-bc > article, .art-sc > article, .art-ac > article, .art-wh > article, .art-bk > article {
  background-color: var(--artBG);
  padding: 1em;
}

.H-mc {
  --headBG:var(--mc);
}
.H-mcLT {
  --headBG:var(--mcLT);
}
.H-bc {
  --headBG:var(--bc);
}
.H-sc {
  --headBG:var(--sc);
}
.H-ac {
  --headBG:var(--ac);
}
.H-wh {
  --headBG:var(--wh);
}
.H-bk {
  --headBG:var(--bk);
}
.H-mc h1, .H-mc h2, .H-mc h3, .H-mcLT h1, .H-mcLT h2, .H-mcLT h3, .H-bc h1, .H-bc h2, .H-bc h3, .H-sc h1, .H-sc h2, .H-sc h3, .H-ac h1, .H-ac h2, .H-ac h3, .H-wh h1, .H-wh h2, .H-wh h3, .H-bk h1, .H-bk h2, .H-bk h3 {
  background-color: var(--headBG);
  padding: 0.0625em 0.125em;
}

.D-mc {
  --divBG:var(--mc);
}
.D-mcLT {
  --divBG:var(--mcLT);
}
.D-bc {
  --divBG:var(--bc);
}
.D-sc {
  --divBG:var(--sc);
}
.D-ac {
  --divBG:var(--ac);
}
.D-wh {
  --divBG:var(--wh);
}
.D-bk {
  --divBG:var(--bk);
}
.D-mc article > div, .D-mcLT article > div, .D-bc article > div, .D-sc article > div, .D-ac article > div, .D-wh article > div, .D-bk article > div {
  background-color: var(--divBG);
  padding: 1em;
}

.p-list p:not(:has(> a)) {
  line-height: 1.75;
  font-size: inherit;
  border-bottom: var(--line);
  border-color: var(--gr20);
}
.p-list p:not(:has(> a)) b {
  font-size: 1.5em;
  color: var(--ac);
}
.p-list p:not(:has(> a)) + br {
  display: none;
}
.p-list p:not(:has(> a)):before {
  font-family: var(--icon);
  content: "\f058";
  background-color: var(--un);
  border-radius: 1000px;
  display: inline-grid;
  place-items: center;
  vertical-align: middle;
  margin-right: 0.25em;
  color: var(--mc);
  font-size: 2em;
}
.p-list p:not(:has(> a)):is(.__circle *):before {
  content: "\f111";
}
.p-list p:not(:has(> a)):is(.__noIcon *):before {
  display: none;
}

.im:has(> .IMDC) {
  display: contents;
}
.im:has(> .IMDC) > .IMDC {
  display: inline-block;
}

.fancybox .veil {
  display: none;
}

.p-tar p {
  text-align: right;
}

.li-label {
  gap: var(--g);
  --c: var(--mc);
  border-top: 1px solid var(--mc30);
  border-left: 1px solid var(--mc30);
}
.li-label.__mc {
  --c:var(--mc);
}
.li-label.__sc {
  --c:var(--sc);
}
.li-label.__bc {
  --c:var(--bc);
}
.li-label.__ac {
  --c:var(--ac);
}
.li-label.__tx {
  --c:var(--tx);
}
.li-label.__wh {
  --c:var(--wh);
}
.li-label.__bk {
  --c:var(--bk);
}
.li-label > br {
  display: none;
}
.li-label.card2 li {
  width: calc((100% - var(--g) * 1) / 2);
}
.li-label.card3 li {
  width: calc((100% - var(--g) * 2) / 3);
}
.li-label.card4 li {
  width: calc((100% - var(--g) * 3) / 4);
}
.li-label li {
  border-bottom: 1px solid var(--mc30);
  border-right: 1px solid var(--mc30);
  font-size: var(--f14);
  text-decoration: none;
  display: inline-block;
  background-color: var(--c);
  padding-block: 0.25em;
  padding-inline: 0.5em;
  border-radius: var(--radhalf);
  vertical-align: sub;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.li-label li:nth-of-type(6n+1), .li-label li:nth-of-type(6n+3), .li-label li:nth-of-type(6n+5) {
  background-color: var(--c);
}
@media screen and (max-width: 640px) {
  .li-label li:is(.sp-50 *):nth-of-type(6n+1), .li-label li:is(.sp-50 *):nth-of-type(6n+3), .li-label li:is(.sp-50 *):nth-of-type(6n+5) {
    background-color: var(--un);
  }
  .li-label li:is(.sp-50 *):nth-of-type(4n+1), .li-label li:is(.sp-50 *):nth-of-type(4n) {
    background-color: var(--c);
  }
}

.b-fix b {
  border-right: 1px solid var(--mc);
  padding-right: 1em;
  min-width: 6em;
  margin-right: 1em;
  margin-bottom: 0.5em;
}

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

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

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

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);
}

.u-label article > div:is(#contents *) {
  display: block;
}
.u-label article > div:is(#contents *) h3 {
  margin-block: 10px 16px;
}
.u-label u {
  text-decoration: none;
  display: inline-block;
  background-color: var(--mc);
  color: var(--wh) !important;
  padding-block: 0.25em;
  padding-inline: 0.5em;
  margin-inline-end: 0.5em;
  margin-block-end: 0.5em;
  border-radius: var(--radhalf);
  vertical-align: unset;
  font-weight: 700;
}

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

.time-label time {
  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;
  font-size: var(--f16);
  vertical-align: middle;
}

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

.sheet, .sheet02, .board {
  position: relative;
  border-radius: var(--sheetR);
  background-color: var(--sheetBG);
  padding: var(--sheetP);
}
.sheet > * + *, .sheet02 > * + *, .board > * + * {
  margin-top: var(--bl025);
}
.sheet.afterArrow, .sheet02.afterArrow, .board.afterArrow {
  position: relative;
}
.sheet.afterArrow + .sheet, .sheet02.afterArrow + .sheet, .board.afterArrow + .sheet {
  margin-top: 4em;
}
.sheet.afterArrow:after, .sheet02.afterArrow:after, .board.afterArrow:after {
  content: "\f078";
  font-family: var(--icon);
  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;
}

.board {
  border: var(--line);
  border-radius: var(--boardR);
  background-color: var(--gr20);
}
.board:before {
  content: "";
  background: unset;
  inset: 1vmin;
  width: calc(100% - 2vmin);
  height: calc(100% - 2vmin);
  border: inherit;
  z-index: -1;
}

.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);
}

.bdBlock {
  border-block: var(--line);
}
.bdBottom {
  border-bottom: var(--line);
}
.bdLeft {
  border-left: var(--line);
}

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

.art-tate article {
  writing-mode: vertical-rl;
}

.D-tate div {
  writing-mode: vertical-rl;
}

.H-tate :is(h1, h2, h3) {
  writing-mode: vertical-rl;
}

.tateRev {
  writing-mode: vertical-lr;
}
.tateRev::after {
  display: none;
}

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

.imgToMask .im {
  -webkit-mask: no-repeat center/contain;
          mask: no-repeat center/contain;
  background-color: currentColor;
}
.imgToMask .im img {
  opacity: 0;
}

.wrapperBG {
  background: var(--bg) no-repeat center/contain;
  position: absolute;
  inset: 0;
  width: calc(var(--base) + 240px);
  width: 100%;
  height: 100%;
  max-width: 100%;
  z-index: 0;
}

.halfLeft,
.halfRight {
  width: 50%;
  margin-inline-end: auto;
  --p:calc(var(--btnW)/2 + var(--bodyFZ));
}
@media screen and (max-width: 834px) {
  .halfLeft,
  .halfRight {
    --p:var(--pad);
    min-width: calc(100% - var(--pad));
  }
}
.halfLeft:is(#contents *) {
  padding-inline: var(--in1440) var(--p);
}

.halfRight:is(#contents *) {
  margin-inline: auto 0;
  padding-inline: var(--p) var(--in1440);
}

html.sectionWood section {
  background: url(/images/home/bg01.jpg) repeat center/100%;
  padding: var(--g);
  padding-top: var(--Schild);
  margin-top: var(--Schild);
}
html.sectionWood section .pan1, html.sectionWood section .H-bd:not(.sheet *) {
  color: #fff;
}
html.sectionWood section .pan1 h1, html.sectionWood section .pan1 h2, html.sectionWood section .pan1 h3, html.sectionWood section .H-bd:not(.sheet *) h1, html.sectionWood section .H-bd:not(.sheet *) h2, html.sectionWood section .H-bd:not(.sheet *) h3 {
  color: #fff;
}
html.sectionWood section .pan1 h1 em, html.sectionWood section .pan1 h2 em, html.sectionWood section .pan1 h3 em, html.sectionWood section .H-bd:not(.sheet *) h1 em, html.sectionWood section .H-bd:not(.sheet *) h2 em, html.sectionWood section .H-bd:not(.sheet *) h3 em {
  color: #fff;
}

:where(.AllHeadFirstMod section div) :is(h1, h2, h3)::first-letter,
:where(.AllHeadFirstMod section div) :is(h1, h2, h3) span::first-letter {
  color: var(--sc);
  font-size: 1.5em;
}
:where(.AllHeadFirstMod section div) :is(h1, h2, h3) + div,
:where(.AllHeadFirstMod section div) :is(h1, h2, h3) span + div {
  margin-top: 2em;
}
:where(.AllHeadFirstMod section div) :is(h1, h2, h3):is(.box *, .mv *)::first-letter {
  font-size: 1em;
}

.AllHeadBorderLeft section div:where(:not(:has(img))) + div {
  margin-top: var(--Hafter);
}
.AllHeadBorderLeft section div :is(h1, h2, h3):not(.box *, .mv *) {
  --w:4px;
  --o:calc(var(--w)*1 );
  --c:var(--mc);
  border-left: var(--w) var(--decoS) var(--c);
  padding-left: calc(var(--w) * 3);
}
.AllHeadBorderLeft section div :is(h1, h2, h3):not(.box *, .mv *) + div:not(:empty) {
  --w:4px;
  margin-top: 1em;
  padding-left: calc(var(--w) * 3);
}

.noSide :is(#col_side1, #main, #col_main) {
  display: contents;
}

.scroll-hint-icon-wrap {
  z-index: 100;
  width: 100% !important;
  max-width: var(--un);
  opacity: 0.5;
}

.scroll-hint-text {
  font-size: unset;
  margin-top: 0.5em;
}

.scroll-hint-icon {
  width: unset;
  height: unset;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  padding-top: 1em;
}
.scroll-hint-icon:before {
  display: none;
  margin-top: 1em;
}
@media screen and (max-width: 834px) {
  .scroll-hint-icon:before {
    display: inline-block;
  }
}
.scroll-hint-icon:after {
  transition-delay: 0s;
  top: 1em;
}

.__Xscr .items,
.__Xscr, .__Xscr .blog_list {
  flex-wrap: nowrap !important;
  overflow-x: scroll;
  justify-content: start !important;
  padding-bottom: 1em;
}
.__Xscr .items .box,
.__Xscr .box, .__Xscr .blog_list .box {
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 834px) {
  .__Xscr .items .box,
  .__Xscr .box, .__Xscr .blog_list .box {
    width: calc(50% - var(--g)) !important;
  }
}

:where(.span-check-circle) span {
  display: inline-block;
}
:where(.span-check-circle) span:before {
  content: "\f058";
  font-weight: 900;
  font-family: var(--icon);
  margin-right: 0.33em;
  display: inline-block;
  color: var(--mc);
}

:where(.i-check, .i-check-square, .i-check-circle, .i-isometric, .i-diamond, .i-cube, .i-needle, .i-question, .i-circle) i {
  display: inline-block;
  line-height: 1;
  font-size: 1.5em;
  color: var(--hcolor);
}
:where(.i-check, .i-check-square, .i-check-circle, .i-isometric, .i-diamond, .i-cube, .i-needle, .i-question, .i-circle) i:before {
  content: "\f00c";
  font-weight: 900;
  font-family: var(--icon);
  margin-right: 0.33em;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 640px) {
  :where(.i-check, .i-check-square, .i-check-circle, .i-isometric, .i-diamond, .i-cube, .i-needle, .i-question, .i-circle) i:before {
    vertical-align: unset;
  }
}

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

:where(.i-circle) i:before {
  content: "\f111";
}

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

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

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

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

:where(.i-question) i:before {
  content: "\f128";
  line-height: 1.5;
  vertical-align: bottom;
}

: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-diamond) 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%);
}

:where(.i-diamond) i:before {
  aspect-ratio: 1;
}

:is(.fl50, .fl50e, .fl50s, .fl50c, .fl28, .fl37, .fl46, .fl64, .fl73) > * {
  margin-inline: unset;
}

:is(.fl50, .fl50e, .fl50s, .fl50c, .fl28, .fl37, .fl46, .fl64, .fl73) > * + * {
  margin-top: unset;
}

#contents :is(.fl50, .fl50e, .fl50s, .fl50c, .fl28, .fl37, .fl46, .fl64, .fl73) {
  display: flex;
  flex-wrap: wrap;
  gap: var(--g);
}
#contents :is(.fl50, .fl50e, .fl50s, .fl50c, .fl28, .fl37, .fl46, .fl64, .fl73) img {
  height: unset;
  width: 100%;
}
@media screen and (max-width: 834px) {
  #contents :is(.fl50, .fl50e, .fl50s, .fl50c, .fl28, .fl37, .fl46, .fl64, .fl73) > * {
    width: 100%;
  }
}

.fl50c {
  align-items: center;
}
.fl50s {
  align-items: flex-start;
}
.fl50e {
  align-items: flex-end;
}
.fl50_100:is(#contents *) {
  width: 100%;
}
.fl50 > *, .fl50c > *, .fl50s > *, .fl50e > * {
  width: calc(50% - var(--g) / 2);
}

.fl46 {
  --few:40%;
}
.fl46 > :where(:nth-child(1)) {
  width: calc(var(--few));
}
.fl46 > :where(:nth-child(2)) {
  width: calc(100% - var(--few) - var(--g));
}

.fl64 {
  --few:40%;
}
.fl64 > :where(:nth-child(1)) {
  width: calc(100% - var(--few) - var(--g));
}
.fl64 > :where(:nth-child(2)) {
  width: calc(var(--few));
}

.fl37 {
  --few:30%;
}
.fl37 > :where(:nth-child(1)) {
  width: calc(var(--few));
}
.fl37 > :where(:nth-child(2)) {
  width: calc(100% - var(--few) - var(--g));
}

.fl73 {
  --few:30%;
}
.fl73 > :where(:nth-child(1)) {
  width: calc(100% - var(--few) - var(--g));
}
.fl73 > :where(:nth-child(2)) {
  width: calc(var(--few));
}

.fl28 {
  --few:20%;
}
.fl28 > :where(:nth-child(1)) {
  width: calc(var(--few));
}
.fl28 > :where(:nth-child(2)) {
  width: calc(100% - var(--few) - var(--g));
}

.fl82 {
  --few:20%;
}
.fl82 > :where(:nth-child(1)) {
  width: calc(100% - var(--few) - var(--g));
}
.fl82 > :where(:nth-child(2)) {
  width: calc(var(--few));
}

.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 {
  margin-inline: auto;
  transition: 0.4s;
  position: relative;
  overflow: hidden;
  background: no-repeat 100% 50%/60% auto;
}
.it_bnr article {
  width: 60%;
  background: linear-gradient(to right, #fff, #fff 75%, transparent);
  padding: 5%;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.it_bnr::after {
  display: none;
}
.it_bnr article > div {
  padding-inline: var(--pad);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.it_bnr article > div [class*=btn] {
  position: absolute;
  bottom: 0;
  right: 0;
}
.it_bnr article > div .im {
  max-width: 200px;
}
.it_bnr article > div .im img {
  transition: 0.4s;
}
.it_bnr03 {
  margin-inline: auto;
  transition: 0.4s;
  position: relative;
  display: grid;
  overflow: hidden;
}
.it_bnr03:hover {
  background-color: var(--bk20);
}
.it_bnr03 article {
  margin-inline: auto;
  display: grid;
  place-items: center stretch;
  place-content: center stretch;
}
.it_bnr03 article > * {
  grid-area: 1/1;
}
.it_bnr03::after {
  display: none;
}
.it_bnr03 > * {
  grid-area: 1/1;
  max-width: 100%;
}
.it_bnr03 > a {
  border-radius: var(--rad);
  width: 100% !important;
  margin: unset !important;
  transition: 0.4s;
}
.it_bnr03 > a:hover {
  opacity: 1 !important;
}
.it_bnr03 a.itext:is(#contents *) {
  width: 100%;
}
@media screen and (max-width: 834px) {
  .it_bnr03 a.itext:is(#contents *) {
    height: unset;
  }
}
.it_bnr03 > .im {
  background-color: var(--wh);
}
.it_bnr03 > .im img {
  transition: 0.4s;
  width: 100% !important;
  margin: unset !important;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.4s;
  opacity: 0.5;
}
.it_bnr03 > .im img:hover {
  scale: 1.03;
  opacity: 0.8;
}
.it_bnr03 > div {
  padding-inline: var(--pad);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  font-weight: bold;
  line-height: 2;
  color: var(--wh);
}
.it_bnr03 > div i {
  font-size: 6vh;
  display: inline-block;
}
.it_bnr03 > div [class*=btn] {
  margin-top: 10vh;
  color: #000;
  text-shadow: 2px 2px var(--ac);
}
.it_bnr03 > div [class*=btn] i {
  font-size: inherit;
  color: inherit;
}
.it_bnr03 > div em {
  font-family: var(--subFF);
  font-weight: var(--subFW);
  word-break: break-word;
  letter-spacing: normal;
  display: block;
  line-height: 1;
  color: var(--wh);
  position: unset;
  margin-bottom: 0.25em;
}
.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);
  --imgW: 50%;
}
.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[class*=img] figure, .ti01[class*=img] figure {
  max-width: var(--imgW);
  width: var(--imgW);
}
.it01.img100 *, .ti01.img100 * {
  --imgW: 100%;
}
.it01.img95 *, .ti01.img95 * {
  --imgW: 95%;
}
.it01.img90 *, .ti01.img90 * {
  --imgW: 90%;
}
.it01.img875 *, .ti01.img875 * {
  --imgW: 87.5%;
}
.it01.img85 *, .ti01.img85 * {
  --imgW: 85%;
}
.it01.img80 *, .ti01.img80 * {
  --imgW: 80%;
}
.it01.img75 *, .ti01.img75 * {
  --imgW: 75%;
}
.it01.img70 *, .ti01.img70 * {
  --imgW: 70%;
}
.it01.img66 *, .ti01.img66 * {
  --imgW: 66%;
}
.it01.img65 *, .ti01.img65 * {
  --imgW: 65%;
}
.it01.img60 *, .ti01.img60 * {
  --imgW: 60%;
}
.it01.img55 *, .ti01.img55 * {
  --imgW: 55%;
}
.it01.img50 *, .ti01.img50 * {
  --imgW: 50%;
}
.it01.img45 *, .ti01.img45 * {
  --imgW: 45%;
}
.it01.img40 *, .ti01.img40 * {
  --imgW: 40%;
}
.it01.img35 *, .ti01.img35 * {
  --imgW: 35%;
}
.it01.img33 *, .ti01.img33 * {
  --imgW: 33%;
}
.it01.img30 *, .ti01.img30 * {
  --imgW: 30%;
}
.it01.img25 *, .ti01.img25 * {
  --imgW: 25%;
}
.it01.img20 *, .ti01.img20 * {
  --imgW: 20%;
}
.it01.img10 *, .ti01.img10 * {
  --imgW: 10%;
}
.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: var(--imgW);
}
.it01 > :has(> img, iframe) img, .ti01 > :has(> img, iframe) img {
  margin: unset;
  width: 100%;
  height: auto !important;
}
.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%;
}

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

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

.H- {
  --barW: 3px;
}
.H--circle02 :is(h1, h2, h3) {
  aspect-ratio: 1;
  padding-block: 5vmin;
  width: 360px;
  margin-bottom: -180px;
  z-index: 2;
  border-radius: 1000px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .H--circle02 :is(h1, h2, h3) {
    margin-bottom: -25%;
  }
}
@media screen and (max-width: 834px) {
  .H--circle02 :is(h1, h2, h3) {
    width: calc(var(--c) * 1.5);
  }
}
.H--circle02 :is(h1, h2, h3) > small {
  display: block;
  color: inherit;
  font-size: 60%;
}
.H--circle :is(h1, h2, h3) > span {
  font-size: var(--h3FZ);
  width: var(--c);
  aspect-ratio: 1;
  background: url(/images/home/w01.png) no-repeat center/100% 100%;
  display: inline-grid;
  place-items: center;
  place-content: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.H--circle :is(h1, h2, h3) > span > small {
  display: block;
  color: inherit;
  font-size: 60%;
}
.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;
}
@media screen and (max-width: 480px) {
  .H-bfaf:before {
    display: none;
  }
}
.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 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(html.blog *), .H-bd-block h2:is(html.blog *), .H-bd-block h3:is(html.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 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(html.blog *), .H-bdBlock h2:is(html.blog *), .H-bdBlock h3:is(html.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 h1, .H-bd h2, .H-bd h3 {
  border-bottom: var(--line);
  padding-bottom: 0.25em;
}
.H-bd h1:is(html.blog *), .H-bd h2:is(html.blog *), .H-bd h3:is(html.blog *) {
  margin-block: 0.5em 0;
}
.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-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);
}

.head_bgi02 {
  --pdb:1.5em;
  --start: var(--wh);
  --end: var(--tr);
  --bgi:linear-gradient(to left,var(--start),var(--end));
  margin-top: var(--bl06);
  padding-inline: var(--pad);
  padding-block: var(--pdb);
  background-image: var(--bgi);
}
.head_bgi02:before {
  content: "";
  background: var(--bgi);
  inset: 0;
  z-index: -1;
}
.head_bgi02 + div {
  margin-top: var(--Hafter);
}
.head_bgi02 h1 + div:not(:empty), .head_bgi02 h2 + div:not(:empty), .head_bgi02 h3 + div:not(:empty) {
  margin-top: 1em;
}
.head_bgi02:has(img) .im {
  width: -moz-fit-content;
  width: fit-content;
}
.head_bgi02:has(img) article {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.head_bgi02:has(img) article h1, .head_bgi02:has(img) article h2, .head_bgi02:has(img) article h3 {
  flex: 1;
}
@media screen and (max-width: 834px) {
  .head_bgi02:has(img) article {
    flex-direction: column-reverse;
  }
  .head_bgi02:has(img) article h1, .head_bgi02:has(img) article h2, .head_bgi02:has(img) article h3 {
    width: 100%;
  }
  .head_bgi02:has(img) article .im {
    margin-left: auto;
  }
}
.head_bgi {
  --pdb:1.5em;
  --start: var(--wh);
  --end: var(--tr);
  --bgi:linear-gradient(to right,var(--start),var(--end));
  margin-top: var(--bl06);
  padding-inline: var(--incont);
  padding-block: var(--pdb);
  background-image: var(--bgi);
}
.head_bgi:before {
  content: "";
  background: var(--bgi);
  inset: 0;
  z-index: -1;
}
.head_bgi + div {
  margin-top: var(--Hafter);
}
.head_bgi h1 + div:not(:empty), .head_bgi h2 + div:not(:empty), .head_bgi h3 + div:not(:empty) {
  margin-top: 1em;
}
.head_bgi:has(img) .im {
  width: -moz-fit-content;
  width: fit-content;
}
.head_bgi:has(img) article {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.head_bgi:has(img) article h1, .head_bgi:has(img) article h2, .head_bgi:has(img) article h3 {
  flex: 1;
}
@media screen and (max-width: 834px) {
  .head_bgi:has(img) article {
    flex-direction: column-reverse;
  }
  .head_bgi:has(img) article h1, .head_bgi:has(img) article h2, .head_bgi:has(img) article h3 {
    width: 100%;
  }
  .head_bgi:has(img) article .im {
    margin-left: auto;
  }
}
.head_grad {
  --pdb:1.5em;
  --start: var(--mc);
  --mid: var(--tr);
  --end: var(--gr);
  --bgi:linear-gradient(to right,var(--start),var(--mid),var(--end));
  margin-top: var(--bl06);
  padding-inline: var(--incont);
  padding-block: var(--pdb);
  background-image: var(--bgi);
}
.head_grad + div {
  margin-top: var(--Hafter);
}
.head_grad h1 + div:not(:empty), .head_grad h2 + div:not(:empty), .head_grad h3 + div:not(:empty) {
  margin-top: 1em;
}
.head_grad:has(img) .im {
  width: -moz-fit-content;
  width: fit-content;
}
.head_grad:has(img) article {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.head_grad:has(img) article h1, .head_grad:has(img) article h2, .head_grad:has(img) article h3 {
  flex: 1;
}
@media screen and (max-width: 834px) {
  .head_grad:has(img) article {
    flex-direction: column-reverse;
  }
  .head_grad:has(img) article h1, .head_grad:has(img) article h2, .head_grad:has(img) article h3 {
    width: 100%;
  }
  .head_grad:has(img) article .im {
    margin-left: auto;
  }
}
.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;
  }
}

.H-wave h1, .H-wave h2, .H-wave h3 {
  border-bottom: 10px solid;
  -o-border-image: url(/images/home/wave03.png);
     border-image: url(/images/home/wave03.png);
  border-image-slice: 120;
  padding-bottom: 0.25em;
  margin-bottom: 0.25em;
  width: -moz-fit-content;
  width: fit-content;
}

.H-grad {
  --start: var(--mc);
  --end: var(--tr);
  --bdw:2px;
}
.H-grad h1, .H-grad h2, .H-grad h3 {
  border-bottom: var(--bdw) solid;
  -o-border-image: linear-gradient(to right, var(--start), var(--end));
     border-image: linear-gradient(to right, var(--start), var(--end));
  border-image-slice: 1;
}

.H-h3FZ :is(h1, h2, h3) {
  font-size: var(--h3FZ) !important;
}

.H-large h1, .H-large h2, .H-large h3 {
  font-size: 24vmin;
  word-break: break-word;
  font-weight: 100;
  line-height: 0.9;
  color: var(--ac);
}

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

[class*=Bar] {
  --barGap:1em;
  display: flex;
  align-items: center;
  gap: var(--barGap);
}
[class*=Bar]:is(.txwh *) {
  --bdc:#fff;
}
[class*=Bar]:is(.H-bd *) {
  border-bottom: unset;
}
[class*=Bar]:before, [class*=Bar]:after {
  content: "";
  height: var(--bdw);
  flex: 1;
  background-color: var(--bdc);
  font-size: inherit;
}

.BarAF:before {
  display: none;
}
.BarBF:after {
  display: none;
}

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

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

.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: 1200px) {
  .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 {
  line-height: 1.25;
  font-size: 90%;
  display: flex;
  flex-wrap: wrap;
}
.brSplit > * {
  width: 50%;
  padding: 0.5em;
}
.brSplit p {
  font-size: var(--h3FZ);
  font-weight: var(--hfw);
}
.brSplit p span {
  display: block;
}
.brSplit :has(> .noRight) {
  border-right: unset;
}
.brSplit :has(> .btn) {
  border-right: unset;
  width: 100%;
}

.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(--icon);
  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;
}

@media screen and (max-width: 640px) {
  .it_talk {
    max-height: 45vh;
  }
}
.it_talk div {
  display: flex;
  flex-wrap: wrap;
  gap: 1em 2%;
}
@media screen and (max-width: 480px) {
  .it_talk div {
    gap: 0.5em 2%;
  }
}
.it_talk div > span {
  padding: 0.5em;
}
.it_talk div > span:nth-child(odd) {
  width: 20%;
  background-color: var(--mc);
  color: var(--ff);
  border-radius: 0.5em;
  display: grid;
  place-items: center;
}
.it_talk div > span:nth-child(even) {
  width: 78%;
}
@media screen and (max-width: 480px) {
  .it_talk div > span:nth-child(even) {
    width: 100%;
    margin-bottom: 1em;
  }
}

.form_wrap {
  --bdc:var(--un);
  --bdw:1px;
  --bds:dashed;
  --p:.5em;
  --pdb:1em;
  --pdi: .5em;
  --dtc:var(--tx);
  --dtw:bold;
  --maxH:35vh;
  --dtMW: 7em;
  --dtFF:var(--osw);
  --thumbC: var(--tx20);
}
@media screen and (max-width: 834px) {
  .form_wrap {
    --pdb:1em;
    --pdi: .5em;
  }
}
@media screen and (max-width: 640px) {
  .form_wrap:not(.confirm, .message, .error, .entry) {
    max-height: var(--maxH);
  }
}
.form_wrap.borderTop dl:first-of-type dt, .form_wrap.borderTop dl:first-of-type dd {
  border-top-style: solid !important;
}
@media screen and (max-width: 640px) {
  .form_wrap.borderTop dl:first-of-type dd {
    border-top-style: none !important;
  }
}
.form_wrap.__firstPT0:is(#contents *) dl:first-of-type {
  --pdb:0 1.5em;
}
.form_wrap.dt-right:is(#contents *) dt {
  justify-content: flex-end;
  text-align: right;
}
.form_wrap.dt-center:is(#contents *) dt {
  justify-content: center;
  text-align: center;
}
.form_wrap.dd-right:is(#contents *) dd {
  text-align: right;
}
.form_wrap.dd-center:is(#contents *) dd {
  text-align: center;
}
.form_wrap.__firstmc:is(#contents *) dl:first-child {
  background-color: var(--mc);
}
.form_wrap.__firstbc:is(#contents *) dl:first-child {
  background-color: var(--bc);
}
.form_wrap dt > span {
  color: var(--mc);
}
.form_wrap.hash-ac dt > span {
  color: var(--ac);
}
.form_wrap.noscr {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
.form_wrap.dl_wh {
  --bdc:var(--un);
  --bdw:1px;
  --bds:dashed;
  --pdb:1em;
  --pdi: 0em;
  --dtc:var(--tx);
  --dtw:bold;
  overflow-y: scroll;
  margin-inline: auto;
  max-width: 100%;
  position: relative;
}
.form_wrap.dl_wh.borderTop dl:first-of-type dt, .form_wrap.dl_wh.borderTop dl:first-of-type dd {
  border-top-style: solid !important;
}
@media screen and (max-width: 640px) {
  .form_wrap.dl_wh.borderTop dl:first-of-type dd {
    border-top-style: none !important;
  }
}
.form_wrap.dl_wh dl:first-of-type {
  border-top-style: solid !important;
}
.form_wrap.dl_wh dl:last-of-type dt {
  border-bottom: 1px solid var(--bdc);
}
.form_wrap.dl_wh dl dd:is(*), .form_wrap.dl_wh dl:last-of-type dd {
  border-style: solid;
}
@media screen and (max-width: 834px) {
  .form_wrap.dl_wh {
    --pdb:1em;
    --pdi: .5em;
  }
}
@media screen and (max-width: 640px) {
  .form_wrap.dl_wh {
    max-height: var(--maxH);
  }
}
.form_wrap.dl_wh dt {
  width: 20%;
}
.form_wrap.dl_wh dd {
  width: 80%;
}
.form_wrap.dl_wh 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.dl_wh 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.dl_wh 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.dl_wh dl:has(dd:empty) dd {
  display: none;
}
.form_wrap.dl_wh dl:has(.btn, iframe, img) {
  border: none !important;
}
.form_wrap.dl_wh dl:has(.btn, iframe, img) .btn {
  float: right;
  margin-top: 1em;
}
.form_wrap.dl_wh dl:has(.btn, iframe, img) dt:is(#contents dt) {
  display: none;
}
.form_wrap.dl_wh.__scr:is(#contents div) {
  overflow-y: scroll;
}
@media screen and (max-width: 640px) {
  .form_wrap.dl_wh.__scr:is(#contents div) {
    max-height: var(--maxH);
  }
}
.form_wrap.dl_wh.__02 {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
  border-block: none;
}
.form_wrap.dl_wh.__02 * {
  border-bottom-color: var(--mc);
}
.form_wrap.dl_wh.__02 dt {
  font-weight: unset;
}
.form_wrap.dl_wh.__02 dd {
  border-bottom-color: #fff !important;
}
.form_wrap.dl_wh a {
  text-decoration: underline;
}
.form_wrap.dl_wh dl:is(#contents *, #footer *) {
  display: flex;
  flex-wrap: wrap;
  background-color: var(--wh);
}
.form_wrap.dl_wh dl:is(#contents *, #footer *) + dl {
  margin-top: var(--pdb);
}
.form_wrap.dl_wh dl:is(#contents *, #footer *):not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.dl_wh dl:is(#contents *, #footer *):not(:has(dd)) dt {
  align-items: flex-end;
  font-size: 14px;
}
.form_wrap.dl_wh dl:is(#contents *, #footer *) dt, .form_wrap.dl_wh dl:is(#contents *, #footer *) dd {
  background-color: unset;
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  border-bottom-style: solid;
  border-width: var(--bdw);
  padding: var(--pdb);
  border: none !important;
}
@media screen and (max-width: 640px) {
  .form_wrap.dl_wh dl:is(#contents *, #footer *) dt:is(dl:first-of-type dd), .form_wrap.dl_wh dl:is(#contents *, #footer *) dd:is(dl:first-of-type dd) {
    border-top-style: none;
  }
}
.form_wrap.dl_wh dl:is(#contents *, #footer *) dt {
  display: block;
  font-weight: var(--dtw);
}
.form_wrap.dl_wh dl:is(#contents *, #footer *) dd {
  flex-grow: 1;
  border-left: 1px solid var(--sc) !important;
}
@media screen and (max-width: 640px) {
  .form_wrap.dl_wh dl:is(#contents *, #footer *):not(:last-child) {
    margin-bottom: 0px;
  }
  .form_wrap.dl_wh dl:is(#contents *, #footer *) dt, .form_wrap.dl_wh dl:is(#contents *, #footer *) dd {
    width: 100% !important;
  }
  .form_wrap.dl_wh dl:is(#contents *, #footer *) dt {
    border-bottom: none;
    align-items: flex-start;
    width: 100%;
    width: -moz-fit-content;
    width: fit-content;
  }
  .form_wrap.dl_wh dl:is(#contents *, #footer *) dd {
    border-top: none;
    width: 100%;
    padding-top: 0;
    border-left: none !important;
  }
}
.form_wrap.form_simple {
  overflow-y: scroll;
  margin-inline: auto;
  max-width: 100%;
  position: relative;
}
.form_wrap.form_simple.borderTop dl:first-of-type dt, .form_wrap.form_simple.borderTop dl:first-of-type dd {
  border-top-style: solid !important;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple.borderTop dl:first-of-type dd {
    border-top-style: none !important;
  }
}
.form_wrap.form_simple dt, .form_wrap.form_simple dd {
  border-color: var(--bdc);
}
.form_wrap.form_simple dl:first-of-type {
  border-top-style: solid !important;
}
.form_wrap.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 {
  border-style: solid;
}
.form_wrap.form_simple dt {
  width: 20%;
}
.form_wrap.form_simple dd {
  width: 80%;
}
.form_wrap.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 {
  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 {
    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 {
  display: none;
}
.form_wrap.form_simple dl:has(.btn, iframe, img) {
  border: none !important;
}
.form_wrap.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) {
  display: none;
}
.form_wrap.form_simple.noscr {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
.form_wrap.form_simple.__scr:is(#contents div) {
  overflow-y: scroll;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple.__scr:is(#contents div) {
    max-height: var(--maxH);
  }
}
.form_wrap.form_simple.__02 {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
  border-block: none;
}
.form_wrap.form_simple.__02 * {
  border-bottom-color: var(--mc);
}
.form_wrap.form_simple.__02 dt {
  font-weight: unset;
}
.form_wrap.form_simple.__02 dd {
  border-bottom-color: #fff !important;
}
.form_wrap.form_simple a {
  text-decoration: underline;
}
.form_wrap.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 *) > * {
  padding-top: 0;
}
.form_wrap.form_simple dl:is(#contents *, #footer *):not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.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 {
  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-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) {
    border-top-style: none;
  }
}
.form_wrap.form_simple dl:is(#contents *, #footer *) dt {
  display: block;
  font-weight: var(--dtw);
}
.form_wrap.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) {
    margin-bottom: 0px;
  }
  .form_wrap.form_simple dl:is(#contents *, #footer *) dt, .form_wrap.form_simple dl:is(#contents *, #footer *) dd {
    width: 100% !important;
  }
  .form_wrap.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 {
    border-top: none;
    width: 100%;
    padding-top: 0;
  }
}
.form_wrap.form_01 {
  position: relative;
  --bdw:1px;
}
.form_wrap.form_01 dt {
  width: 25%;
}
.form_wrap.form_01 dd {
  width: 75%;
}
.form_wrap.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 {
  display: none;
}
.form_wrap.form_01 dl:has(.btn, iframe, img) dt {
  display: none;
}
.form_wrap.form_01 > br {
  display: none;
}
.form_wrap.form_01.noscr {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
.form_wrap.form_01 dt {
  width: 5em;
  min-width: var(--dtMW);
}
.form_wrap.form_01 a:not(.btn) {
  text-decoration: underline;
  color: var(--mc);
}
.form_wrap.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 > * {
  padding-top: 0;
}
.form_wrap.form_01 dl:last-child {
  border-bottom: none;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_01 dl:last-of-type dt {
    border-bottom: none;
  }
}
.form_wrap.form_01 dl:not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.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 {
    padding: 1em 0 !important;
  }
  .form_wrap.form_01 dl dt {
    margin-bottom: unset;
  }
  .form_wrap.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 *) {
  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 *) {
    padding: 0;
  }
}
.form_wrap.form_01 dt, .form_wrap.form_01 dd {
  padding: var(--p) var(--p) var(--p) 0;
}
.form_wrap.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 {
    width: 20%;
    padding-bottom: calc(var(--p) / 2);
    margin-bottom: var(--p);
  }
}
.form_wrap.form_01 dd {
  padding-left: 0;
  flex-grow: 1;
}
.form_wrap.form_01::-webkit-scrollbar {
  background-color: transparent;
  width: 8px;
  height: 0;
}
.form_wrap.form_01::-webkit-scrollbar-thumb {
  background-color: var(--thumbC);
  border-radius: 0px;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_01 dl {
    padding-block: 0;
  }
  .form_wrap.form_01 dt {
    padding-bottom: 0;
  }
}
.form_wrap.form_02 {
  --p:1em;
  --bdc:var(--tx20);
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
  position: relative;
}
.form_wrap.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 {
  display: none;
}
.form_wrap.form_02 dl:has(.btn, iframe, img) dt {
  display: none;
}
.form_wrap.form_02 dl:has(.btn, iframe, img) dd {
  display: flex;
  gap: 1em;
}
.form_wrap.form_02 dl:has(.btn, iframe, img) dd figure {
  width: -moz-fit-content;
  width: fit-content;
}
.form_wrap.form_02 u {
  --o:0px;
}
.form_wrap.form_02 a {
  text-decoration: underline;
}
.form_wrap.form_02 .btn {
  margin-top: 0;
  margin-left: 1.5em;
  color: var(--wh);
  text-decoration: none;
}
.form_wrap.form_02 > br {
  display: none;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_02 {
    max-height: 40vh;
  }
}
.form_wrap.form_02 dt {
  min-width: 25%;
}
.form_wrap.form_02 dl {
  padding: 0;
  margin: 0;
  margin-bottom: calc(var(--p) * 0);
  display: flex;
  background-color: unset;
}
.form_wrap.form_02 dl > * {
  padding-top: 0;
}
.form_wrap.form_02 dl:last-child {
  border-bottom: none;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_02 dl:last-of-type dt {
    border-bottom: none;
  }
}
.form_wrap.form_02 dl:not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.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 {
    flex-direction: row !important;
    padding: 1em 0;
  }
  .form_wrap.form_02 dl:not(:last-child) {
    margin-bottom: 0px;
  }
}
.form_wrap.form_02 dt:is(*), .form_wrap.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(*) {
    width: 100%;
  }
}
.form_wrap.form_02 dt, .form_wrap.form_02 dd {
  padding: var(--p);
}
.form_wrap.form_02 dt {
  justify-content: center;
  align-items: center;
}
.form_wrap.form_02 dd {
  flex-grow: 1;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_02 dd {
    white-space: unset;
  }
}
@media screen and (max-width: 834px) {
  .form_wrap.form_02 dl {
    padding-block: 0;
    flex-wrap: wrap;
  }
  .form_wrap.form_02 dl > * {
    flex: unset;
    width: 100% !important;
    border-right-style: solid;
    border-right-width: 1px;
  }
  .form_wrap.form_02 dl > dt {
    border-right-color: #ccc;
  }
}
.form_wrap.form_column {
  overflow-y: scroll;
  margin-inline: auto;
  max-width: 100%;
  position: relative;
}
.form_wrap.form_column a {
  text-decoration: underline;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_column {
    max-height: var(--maxH);
  }
}
.form_wrap.form_column dt {
  width: 100% !important;
}
.form_wrap.form_column dd {
  width: 100% !important;
}
.form_wrap.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 > * {
  padding-block: calc(var(--pdb) / 2);
}
.form_wrap.form_column dl dt, .form_wrap.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 {
  display: block;
  font-weight: var(--dtw);
  color: var(--dtc);
  font-family: var(--dtFF);
}
.form_wrap.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 {
    width: 100% !important;
  }
  .form_wrap.form_column dl dt {
    border-bottom: none;
  }
  .form_wrap.form_column dl dd {
    border-top: none;
  }
}
.form_wrap.form_column dl:has(dd:empty) {
  border: none;
}
.form_wrap.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 {
  display: none;
}
.form_wrap.form_column dl:has(.btn, iframe, img) {
  border: none !important;
}
.form_wrap.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) {
  display: none;
}
.form_wrap.form_column.noscr {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
.form_wrap.bd-inline {
  border-inline: 120px solid transparent;
}
@media screen and (max-width: 1200px) {
  .form_wrap.bd-inline {
    border-width: 4vmin;
  }
}
.form_wrap.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 {
  rotate: 180deg;
}
.form_wrap.form_qa.__toggle dl:is(#contents *) dt {
  cursor: pointer;
}
.form_wrap.form_qa.__toggle dl:is(#contents *) dt:after {
  transition: 0.4s;
  font-family: var(--icon);
  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 *) {
  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 {
  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 {
  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 {
  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 {
  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 {
  content: "A";
  background-color: var(--aBG);
  color: var(--aC);
}
.form_wrap.form_circle dl, .form_wrap.form_circle dt, .form_wrap.form_circle dd {
  border: none;
  background: none;
}
.form_wrap.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 {
  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 {
  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 {
  display: flex;
  align-items: center;
}
.form_wrap.form_simple02 {
  --maxH:40vh;
  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 {
  width: 20%;
}
.form_wrap.form_simple02 dd {
  width: 80%;
}
.form_wrap.form_simple02.__scr:is(#contents div) {
  overflow-y: scroll;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple02.__scr:is(#contents div) {
    max-height: var(--maxH);
  }
}
.form_wrap.form_simple02.__02 {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
  border-block: none;
}
.form_wrap.form_simple02.__02 * {
  border-bottom-color: var(--mc);
}
.form_wrap.form_simple02.__02 dt {
  font-weight: unset;
}
.form_wrap.form_simple02.__02 dd {
  border-bottom-color: #fff !important;
}
@media screen and (max-width: 1440px) {
  .form_wrap.form_simple02 {
    border-inline-width: var(--pad);
    border-top-width: var(--bl);
  }
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple02 {
    max-height: 30vh;
  }
}
.form_wrap.form_simple02.noscr:is(#contents div) {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
.form_wrap.form_simple02 a {
  text-decoration: underline;
}
.form_wrap.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) > * {
  padding-top: 0;
}
@media screen and (max-width: 640px) {
  .form_wrap.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 {
  margin-bottom: 0;
}
.form_wrap.form_simple02 dl:is(#contents dl):not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.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) {
    flex-direction: column;
    flex-direction: row !important;
  }
  .form_wrap.form_simple02 dl:is(#contents dl):not(:last-child) {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 480px) {
  .form_wrap.form_simple02 {
    --pdb:1em;
  }
}
.form_wrap.form_simple02 dt:is(#contents *), .form_wrap.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 *) {
    width: 100%;
  }
}
.form_wrap.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) {
  flex-grow: 1;
  border-bottom: 1px solid var(--bdc2);
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple02 dd:is(#contents dd) {
    width: 100%;
  }
}
.form_wrap.form_simple02::-webkit-scrollbar {
  background-color: transparent;
  width: 6px;
  height: 0;
}
.form_wrap.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 {
    width: 100%;
  }
  .form_wrap.form_simple02:not(.f div) dt {
    border-bottom: none !important;
  }
  .form_wrap.form_simple02:not(.f div) dd {
    border-top: none;
  }
}
.form_wrap.form_simple02.__03 {
  padding-inline: 0px;
  margin-inline: var(--incont);
  max-width: calc(100% - 40px);
}
.form_wrap.form_simple02.__03 * {
  border-color: transparent !important;
}
.form_wrap.form_simple02.__03 dl {
  margin-bottom: 0;
  border: none;
}
.form_wrap.form_simple02.__03 dt {
  font-weight: 700;
  color: var(--tx);
}
.form_wrap.form_simple02.__03 dt, .form_wrap.form_simple02.__03 dd {
  padding: 1em;
  padding-left: 0;
  border-left: none;
  border-top: none;
}
.form_wrap.form_simple02.__03 dd {
  text-align: left;
}
@media screen and (max-width: 834px) {
  .form_wrap.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 {
    width: 100% !important;
    border: none;
  }
}
.form_wrap.form_simple02.access dt {
  width: 20%;
}
.form_wrap.form_simple02.access dd {
  width: 80%;
  text-align: left;
}
.form_wrap.form_simple02.pages {
  width: 100%;
  max-height: unset;
  overflow-y: unset;
}
.form_wrap.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 {
  width: 20%;
}
.form_wrap.form_simple03 dd {
  width: 80%;
}
.form_wrap.form_simple03.noscr {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
.form_wrap.form_simple03.__scr:is(#contents div) {
  overflow-y: scroll;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple03.__scr:is(#contents div) {
    max-height: 35vh;
  }
}
.form_wrap.form_simple03.__02 {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
  border-block: none;
}
.form_wrap.form_simple03.__02 * {
  border-bottom-color: var(--mc);
}
.form_wrap.form_simple03.__02 dt {
  font-weight: unset;
}
.form_wrap.form_simple03.__02 dd {
  border-bottom-color: #FFF !important;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple03 {
    max-height: 40vh;
  }
}
.form_wrap.form_simple03 a {
  text-decoration: underline;
}
.form_wrap.form_simple03 dl {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  background-color: unset;
}
.form_wrap.form_simple03 dl > * {
  padding-top: 0;
}
.form_wrap.form_simple03 dl:not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.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 {
    flex-direction: column;
    flex-direction: row !important;
  }
  .form_wrap.form_simple03 dl:not(:last-child) {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 834px) {
  .form_wrap.form_simple03 {
    padding-top: 1em;
    --pdb:0 1em;
    --mb: 1em;
  }
}
.form_wrap.form_simple03 dt, .form_wrap.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 {
    width: 100%;
  }
}
.form_wrap.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 {
    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 {
  flex-grow: 1;
  border-bottom: 1px solid var(--gr);
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple03 dd {
    width: 100%;
    padding-top: 0;
  }
}
.form_wrap.form_simple03::-webkit-scrollbar {
  background-color: transparent;
  width: 6px;
  height: 0;
}
.form_wrap.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 {
    width: 100% !important;
  }
  .form_wrap.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 {
    border-top: none;
  }
}
.form_wrap.form_simple03.__03 {
  padding-inline: 0px;
  margin-inline: var(--incont);
  max-width: calc(100% - 40px);
}
.form_wrap.form_simple03.__03 * {
  border-color: transparent !important;
}
.form_wrap.form_simple03.__03 dl {
  margin-bottom: 0;
  border: none;
}
.form_wrap.form_simple03.__03 dt {
  font-weight: 700;
  color: var(--tx);
}
.form_wrap.form_simple03.__03 dt, .form_wrap.form_simple03.__03 dd {
  padding: 1em;
  padding-left: 0;
  border-left: none;
  border-top: none;
}
.form_wrap.form_simple03.__03 dd {
  text-align: left;
}
@media screen and (max-width: 834px) {
  .form_wrap.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 {
    width: 100% !important;
    border: none;
  }
}
.form_wrap.form_simple03.access dt {
  width: 20%;
}
.form_wrap.form_simple03.access dd {
  width: 80%;
  text-align: left;
}
.form_wrap.form_simple03.pages {
  width: 100%;
  max-height: unset;
  overflow-y: unset;
}
.form_wrap.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 {
  width: 20%;
}
.form_wrap.form_simple06 dd {
  width: 80%;
}
.form_wrap.form_simple06.noscr {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
.form_wrap.form_simple06.__scr:is(#contents div) {
  overflow-y: scroll;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple06.__scr:is(#contents div) {
    max-height: 35vh;
  }
}
.form_wrap.form_simple06.__02 {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
  border-block: none;
}
.form_wrap.form_simple06.__02 * {
  border-bottom-color: var(--mc);
}
.form_wrap.form_simple06.__02 dt {
  font-weight: unset;
}
.form_wrap.form_simple06.__02 dd {
  border-bottom-color: #FFF !important;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple06 {
    max-height: 40vh;
  }
}
.form_wrap.form_simple06 a {
  text-decoration: underline;
}
.form_wrap.form_simple06 dl {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  background-color: unset;
}
.form_wrap.form_simple06 dl > * {
  padding-top: 0;
}
.form_wrap.form_simple06 dl:not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.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 {
    flex-direction: column;
    flex-direction: row !important;
  }
  .form_wrap.form_simple06 dl:not(:last-child) {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 480px) {
  .form_wrap.form_simple06 {
    --pdb:0 1em;
  }
}
.form_wrap.form_simple06 dt, .form_wrap.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 {
    width: 100%;
  }
}
.form_wrap.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 {
    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 {
  flex-grow: 1;
  border-bottom: 1px solid var(--gr);
}
@media screen and (max-width: 480px) {
  .form_wrap.form_simple06 dd {
    width: 100%;
    padding-top: 0;
  }
}
.form_wrap.form_simple06::-webkit-scrollbar {
  background-color: transparent;
  width: 6px;
  height: 0;
}
.form_wrap.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 {
    width: 100% !important;
  }
  .form_wrap.form_simple06 dt {
    text-decoration: underline;
    text-decoration-color: currentColor;
    text-underline-offset: 0.5em;
    border-bottom: none;
  }
  .form_wrap.form_simple06 dd {
    border-top: none;
    margin-bottom: 1em;
  }
}
.form_wrap.form_simple06.__03 {
  padding-inline: 0px;
  margin-inline: var(--incont);
  max-width: calc(100% - 40px);
}
.form_wrap.form_simple06.__03 * {
  border-color: transparent !important;
}
.form_wrap.form_simple06.__03 dl {
  margin-bottom: 0;
  border: none;
}
.form_wrap.form_simple06.__03 dt {
  font-weight: 700;
  color: var(--tx);
}
.form_wrap.form_simple06.__03 dt, .form_wrap.form_simple06.__03 dd {
  padding: 1em;
  padding-left: 0;
  border-left: none;
  border-top: none;
}
.form_wrap.form_simple06.__03 dd {
  text-align: left;
}
@media screen and (max-width: 834px) {
  .form_wrap.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 {
    width: 100% !important;
    border: none;
  }
}
.form_wrap.form_simple06.access dt {
  width: 20%;
}
.form_wrap.form_simple06.access dd {
  width: 80%;
  text-align: left;
}
.form_wrap.form_simple06.pages {
  width: 100%;
  max-height: unset;
  overflow-y: unset;
}
.form_wrap.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 {
  width: 20%;
}
.form_wrap.form_simple04 dd {
  width: 80%;
}
.form_wrap.form_simple04.noscr {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
.form_wrap.form_simple04.__scr:is(#contents div) {
  overflow-y: scroll;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple04.__scr:is(#contents div) {
    max-height: 30vh;
  }
}
.form_wrap.form_simple04.__02 {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
  border-block: none;
}
.form_wrap.form_simple04.__02 * {
  border-bottom-color: var(--mc);
}
.form_wrap.form_simple04.__02 dt {
  font-weight: unset;
}
.form_wrap.form_simple04.__02 dd {
  border-bottom-color: #FFF !important;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple04 {
    max-height: var(--maxH);
  }
}
.form_wrap.form_simple04 a {
  text-decoration: underline;
}
.form_wrap.form_simple04 dl {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  background-color: unset;
}
.form_wrap.form_simple04 dl > * {
  padding-top: 0;
}
.form_wrap.form_simple04 dl:not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.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 {
    flex-direction: column;
    flex-direction: row !important;
  }
  .form_wrap.form_simple04 dl:not(:last-child) {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 480px) {
  .form_wrap.form_simple04 {
    --pdb:.5em 1em;
  }
}
.form_wrap.form_simple04 dt, .form_wrap.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 {
    width: 100%;
  }
}
.form_wrap.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 {
    width: 100%;
    width: -moz-fit-content;
    width: fit-content;
    border-bottom: none !important;
  }
}
.form_wrap.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 {
    width: 100%;
  }
}
.form_wrap.form_simple04::-webkit-scrollbar {
  background-color: transparent;
  width: 6px;
  height: 0;
}
.form_wrap.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 {
    width: 100% !important;
  }
  .form_wrap.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 {
    border-top: none;
  }
}
.form_wrap.form_simple04.__03 {
  padding-inline: 0px;
  margin-inline: var(--incont);
  max-width: calc(100% - 40px);
}
.form_wrap.form_simple04.__03 * {
  border-color: transparent !important;
}
.form_wrap.form_simple04.__03 dl {
  margin-bottom: 0;
  border: none;
}
.form_wrap.form_simple04.__03 dt {
  font-weight: 700;
  color: var(--tx);
}
.form_wrap.form_simple04.__03 dt, .form_wrap.form_simple04.__03 dd {
  padding: 1em;
  padding-left: 0;
  border-left: none;
  border-top: none;
}
.form_wrap.form_simple04.__03 dd {
  text-align: left;
}
@media screen and (max-width: 834px) {
  .form_wrap.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 {
    width: 100% !important;
    border: none;
  }
}
.form_wrap.form_simple04.access dt {
  width: 20%;
}
.form_wrap.form_simple04.access dd {
  width: 80%;
  text-align: left;
}
.form_wrap.form_simple04.pages {
  width: 100%;
  max-height: unset;
  overflow-y: unset;
}
.form_wrap.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 {
  width: 20%;
}
.form_wrap.form_simple05 dd {
  width: 80%;
}
.form_wrap.form_simple05.noscr {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
.form_wrap.form_simple05.__02 {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
  border-block: none;
}
.form_wrap.form_simple05.__02 * {
  border-bottom-color: var(--mc);
}
.form_wrap.form_simple05.__02 dt {
  font-weight: unset;
}
.form_wrap.form_simple05.__02 dd {
  border-bottom-color: #FFF !important;
}
@media screen and (max-width: 1440px) {
  .form_wrap.form_simple05 {
    border-inline-width: var(--pad);
    border-top-width: var(--bl);
  }
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple05 {
    max-height: 40vh;
  }
}
.form_wrap.form_simple05 a {
  text-decoration: underline;
}
.form_wrap.form_simple05 dl {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  background-color: unset;
}
.form_wrap.form_simple05 dl > * {
  padding-top: 0;
}
.form_wrap.form_simple05 dl:not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.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 {
    flex-direction: column;
    flex-direction: row !important;
  }
  .form_wrap.form_simple05 dl:not(:last-child) {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 480px) {
  .form_wrap.form_simple05 {
    --pdb:0 1em;
  }
}
.form_wrap.form_simple05 dt, .form_wrap.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 {
    width: 100%;
  }
}
.form_wrap.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 {
    width: 100%;
    width: -moz-fit-content;
    width: fit-content;
    border-bottom: none !important;
    margin-bottom: unset;
  }
}
.form_wrap.form_simple05 dd {
  flex-grow: 1;
  border-bottom: 1px solid var(--gr);
}
@media screen and (max-width: 640px) {
  .form_wrap.form_simple05 dd {
    width: 100%;
    padding-top: 0;
  }
}
.form_wrap.form_simple05::-webkit-scrollbar {
  background-color: transparent;
  width: 6px;
  height: 0;
}
.form_wrap.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 {
    width: 100% !important;
  }
  .form_wrap.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 {
    border-top: none;
  }
}
.form_wrap.form_simple05.__03 {
  padding-inline: 0px;
  margin-inline: var(--incont);
  max-width: calc(100% - 40px);
}
.form_wrap.form_simple05.__03 * {
  border-color: transparent !important;
}
.form_wrap.form_simple05.__03 dl {
  margin-bottom: 0;
  border: none;
}
.form_wrap.form_simple05.__03 dt {
  font-weight: 700;
  color: var(--tx);
}
.form_wrap.form_simple05.__03 dt, .form_wrap.form_simple05.__03 dd {
  padding: 1em;
  padding-left: 0;
  border-left: none;
  border-top: none;
}
.form_wrap.form_simple05.__03 dd {
  text-align: left;
}
@media screen and (max-width: 834px) {
  .form_wrap.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 {
    width: 100% !important;
    border: none;
  }
}
.form_wrap.form_simple05.access dt {
  width: 20%;
}
.form_wrap.form_simple05.access dd {
  width: 80%;
  text-align: left;
}
.form_wrap.form_simple05.pages {
  width: 100%;
  max-height: unset;
  overflow-y: unset;
}
.form_wrap.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) {
  width: 100% !important;
  align-items: flex-start;
  background-color: unset;
}
.form_wrap.form_03 dl:has(dd:empty) dd {
  display: none;
}
.form_wrap.form_03 dl:has(.btn, iframe, img) dt {
  display: none;
}
.form_wrap.form_03 u {
  --o:0px;
}
.form_wrap.form_03 a {
  text-decoration: underline;
  color: var(--sc);
}
.form_wrap.form_03 .btn {
  margin-top: 0;
  margin-left: 1.5em;
  color: var(--wh);
  text-decoration: none;
}
.form_wrap.form_03 > br {
  display: none;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_03 {
    max-height: 40vh;
  }
}
.form_wrap.form_03 dt {
  min-width: 25%;
}
.form_wrap.form_03 dl {
  padding: 0;
  margin: 0;
  margin-bottom: calc(var(--p) * 0);
  display: flex;
  background-color: unset;
}
.form_wrap.form_03 dl > * {
  padding-top: 0;
}
.form_wrap.form_03 dl:last-child {
  border-bottom: none;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_03 dl:last-of-type dt {
    border-bottom: none;
  }
}
.form_wrap.form_03 dl:not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.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 {
    flex-direction: row !important;
    padding: 1em 0;
  }
  .form_wrap.form_03 dl:not(:last-child) {
    margin-bottom: 0px;
  }
}
.form_wrap.form_03 dt:is(#contents *), .form_wrap.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 *) {
    width: 100%;
  }
}
.form_wrap.form_03 dt, .form_wrap.form_03 dd {
  padding: var(--p);
}
.form_wrap.form_03 dt {
  justify-content: center;
  align-items: center;
}
.form_wrap.form_03 dd {
  flex-grow: 1;
  background-color: #fff;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_03 dd {
    white-space: unset;
  }
}
@media screen and (max-width: 834px) {
  .form_wrap.form_03 dl {
    padding-block: 0;
    flex-wrap: wrap;
  }
}
.form_wrap.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 * {
  border-color: #ccc !important;
}
.form_wrap.form_03.__02 dl {
  margin-bottom: 0;
  border: none;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_03.__02 dl {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
}
.form_wrap.form_03.__02 dt {
  font-weight: 700;
  color: var(--tx);
}
.form_wrap.form_03.__02 dt, .form_wrap.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 {
  text-align: left;
}
@media screen and (max-width: 834px) {
  .form_wrap.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 {
    width: 100% !important;
    border: none;
  }
}
.form_wrap.form_03.__03 {
  padding-inline: 0px;
  margin-inline: var(--incont);
  max-width: calc(100% - 40px);
}
.form_wrap.form_03.__03 * {
  border-color: transparent !important;
}
.form_wrap.form_03.__03 dl {
  margin-bottom: 0;
  border: none;
}
.form_wrap.form_03.__03 dt {
  font-weight: 700;
  color: var(--tx);
}
.form_wrap.form_03.__03 dt, .form_wrap.form_03.__03 dd {
  padding: 1em;
  padding-left: 0;
  border-left: none;
  border-top: none;
}
.form_wrap.form_03.__03 dd {
  text-align: left;
}
@media screen and (max-width: 834px) {
  .form_wrap.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 {
    width: 100% !important;
    border: none;
  }
}
.form_wrap.form_03.access dt {
  width: 20%;
}
.form_wrap.form_03.access dd {
  width: 80%;
  text-align: left;
}
.form_wrap.form_03.pages {
  width: 100%;
  max-height: unset;
  overflow-y: unset;
}
.form_wrap.form_04 {
  --p:.5em;
  position: relative;
  overflow-y: scroll;
}
.form_wrap.form_04 > br {
  display: none;
}
.form_wrap.form_04.noscr {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_04 {
    max-height: 40vh;
    overflow-y: scroll;
  }
}
.form_wrap.form_04 dt {
  min-width: 8em;
}
.form_wrap.form_04 a {
  text-decoration: underline;
  color: var(--sc);
}
.form_wrap.form_04 dl {
  padding: 0;
  margin: 0;
  margin-bottom: calc(var(--p) * 0);
  display: flex;
  background-color: unset;
}
.form_wrap.form_04 dl + dl {
  margin-top: 1em;
}
.form_wrap.form_04 dl > * {
  padding-top: 0;
}
.form_wrap.form_04 dl:last-child {
  border-bottom: none;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_04 dl:last-of-type dt {
    border-bottom: none;
  }
}
.form_wrap.form_04 dl:not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.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 {
    flex-direction: row !important;
    padding: 1em 0;
  }
  .form_wrap.form_04 dl:not(:last-child) {
    margin-bottom: 0px;
  }
}
.form_wrap.form_04 dt:is(#contents *), .form_wrap.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 *) {
    width: 100%;
    align-items: flex-start;
  }
}
.form_wrap.form_04 dt, .form_wrap.form_04 dd {
  padding: var(--p);
}
.form_wrap.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 {
    align-items: flex-start;
  }
}
.form_wrap.form_04 dd {
  flex: 1;
  white-space: nowrap;
  background-color: #fff;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_04 dd {
    white-space: unset;
  }
}
.form_wrap.form_04::-webkit-scrollbar {
  background-color: transparent;
  width: 8px;
  height: 0;
}
.form_wrap.form_04::-webkit-scrollbar-thumb {
  background-color: var(--gr);
  border-radius: 0px;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_04 dl {
    padding-block: 0;
    flex-wrap: wrap;
  }
}
.form_wrap.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 * {
  border-color: #ccc !important;
}
.form_wrap.form_04.__02 dl {
  margin-bottom: 0;
  border: none;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_04.__02 dl {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
}
.form_wrap.form_04.__02 dt {
  font-weight: 700;
  color: var(--tx);
}
.form_wrap.form_04.__02 dt, .form_wrap.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 {
  text-align: left;
}
@media screen and (max-width: 834px) {
  .form_wrap.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 {
    width: 100% !important;
    border: none;
  }
}
.form_wrap.form_04.__03 {
  padding-inline: 0px;
  margin-inline: var(--incont);
  max-width: calc(100% - 40px);
}
.form_wrap.form_04.__03 * {
  border-color: transparent !important;
}
.form_wrap.form_04.__03 dl {
  margin-bottom: 0;
  border: none;
}
.form_wrap.form_04.__03 dt {
  font-weight: 700;
  color: var(--tx);
}
.form_wrap.form_04.__03 dt, .form_wrap.form_04.__03 dd {
  padding: 1em;
  padding-left: 0;
  border-left: none;
  border-top: none;
}
.form_wrap.form_04.__03 dd {
  text-align: left;
}
@media screen and (max-width: 834px) {
  .form_wrap.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 {
    width: 100% !important;
    border: none;
  }
}
.form_wrap.form_04.access dt {
  width: 20%;
}
.form_wrap.form_04.access dd {
  width: 80%;
  text-align: left;
}
.form_wrap.form_04.pages {
  width: 100%;
  max-height: unset;
  overflow-y: unset;
}
.form_wrap.form_05 {
  --p:.5em;
  position: relative;
  --bdw:1px;
}
.form_wrap.form_05 > br {
  display: none;
}
.form_wrap.form_05.noscr {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
.form_wrap.form_05 dt {
  width: 6em;
  min-width: 6em;
}
.form_wrap.form_05 a {
  text-decoration: underline;
  color: var(--sc);
}
.form_wrap.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 > * {
  padding-top: 0;
}
.form_wrap.form_05 dl:last-child {
  border-bottom: none;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_05 dl:last-of-type dt {
    border-bottom: none;
  }
}
.form_wrap.form_05 dl:not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.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 {
    flex-direction: row !important;
    padding: 1em 0;
  }
  .form_wrap.form_05 dl:not(:last-child) {
    margin-bottom: 0px;
  }
}
.form_wrap.form_05 dt:is(#contents *), .form_wrap.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 *) {
    padding: 0;
  }
}
.form_wrap.form_05 dt, .form_wrap.form_05 dd {
  padding: var(--p) var(--p) var(--p) 0;
}
.form_wrap.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 {
    width: 20%;
    padding-bottom: calc(var(--p) / 2);
    margin-bottom: var(--p);
  }
}
.form_wrap.form_05 dd {
  padding-left: 0;
  flex-grow: 1;
  white-space: nowrap;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_05 dd {
    white-space: unset;
  }
}
.form_wrap.form_05::-webkit-scrollbar {
  background-color: transparent;
  width: 8px;
  height: 0;
}
.form_wrap.form_05::-webkit-scrollbar-thumb {
  background-color: var(--gr);
  border-radius: 0px;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_05 dl {
    padding-block: 0;
    flex-wrap: wrap;
  }
  .form_wrap.form_05 dt {
    padding-bottom: 0;
  }
}
.form_wrap.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 * {
  border-color: #ccc !important;
}
.form_wrap.form_05.__02 dl {
  margin-bottom: 0;
  border: none;
}
@media screen and (max-width: 834px) {
  .form_wrap.form_05.__02 dl {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
}
.form_wrap.form_05.__02 dt {
  font-weight: 700;
  color: var(--tx);
}
.form_wrap.form_05.__02 dt, .form_wrap.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 {
  text-align: left;
}
@media screen and (max-width: 834px) {
  .form_wrap.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 {
    width: 100% !important;
    border: none;
  }
}
.form_wrap.form_05.__03 {
  padding-inline: 0px;
  margin-inline: var(--incont);
  max-width: calc(100% - 40px);
}
.form_wrap.form_05.__03 * {
  border-color: transparent !important;
}
.form_wrap.form_05.__03 dl {
  margin-bottom: 0;
  border: none;
}
.form_wrap.form_05.__03 dt {
  font-weight: 700;
  color: var(--tx);
}
.form_wrap.form_05.__03 dt, .form_wrap.form_05.__03 dd {
  padding: 1em;
  padding-left: 0;
  border-left: none;
  border-top: none;
}
.form_wrap.form_05.__03 dd {
  text-align: left;
}
@media screen and (max-width: 834px) {
  .form_wrap.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 {
    width: 100% !important;
    border: none;
  }
}
.form_wrap.form_05.access dt {
  width: 20%;
}
.form_wrap.form_05.access dd {
  width: 80%;
  text-align: left;
}
.form_wrap.form_05.pages {
  width: 100%;
  max-height: unset;
  overflow-y: unset;
}
.form_wrap.form_common.noscr {
  overflow: unset;
  max-height: unset;
}
.form_wrap.form_common dl > *:is(#contents *) {
  padding: 1em 0.5em;
}
.form_wrap.form_common dt {
  align-items: center;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_common dl {
    flex-wrap: wrap;
  }
  .form_wrap.form_common dt {
    align-items: unset;
  }
  .form_wrap.form_common dl > *:is(#contents *) {
    width: 100%;
  }
}
.form_wrap.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 {
    padding-inline: 0;
    flex-wrap: wrap;
  }
}
.form_wrap.form_row * {
  border: none;
}
.form_wrap.form_row dl {
  flex: 1;
  flex-direction: column;
}
@media screen and (max-width: 1200px) {
  .form_wrap.form_row dl {
    width: 25%;
    flex: unset;
  }
}
@media screen and (max-width: 480px) {
  .form_wrap.form_row dl {
    width: 33.33%;
    flex: unset;
  }
}
.form_wrap.form_row dt, .form_wrap.form_row dd {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  text-align: center;
  align-items: center;
}
.form_wrap.form_row dd {
  flex: 1;
}
.form_wrap.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 {
  width: 50%;
}
.form_wrap.form_half dd {
  width: 50%;
}
.form_wrap.form_half.noscr {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
.form_wrap.form_half.__02 {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
  border-block: none;
}
.form_wrap.form_half.__02 * {
  border-bottom-color: var(--mc);
}
.form_wrap.form_half.__02 dt {
  font-weight: unset;
}
.form_wrap.form_half.__02 dd {
  border-bottom-color: #fff !important;
}
.form_wrap.form_half a {
  text-decoration: underline;
}
.form_wrap.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 + * {
  border-top: none;
}
.form_wrap.form_half dl > * {
  padding-top: 0;
}
.form_wrap.form_half dl:last-of-type dt, .form_wrap.form_half dl:last-of-type dd {
  border-bottom: none;
}
.form_wrap.form_half dl:not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.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 {
    --pdb:1em;
    flex-direction: row !important;
  }
  .form_wrap.form_half dl:not(:last-child) {
    margin-bottom: 0px;
  }
}
.form_wrap.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 {
    align-items: flex-start;
  }
}
.form_wrap.form_half dd {
  flex-grow: 1;
}
@media screen and (max-width: 640px) {
  .form_wrap.form_half dd {
    text-align: right;
    font-weight: 500;
  }
}
.form_wrap.form_half dt, .form_wrap.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 {
    width: 100%;
  }
}
.form_wrap.form_half::-webkit-scrollbar {
  background-color: transparent;
  width: 6px;
  height: 0;
}
.form_wrap.form_half::-webkit-scrollbar-thumb {
  background-color: var(--gr);
}
@media screen and (max-width: 640px) {
  .form_wrap.form_h3 {
    padding: 0;
  }
}
.form_wrap.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) {
  margin-bottom: 20px;
}
.form_wrap.form_h3 dl {
  background-color: unset;
}
.form_wrap.form_h3 dl:last-of-type dt, .form_wrap.form_h3 dl:last-of-type dd {
  border-bottom: none;
}
.form_wrap.form_h3 dt, .form_wrap.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 {
  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 {
    padding-bottom: 0;
    text-decoration: underline !important;
    text-decoration-color: inherit;
  }
}
.form_wrap.form_h3 dd {
  width: 80%;
  padding-left: 0;
  flex-grow: 1;
  width: 100%;
}
.form_wrap.form_h3::-webkit-scrollbar {
  background-color: transparent;
  width: 4px;
  height: 0;
}
.form_wrap.form_h3::-webkit-scrollbar-thumb {
  border-radius: 99px;
  box-shadow: inset 3px 3px 3px rgba(255, 255, 255, 0.2);
}
.form_wrap.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 {
  width: 20%;
}
.form_wrap.dd_ul dd {
  width: 80%;
}
.form_wrap.dd_ul.noscr {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
}
.form_wrap.dd_ul.__02 {
  overflow: unset;
  height: unset !important;
  max-height: unset !important;
  border-block: none;
}
.form_wrap.dd_ul.__02 * {
  border-bottom-color: var(--mc);
}
.form_wrap.dd_ul.__02 dt {
  font-weight: unset;
}
.form_wrap.dd_ul.__02 dd {
  border-bottom-color: #fff !important;
}
@media screen and (max-width: 1440px) {
  .form_wrap.dd_ul {
    border-inline-width: var(--pad);
    border-top-width: var(--bl);
  }
}
@media screen and (max-width: 640px) {
  .form_wrap.dd_ul {
    max-height: 30vh;
  }
}
.form_wrap.dd_ul a {
  text-decoration: underline;
}
.form_wrap.dd_ul dl {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  background-color: unset;
}
.form_wrap.dd_ul dl > * {
  padding-top: 0;
}
.form_wrap.dd_ul dl:last-of-type dt, .form_wrap.dd_ul dl:last-of-type dd {
  border-bottom: none;
}
.form_wrap.dd_ul dl:not(:has(dd)) {
  border-bottom: none;
}
.form_wrap.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 {
    flex-direction: column;
    flex-direction: row !important;
  }
  .form_wrap.dd_ul dl:not(:last-child) {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 480px) {
  .form_wrap.dd_ul {
    --pdb:1em;
  }
}
.form_wrap.dd_ul dt, .form_wrap.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 {
    width: 100%;
  }
}
.form_wrap.dd_ul dt {
  align-items: center;
  font-weight: var(--dtw);
  color: var(--dtc);
}
@media screen and (max-width: 834px) {
  .form_wrap.dd_ul dt {
    width: 100%;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.form_wrap.dd_ul dd {
  flex-grow: 1;
}
@media screen and (max-width: 640px) {
  .form_wrap.dd_ul dd {
    width: 100%;
    padding-top: 0;
    padding-left: 0.5em;
  }
}
.form_wrap.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 {
  content: "●";
  color: var(--ac);
}
.form_wrap.dd_ul::-webkit-scrollbar {
  background-color: transparent;
  width: 6px;
  height: 0;
}
.form_wrap.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 {
    width: 100% !important;
  }
  .form_wrap.dd_ul dt {
    border-bottom: none;
  }
  .form_wrap.dd_ul dd {
    border-top: none;
  }
}
.form_wrap.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 {
  --mc:#ff4500;
  --mc11:#ff450011;
  --mc20:#ff450033;
  --mc40:#ff450055;
  --mc50:#ff450088;
  --mc70:#ff4500bb;
}
.form_wrap.form_enkaku dl:has(dd:empty) dt {
  color: var(--tx);
}
.form_wrap.form_enkaku dd:empty {
  display: none;
}
.form_wrap.form_enkaku dl:is(#contents *) {
  position: relative;
  display: flex;
}
.form_wrap.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 {
  border-top: unset;
  border-left: unset;
  padding: 1em;
}
.form_wrap.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 {
  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 {
  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 {
    min-width: 100px !important;
  }
}
@media screen and (max-width: 640px) {
  .form_wrap.form_enkaku dl {
    flex-wrap: wrap;
  }
  .form_wrap.form_enkaku dt, .form_wrap.form_enkaku dd {
    width: 100% !important;
    border-right: 1px solid #aaa;
  }
}
.form_wrap.__scr:is(#contents div) {
  overflow-y: scroll;
}
@media screen and (max-width: 640px) {
  .form_wrap.__scr:is(#contents div) {
    max-height: 50vh;
  }
}
.form_wrap.dl_course:is(#contents *) dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.form_wrap.dl_course:is(#contents *) dl dt {
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 1em;
}
.form_wrap.dl_course:is(#contents *) dl dt:after {
  content: "";
  flex: 1;
  height: 2px;
  display: block;
  background: url(/images/home/bd01.png) no-repeat right center/100% 100%;
}
@media screen and (max-width: 640px) {
  .form_wrap.dl_course:is(#contents *) dl dt:after {
    height: 1px;
  }
}
.form_wrap.dl_course:is(#contents *) dl u {
  display: inline-block;
  padding: 10px 30px;
  background-color: #F7CDBC;
  border-radius: 50%;
  margin: 0 20px;
  text-decoration: none;
}
.form_wrap.dl_course:is(#contents *) dl dt, .form_wrap.dl_course:is(#contents *) dl dd {
  border: none;
  background-color: unset;
}
@media screen and (max-width: 640px) {
  .form_wrap.dl_course:is(#contents *) dl dt, .form_wrap.dl_course:is(#contents *) dl dd {
    width: 100%;
    flex: unset;
  }
}
.form_wrap.dl_qa {
  --bfFF: var(--eng);
  --bfFZ: 3vmin;
  --rad:var(--radhalf);
  --dtBG:var(--bc50);
}
.form_wrap.dl_qa + .dl_qa {
  margin-top: var(--Hafter);
}
.form_wrap.dl_qa a {
  color: var(--linkC);
}
.form_wrap.dl_qa dt {
  background-color: var(--dtBG);
}
.form_wrap.dl_qa dl:is(#contents dl) {
  display: block !important;
  font-size: var(--f20);
  border-radius: var(--rad);
  overflow: hidden;
  --size:2.5vmax;
}
.form_wrap.dl_qa dl:is(#contents dl) dt, .form_wrap.dl_qa dl:is(#contents dl) dd {
  padding: 1em;
  padding-left: calc(var(--size) + var(--f36)) !important;
  padding-right: var(--f36);
  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 *) {
  width: 100%;
}
.form_wrap.dl_qa dl:is(#contents dl) dt:before, .form_wrap.dl_qa dl:is(#contents dl) dd:before {
  font-family: var(--bfFF);
  content: "Q";
  color: var(--mc);
  background-color: #fff;
  display: block;
  position: absolute;
  left: 0.3em;
  top: 50%;
  translate: 0 -50%;
  font-size: var(--bfFZ);
  width: var(--size);
  height: var(--size);
  line-height: var(--size);
  border-radius: var(--rad);
  display: grid;
  place-items: center;
}
.form_wrap.dl_qa dl:is(#contents dl) dt:after {
  font-family: var(--icon);
  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 {
  rotate: -90deg;
}
.form_wrap.dl_qa dl:is(#contents dl) dt:hover {
  opacity: 0.7;
}
.form_wrap.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) {
  display: block;
}
.form_wrap.dl_qa dl:is(#contents dl) dd:is(.allopen dd) {
  display: block;
}
.form_wrap.dl_qa dl:is(#contents dl) dd:before {
  content: "A";
}
.form_wrap.dl_qa dl:is(#contents dl) dd.show {
  opacity: 1;
}
.form_wrap.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) {
    margin-bottom: 15px;
  }
}
.form_wrap.dl_qaOpen {
  --bfFF: var(--eng);
  --dtBG:var(--bc);
}
.form_wrap.dl_qaOpen + .dl_qaOpen {
  margin-top: 30px;
}
.form_wrap.dl_qaOpen a {
  color: var(--linkC);
}
.form_wrap.dl_qaOpen dt {
  background-color: var(--dtBG);
}
.form_wrap.dl_qaOpen dl:is(#contents dl) {
  display: block !important;
  font-size: var(--f20);
  border-radius: var(--rad);
  overflow: hidden;
  --size:2.5vmax;
}
.form_wrap.dl_qaOpen dl:is(#contents dl) dt, .form_wrap.dl_qaOpen dl:is(#contents dl) dd {
  padding: 1em;
  padding-left: calc(var(--size) + var(--f36)) !important;
  padding-right: var(--f36);
  border: none !important;
  font-weight: 500;
  position: relative;
}
.form_wrap.dl_qaOpen dl:is(#contents dl) dt:is(#contents *), .form_wrap.dl_qaOpen dl:is(#contents dl) dd:is(#contents *) {
  width: 100%;
}
.form_wrap.dl_qaOpen dl:is(#contents dl) dt:before {
  border-radius: calc(0.5 * var(--rad));
  content: "Q";
  color: var(--mc);
  display: block;
  position: absolute;
  left: 0.3em;
  top: 50%;
  translate: 0 -50%;
  font-size: calc(var(--size));
  width: var(--size);
  height: var(--size);
  line-height: var(--size);
  display: grid;
  place-items: center;
}
.form_wrap.dl_qaOpen dl:is(#contents dl) dt.show:after {
  rotate: -90deg;
}
.form_wrap.dl_qaOpen dl:is(#contents dl) dd {
  font-size: 80%;
  padding-left: calc(var(--size) + var(--f24));
}
.form_wrap.dl_qaOpen dl:is(#contents dl) dd:is(.firstopen dl:first-child dd) {
  display: block;
}
.form_wrap.dl_qaOpen dl:is(#contents dl) dd:is(.allopen dd) {
  display: block;
}
.form_wrap.dl_qaOpen dl:is(#contents dl) dd:before {
  border-radius: calc(0.5 * var(--rad));
  font-family: var(--bfFF);
  content: "A";
  color: var(--mc);
  display: block;
  position: absolute;
  left: 0.3em;
  top: 50%;
  translate: 0 -50%;
  font-size: calc(var(--size));
  width: var(--size);
  height: var(--size);
  line-height: var(--size);
  display: grid;
  place-items: center;
}
.form_wrap.dl_qaOpen dl:is(#contents dl) dd.show {
  opacity: 1;
}
.form_wrap.dl_qaOpen dl:is(#contents dl):not(:last-child) {
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  .form_wrap.dl_qaOpen dl:is(#contents dl):not(:last-child) {
    margin-bottom: 15px;
  }
}
.form_wrap.dl_toggle {
  --bfFF: var(--icon);
  --rad:8px;
  --dtBG:var(--bc);
}
.form_wrap.dl_toggle:is(.fl50 *, .fl50c *, .fl50s *, .fl50e *) {
  margin-top: unset;
}
.form_wrap.dl_toggle a {
  color: var(--linkC);
}
.form_wrap.dl_toggle dt {
  background-color: var(--dtBG);
}
.form_wrap.dl_toggle dl:is(#contents dl) {
  display: block !important;
  font-size: var(--f20);
  --size:3vmax;
}
.form_wrap.dl_toggle dl:is(#contents dl) + dl {
  margin-top: var(--g);
}
.form_wrap.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 {
  display: none;
}
.form_wrap.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 {
  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 *) {
  width: 100%;
}
.form_wrap.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 {
  font-family: var(--icon);
  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 {
  rotate: -90deg;
}
.form_wrap.dl_toggle dl:is(#contents dl) dt:hover {
  opacity: 0.7;
}
.form_wrap.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) {
  display: block;
}
.form_wrap.dl_toggle dl:is(#contents dl) dd:is(.allopen dd) {
  display: block;
}
.form_wrap.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 {
  opacity: 1;
}
.form_wrap.dl_flow {
  --l:clamp(72px,9vw,90px);
}
.form_wrap.dl_flow dl:is(#contents dl) {
  display: block;
  position: relative;
}
.form_wrap.dl_flow dl:is(#contents dl) > * {
  background-color: unset;
  border: none;
  padding-left: var(--l);
}
.form_wrap.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 {
  position: absolute;
  left: 0%;
  font-size: var(--f60);
  color: var(--mc);
  line-height: 1;
}
.form_wrap.dl_flow dl:is(#contents dl) dd {
  padding-block: 1em;
}
.form_wrap.dl_menu {
  --p:var(--bodyFZ);
  --bdc: var(--sc);
  --dtFZ:110%;
  --dtC:var(--sc);
}
.form_wrap.dl_menu + .dl_menu {
  margin-top: 0;
}
.form_wrap.dl_menu:is(.fl50 .sheet, .fl50c .sheet, .fl50s .sheet, .fl50e .sheet) {
  padding: calc(var(--g) / 2);
}
.form_wrap.dl_menu.__mc {
  --bdc: var(--mc);
}
.form_wrap.dl_menu.__sc {
  --bdc: var(--sc);
}
.form_wrap.dl_menu dl:has(dd:empty) {
  padding-inline: unset;
  border-bottom: none !important;
}
.form_wrap.dl_menu dl:has(dd:empty) dd:is(#contents *) {
  display: none;
}
.form_wrap.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 *) {
    padding: var(--bodyFZ) !important;
  }
}
.form_wrap.dl_menu dl:has(.subDT) dd:is(#contents *) {
  display: none;
}
.form_wrap.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 *) {
    padding: var(--bodyFZ) !important;
  }
}
.form_wrap.dl_menu dl {
  border-bottom: 1px var(--decoS) var(--bdc);
  flex-direction: row-reverse !important;
  align-items: flex-end;
}
.form_wrap.dl_menu dl dd:is(#contents *) {
  border: none;
  background: none;
  padding: var(--p) 0;
  color: var(--tx);
  flex: 1;
}
.form_wrap.dl_menu dl dt:is(#contents *) {
  border: none;
  background: none;
  text-align: right;
  padding: var(--p) 0;
  align-items: flex-end;
  font-weight: bold;
  font-size: var(--dtFZ);
  color: var(--dtC);
  justify-content: flex-end;
  flex-shrink: 0;
}
@media screen and (max-width: 640px) {
  .form_wrap.dl_menu dl {
    flex-direction: column-reverse !important;
  }
  .form_wrap.dl_menu dl dd, .form_wrap.dl_menu dl dt {
    width: 100% !important;
  }
  .form_wrap.dl_menu dl dd {
    padding: 5px !important;
  }
  .form_wrap.dl_menu dl dt {
    padding: 0 !important;
  }
}
.form_wrap.dl_menu dl:has(span.normal) {
  justify-content: space-between;
}
.form_wrap.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 *) {
  width: unset;
  align-items: flex-start;
}
.form_wrap.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) {
  padding: calc(var(--g) / 2);
}
.form_wrap.dl_menu-rev.__mc {
  --bdc: var(--mc);
}
.form_wrap.dl_menu-rev.__sc {
  --bdc: var(--sc);
}
.form_wrap.dl_menu-rev dl:has(dd:empty) {
  padding-inline: unset;
}
.form_wrap.dl_menu-rev dl:has(dd:empty) dd:is(#contents *) {
  display: none;
}
.form_wrap.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 *) {
    padding: var(--bodyFZ) !important;
  }
}
.form_wrap.dl_menu-rev dl:has(.subDT) dd:is(#contents *) {
  display: none;
}
.form_wrap.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 *) {
    padding: var(--bodyFZ) !important;
  }
}
.form_wrap.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 > * {
  flex: 1;
}
.form_wrap.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 {
  font-weight: 600;
}
.form_wrap.dl_menu-rev dl dt:is(#contents *) .sub {
  font-weight: 500;
}
.form_wrap.dl_menu-rev dl dt:is(#contents *) .small {
  font-size: 0.9em;
}
.form_wrap.dl_menu-rev dl dt:is(#contents *) .bold {
  font-weight: bold;
}
.form_wrap.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 {
    flex-direction: column !important;
  }
  .form_wrap.dl_menu-rev dl dd, .form_wrap.dl_menu-rev dl dt {
    width: 100% !important;
    flex: unset !important;
  }
  .form_wrap.dl_menu-rev dl dt {
    padding: 5px !important;
  }
  .form_wrap.dl_menu-rev dl dd {
    padding: 0 !important;
  }
}
.form_wrap.dl_menu-rev dl:has(span.normal) {
  justify-content: space-between;
}
.form_wrap.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 *) {
  width: unset;
  align-items: flex-start;
}
.form_wrap.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 {
  border-bottom: 1px dotted var(--line);
  flex-direction: row-reverse !important;
  align-items: flex-end;
}
.form_wrap.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 {
  font-weight: 600;
}
.form_wrap.dl_menu02 dl dd .sub {
  font-weight: 500;
}
.form_wrap.dl_menu02 dl dd .small {
  font-size: 0.9em;
}
.form_wrap.dl_menu02 dl dd .bold {
  font-weight: bold;
}
.form_wrap.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 {
    flex-direction: column-reverse !important;
  }
  .form_wrap.dl_menu02 dl dd, .form_wrap.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);
  }
}
@media screen and (max-width: 480px) {
  .ul_btns li {
    width: var(--btnW);
  }
}
.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 > div, .tbl_scroll.td-center td > div {
  text-align: center;
}
.tbl_normal.div-center div, .tbl_scroll.div-center div {
  text-align: center;
}
.tbl_normal.yokoBCtateMC tr:first-child, .tbl_scroll.yokoBCtateMC tr:first-child {
  background-color: var(--bc50);
}
.tbl_normal.yokoBCtateMC td:first-child, .tbl_scroll.yokoBCtateMC td:first-child {
  background-color: var(--mc10);
}
.tbl_normal.firstMC tr:first-of-type, .tbl_scroll.firstMC tr:first-of-type {
  background-color: var(--mc);
  color: #fff;
  font-weight: bold;
}
.tbl_normal.firstMC td:first-of-type, .tbl_scroll.firstMC td:first-of-type {
  background-color: var(--mc);
  color: #fff;
  font-weight: bold;
}
.tbl_normal.firstBC tr:first-of-type, .tbl_scroll.firstBC tr:first-of-type {
  background-color: var(--bc);
  font-weight: bold;
}
.tbl_normal.firstBC td:first-of-type, .tbl_scroll.firstBC td:first-of-type {
  background-color: var(--bc);
  font-weight: bold;
}
.tbl_normal.firstSC tr:first-of-type, .tbl_scroll.firstSC tr:first-of-type {
  background-color: var(--sc);
  font-weight: bold;
  color: var(--wh);
}
.tbl_normal.firstSC td:first-of-type, .tbl_scroll.firstSC td:first-of-type {
  background-color: var(--sc);
  font-weight: bold;
  color: var(--wh);
}
.tbl_normal.firstGR tr:first-of-type, .tbl_scroll.firstGR tr:first-of-type {
  background-color: #ccc;
}
.tbl_normal.firstBold tr:first-of-type, .tbl_scroll.firstBold tr:first-of-type {
  font-weight: bold;
}
.tbl_normal.emptyNone td:has(div:empty), .tbl_scroll.emptyNone td:has(div:empty) {
  display: none;
}
.tbl_normal.sameSize td, .tbl_scroll.sameSize td {
  width: 1%;
}
@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);
}

.tbl01 tr:first-of-type {
  background-color: var(--bc);
  font-weight: bold;
}

.sns_slide {
  --ulBG:var(--mc);
  --ulC:var(--ff);
  --dateC: var(--mc);
  --dateFW: 700;
  --capFZ: var(--bodyFZ);
  --dateFZ: 120%;
  --imgOF: contain;
  --arrowContent:"";
  --arrowinset: calc(100% + var(--g));
  --arrowinset: -3em;
  --arrowBG: var(--wh);
  --arrowR: 999px;
  --arrowFZ: max(16px,3vmin);
  --arrowW: 3em;
  --arrowC: var(--mc);
  --dot: 20px;
}
.sns_slide.noDetail .detail {
  display: none !important;
}
.sns_slide.noTag .sns_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 .sns_date {
  display: none !important;
}
.sns_slide.noText .sns_text {
  display: none !important;
}
.sns_slide.__visible .slick-list {
  overflow: visible !important;
}
.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;
  overflow: hidden;
}
.sns_slide .sns_list .sns_photo:is(.noimg *) {
  display: none;
}
.sns_slide .sns_list .sns_photo figure {
  border-radius: var(--rad);
}
.sns_slide .sns_list .sns_photo img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.4s;
  -o-object-fit: var(--imgOF);
     object-fit: var(--imgOF);
}
.sns_slide .sns_list .sns_text {
  width: 100%;
  overflow: hidden;
  padding-block: 1em;
}
.sns_slide .sns_list .sns_text a {
  text-decoration: none;
}
.sns_slide .sns_list .sns_text > * + * {
  margin-top: 0.5em;
}
.sns_slide .sns_list .sns_date {
  color: var(--dateC);
  font-weight: var(--dateFW);
  font-size: var(--dateFZ);
  line-height: 1;
}
.sns_slide .sns_list .sns_date:is(.txwh *) {
  color: inherit;
}
.sns_slide .sns_list .caption {
  color: inherit;
  font-size: var(--capFZ);
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.sns_slide .sns_list .sns_text ul {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  -webkit-line-clamp: 1;
}
.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(--icon);
  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):not(.noDot) {
  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: calc(100% + var(--f16));
  display: flex;
  justify-content: center;
}
.sns_slide .sns_slide .slick-dots li button {
  outline: none;
}

.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 > div, .blog_slide .blog_list > div, .blog_slide02 .blog_list > div {
  display: unset;
  border: none;
}
.card_slide .blog_list .slick-slide, .blog_slide .blog_list .slick-slide, .blog_slide02 .blog_list .slick-slide {
  display: flex;
  flex-direction: column;
  padding-inline: var(--p);
}
.card_slide .blog_list .blog_photo, .blog_slide .blog_list .blog_photo, .blog_slide02 .blog_list .blog_photo {
  width: 100%;
  padding: unset;
  overflow: hidden;
}
.card_slide .blog_list .blog_photo a, .blog_slide .blog_list .blog_photo a, .blog_slide02 .blog_list .blog_photo a {
  display: block;
}
.card_slide .blog_list .blog_photo a:hover, .blog_slide .blog_list .blog_photo a:hover, .blog_slide02 .blog_list .blog_photo a:hover {
  scale: 1.04;
}
.card_slide .blog_list .blog_photo img, .blog_slide .blog_list .blog_photo img, .blog_slide02 .blog_list .blog_photo img {
  -o-object-fit: cover;
     object-fit: cover;
}
.card_slide .blog_list .blog_date, .blog_slide .blog_list .blog_date, .blog_slide02 .blog_list .blog_date {
  color: var(--tx);
}
.card_slide .blog_list .blog_text, .blog_slide .blog_list .blog_text, .blog_slide02 .blog_list .blog_text {
  margin-top: 0.5em;
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.card_slide .blog_list .blog_text h3 a, .blog_slide .blog_list .blog_text h3 a, .blog_slide02 .blog_list .blog_text h3 a {
  text-decoration: none;
}
.card_slide .blog_list .blog_text h3 a span, .blog_slide .blog_list .blog_text h3 a span, .blog_slide02 .blog_list .blog_text h3 a span {
  color: var(--hcolor);
  display: inline;
  padding-inline-end: 0.5em;
}
.card_slide .blog_list .blog_text ul, .blog_slide .blog_list .blog_text ul, .blog_slide02 .blog_list .blog_text ul {
  display: block;
  margin-top: 0.5em;
}
.card_slide .blog_list .blog_text ul li, .blog_slide .blog_list .blog_text ul li, .blog_slide02 .blog_list .blog_text ul li {
  margin-bottom: 0.5em;
}
.card_slide .blog_list .blog_text ul a, .blog_slide .blog_list .blog_text ul a, .blog_slide02 .blog_list .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 .blog_text ul a:hover, .blog_slide .blog_list .blog_text ul a:hover, .blog_slide02 .blog_list .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;
  }
}
.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(--icon);
  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):not(.noDot), .blog_slide:has(.slick-dots):not(.noDot), .blog_slide02:has(.slick-dots):not(.noDot) {
  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;
}

.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 {
  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(--icon);
  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):not(.noDot) {
  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;
}

.ul_slide:is(section div) {
  padding-inline: unset;
  max-width: calc(100% + var(--g));
  margin-right: calc(var(--g) * -1);
  --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-right: var(--g);
}
.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) * 0);
}
.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(--icon);
  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_custom {
  --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: 834px) {
  .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 {
  --g:1.5vmin;
  margin-top: var(--g);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  gap: var(--g);
  position: unset !important;
}
@media screen and (max-width: 640px) {
  .slide_custom .slick-dots {
    grid-template-columns: repeat(3, 1fr);
  }
}
.slide_custom .slick-dots img:is(#contents *) {
  -o-object-fit: cover;
     object-fit: cover;
}
.slide_custom .slick-dots li {
  margin: 0;
  height: auto !important;
  width: 100%;
}
.slide_custom .slick-dots li img {
  -o-object-fit: cover;
     object-fit: cover;
}
@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(--icon);
  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(--icon);
  font-weight: 900;
  opacity: 1;
  content: var(--btnAF);
}
.slide_custom .slick-prev {
  scale: -1 1;
}

[class*=fl] > .slide_custom ul li {
  width: 100%;
}
[class*=fl] > .slide_custom ul li img {
  width: 100% !important;
}
@media screen and (max-width: 834px) {
  [class*=fl] > .slide_custom {
    order: 1;
  }
}

:not([class*=img]).slide_custom .slick-dots img:is(#contents *) {
  aspect-ratio: 1;
}

.slide_sync {
  --g:3vmin;
  gap: 2em var(--g);
}
.slide_sync .main.noArrow .slick-arrow {
  display: none !important;
}
.slide_sync .main .slick-prev, .slide_sync .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;
}
.slide_sync .main .slick-prev::before, .slide_sync .main .slick-next::before {
  opacity: 1;
  font-family: var(--icon);
  color: var(--mc);
  font-weight: 900;
  font-size: 24px;
}
.slide_sync .main .slick-prev {
  left: 0;
}
.slide_sync .main .slick-prev::before {
  content: "\f104";
}
.slide_sync .main .slick-next {
  right: 0;
}
.slide_sync .main .slick-next::before {
  content: "\f105";
}
.slide_sync .main li img:is(#contents *) {
  width: 100% !important;
}
.slide_sync .thumb ul {
  --repeat:4;
  display: grid;
  grid-template-columns: repeat(var(--repeat), 1fr);
  grid-template-rows: auto;
  gap: var(--g);
  position: unset !important;
}
@media screen and (max-width: 640px) {
  .slide_sync .thumb ul {
    --repeat:3;
  }
}
.slide_sync .thumb ul li {
  cursor: pointer;
}
.slide_sync .thumb ul li img {
  transition: 0.3s;
  width: 100% !important;
}
.slide_sync .thumb ul li:hover img {
  opacity: 0.9;
}

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: 3;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

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

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

div.blog_form {
  overflow-y: scroll;
  --pdb: 0.5em;
  --bdc: var(--tx50);
  --maxH: 40vh;
  line-height: 1.5;
}
div.blog_form div:empty {
  display: none;
}
@media screen and (max-width: 640px) {
  div.blog_form {
    max-height: var(--maxH);
  }
}
div.blog_form .blog_list > div {
  border-bottom: unset;
  flex-shrink: 0;
  padding: 0em;
  margin-block: 0em;
}
div.blog_form .blog_photo {
  display: none;
}
div.blog_form .blog_text:is(#contents *) {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
  padding-block: var(--pdb);
  border-bottom: 1px solid var(--bdc);
}
div.blog_form .blog_text:is(#contents *) > * {
  padding-block: calc(var(--pdb) / 2);
}
div.blog_form .blog_text:is(#contents *) h3 {
  width: 100%;
  margin-bottom: 0px;
  order: 1;
  font-family: inherit;
  font-weight: 500;
}
div.blog_form .blog_text:is(#contents *) h3 span {
  color: var(--mc);
}
div.blog_form .blog_text:is(#contents *) ul {
  display: none;
  order: 1;
}
div.blog_form .blog_text:is(#contents *) 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 .blog_text:is(#contents *) .detail {
  order: 1;
  font-size: var(--f14);
  display: none;
}
@media screen and (max-width: 834px) {
  div.blog_form .blog_text:is(#contents *) {
    flex-wrap: wrap;
  }
}
div.blog_form .blog_date:is(div) {
  color: var(--tx);
  font-weight: 700;
}
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_form01 {
  color: var(--tx);
  overflow-y: scroll;
}
@media screen and (max-width: 640px) {
  div.blog_form01 {
    max-height: 40vh;
  }
}
div.blog_form01 .blog_photo {
  display: none;
}
div.blog_form01 .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_form01 .blog_text:is(div) {
    flex-wrap: wrap;
  }
}
div.blog_form01 .blog_date:is(div) {
  color: var(--tx);
  font-weight: 700;
}
div.blog_form01 div.blog_list > div {
  border-bottom: 1px solid #ccc;
  flex-shrink: 0;
  padding-inline: 0em;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
}
div.blog_form01 div.blog_list > div h3 {
  width: 100%;
  margin-bottom: 0px;
  order: 1;
}
div.blog_form01 div.blog_list > div h3 span {
  color: var(--ac);
  font-weight: var(--hfw);
}
div.blog_form01 div.blog_list > div .detail {
  order: 1;
  font-size: var(--f14);
  display: none;
}
div.blog_form01 div.blog_list > div ul {
  display: block;
  order: 1;
}
div.blog_form01 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_form01::-webkit-scrollbar {
  background-color: transparent;
  width: 8px;
  height: 0;
}
div.blog_form01::-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 {
    width: calc((100% - var(--g) * 1) / 2);
  }
}
@media screen and (max-width: 480px) {
  div.blog_card3 .blog_list > div {
    width: 100%;
  }
}
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%;
}
@media screen and (max-width: 1200px) {
  div.blog_card3 .blog_list .blog_photo:is(#contents *) img:is(#contents *) {
    height: 100%;
  }
}
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.sns_card4 {
  justify-content: unset;
}
div.sns_card4 .sns_list {
  flex-direction: row;
  gap: var(--g);
  flex-wrap: wrap;
}
div.sns_card4 .sns_list:is(.__Xscr *) {
  display: contents;
}
div.sns_card4 .sns_list > div {
  border-bottom: unset;
  flex-direction: column;
  width: calc((100% - var(--g) * 3) / 4);
  flex-shrink: 0;
  padding-inline: 0em;
  padding-bottom: 1em;
  margin-bottom: 1.5em;
}
div.sns_card4 .sns_list > div > * {
  padding: 0.5em;
}
div.sns_card4 .sns_list h3 {
  width: 100%;
  margin-bottom: 0px;
  font-weight: bold;
}
div.sns_card4 .sns_list ul {
  display: block;
  display: none;
}
div.sns_card4 .sns_list ul a {
  background-color: var(--mc);
  padding-inline: 0.5em;
  --tx:var(--wh);
}
div.sns_card4 .sns_list .detail {
  font-size: 80%;
}
div.sns_card4 .sns_list .sns_photo {
  width: 100%;
  padding: unset;
}
@media screen and (max-width: 640px) {
  div.sns_card4 .sns_list .sns_photo {
    width: 100%;
    max-width: 300px;
  }
}
div.sns_card4 .sns_list .sns_text:is(div) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
}
@media screen and (max-width: 640px) {
  div.sns_card4 .sns_list .sns_text:is(div) {
    flex-wrap: wrap;
  }
}
div.sns_card4 .sns_list .caption {
  color: inherit;
  font-size: var(--capFZ);
  line-height: 1.5;
  height: 3em;
  overflow: hidden;
  word-wrap: break-word;
}
div.sns_card4 .sns_list .sns_date:is(div) {
  width: 100%;
  color: var(--ac);
  font-weight: bold;
}
div.sns_card4::-webkit-scrollbar {
  background-color: transparent;
  width: 8px;
  height: 0;
}
div.sns_card4::-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:is(.__Xscr *) {
  display: contents;
}
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;
}
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);
  --maxH:40vh;
  overflow-y: scroll;
}
div.blog_form04 * {
  line-height: 1.5;
}
@media screen and (max-width: 640px) {
  div.blog_form04 {
    max-height: var(--maxH);
  }
}
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;
}

.sns01 {
  --imgW:max(240px,26vmin);
  max-width: 100%;
  margin-inline: auto;
  overflow-y: scroll;
  --thumbC:var(--gr50);
  --thumbW:8px;
}
.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: 0.5em;
  line-height: 1.5;
  background-color: var(--mc);
  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 {
  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 .sns_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 .sns_date {
  display: none !important;
}
.insta_card3.noText .sns_text {
  display: none !important;
}
.insta_card3.topDate .sns_date {
  position: absolute;
}
.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: 87vw;
  }
}
.insta_card3::-webkit-scrollbar {
  background-color: transparent;
  width: 0;
  height: 0;
}
@media screen and (max-width: 1200px) {
  .insta_card3::-webkit-scrollbar {
    width: calc(var(--g) / 1);
  }
}
.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%;
  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;
  flex-wrap: wrap;
  text-overflow: ellipsis;
}
.insta_card3 .sns_list .sns_text ul a {
  text-decoration: none;
  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 {
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #fff;
  color: var(--mc);
  font-weight: bold;
  padding: 0.5em;
  line-height: 1;
}
.insta_card3 .sns_list .sns_text .caption {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.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 {
  margin-top: 1em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.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%;
  }
}

.bgAnimate {
  position: fixed;
  inset: 0;
  background: repeat-y center/100% auto;
  pointer-events: none;
  transition: var(--trt);
  z-index: -1;
  animation: bgUP 40s linear infinite;
  opacity: 0;
}
@keyframes bgUP {
  0% {
    background-position-y: 0%;
  }
  4% {
    opacity: 1;
  }
  96% {
    opacity: 1;
  }
  100% {
    background-position-y: 200%;
    opacity: 0;
  }
}

.bgFix {
  position: fixed;
  inset: 0;
  background: repeat-y center/100% auto;
  pointer-events: none;
  transition: var(--trt);
  z-index: -1;
}
.bgFix.__animate {
  animation: bgUP 40s linear infinite;
  opacity: 0;
}
@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;
}

.title1 .btns button.current {
  background-color: var(--mc);
}

html.menu [class*=grid]:not(.current) {
  display: none;
  opacity: 0;
  visibility: hidden;
}

html.menu [class*=grid].current {
  display: grid;
  visibility: visible;
  animation: fadeIn 0.6s;
}

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

.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(--icon);
  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;
}

.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);
}

.fb_modal .box {
  transition: 0.4s;
}
.fb_modal .box article > div {
  padding: 0.5em;
}
.fb_modal .box:hover {
  background-color: var(--tx);
}
.fb_modal .box:hover * {
  color: #fff;
}

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

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

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: unset;
}

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

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;
}

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

.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: var(--h3FZ);
}
.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: var(--h3FZ);
  border-bottom: 1px solid var(--bdc);
}

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;
}

.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);
}

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

.img-dots .im img {
  float: unset;
}
.img-dots .im:after {
  background: url(/images/home/pt01.png) repeat center/28px 44px;
  z-index: 1;
  inset: 0;
}

.bandlink a {
  width: 100%;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  font-size: var(--h3FZ);
  font-family: var(--kle);
  line-height: 1;
  border-block: var(--line);
  --linkC: var(--tx);
}
.bandlink a + a {
  border-top: unset;
}
@media screen and (max-width: 640px) {
  .bandlink a + a {
    border-block: var(--line);
    margin-top: 2em;
  }
}
.bandlink a i {
  margin-inline: 0.25em;
}
.bandlink a > span {
  color: var(--tx);
  flex: 1;
  padding: 2em 1em;
}
.bandlink a > span:nth-child(odd) {
  text-align: right;
  font-weight: 600;
}
@media screen and (max-width: 640px) {
  .bandlink a > span:nth-child(odd) {
    text-align: left;
  }
}
.bandlink a > span:nth-child(even) {
  font-family: var(--lat);
}
@media screen and (max-width: 640px) {
  .bandlink a > span:nth-child(even) {
    text-align: right;
  }
}
@media screen and (max-width: 640px) {
  .bandlink a > span {
    flex-basis: 100%;
  }
}

.trigger1 {
  padding-bottom: var(--bl);
}

:has(> .cover) > *:not(.cover) {
  z-index: 1;
  position: relative;
}

.cover {
  margin-top: unset;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  z-index: 0;
}
.cover.__left {
  left: 0;
}
.cover.__right {
  right: 0;
}

.bnr01 {
  background: no-repeat 100% 50%/cover;
  border: 3px solid var(--mc);
  display: flex;
  flex-wrap: wrap;
  gap: var(--g);
  padding: var(--g);
  color: var(--mc);
}
.bnr01 > * {
  flex: 1;
}
.bnr01 small {
  font-size: 80%;
  font-weight: unset;
}
.bnr01 div:not(:has(> .btn)) {
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .bnr01 div:not(:has(> .btn)) {
    font-weight: 500;
  }
}
.bnr01 div:has(> .btn) .btn:is(#contents *, #global_footer *) {
  min-width: unset;
  width: 50%;
  margin-bottom: unset;
  text-shadow: none;
}
@media screen and (max-width: 640px) {
  .bnr01 div:has(> .btn) .btn:is(#contents *, #global_footer *) {
    min-width: var(--btnW);
  }
}
.bnr01 div:has(> .btn) .__bdac {
  background-color: #fff;
}
@media screen and (max-width: 834px) {
  .bnr01 {
    padding: unset;
    gap: 0;
  }
  .bnr01 > *:is(#contents *, #global_footer *) {
    background: linear-gradient(to left, transparent, #fff 25%);
    padding: var(--g);
    flex: unset;
    width: 75%;
  }
}
@media screen and (max-width: 640px) {
  .bnr01 > *:is(#contents *, #global_footer *) {
    background: unset;
    width: 100%;
    color: #fff;
    text-shadow: 0 0 2px var(--tx), 0 0 2px var(--tx), 0 0 2px var(--tx);
  }
}

@media screen and (max-width: 640px) {
  .ul_card3 ul:is(#contents *) > *, .ul_card3 ul:is(#contents *) ul li {
    width: 100%;
    flex: unset;
  }
}
.ul_card3 ul:is(#contents *) h3 {
  text-align: center;
  font-size: var(--f20);
  margin-block: 15px 10px;
}
.ul_card3 ul:is(#contents *) .slick-dots {
  top: calc(100% + 2em);
}

.hueGrad {
  --c:var(--YE);
}
.hueGrad .box:nth-of-type(8n+1) {
  filter: hue-rotate(300deg);
}
.hueGrad .box:nth-of-type(8n+2) {
  filter: hue-rotate(0deg);
}
.hueGrad .box:nth-of-type(8n+3) {
  filter: hue-rotate(60deg);
}
.hueGrad .box:nth-of-type(8n+4) {
  filter: hue-rotate(120deg);
}
.hueGrad .box:nth-of-type(8n+5) {
  filter: hue-rotate(180deg);
}
.hueGrad .box:nth-of-type(8n+6) {
  filter: hue-rotate(240deg);
}
.hueGrad .box:nth-of-type(8n+7) {
  filter: hue-rotate(300deg);
}
.hueGrad .box:nth-of-type(8n+8) {
  filter: hue-rotate(0deg);
}
.hueGrad .box:nth-of-type(8n+9) {
  filter: hue-rotate(60deg);
}
.hueGrad .box:nth-of-type(8n+10) {
  filter: hue-rotate(12deg);
}

: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);
  }
}

div:has(> .bgToright, > .bgToBottom) {
  z-index: 1;
  position: relative;
}

.bgToRight, .bgToBottom {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: no-repeat center/100% 100%;
}

.bgToRight {
  background-image: linear-gradient(to right, var(--bgStart), var(--bgEnd));
}

.bgToBottom {
  background-image: linear-gradient(to bottom, var(--bgStart), var(--bgEnd));
}

.bg_slide, .bg_img {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.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 *) {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  height: var(--mvImg) !important;
}

.cloneShadow {
  --stC: var(--red);
  --fillC: var(--wh);
  position: relative;
  color: #fff;
}
.cloneShadow > :nth-child(2) {
  mix-blend-mode: difference;
  color: var(--fillC);
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  top: 4px;
  filter: saturate(0);
  z-index: -1;
}

.stroke {
  --stC: var(--wh);
  --stW: .15em;
  --fillC: var(--mc);
  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;
}

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

.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_qa, .fb_qa02 {
  flex-direction: column;
  line-height: 1.5;
  --hlh:inherit;
}
.fb_qa h3, .fb_qa02 h3 {
  font: inherit;
}
.fb_qa .box, .fb_qa02 .box {
  --bfC: var(--mc);
  --bfBG: var(--bc);
  --abfBG: var(--sc);
  --bfFZ: 2em;
  --bfFF: var(--eng);
  --bfRad:var(--rad);
  --bfPB:0.125em;
  --qBG:var(--bc20);
  --aBG:var(--sc20);
  --imgW:30%;
  --imgWsp:320px;
  padding: 1.5em;
  padding-left: calc(var(--bfFZ) * 2.5);
  border: none !important;
  font-weight: 500;
  position: relative;
}
@media screen and (max-width: 640px) {
  .fb_qa .box, .fb_qa02 .box {
    --bfFZ: 1.5em;
  }
}
.fb_qa .box a, .fb_qa02 .box a {
  color: var(--linkC);
}
.fb_qa .box + .box, .fb_qa02 .box + .box {
  margin-top: var(--Hafter);
}
.fb_qa .box + .box:not(:has(h3)), .fb_qa02 .box + .box:not(:has(h3)) {
  margin-top: calc(var(--Hafter) * 0.5);
}
.fb_qa .box:has(h3), .fb_qa02 .box:has(h3) {
  padding-right: calc(var(--bfFZ) * 1.5);
  background-color: var(--qBG);
  cursor: pointer;
  transition: var(--btnTR);
}
.fb_qa .box:has(h3):hover, .fb_qa02 .box:has(h3):hover {
  filter: saturate(110%) brightness(105%);
}
.fb_qa .box:not(:has(h3)), .fb_qa02 .box:not(:has(h3)) {
  background-color: var(--aBG);
  display: none;
}
.fb_qa .box:nth-child(odd):before, .fb_qa02 .box:nth-child(odd):before {
  content: "Q";
}
.fb_qa .box:nth-child(even):before, .fb_qa02 .box:nth-child(even):before {
  content: "A";
  background-color: var(--abfBG);
}
.fb_qa .box:nth-child(even):after, .fb_qa02 .box:nth-child(even):after {
  content: unset;
}
.fb_qa .box:before, .fb_qa02 .box:before, .fb_qa .box:after, .fb_qa02 .box:after {
  font-family: var(--bfFF);
  color: var(--bfC);
  line-height: var(--hlh);
  background-color: var(--bfBG);
  display: block;
  position: absolute;
  left: 0.5em;
  top: 50%;
  translate: 0 -50%;
  font-size: var(--bfFZ);
  border-radius: var(--bfRad);
  display: grid;
  place-items: center;
  width: 1.75em;
  aspect-ratio: 1;
  padding-bottom: var(--bfPB);
}
.fb_qa .box:after, .fb_qa02 .box:after {
  content: var(--btnAF);
  font-family: var(--icon);
  font-size: 1.5em;
  left: unset;
  right: 0.5em;
  background-color: unset;
  transition: 0.4s;
  rotate: 90deg;
}
.fb_qa .box.show:after, .fb_qa02 .box.show:after {
  scale: -1 1;
}
.fb_qa .box:has(article > figure), .fb_qa02 .box:has(article > figure) {
  width: 100%;
  align-items: flex-start;
}
.fb_qa .box:has(article > figure) article, .fb_qa02 .box:has(article > figure) article {
  display: flex;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  gap: 1em;
}
.fb_qa .box:has(article > figure) figure, .fb_qa02 .box:has(article > figure) figure {
  max-width: 100%;
  order: 1;
  width: var(--imgW);
  margin-left: auto;
}
@media screen and (max-width: 640px) {
  .fb_qa .box:has(article > figure) figure, .fb_qa02 .box:has(article > figure) figure {
    width: var(--imgWsp);
  }
}
.fb_qa .box:has(article > figure) article > div, .fb_qa02 .box:has(article > figure) article > div {
  flex: 1;
}
@media screen and (max-width: 640px) {
  .fb_qa .box:has(article > figure) article > div, .fb_qa02 .box:has(article > figure) article > div {
    flex-basis: 100%;
  }
}
.fb_qa02 {
  border-bottom: 2px solid var(--tx);
}
.fb_qa02 .box:first-child div::before {
  content: "Q";
  background-color: var(--sc);
  color: var(--mc);
}
.fb_qa02 .box:last-child div::before {
  content: "A";
  color: var(--ac);
  background-color: var(--sc);
}
.fb_qa02 .box > div::before {
  border: none;
  border-radius: 4px;
}
.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_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 dashed var(--line);
  --g:3vmin;
  line-height: 1.6;
}
.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;
  border-bottom: var(--bd);
  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 .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: block;
}
.fb_menu article > div small, .fb_menu .box > div small {
  font-size: 14px;
}
.fb_menu06 {
  --line:var(--mc);
  --col2:#333;
  --bd:1px solid var(--line);
  --g:3vmin;
  line-height: 1.6;
}
.fb_menu06.__border .box {
  border-bottom: var(--bd);
}
.fb_menu06 * {
  text-align: center;
}
.fb_menu06 .im {
  order: 1;
  width: 30%;
}
@media screen and (max-width: 640px) {
  .fb_menu06 .im {
    width: unset;
  }
}
.fb_menu06 .im img {
  width: 100% !important;
  max-height: 100%;
  margin-left: auto;
}
.fb_menu06 .box {
  margin-inline: unset;
  padding-block: var(--g);
  display: flex;
  gap: var(--g);
  width: 100%;
}
.fb_menu06 .box:first-of-type {
  padding-top: unset;
}
@media screen and (max-width: 640px) {
  .fb_menu06 .box {
    flex-direction: column;
  }
}
.fb_menu06 .box:has(.noline), .fb_menu06 .box:last-of-type {
  border-bottom: none;
}
.fb_menu06 .box .noline {
  width: 0;
  height: 0;
  visibility: hidden;
  display: none;
}
.fb_menu06 .box article > h3 {
  display: none;
}
.fb_menu06 .box article, .fb_menu06 .box > div {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.fb_menu06 h3 {
  margin-bottom: 0.25em;
}
.fb_menu06 article > div, .fb_menu06 .box > div {
  flex: 1;
  display: flex;
  flex-direction: column;
  color: var(--col2);
}
.fb_menu06 article > div small, .fb_menu06 .box > div small {
  font-size: 14px;
}
.fb_menu06 article > div dd, .fb_menu06 .box > div dd {
  border: none !important;
  background: none !important;
  padding: 10px 0 !important;
}
.fb_menu06 article > div dd .ttl, .fb_menu06 .box > div dd .ttl {
  font-weight: 600;
}
.fb_menu06 article > div dd .sub, .fb_menu06 .box > div dd .sub {
  font-weight: 500;
}
.fb_menu06 article > div dd .small, .fb_menu06 .box > div dd .small {
  font-size: 0.9em;
}
.fb_menu06 article > div dd .bold, .fb_menu06 .box > div dd .bold {
  font-weight: bold;
}
.fb_menu06 article > div p, .fb_menu06 .box > div p {
  font-size: 1.4em;
}
@media screen and (max-width: 640px) {
  .fb_menu06 article > div, .fb_menu06 .box > div {
    flex-direction: column !important;
  }
  .fb_menu06 article > div dd, .fb_menu06 article > div dt, .fb_menu06 .box > div dd, .fb_menu06 .box > div dt {
    width: 100% !important;
  }
  .fb_menu06 article > div dd, .fb_menu06 .box > div dd {
    padding: 5px !important;
  }
  .fb_menu06 article > div dt, .fb_menu06 .box > div dt {
    padding: 0 !important;
  }
}
.fb_menu01 {
  --line:var(--mc);
  --col2:#333;
  --bd:1px solid var(--line);
  --g:3vmin;
  line-height: 1.6;
}
.fb_menu01.__border .box {
  border-bottom: var(--bd);
}
.fb_menu01 .box {
  margin-inline: unset;
  padding-block: 1em;
  margin-bottom: 1em;
  display: flex;
  gap: var(--g);
  width: 100%;
  border-bottom: var(--bd);
}
@media screen and (max-width: 640px) {
  .fb_menu01 .box {
    flex-direction: column;
  }
}
.fb_menu01 .box b {
  font-size: 1.5em;
  margin-bottom: 0.5em;
}
.fb_menu01 .box p {
  margin-bottom: 0.5em;
  float: right;
  font-weight: bold;
  font-size: 1.5em;
  color: var(--mc);
}
.fb_menu01 .box article > h3 {
  display: none;
}
.fb_menu01 .box article, .fb_menu01 .box > div {
  flex: 1;
}
.fb_menu01 .box h3 {
  margin-bottom: 0.25em;
}
.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: 2em;
  --c: var(--sc20);
  --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 {
  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(.kageAC *) {
  --img: var(--ac);
}
.fb_chat .box:has(img) .im:is(.kageSC *) {
  --img: var(--sc);
}
.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(.noImg *):after, .fb_chat .box:not(:has(img)) article > div:is(.noImg *):after {
  display: none;
}
.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 .box {
  margin-inline: unset;
  width: 100%;
}
.fb_column .box article {
  display: flex;
  gap: var(--g);
}
.fb_column .box article > h3 {
  display: none;
}
.fb_column .box article .im {
  width: unset;
  max-width: 33%;
}
.fb_column .box article .btn {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 20px;
}
@media screen and (max-width: 834px) {
  .fb_column .box article {
    flex-wrap: wrap;
  }
  .fb_column .box article > * {
    width: 100%;
  }
  .fb_column .box article .im {
    max-width: 66%;
  }
}
.fb_column .box div {
  position: relative;
  margin-top: unset;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.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_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%;
  }
}
.fb_bfaf {
  gap: 0 var(--g);
}
.fb_bfaf img:is(#contents *) {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.fb_bfaf .box div {
  text-align: center;
}
.fb_bfaf .box:nth-child(1),
.fb_bfaf .box:nth-child(3) {
  flex: 1;
}
.fb_bfaf article {
  margin: unset !important;
}
.fb_bfaf .box:nth-child(2) {
  display: grid;
  place-items: center;
  place-content: center;
}
.fb_bfaf .box:nth-child(2) i {
  display: block;
}
.fb_bfaf .box:nth-child(2) i:before {
  background-color: var(--mc);
  content: "";
  width: 5vmin;
  height: 10vmin;
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 50%);
          clip-path: polygon(0% 0%, 0% 100%, 100% 50%);
}
@media screen and (max-width: 640px) {
  .fb_bfaf .box {
    flex-basis: 100%;
  }
  .fb_bfaf .box:nth-child(2) i {
    rotate: 90deg;
  }
}
.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);
}
.fb_flow01.noStep h3:before {
  display: none;
}
.fb_flow01.noStep .box:is(#contents div):after {
  display: none;
}
.fb_flow01.noStep .box:is(#contents div) + .box {
  margin-top: 1em;
}
.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 {
  background-color: var(--bg);
}
.fb_flow01 .box:is(#contents div) {
  counter-increment: cnt;
  width: 100%;
  overflow: visible;
  display: flex;
  align-items: flex-start;
  font-size: 3.6vmax;
  border-radius: var(--rad);
  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;
  margin-top: unset;
}
@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(--icon);
  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(--icon);
  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(--icon);
  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(--icon);
  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(--icon);
  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%;
  }
}
.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;
}

.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.card6:after {
  display: none;
}

.card4_flow {
  position: relative;
  --mt:var(--bl05);
  --p:2vmin;
  --bg:#f8f8f8;
  --beforeFZ:75%;
  --beforeC:var(--mc);
  --afterBG:var(--mc);
  --rad:var(--un);
}
.card4_flow a, .card4_flow a * {
  text-decoration: none;
  text-shadow: none;
  width: unset !important;
}
@media screen and (max-width: 640px) {
  .card4_flow {
    --p:var(--pad);
  }
}
.card4_flow .box:is(#contents div) {
  width: calc(25% - var(--g) * 0.75);
  counter-increment: cnt;
  background-color: var(--bg);
  overflow: visible;
  display: flex;
  align-items: flex-start;
  font-size: 3.6vmax;
  border-radius: calc(var(--rad) / 2);
  padding: var(--p);
  gap: var(--p);
}
.card4_flow .box:is(#contents div):after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0% -50%;
  left: 100%;
  display: block;
  font-size: clamp(0px, 4vw, 30px);
  width: var(--g);
  aspect-ratio: 1;
  -webkit-clip-path: polygon(10% 0%, 90% 50%, 10% 100%);
          clip-path: polygon(10% 0%, 90% 50%, 10% 100%);
  background-color: var(--afterBG);
}
.card4_flow .box:is(#contents div):last-child:after {
  display: none;
}
.card4_flow .box:is(#contents div) article {
  width: 100%;
  font-size: var(--f16);
  font-weight: 400;
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  gap: 1em;
}
.card4_flow .box:is(#contents div) article img:is(#contents *) {
  width: 100%;
}
.card4_flow .box:is(#contents div) article .im {
  order: 1;
  font-size: var(--beforeFZ);
  width: 320px;
  max-width: 100%;
}
.card4_flow .box:is(#contents div) article .im:is(.__icon *) {
  padding: 4em;
}
@media screen and (max-width: 834px) {
  .card4_flow .box:is(#contents div) article .im:is(.__icon *) {
    width: 160px;
    padding: 1em;
  }
}
@media screen and (max-width: 834px) {
  .card4_flow .box:is(#contents div) article .im {
    width: 300px;
    flex: unset !important;
    order: -1;
    margin-inline: auto;
  }
}
.card4_flow .box:is(#contents div) article > div {
  flex: 1;
}
@media screen and (max-width: 834px) {
  .card4_flow .box:is(#contents div) article > *:is(#contents *) {
    flex-basis: 100%;
  }
}
.card4_flow .box:is(#contents div) article > h3 {
  display: none;
}
.card4_flow .box:is(#contents div) article div > h3 {
  border-bottom: 1px solid currentColor;
  padding-block: 0.25em;
  margin-bottom: 0.25em;
  font-weight: var(--hfw);
  font-size: var(--f20);
}
.card4_flow .box:is(#contents div) article div > h3:is(.__nostep *):before {
  content: counter(cnt, decimal-leading-zero);
}
.card4_flow .box:is(#contents div) article div > h3:before {
  display: block;
  content: "STEP " counter(cnt, decimal-leading-zero);
  font-size: var(--beforeFZ);
  line-height: 1;
  margin-right: 1em;
  flex-shrink: 0;
  font-weight: 500;
  color: var(--beforeC);
  font-weight: 100;
  font-style: italic;
}
.card4_flow .box:is(#contents div) article u {
  vertical-align: middle;
  display: inline-block;
  text-decoration-color: var(--mc);
  text-decoration-thickness: 2px;
}
.card4_flow .box:is(#contents div) article .btn {
  font-family: var(--ser);
  margin-right: 0.5em;
  margin-top: 0.5em;
  font-size: clamp(18px, 2vw, 24px);
}

:where([class*=card]:not(html.shop *)) {
  display: flex;
  gap: var(--g);
}
:where([class*=card]:not(html.shop *)).__center div {
  text-align: center !important;
}
:where([class*=card]:not(html.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(html.shop *)) + [class*=card] {
  margin-top: var(--g);
}
:where([class*=card]:not(html.shop *)) article > h3 {
  display: none;
}
:where([class*=card]:not(html.shop *)) img {
  margin: unset;
  width: 100%;
}
:where([class*=card]:not(html.shop *)) .box:is(#contents *) {
  overflow: visible;
}
:where([class*=card]:not(html.shop *)) .box div {
  flex: 1;
}
:where([class*=card]:not(html.shop *)) .box div p {
  margin-top: auto;
  font-size: var(--f20);
}
@media screen and (max-width: 960px) {
  :where([class*=card]:not(html.shop *)).bp960 > *, :where([class*=card]:not(html.shop *)).bp960 ul li {
    width: calc(50% - var(--g) / 2);
    flex: unset;
  }
}
:where([class*=card]:not(html.shop *)).__layer ul, .__layer-right:where([class*=card]:not(html.shop *)) ul, .__layer-bottom:where([class*=card]:not(html.shop *)) ul, .__layer-end:where([class*=card]:not(html.shop *)) ul {
  display: contents;
}
:where([class*=card]:not(html.shop *)).__layer :has(> figure), .__layer-right:where([class*=card]:not(html.shop *)) :has(> figure), .__layer-bottom:where([class*=card]:not(html.shop *)) :has(> figure), .__layer-end:where([class*=card]:not(html.shop *)) :has(> figure) {
  display: grid !important;
}
:where([class*=card]:not(html.shop *)).__layer :has(> figure) > *, .__layer-right:where([class*=card]:not(html.shop *)) :has(> figure) > *, .__layer-bottom:where([class*=card]:not(html.shop *)) :has(> figure) > *, .__layer-end:where([class*=card]:not(html.shop *)) :has(> figure) > * {
  grid-area: 1/1;
  z-index: 1;
}
:where([class*=card]:not(html.shop *)).__layer :has(> figure) figure, .__layer-right:where([class*=card]:not(html.shop *)) :has(> figure) figure, .__layer-bottom:where([class*=card]:not(html.shop *)) :has(> figure) figure, .__layer-end:where([class*=card]:not(html.shop *)) :has(> figure) figure {
  width: 100%;
}
:where([class*=card]:not(html.shop *)).__layer-end :has(> figure) {
  place-items: end;
  place-content: end;
}
:where([class*=card]:not(html.shop *)).__layer-bottom :has(> figure) {
  place-items: end start;
}
:where([class*=card]:not(html.shop *)).__layer-bottom article > div {
  padding: 1em;
  text-shadow: 0 0 0.25em #000;
}
:where([class*=card]:not(html.shop *)).__layer-right :has(> figure) {
  place-items: start end;
  place-content: start end;
}
:where([class*=card]:not(html.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(html.shop *)).fakeBtn article > a > div:before {
  background-color: unset;
  content: "\f054";
  font-family: var(--icon);
  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(html.shop *)).__tray article > div {
  display: grid;
  place-content: center;
  height: 100%;
  text-align: center;
}
:where([class*=card]:not(html.shop *)).__Xscr03:is(#contents div) {
  flex-wrap: nowrap;
  overflow-x: scroll;
  justify-content: start;
}
:where([class*=card]:not(html.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(html.shop *)).__Xscr03:is(#contents div) .box:not(:has(img[alt*=arrow])) {
  counter-increment: cnt;
}
:where([class*=card]:not(html.shop *)).__Xscr03:is(#contents div) .box h3:before {
  content: counter(cnt) ". ";
}
@media screen and (max-width: 1200px) {
  :where([class*=card]:not(html.shop *)).__Xscr03:is(#contents div) .box {
    flex-basis: 45%;
  }
}
@media screen and (max-width: 640px) {
  :where([class*=card]:not(html.shop *)).__Xscr03:is(#contents div) .box {
    flex-basis: 61.6%;
  }
}
:where([class*=card]:not(html.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(html.shop *)).__Xscr03:is(#contents div) .box .im {
  padding-inline: 0.5em;
}
:where([class*=card]:not(html.shop *)).__Xscr03:is(#contents div) .box article div {
  flex: 1;
  padding-inline: 0.5em;
  padding-block-end: 0.5em;
}
:where([class*=card]:not(html.shop *)).__Xscr03:is(#contents div) .box:has(img[alt*=arrow]) {
  flex: 0 0 5%;
  border: none;
}
:where([class*=card]:not(html.shop *)).__Xscr03:is(#contents div) .box:has(img[alt*=arrow]) article {
  display: grid;
  place-items: center;
}
:where([class*=card]:not(html.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(html.shop *)).__Xscr03:is(#contents div) .box:has(img[alt*=arrow]) article .im img {
  opacity: 0;
}
:where([class*=card]:not(html.shop *)).__Xscr03:is(#contents div) .box:has(img[alt*=arrow]) article div {
  display: none;
}
:where([class*=card]:not(html.shop *)).__Xscr03:is(#contents div)::-webkit-scrollbar {
  background-color: transparent;
  width: 8px;
  height: 12px;
}
:where([class*=card]:not(html.shop *)).__Xscr03:is(#contents div)::-webkit-scrollbar-thumb {
  background-color: var(--gr);
  border-radius: 0px;
}
:where([class*=card]:not(html.shop *)).__Xscr02:is(#contents div) {
  flex-wrap: nowrap;
  overflow-x: scroll;
  direction: rtl;
  justify-content: start;
  --arrow:var(--mc20);
}
:where([class*=card]:not(html.shop *)).__Xscr02:is(#contents div) .box {
  flex: 0 0 48.5%;
}
@media screen and (max-width: 480px) {
  :where([class*=card]:not(html.shop *)).__Xscr02:is(#contents div) .box {
    flex-basis: 96%;
  }
}
:where([class*=card]:not(html.shop *)).__Xscr02:is(#contents div) .box:has(img[alt*=arrow]) {
  flex: 0 0 5%;
}
:where([class*=card]:not(html.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(html.shop *)).__Xscr02:is(#contents div)::-webkit-scrollbar-button:horizontal:start:decrement, :where([class*=card]:not(html.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(html.shop *)).__Xscr02:is(#contents div)::-webkit-scrollbar-button:horizontal:end:decrement, :where([class*=card]:not(html.shop *)).__Xscr02:is(#contents div)::-webkit-scrollbar-button:horizontal:end:increment {
  display: none;
}
:where([class*=card]:not(html.shop *)).__Xscr02:is(#contents div)::-webkit-scrollbar {
  background-color: var(--arrow);
  height: calc(var(--barh) / 2);
  border-radius: 999px;
}
:where([class*=card]:not(html.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(html.shop *)).fb_btns {
  gap: 20px 2%;
}
:where([class*=card]:not(html.shop *)).fb_btns .box {
  flex: 1;
}
:where([class*=card]:not(html.shop *)).fb_btns .box a, :where([class*=card]:not(html.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(html.shop *)).fb_btns .box a, :where([class*=card]:not(html.shop *)).fb_btns .box article > div:not(:has(> a)) {
    display: grid;
    place-items: center;
  }
  :where([class*=card]:not(html.shop *)).fb_btns .box a:has(img), :where([class*=card]:not(html.shop *)).fb_btns .box article > div:not(:has(> a)):has(img) {
    min-height: 168px;
  }
}
@media screen and (max-width: 834px) {
  :where([class*=card]:not(html.shop *)).fb_btns .box {
    flex: 0 1 48%;
  }
}
@media screen and (max-width: 480px) {
  :where([class*=card]:not(html.shop *)).fb_btns .box {
    flex: 0 1 100%;
  }
}
:where([class*=card]:not(html.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(html.shop *)).fb_headmc {
  gap: 20px 4%;
}
:where([class*=card]:not(html.shop *)).fb_headmc .box:first-child {
  width: 100%;
  flex: unset;
}
:where([class*=card]:not(html.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(html.shop *)).fb_headmc .box:first-child article {
    flex-direction: column;
  }
}
:where([class*=card]:not(html.shop *)).fb_headmc .box:first-child article > * {
  flex: 1;
  padding: 1em;
  padding-bottom: 2em;
}
:where([class*=card]:not(html.shop *)).fb_headmc .box:first-child h3 {
  width: 100%;
  flex: unset;
  padding: var(--f16);
}
:where([class*=card]:not(html.shop *)).fb_headmc .box:first-child .im {
  order: 1;
}
:where([class*=card]:not(html.shop *)).fb_headmc .box:first-child img {
  height: 100% !important;
}
:where([class*=card]:not(html.shop *)).fb_headmc .box {
  flex: 1;
}
@media screen and (max-width: 834px) {
  :where([class*=card]:not(html.shop *)).fb_headmc .box {
    flex-basis: 100%;
  }
}
:where([class*=card]:not(html.shop *)).fb_headmc .box article {
  background-color: #fff;
}
:where([class*=card]:not(html.shop *)).fb_headmc .box article > * {
  padding: 1em;
  padding-bottom: 2em;
}
:where([class*=card]:not(html.shop *)).fb_headmc .box h3 {
  padding: var(--f16);
}
:where([class*=card]:not(html.shop *)).fb_headmc .box h3 {
  background-color: var(--mc);
  text-align: center;
  color: var(--ff);
  order: -1;
}
:where([class*=card]:not(html.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(html.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(html.shop *)).fb_headmc .box article > div p {
  grid-area: 2/1;
}
:where([class*=card]:not(html.shop *)).fb_headmc .box article > div b {
  grid-area: span 2/1;
  font-size: 125%;
}
:where([class*=card]:not(html.shop *)).fb_headmc .box article > div em {
  grid-area: span 2/2;
}
:where([class*=card]:not(html.shop *)).fb_headmc .box article > div span {
  grid-area: 3/span 2;
  margin-top: var(--f16);
}
:where([class*=card]:not(html.shop *)).fb_headmc .box article > div .btn {
  grid-area: 4/span 2;
  margin-top: var(--f16);
  place-self: end;
}
:where([class*=card]:not(html.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(html.shop *)).fb_headmc .box article > div .btn {
    margin-top: 2em;
  }
  :where([class*=card]:not(html.shop *)).fb_headmc .box article > div u {
    margin-bottom: 0.5em;
  }
}
:where([class*=card]:not(html.shop *)).num-point .box {
  padding-top: var(--f36);
}
:where([class*=card]:not(html.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(html.shop *)).num-point h3 {
  color: var(--mc);
  text-align: center;
}
:where([class*=card]:not(html.shop *)).num-point h3:is(.box:has(.titlesm) h3) {
  font-size: var(--f24);
  text-align: left;
}
:where([class*=card]:not(html.shop *)).num-point article div {
  display: flex;
  align-items: flex-start;
  font-weight: 500;
  padding: 0.5em;
}
:where([class*=card]:not(html.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(html.shop *)).num-point article div p:after {
  content: "";
  font-size: 120%;
  margin-left: 0.2em;
  background-color: unset;
}
:where([class*=card]:not(html.shop *)).num-point article div p:is(.box:nth-child(1) p):after {
  content: "01";
}
:where([class*=card]:not(html.shop *)).num-point article div p:is(.box:nth-child(2) p):after {
  content: "02";
}
:where([class*=card]:not(html.shop *)).num-point article div p:is(.box:nth-child(3) p):after {
  content: "03";
}
:where([class*=card]:not(html.shop *)).num-point article div p:is(.box:nth-child(4) p):after {
  content: "04";
}
:where([class*=card]:not(html.shop *)).num-point article div p:is(.box:nth-child(5) p):after {
  content: "05";
}
:where([class*=card]:not(html.shop *)).num-point article div p:is(.box:nth-child(6) p):after {
  content: "06";
}

.cardflex {
  display: flex;
  flex-wrap: wrap;
  gap: var(--g);
}
.cardflex.__center {
  text-align: center;
}
.cardflex + .cardflex {
  margin-top: var(--g);
}
.cardflex > * {
  flex: 1;
  min-width: unset;
}

.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;
  padding-bottom: 0.1em;
  z-index: 1;
}
.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;
}

.cardfix {
  gap: var(--g);
  --w: 380px;
  flex-wrap: wrap;
}
.cardfix .box {
  width: var(--w);
}
@media screen and (max-width: 480px) {
  .cardfix .box {
    width: 100%;
  }
}

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

:root {
  --PTdis: block;
  --PTAF: "";
  --PTbottom: var(--gh);
  --PTrightTAB: calc(var(--head2)*0.9 );
  --gap:calc( 1.5vw - 0.5em);
  --logoW:10vh;
  --logoH:10vh;
  --menuH:calc(var(--btnH) * 1);
  --head:7vh;
  --head2:calc(var(--head)*2 );
  --Nhead:calc(var(--head)*-1 );
  --contMT:calc(var(--head));
  --mvMT:calc(var(--head) * -1 );
  --mvImg:calc(75vh );
  --innerPI: calc(var(--gap)*1 );
  --innerPB: 0em;
  --navPI: calc(var(--gap)*0 );
  --itemPI: calc(var(--gap)*1 );
  --logoPI: calc(var(--gap)*1 );
  --itemG: calc(var(--gap)*1 );
  --innerG: calc(var(--gap)*0 );
}
@media screen and (max-width: 834px) {
  :root {
    --mvImg:calc(50vh);
  }
}
@media screen and (max-width: 1200px) {
  :root {
    --gap: 1em;
    --head:52px;
    --logoPI: 0px;
  }
}
@media screen and (max-width: 640px) {
  :root {
    --head:48px;
  }
}

.fixPageTop .h_pagetop {
  --PTdis: block;
}

.noPageTop .h_pagetop {
  --PTdis: none;
}

@media screen and (max-width: 834px) {
  html:has(.h_items.fix-tab) #builingual {
    bottom: calc(var(--btnH) + 1em);
  }
}
@media screen and (max-width: 640px) {
  html:has(.h_items.fix-sp) #builingual {
    bottom: calc(var(--btnH) + 1em);
  }
}
@media screen and (max-width: 834px) {
  #footer .f_main {
    padding-bottom: calc(var(--btnH) - 1em) !important;
  }
}

.mv {
  --btnW:calc(var(--head)*1.25 );
}
@media screen and (max-width: 1440px) {
  .mv {
    --btnW:calc(var(--head)*1.125 );
  }
}
@media screen and (max-width: 1200px) {
  .mv {
    --btnW:calc(var(--head)*1.25 );
  }
}

.h {
  --navFZ: var(--inh);
  --navFZ: clamp(12px,1.2vw,16px);
  --navLH: 2;
  --navC: var(--inh);
  --navFW: inherit;
  --dropBG:var(--bc);
  --dropC:var(--inh);
  --SPnavBG: var(--innerBG);
  --SPnavFZ: clamp(14px,1.8vh,18px);
  --dropbtnBG:var(--mc);
  --dropbtnBF:var(--wh);
  --spanC:var(--mc);
  --menuM:0 ;
}
.h .btn {
  --btnW:var(--logoW);
  --btnFZ:1.4vh;
  --btnH:var(--btnW);
  --btnPI: 0.125em;
  --btnG:0.5em;
}
.h .btn i {
  font-size: 1.5em;
}
.h:is(#header) .__tel {
  --btnFZ:1em;
}
.h:is(#header) .nav_inner > ul {
  padding-top: var(--head2);
  padding-right: var(--btnW);
}
@media screen and (max-width: 834px) {
  .h:is(#header) .nav_inner > ul {
    padding-inline: var(--pad);
  }
}
.h:is(#header) .h_inner {
  background: var(--innerBG);
}
@media screen and (max-width: 834px) {
  .h:is(#header) .h_inner {
    justify-content: space-between;
  }
}
.h:is(#header) .h_logo {
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  overflow: visible;
}
.h:is(#header) .MARU {
  place-items: center;
  place-content: center;
  padding-inline: unset;
  width: var(--head2);
  height: var(--head2);
  margin-bottom: var(--Nhead);
  background: var(--innerBG);
  border-radius: 1000px;
}
@media screen and (max-width: 834px) {
  .h:is(#header) .MARU.h_items.fix-tab {
    margin: unset;
    right: var(--gh);
    background: unset;
    justify-content: flex-end;
  }
  .h:is(#header) .MARU.h_items.fix-tab .btn {
    flex: unset;
  }
}
.h:is(#header) .h_menu {
  --head2:calc(var(--head)*1.2 );
  --Nhead:calc(var(--head)*-.8 );
  order: unset;
  margin-left: auto;
}
.h:is(#header) .h_menu > span {
  width: calc(var(--head) * 0.75);
  --bargap: calc(var(--head) * .2 );
}
.h:is(#header) .h_nav > ul li.drop::after {
  top: 100%;
}
.h:is(#header) .h_nav > ul li.drop > ul {
  border-radius: var(--btnRad);
}
.h:is(#header) .h_nav > ul li.drop ul a:hover {
  text-shadow: none;
  background-color: var(--bc50);
}
.h:is(#header) .nav_inner > ul a {
  justify-content: unset;
  align-items: baseline;
  gap: 1em;
  font-size: inherit !important;
}
.h:is(#header) .nav_inner > ul a span {
  font-size: 75%;
  font-weight: 500;
  order: 1;
}
.h.parallel .h_logo {
  margin: unset;
  overflow: hidden;
  display: grid;
  grid-template-rows: 0fr;
  grid-template-columns: 0fr;
  transition: 0.6s;
}
.h.parallel .h_logo:is(.trans *) {
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-template: 1fr;
}
@media screen and (max-width: 834px) {
  .h.parallel .h_logo {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-template: 1fr;
  }
}
.h.parallel .h_inner {
  justify-content: center;
}
@media screen and (max-width: 834px) {
  .h.parallel .fix-tab:is(#header *) > * {
    text-align: center;
  }
  .h.parallel .fix-tab:is(#header *) .textlink {
    font-size: calc(var(--btnH) * 0.3);
  }
}
.h.leftBar {
  --btnW:calc(var(--head) - 2em );
  --btnBG:var(--un);
  --btnC:var(--mc);
  --btnH:6vh;
  pointer-events: none;
  font-size: 1.8vh;
  position: fixed;
  top: 0;
  left: 0;
  width: var(--head);
  height: 100vh;
  height: 100dvh;
  z-index: 1000;
}
.h.leftBar a {
  text-decoration: none;
}
.h.leftBar .textlink {
  padding-inline: var(--btnPI);
}
@media screen and (max-width: 640px) {
  .h.leftBar {
    --btnFZ:12px;
    --btnI:var(--f20);
  }
}
.h.leftBar .h_logo {
  max-width: 100%;
  height: unset;
  margin: unset;
  transition: 0s;
}
.h.leftBar .h_inner {
  background-color: var(--innerBG);
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: unset;
  transition: 0.4s;
  gap: 1em;
  pointer-events: none;
}
.h.leftBar .h_inner > * {
  pointer-events: all;
}
.h.leftBar .h_items {
  margin-top: auto;
  --btnBG:var(--mc);
  --btnC:var(--wh);
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1em;
}
.h.leftBar .h_items > * {
  padding-inline: var(--btnPI);
}
.h.leftBar .h_text {
  padding: var(--btnPI);
  line-height: calc(var(--btnH) / 2);
  flex: unset;
  font-size: 70%;
}
.h.leftBar .h_menu {
  position: fixed;
  inset: unset;
  right: 0.5em;
  top: 0.5em;
  --btnH: 5vh;
}
.h.leftBar .h_nav {
  width: 100%;
  z-index: 1;
}
.h.leftBar .h_nav hr {
  border-bottom: 1px solid var(--tx);
  margin-block: unset;
  width: 100%;
}
.h.leftBar .h_nav a {
  border-bottom: var(--line);
}
.h.leftBar .h_nav > ul {
  width: 100%;
  flex-direction: column;
  justify-content: space-evenly;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.h.leftBar .h_nav ul > li {
  height: unset;
  flex: 1;
}
.h.leftBar .h_nav ul > li > a {
  height: 100%;
}
.h.leftBar .h_nav ul > li > a img {
  display: inline-block;
}
.h.leftBar .nav {
  display: none;
}
.h.leftBar .nav .nav_inner > ul {
  padding-block: calc(var(--logoH) * 2) !important;
}
.h.leftBar.trans.active .h_nav {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.h.leftBar.trans.active .h_menu {
  display: grid;
}
.h.leftBar.trans:is(:not(.active)) {
  --innerBG: var(--un);
}
.h.leftBar.trans:is(:not(.active)) .h_nav {
  display: flex;
}
.h.leftBar.trans:is(:not(.active)) .h_nav {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.h.leftBar.trans:is(:not(.active)) .h_menu {
  display: grid;
}
.h.leftBar.trans:is(:not(.active)) .h_inner > * {
  filter: var(--pxdswh);
}
@media screen and (max-width: 1200px) {
  .h.leftBar {
    width: 100%;
  }
  .h.leftBar:is(.active) {
    --innerBG: var(--wh);
  }
  .h.leftBar .focus_trap {
    display: none;
  }
  .h.leftBar .h_nav {
    display: block;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .h.leftBar .h_inner {
    padding-bottom: unset;
    padding-inline: unset;
  }
  .h.leftBar .h_inner > * {
    filter: var(--pxdswh);
  }
  .h.leftBar .h_items {
    flex-direction: row;
    width: 100%;
    padding-inline: unset;
  }
  .h.leftBar .h_items:is(#header *) {
    gap: 0em;
  }
  .h.leftBar .h_items:is(#header *) > * {
    flex: 1;
    height: var(--btnH);
    justify-content: center;
    min-width: unset;
  }
  .h.leftBar .h_items:is(#header *) .h_text {
    background-color: #fff;
  }
  .h.leftBar .h_items:is(#header *) .textlink {
    min-height: var(--btnH);
    padding-inline: var(--btnPI);
    font-size: var(--btnFZ);
    border-radius: var(--btnRad);
    background-color: #fff;
    display: inline-flex;
    align-items: center;
    gap: var(--btnG);
  }
  .h.leftBar.active .h_nav {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
  .h.leftBar.active .h_inner > * {
    filter: unset;
  }
}
@media screen and (max-width: 834px) {
  .h.leftBar .h_items {
    width: 100%;
  }
  .h.leftBar .h_items > * {
    margin: unset;
    border: none !important;
  }
}
@media screen and (max-width: 640px) {
  .h.leftBar .h_items {
    gap: 0 !important;
  }
  .h.leftBar .h_items > * {
    flex: 1;
  }
}
@media screen and (max-width: 480px) {
  .h.leftBar .h_text {
    display: none;
  }
}
.h.navBtn {
  --innerPI: calc(var(--un)*1 );
  --navPI: calc(var(--un)*.5 );
  --itemPI: calc(var(--un)*1 );
  --itemG: 0em;
  pointer-events: none;
}
.h.navBtn .h_inner {
  align-items: unset;
}
.h.navBtn .h_inner > * {
  pointer-events: all;
}
.h.navBtn .h_logo:is(a) {
  height: var(--btnH);
}
.h.navBtn .h_menu {
  --btnH: var(--head);
  --btnBG:var(--wh);
  background-color: var(--btnBG);
  border-radius: unset;
}
.h.navBtn .h_nav ul li {
  padding: unset;
}
.h.navBtn .h_nav ul a {
  height: 100%;
}
.h.navBtn .h_nav > ul li.drop::after {
  top: calc(100% - var(--size) - 0.5vh);
}
.h.menuPC .h_menu {
  display: grid;
}
.h.menuPC .h_nav {
  display: none;
}
.h.noFix {
  position: absolute;
}
@media screen and (max-width: 1200px) {
  .h.noFix {
    position: fixed;
  }
}
.h.innerCol .h_inner, .h.nav100 .h_inner {
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-evenly;
}
@media screen and (max-width: 1200px) {
  .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: 1200px) {
  .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.nav100 {
  --innerGap:calc(var(--head)*.14 );
}
@media screen and (max-width: 1200px) {
  .h.nav100 {
    --innerGap:0px;
  }
}
.h.nav100 .h_logo {
  height: unset;
  top: var(--innerPB);
  left: var(--innerPI);
}
@media screen and (max-width: 1200px) {
  .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: unset;
}
@media screen and (max-width: 1200px) {
  .h.navLeft .h_logo {
    margin-right: auto;
  }
}
.h.navLeft .h_nav {
  margin-right: auto;
}

.h {
  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(--innerG);
}
.h_logo {
  z-index: 100;
  margin-right: auto;
  transform-origin: 0 0;
  transition: none;
  max-width: 60%;
  display: grid;
  place-items: center;
  place-content: center;
  height: 100%;
  padding-inline: var(--logoPI);
  font-size: var(--logoFZ);
}
.h_logoimg {
  width: var(--logoW);
  max-width: 100%;
  max-height: var(--logoH);
}
.h_logoimg.Invert {
  transition: 0.6s !important;
  filter: brightness(0) invert(1);
}
.h_logoimg.Invert:is(.h.trans *) {
  filter: unset;
}
.h_logoimg.Expand {
  transform-origin: 0 0;
  transition: 1.2s ease-in;
  scale: 1;
}
.h_logoimg.Expand:not(.trans *) {
  scale: 1.6;
}
@media screen and (max-width: 1560px) {
  .h_logoimg.Expand:not(.trans *) {
    scale: 1.4;
  }
}
.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: 1200px) {
  .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 .btnColumn {
  --btnDir:column;
  --btnG:.0em;
}
.h_title {
  position: absolute;
  inset: 0;
  font-size: calc(var(--head) - 2em);
  z-index: 1;
  line-height: var(--head);
  font-family: var(--eng);
  text-align: center;
}
@media screen and (max-width: 834px) {
  .h_title {
    position: unset;
    font-size: calc(var(--head) * 0.4);
  }
}
.h .nopointer {
  cursor: default;
}

.h_items.fix-pc:is(html:has(.f_main.show) *) {
  opacity: 0;
  pointer-events: none;
}

.h_pagetop {
  display: var(--PTdis);
  mix-blend-mode: difference;
  position: fixed;
  bottom: var(--PTbottom);
  right: var(--PTbottom);
  z-index: 1000;
  opacity: 0;
  transition: 0.4s;
}
.h_pagetop:is(.h_items *) {
  position: unset;
  mix-blend-mode: unset;
  margin-top: 0.75em;
}
@media screen and (max-width: 1200px) {
  .h_pagetop {
    mix-blend-mode: unset;
  }
}
@media screen and (max-width: 834px) {
  .h_pagetop {
    right: var(--PTrightTAB);
  }
}
.h_pagetop:is(html:has(.h.trans) *) {
  opacity: 1;
  pointer-events: all;
}

.h_pagetop a {
  font-size: calc(var(--btnH) * 0.2);
  width: calc(var(--logoW) * 0.66);
  aspect-ratio: 1;
  border-radius: 100px;
  text-align: center;
  background-color: var(--bc);
  color: var(--ac);
  border: 1px solid currentColor;
  display: grid;
  place-items: center;
  place-content: center;
  line-height: 1;
  text-decoration: none;
  font-weight: var(--btnAFFW);
  font-family: var(--btnIFF);
}
.h_pagetop a:before {
  content: var(--PTAF);
}
.h_pagetop a img:is(#header *) {
  width: 4em;
  height: 4em;
}

.h_fix {
  order: 1;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  gap: 0.5em;
  transition: 0.4s;
}
@media screen and (max-width: 834px) {
  .h_fix {
    flex-direction: row;
    top: unset;
    bottom: 0;
    right: 0px;
    width: 100%;
    padding: 0.25em 0.25em;
    gap: 0.25em;
  }
}
.h_fix:is(html:has(.f.show) *) {
  opacity: 0;
  pointer-events: none;
}
.h_fix .__w100 {
  width: 100%;
  min-width: unset;
  max-width: unset;
}
.h_fix .__img {
  flex-direction: row;
  gap: 1em;
  justify-content: space-around;
}
.h_fix .__img span {
  display: block;
  color: var(--spanC);
}
@media screen and (max-width: 834px) {
  .h_fix {
    width: 100%;
  }
  .h_fix .__img {
    gap: 1em;
    justify-content: center;
    --btnImg: calc(var(--btnH)* .64);
  }
  .h_fix .__img span {
    display: inline-block;
    margin-right: 0.5em;
  }
  .h_fix > *:not(.__w100) {
    flex: 1;
    min-width: unset;
  }
  .h_fix .btn.__line {
    flex: 0.5;
  }
  .h_fix .iconbtn {
    flex: unset;
    padding-inline: 0.5em;
    scale: 1.3;
  }
  .h_fix .iconbtn i {
    font-size: var(--btnH);
  }
  .h_fix .textlink {
    height: var(--btnH);
    padding-inline: var(--btnPI);
    font-size: var(--btnFZ);
    font-size: var(--f24);
    border: var(--btnBD);
    border-radius: var(--btnRad);
    justify-content: center;
    align-items: center;
    gap: 0;
  }
  .h_fix .textlink > * {
    font-size: 80%;
    margin-right: 0.5em;
  }
}

.h_items {
  order: 1;
  z-index: 1000;
  display: flex;
  align-items: center;
  padding-inline: var(--itemPI);
  gap: var(--itemG);
}
.h_items.fix-right {
  position: fixed;
  top: unset;
  bottom: var(--innerPI);
  right: var(--innerPI);
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.5em;
  --btnBG:var(--mc);
  --btnC:var(--wh);
  --btnFZ:var(--f22);
  --btnW:55px;
  --btnH:220px;
  --btnPI: .5em;
  --btnPB:.0em;
  --btnG:.25em;
  --btnRad:var(--radhalf);
  --btnJC:center;
  inset: 0 0 0 auto;
  margin: auto;
  flex-direction: column;
  justify-content: center;
}
.h_items.fix-right > * {
  writing-mode: vertical-rl;
}
.h_items.fix-right .btn {
  border-bottom: unset;
}
.h_items.fix-right .btn:after {
  display: none;
}
.h_items.fix-right .iconbtn {
  display: grid;
  place-items: center;
  place-content: center;
  background-color: var(--ac);
  font-size: calc(var(--btnFZ) * 1.1);
  width: var(--btnW);
  height: var(--btnW);
  border-radius: var(--radhalf);
}
.h_items.fix-right .iconbtn:is(a) {
  color: var(--wh);
}
@media screen and (max-width: 834px) {
  .h_items.fix-right {
    --btnH:calc(var(--head) - 10px );
    --btnFZ:var(--f20);
    flex-direction: row;
    border-bottom: unset;
    position: fixed;
    top: unset;
    bottom: 0;
    right: 0px;
    width: 100%;
    padding: 0.25em 0.25em;
    gap: 0.25em;
  }
  .h_items.fix-right > * {
    writing-mode: unset;
    flex: 1;
  }
  .h_items.fix-right .iconbtn {
    flex: unset;
    width: var(--btnH) !important;
    height: var(--btnH) !important;
  }
}
@media screen and (max-width: 640px) {
  .h_items.fix-right .textlink {
    line-height: calc(var(--btnH) / 2);
  }
  .h_items.fix-right .textlink > * {
    display: block;
  }
}
.h_items.fix-pc {
  transition: 0.4s;
  padding: unset;
  gap: unset;
  position: fixed;
  bottom: 0;
  right: 0;
  flex-direction: column;
  align-items: flex-end;
  flex-wrap: wrap;
}
.h_items.fix-pc:is(html:has(.f_main.show) *) {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 1320px) {
  .h_items.fix-pc {
    bottom: 0;
  }
}
.h_items.fix-pc .__w100 {
  width: 100%;
  min-width: unset;
  max-width: unset;
}
.h_items.fix-pc .__img {
  flex-direction: row;
  gap: 1em;
  justify-content: space-around;
}
.h_items.fix-pc .__img span {
  display: block;
  color: var(--spanC);
}
@media screen and (max-width: 834px) {
  .h_items.fix-pc {
    width: 100%;
  }
  .h_items.fix-pc .__img {
    gap: 1em;
    justify-content: center;
    --btnImg: calc(var(--btnH)* .64);
  }
  .h_items.fix-pc .__img span {
    display: inline-block;
    margin-right: 0.5em;
  }
  .h_items.fix-pc > *:not(.__w100) {
    flex: 1;
  }
  .h_items.fix-pc .btn.__line {
    flex: 0.5;
  }
  .h_items.fix-pc .iconbtn {
    flex: unset;
    padding-inline: 0.5em;
    scale: 1.3;
  }
  .h_items.fix-pc .iconbtn i {
    font-size: var(--btnH);
  }
  .h_items.fix-pc .h_text {
    flex: unset;
    min-width: 50%;
  }
  .h_items.fix-pc .textlink {
    height: var(--btnH);
    padding-inline: var(--btnPI);
    font-size: var(--btnFZ);
    font-size: var(--f24);
    border: var(--btnBD);
    border-radius: var(--btnRad);
    justify-content: center;
    align-items: center;
    gap: 0;
  }
  .h_items.fix-pc .textlink > * {
    font-size: 80%;
    margin-right: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .h_items.fix-pc .textlink {
    line-height: calc(var(--btnH) / 2);
  }
  .h_items.fix-pc .textlink > * {
    display: block;
  }
}
@media screen and (max-width: 1200px) {
  .h_items.fix-menu {
    flex-wrap: wrap;
    background-color: var(--innerBG);
    position: fixed;
    top: unset;
    bottom: 0;
    right: 0px;
    padding: 0.5em;
    gap: 0.5em;
    border-top-left-radius: 10px;
    justify-content: flex-end;
  }
  .h_items.fix-menu .imgBtn {
    flex: unset;
    padding-inline: 0.25em;
  }
  .h_items.fix-menu .btn {
    margin-top: unset;
    border-radius: 10px;
  }
}
@media screen and (max-width: 640px) {
  .h_items.fix-menu {
    --btnImg: 2em;
    border-top-left-radius: 0px;
    width: 100%;
  }
  .h_items.fix-menu .btn.__coupon {
    min-width: 100%;
    padding-inline: 1em;
  }
}
@media screen and (max-width: 960px) {
  .h_items.fix-960 {
    flex-wrap: wrap;
    background-color: var(--innerBG);
    position: fixed;
    top: unset;
    bottom: 0;
    right: 0px;
    padding: 0.5em;
    gap: 0.5em;
    border-top-left-radius: 10px;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 834px) {
  .h_items.fix-tab {
    position: fixed;
    top: unset;
    bottom: 0;
    right: 0px;
    width: 100%;
    padding: 0.25em 0.25em;
    background-color: var(--innerBG);
  }
  .h_items.fix-tab .double {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 1em;
  }
  .h_items.fix-tab > * {
    flex: 1;
    min-width: unset;
    padding-inline: 0.5em;
  }
  .h_items.fix-tab .btn.__line {
    flex: 0.5;
  }
  .h_items.fix-tab .iconbtn {
    flex: unset;
    scale: 1.2;
  }
  .h_items.fix-tab .iconbtn i {
    font-size: var(--btnH);
  }
}
@media screen and (max-width: 480px) {
  .h_items.fix-tab .textlink > img, .h_items.fix-tab .btn > img {
    display: none !important;
  }
}
@media screen and (max-width: 640px) {
  .h_items.fix-sp {
    justify-content: flex-end;
    border-bottom: unset;
    border-top: 1px solid #ccc;
    position: fixed;
    top: unset;
    bottom: 0;
    right: 0px;
    width: 100%;
    gap: 0em;
    --btnG:.0em;
    background-color: var(--innerBG);
  }
  .h_items.fix-sp > * {
    flex: 1;
    min-width: unset;
    --btnFZ:clamp(14px,2vw,18px);
  }
  .h_items.fix-sp > * + a {
    border-left: 1px solid #aaa;
  }
  .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);
    height: 52px;
    text-align: right;
    line-height: calc(var(--btnH) / 4);
    padding-block: 0.5em;
    flex: unset;
    gap: 0;
  }
  .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);
  font-size: var(--navFZ);
  line-height: var(--navLH);
  color: var(--navC);
  font-weight: var(--navFW);
  --liPI:calc(var(--gap)/1 );
  --aPI:var(--un);
  --aPB:var(--un);
  --spanC:var(--inh);
  --spanFZ:75%;
  --spanFW:700;
  --spanFF:var(--eng);
  --navTRT:.4s, opacity .8s;
  z-index: 1;
  padding-inline: var(--navPI);
}
.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(--icon);
  font-weight: 900;
  color: var(--ac);
}
.h_nav::-webkit-scrollbar {
  width: 0px;
}
@media screen and (max-width: 1200px) {
  .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;
  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;
  place-content: 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: inherit;
  padding-inline: var(--aPI);
  padding-block: var(--aPB);
  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);
  opacity: 0.7;
  position: absolute;
  z-index: 1;
  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: 1200px) {
  .h_nav > ul li.drop::after {
    display: none;
  }
}
.h_nav > ul li.drop ul {
  position: absolute;
  top: 100%;
  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 ul li {
  position: relative;
  height: 3em;
}
.h_nav > ul li.drop ul a {
  width: 100%;
  margin-inline: auto;
  padding-inline: 1.5em;
  white-space: nowrap;
}
.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 {
  display: none;
  --bargap:calc(var(--btnH) * .20 );
  --dotW:calc(var(--btnH) * .125 );
  --menuBG:var(--un);
  --spanW:65%;
  --spanH:2px;
  --spanR:unset;
  --menuRad:0px;
  place-items: center;
  width: var(--menuH);
  height: var(--menuH);
  margin-inline: 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: 1200px) {
  .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;
  --SPnavPB: 1.25em;
  --SPnavPI: .5em;
  --dropbtnH: calc(1em + var(--SPnavPB)*2 - 1px);
  --spanC: var(--mc);
  --spanFZ: var(--inh);
  --spanFW: 700;
  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 li {
  transition: 0.4s;
  filter: blur(var(--bw));
  opacity: 0;
  translate: 0 var(--bw);
}
.nav li:is(.nav.show li:nth-child(1)) {
  transition-delay: 0s;
}
.nav li:is(.nav.show li:nth-child(2)) {
  transition-delay: 0.05s;
}
.nav li:is(.nav.show li:nth-child(3)) {
  transition-delay: 0.1s;
}
.nav li:is(.nav.show li:nth-child(4)) {
  transition-delay: 0.15s;
}
.nav li:is(.nav.show li:nth-child(5)) {
  transition-delay: 0.2s;
}
.nav li:is(.nav.show li:nth-child(6)) {
  transition-delay: 0.25s;
}
.nav li:is(.nav.show li:nth-child(7)) {
  transition-delay: 0.3s;
}
.nav li:is(.nav.show li:nth-child(8)) {
  transition-delay: 0.35s;
}
.nav li:is(.nav.show li:nth-child(9)) {
  transition-delay: 0.4s;
}
.nav.show {
  visibility: visible;
  pointer-events: all;
}
.nav.show li {
  opacity: 1;
  --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 .focus_trap.__cross {
  background-image: linear-gradient(-45deg, transparent, transparent calc(50% - 1px), var(--bk) 50%, transparent calc(50% + 1px)), linear-gradient(45deg, transparent, transparent calc(50% - 1px), var(--bk) 50%, transparent calc(50% + 1px));
  position: fixed;
  top: 0;
  right: 0;
  transform: none !important;
  width: calc(100vw - var(--head));
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.4);
  visibility: hidden;
  opacity: 0;
  transition: 0.4s;
}
.nav .focus_trap.__cross:is(.active *) {
  visibility: visible;
  opacity: 1;
}
.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: var(--SPnavBG);
  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: 1200px) {
  .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(--SPnavFZ);
  padding: var(--SPnavPB) var(--SPnavPI);
  display: flex;
  justify-content: space-between;
  margin-inline: auto;
}
.nav_inner > ul a span {
  color: var(--spanC);
  font-weight: var(--spanFW);
  font-size: var(--spanFZ);
  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%;
  overflow: hidden;
  transition: 0.6s;
}
.nav_inner li.drop li {
  padding: unset;
  scale: 1;
  transition: 0.4s;
  width: 100%;
  margin: unset;
  height: unset;
  overflow: hidden;
  display: grid;
  grid-template-rows: 0fr;
}
.nav_inner li.drop li > a {
  padding-block: 0;
  width: 100%;
}
.nav_inner li.drop li > a:is(#header *) {
  transition: 0.4s;
}
.nav_inner li.drop li:is(ul.show > *) {
  grid-template-rows: 1fr;
}
.nav_inner li.drop li:is(ul.show > *) a {
  padding-block: var(--SPnavPB);
}
.nav_inner .dropbtn {
  position: absolute;
  right: 0;
  top: 0;
  background-color: var(--dropbtnBG);
  width: var(--dropbtnH);
  height: var(--dropbtnH);
  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;
}

:is(.h, .f) [class*=li-bd]:not(.nav) {
  height: unset;
}
:is(.h, .f) [class*=li-bd]:not(.nav) li {
  --line: 1px solid var(--tx50);
  padding-inline: 1em;
  line-height: 1.2;
}
:is(.h, .f) [class*=li-bd]:not(.nav) li a {
  background-image: unset;
}

.li-bdInline li {
  border-inline: var(--line);
}
.li-bdInline li + li {
  margin-inline-start: -1px;
}

.li-bdL li {
  padding-inline: 1em 0;
}
.li-bdL li + li {
  border-left: var(--line);
}

.li-bdR li {
  padding-inline: 0 1em;
  margin-inline: 0 1em;
  border-right: var(--line);
}

:is(.h, .f) [class*=li-slash]:not(.nav) {
  height: unset;
}
:is(.h, .f) [class*=li-slash]:not(.nav) > ul > li {
  line-height: 1;
}
:is(.h, .f) [class*=li-slash]:not(.nav) > ul > li:before {
  content: "／";
  position: absolute;
  inset: unset;
  left: 0em;
  transform: translateX(-50%);
  background-color: unset;
  color: inherit;
}
:is(.h, .f) [class*=li-slash]:not(.nav) > ul > li:first-child:before {
  display: none;
}
:is(.h, .f) [class*=li-slash]:not(.nav) > ul > li:last-child {
  padding-right: unset;
}
:is(.h, .f) [class*=li-slash]:not(.nav) > ul > li a {
  line-height: 1.2;
  gap: 0.5em;
  place-items: start;
}
:is(.h, .f) [class*=li-slash]:not(.nav) > ul > li.drop a {
  place-items: center;
}

footer#global_footer {
  min-width: unset;
  height: unset;
  margin-block: unset;
  margin-inline: auto;
  position: relative;
}
footer#global_footer:is(html:has(.bgFix) *) {
  z-index: 1;
}

.noFooterContact .f_contact {
  display: none;
}

#footer:not(.home *) {
  border-top: 2px solid var(--mc);
}
#footer .f_main {
  gap: 2em 0em;
  justify-content: space-between;
}
#footer .f_main > * {
  flex: 1;
  margin-inline: unset;
}
@media screen and (max-width: 960px) {
  #footer .f_main > *:is(#footer *) {
    flex-basis: 100%;
  }
  #footer .f_main iframe {
    min-height: 30vh;
  }
}
#footer .f_map {
  flex: 1;
}
#footer .f_logo {
  max-width: 130px;
}
#footer .f_info {
  display: flex;
  flex-wrap: wrap;
  gap: var(--g);
  align-items: center;
}
#footer .form_wrap.form_01 {
  --dtMW: 7em;
}
#footer .f_copy,
#footer .f_nav {
  margin-top: 1em;
}
#footer .f_nav li {
  padding-inline: 0.75em;
  margin-inline: unset;
}
#footer .f_nav li:first-of-type {
  padding-left: unset;
}

.f {
  position: relative;
  overflow: hidden;
}
.f > * {
  position: relative;
  z-index: 1;
}
.f_left {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1em;
}
.f_left > * {
  padding: 1em;
  flex: 1;
}
.f_main {
  display: flex;
  flex-wrap: wrap;
}
.f_main.__w100:is(#footer *) {
  flex: unset;
  width: 100%;
  padding-inline: var(--in1680);
}
.f_main > * {
  margin-top: unset;
}
.f .f_facebook {
  text-align: center;
}
.f_info p:has(> a) {
  justify-content: flex-start;
}
.f_info .form_wrap.form_01 dl {
  border: none;
}
@media screen and (max-width: 640px) {
  .f_info .form_wrap.form_01 dl {
    padding: unset !important;
  }
}
.f_info .form_wrap.form_01 dt, .f_info .form_wrap.form_01 dd {
  padding-block: unset;
}
.f_copy:is(#footer *).__w100 {
  width: 100%;
  flex: unset;
}
.f_copy:is(#footer *).__left {
  text-align: left;
}
.f_copy:is(#footer *).__center {
  text-align: center;
}
.f_copy:is(#footer *).__right {
  text-align: right;
  margin-left: auto;
}
.f_items {
  display: flex;
  align-items: center;
  gap: 1em;
  flex-wrap: wrap;
}
.f_items .btn {
  min-width: unset;
}
.f_nav {
  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(--icon);
  font-weight: 900;
  color: var(--ac);
}
.f_nav.li-hyphen {
  height: unset;
}
.f_nav.li-hyphen > ul > li {
  padding-inline: 0 0.75em;
  line-height: 1.2;
}
.f_nav.li-hyphen > ul > li:before {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 1px;
  background-color: #fff;
  vertical-align: super;
  margin-inline-end: 0.5em;
}
@media screen and (max-width: 1200px) {
  .f_nav.li-hyphen > ul > li:before {
    display: none;
  }
}
.f_nav.ul-card4 ul {
  justify-content: unset;
}
.f_nav.ul-card4 ul > li {
  min-width: 25%;
}
.f_nav.__right {
  margin-left: auto;
}
.f_nav ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25em 0em;
}
.f_nav ul:is(.__center *) {
  justify-content: center;
}
.f_nav ul:is(.__right *) {
  justify-content: flex-end;
}
.f_nav li {
  padding-inline: 0 1.5em;
  font-family: var(--noYH);
}
.f_nav li > span {
  pointer-events: none;
  background-image: none;
  color: #ddd;
}
.f_nav li > span i {
  margin-inline: 0.5em;
}
.f_nav li > span:before {
  display: none;
}
.f_nav li > span:after {
  content: "\f105";
  background-color: unset;
}
.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 .f_navContact article {
  display: flex;
  flex-direction: column;
}
.f .f_navContact article > * {
  text-align: right;
  margin-left: auto;
}
.f .f_navContact article i {
  margin-top: 1em;
}
.f .f_navContact article a > i {
  margin-top: unset;
}
.f_contactInner {
  height: 100%;
}
.f_contactInner article {
  position: relative;
  padding: var(--bl06) 6vmin;
}
.f_contactInner article > * {
  margin-top: var(--bl03);
}
.f .art-flex article {
  gap: 2em 0;
  padding-inline: var(--g);
  align-items: unset;
}
@media screen and (max-width: 1200px) {
  .f .art-flex article {
    padding-inline: var(--pad);
  }
}
.f .art-flex article > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: var(--h3FZ);
  font-family: var(--ser);
  font-weight: 600;
}
.f .art-flex article > * {
  flex: 1;
  margin-top: unset;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 834px) {
  .f .art-flex article > * {
    flex-basis: 100%;
  }
}
.f .f_tbl {
  font-size: clamp(12px, 1.4vw, 16px);
  font-weight: bold;
  line-height: 1.25;
}
.f .f_tbl tr + tr {
  border-top: 1px solid #ddd;
}
.f .f_tbl td {
  text-align: center;
  padding: 20px;
  border: none;
}
@media screen and (max-width: 480px) {
  .f .f_tbl td {
    padding: 10px;
  }
}
.f .f_tbl tr:not(:first-of-type) td:not(:first-of-type) {
  scale: 1.8;
}
.f .f_tbl .marks td {
  color: var(--mc);
}
.f .f_time {
  padding-inline: var(--in1680);
}
.f .f_time p {
  margin-top: 1em;
  margin-left: 1em;
}
.f .radius, .f .radius2, .f .radhalf {
  overflow: hidden !important;
}
.f * {
  max-width: 100%;
}
.f a:is(a) {
  text-decoration: none;
}
.f_logo {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
.f_logo img {
  display: inline-block;
  max-width: calc(var(--logoW) * 1.2);
  width: 100%;
}
.f_logo img.invert {
  filter: brightness(0) invert(1);
}
.f_map:is(#footer *) {
  margin: unset;
  overflow: hidden;
}
.f_map:is(#footer *) iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.f_nav-column {
  display: flex;
  gap: 1em 6vmin;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.f_nav-column.__left {
  text-align: left;
}
.f_nav-column.__right {
  text-align: right;
  justify-content: flex-end;
}
.f_nav-column ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1em;
  line-height: 1.5;
}
.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(--bl05);
  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_bottom:is(#footer *) {
  --g:3vmin;
  padding: var(--g);
  width: 100%;
  flex: unset;
  display: flex;
  flex-wrap: wrap;
}
.f_bottom:is(#footer *) .box {
  padding: unset;
}
.f_bottom:is(#footer *) .box a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 1.5vmin;
  display: grid;
  place-items: center;
  place-content: center;
}
@media screen and (max-width: 1200px) {
  .f_bottom:is(#footer *) {
    --g:1.5vmin;
  }
}
@media screen and (max-width: 960px) {
  .f_bottom:is(#footer *) > *:is(#footer *) {
    flex-basis: calc((100% - var(--g) * 2) / 3);
  }
}
.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;
}

html {
  scroll-behavior: smooth;
}

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

.blog p:has(small) small, h1:has(small) small, .h1FZ:has(small) small, h2:has(small) small, .h2FZ:has(small) small, h3:has(small) small, .h3FZ:has(small) small, h5:has(small) small, h4:has(small) small, span.clone:has(small) small {
  color: var(--subC);
  font-weight: var(--subFW);
  font-family: var(--subFF);
  text-align: inherit;
  padding-inline: 0.5em;
  display: inline-block;
  font-size: 0.5em;
}
@media screen and (max-width: 834px) {
  .blog p:has(small) small, h1:has(small) small, .h1FZ:has(small) small, h2:has(small) small, .h2FZ:has(small) small, h3:has(small) small, .h3FZ:has(small) small, h5:has(small) small, h4:has(small) small, span.clone:has(small) small {
    font-size: 0.66em;
  }
}
.blog p:has(small) small:is(.txwh *), h1:has(small) small:is(.txwh *), .h1FZ:has(small) small:is(.txwh *), h2:has(small) small:is(.txwh *), .h2FZ:has(small) small:is(.txwh *), h3:has(small) small:is(.txwh *), .h3FZ:has(small) small:is(.txwh *), h5:has(small) small:is(.txwh *), h4:has(small) small:is(.txwh *), span.clone:has(small) small:is(.txwh *) {
  color: #fff;
  border-color: currentColor;
}

html:not(.noRad) :where(section, form) :where(img, iframe, .im) {
  border-radius: var(--rad);
}

:where(section, form) :where(div > article > :is(h1, h2, h3)) + div {
  margin-top: 1em;
}

#contents [class*=slide]:has(.arrows) {
  margin-bottom: calc(var(--arrowW) * 2.5);
  overflow: visible;
  --arrowinset: calc(100% + var(--g));
  --arrowinset: -3em;
  --arrowBG: var(--mc);
  --arrowR: 999px;
  --arrowFZ: clamp(8px,1vw,16px);
  --arrowFZ: var(--inh);
  --arrowW: 2em;
  --arrowC: var(--wh);
  --dot: 20px;
}
#contents [class*=slide]:has(.arrows) .slick-dotted.slick-slider {
  margin-bottom: unset;
}
#contents [class*=slide]:has(.arrows) .arrows:is(#contents div) {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + var(--bl03));
  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) {
  #contents [class*=slide]:has(.arrows) {
    --arrowW: 2em;
  }
}
#contents [class*=slide]:has(.arrows) .slick-prev {
  right: unset;
  left: var(--arrowinset);
  z-index: 1;
}
#contents [class*=slide]:has(.arrows) .slick-next {
  left: unset;
  right: var(--arrowinset);
  z-index: 1;
}
#contents [class*=slide]:has(.arrows) .slick-prev, #contents [class*=slide]:has(.arrows) .slick-next {
  background-color: var(--arrowBG);
  border-radius: var(--arrowR);
  font-size: var(--arrowFZ);
  width: var(--arrowW);
  height: var(--arrowW);
}
#contents [class*=slide]:has(.arrows) .slick-prev:is(.noText *), #contents [class*=slide]:has(.arrows) .slick-next:is(.noText *) {
  top: 50%;
}
#contents [class*=slide]:has(.arrows) .slick-prev:before, #contents [class*=slide]:has(.arrows) .slick-next:before {
  color: var(--arrowC);
  font-size: inherit;
  font-family: var(--icon);
  display: inline-block;
  content: var(--btnAF);
  font-weight: 900;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
}
#contents [class*=slide]:has(.arrows) .slick-prev:before {
  scale: -1 1;
}
#contents [class*=slide]:has(.arrows) .slick-dots li {
  width: var(--dot);
  height: var(--dot);
}
#contents [class*=slide]:has(.arrows) .slick-dots li button {
  width: var(--dot);
  height: var(--dot);
  padding: unset;
}
#contents [class*=slide]:has(.arrows) .slick-dots li button:before {
  position: unset;
  font-size: calc(var(--dot) / 2);
}
#contents [class*=slide]:has(.arrows) .slider p {
  font-size: 2rem;
  font-weight: bold;
  line-height: 100px;
  color: #666;
  margin: 10px;
  text-align: center;
}
#contents [class*=slide]:has(.arrows) .buttons {
  display: flex;
  justify-content: center;
}
#contents [class*=slide]:has(.arrows) .buttons .button {
  margin: 8px;
  color: #000;
  padding: 8px;
  text-align: center;
  width: 8em;
  transition: all 300ms ease;
}
#contents [class*=slide]:has(.arrows) .buttons .button:hover {
  cursor: pointer;
  background-color: var(--ac);
  color: var(--gr);
  transition: all 300ms ease;
}
#contents [class*=slide]:has(.arrows) .slick-dots li.slick-active button:before {
  color: var(--gr);
}
#contents [class*=slide]:has(.arrows) .slick-dots {
  width: -moz-fit-content;
  width: fit-content;
  left: 50%;
  bottom: unset;
  top: 100%;
  display: flex;
  justify-content: center;
  position: unset;
}
#contents [class*=slide]:has(.arrows) .sns_slide .slick-dots li button {
  outline: none;
}

.bgFix {
  margin-top: unset;
  background: no-repeat center/cover;
}
@media screen and (max-width: 960px) {
  .bgFix {
    background: no-repeat 0 0/cover;
  }
}

.head_02 {
  background: url(/images/home/bg03.jpg) no-repeat 0 0/cover;
}

.fl50 .cardflex {
  gap: 1.5vmin;
}

.fl50 .wrapper {
  padding-block: unset;
}

.tbl_scroll.scroll-hint .scroll-hint-icon-wrap {
  margin-top: unset !important;
}

.noRad .im img {
  border-radius: unset !important;
}

.title1_inner, .title1 article {
  background: no-repeat right/50%;
}
@media screen and (max-width: 834px) {
  .title1_inner, .title1 article {
    background: no-repeat right/75%;
  }
}

.title1 {
  transition: 0.4s 0s;
  margin-top: var(--head);
  background: no-repeat center/cover;
  background-color: var(--title1);
  background-image: url(/images/home/title1.jpg);
  background-position: center bottom;
  background-size: cover;
  --h:360px;
}
.title1 .txwh * {
  color: var(--wh) !important;
}
.title1 .txbk * {
  color: var(--bk) !important;
}
.title1_inner, .title1 article {
  height: var(--h);
  width: 100%;
  padding-inline: var(--incont);
  display: grid;
  place-items: center stretch;
  place-content: center stretch;
}
@media screen and (max-width: 834px) {
  .title1_inner, .title1 article {
    height: calc(var(--h) - 80px);
  }
}
@media screen and (max-width: 640px) {
  .title1_inner, .title1 article {
    height: calc(var(--h) - 120px);
  }
}
.title1 h1, .title1 h2, .title1 h3, .title1 article > p, .title1 p:is(body.blog p) {
  position: unset;
  transition-delay: 0s !important;
  translate: none;
  line-height: 1.25;
}
.title1 h1 small, .title1 h2 small, .title1 h3 small, .title1 article > p small, .title1 p:is(body.blog p) small {
  width: 100%;
  text-align: inherit;
}
.title1 h1 small:after, .title1 h2 small:after, .title1 h3 small:after, .title1 article > p small:after, .title1 p:is(body.blog p) small:after {
  display: none;
}

.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.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 i, .title1.large h2 i, .title1.large h3 i, .title1.large p i, .title1.large p:is(body.blog p) i {
  color: #fff !important;
}

.mv {
  z-index: 0;
  margin-top: var(--mvMT);
  position: relative;
  display: flex;
  flex-direction: column;
}
.mv .slick-dotted.slick-slider {
  margin-bottom: unset;
}
.mv.__framed {
  padding-inline: calc(var(--innerPI) * 2);
}
@media screen and (max-width: 1440px) {
  .mv.__framed {
    padding-inline: var(--g);
  }
}
.mv.__framed > * {
  border-radius: var(--rad2);
  overflow: hidden;
}
.mv_slide, .mv_img, .mv_video {
  overflow: hidden;
  z-index: -1;
  height: 100%;
  transition: 1s;
}
.mv_slide.hide, .mv_img.hide, .mv_video.hide {
  opacity: 0;
  visibility: hidden;
}
.mv_slide:after, .mv_img:after, .mv_video:after {
  display: none;
}
@media screen and (max-width: 960px) {
  .mv_slide, .mv_img, .mv_video {
    width: 100%;
  }
}
.mv_slide li, .mv_img li, .mv_video li {
  width: 100%;
}
.mv_slide .slick-list, .mv_img .slick-list, .mv_video .slick-list {
  height: 100%;
}
.mv_slide .slick-track, .mv_img .slick-track, .mv_video .slick-track {
  display: flex !important;
  height: 100%;
}
.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 .dotCover:after {
  display: block !important;
  content: "";
  inset: 0;
  --col:var(--wh50);
  --size:4px;
  --pos:0px;
  background: repeating-radial-gradient(var(--col), var(--col) var(--pos), transparent calc(var(--pos) + 1px), transparent) repeat center/var(--size) var(--size);
}
.mv .mv_video {
  margin-inline: auto;
  width: 100%;
  height: var(--mvImg);
}
.mv .mv_video :is(img, video, iframe) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: unset;
  pointer-events: none;
  margin: unset;
  display: block;
  -o-object-fit: contain !important;
     object-fit: contain !important;
  aspect-ratio: 16/9;
}
.mv:has(.bg_slide) {
  min-height: var(--mvImg);
}
.mv.FLEX :is(.mv) {
  display: flex;
  flex-direction: row;
  padding-inline: var(--in1560);
  padding-block: var(--MVB);
  align-items: flex-end;
}
@media screen and (max-width: 834px) {
  .mv.FLEX :is(.mv) .mv_slide, .mv.FLEX :is(.mv) .mv_img, .mv.FLEX :is(.mv) .mv_video {
    width: 100%;
  }
  .mv.FLEX :is(.mv) .mv_slide img, .mv.FLEX :is(.mv) .mv_img img, .mv.FLEX :is(.mv) .mv_video img {
    aspect-ratio: 4/3;
    -o-object-position: 0%;
       object-position: 0%;
  }
}
@media screen and (max-width: 834px) {
  .mv.FLEX :is(.mv) .mv_h, .mv.FLEX :is(.mv) .mv_it {
    position: absolute;
    bottom: var(--MVB);
    left: 0;
    background-color: var(--bc70);
    padding: 1em;
    padding-bottom: 0;
    border-radius: 2vmin;
    letter-spacing: 1.25vh;
    align-items: flex-start;
  }
  .mv.FLEX :is(.mv) .mv_h > *, .mv.FLEX :is(.mv) .mv_it > * {
    filter: var(--pxdswh);
  }
  .mv.FLEX :is(.mv) .mv_h .im, .mv.FLEX :is(.mv) .mv_it .im {
    max-width: 100%;
    margin-right: 0em;
    transform-origin: 0 0;
    scale: 1.3;
  }
}
@media screen and (max-width: 480px) {
  .mv.FLEX :is(.mv) .mv_h .im, .mv.FLEX :is(.mv) .mv_it .im {
    scale: 2;
  }
}
.mv.FLEX :is(.mv_slide, .mv_img, .mv_video) {
  width: var(--MVW);
}
.mv.FLEX :is(.mv_slide, .mv_img, .mv_video) :is(img, video, iframe) {
  border-radius: 2vmin;
  pointer-events: none;
  margin: unset;
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
}
.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, .mv_switch .ul_card2 > ul {
  --g:0px;
  display: flex;
}
@media screen and (max-width: 834px) {
  .mv_switch .card2, .mv_switch .ul_card2 > ul {
    flex-direction: column !important;
  }
  .mv_switch .card2 > *, .mv_switch .ul_card2 > ul > * {
    width: 100% !important;
  }
}
.mv_switch .card2 > *:nth-child(even), .mv_switch .ul_card2 > ul > *: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 img {
  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 {
    height: calc(var(--mvImg) / 2) !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_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_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 .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%;
}
.mv .mv_marquee:is(*) {
  width: 100%;
  display: flex;
  gap: 0.5em;
  pointer-events: none;
  transition: 1s 0s !important;
  animation: marquee 30s infinite linear;
}
.mv .mv_marquee:is(*) > * {
  pointer-events: all;
}
.mv .mv_marquee:is(*) > div {
  white-space: nowrap;
  max-width: unset;
}
.mv .mv_marquee:is(*)::after {
  display: none;
}
@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 marquee {
  0% {
    translate: 0% 0;
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    translate: -100% 0;
    opacity: 0;
  }
}

.mv_h:is(*), .mv_it:is(*) {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 100%;
  white-space: nowrap;
}
.mv_h:is(*) > *, .mv_it:is(*) > * {
  pointer-events: all;
}
.mv_h:is(*) .im img:is(#contents *), .mv_it:is(*) .im img:is(#contents *) {
  margin-inline: auto;
  height: auto !important;
  min-width: 160px;
}
@media screen and (max-width: 640px) {
  .mv_h:is(*), .mv_it:is(*) {
    white-space: unset;
    width: calc(100% - var(--pad2));
  }
}
.mv_h:is(*)::after, .mv_it:is(*)::after {
  display: none;
}

#contents :is(.mv_img, .mv_slide) {
  width: 100%;
  margin-inline: auto;
}
#contents :is(.mv_img, .mv_slide).__framed {
  padding-inline: calc(var(--gap) * 2);
}
#contents :is(.mv_img, .mv_slide).__framed > * {
  border-radius: var(--rad2);
  overflow: hidden;
}
#contents :is(.mv_img, .mv_slide) img {
  margin-inline: auto;
  display: block;
  height: var(--mvImg) !important;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: unset;
  max-height: 100vh;
}
@media screen and (max-width: 960px) {
  #contents :is(.mv_img, .mv_slide) img {
    height: var(--un) !important;
    aspect-ratio: 3/2;
  }
}
@media screen and (max-width: 480px) {
  #contents :is(.mv_img, .mv_slide) img {
    aspect-ratio: 5/4;
  }
}
#contents :is(.mv_img, .mv_slide).noTrim img {
  height: unset !important;
  -o-object-fit: contain;
     object-fit: contain;
}

#contents :is(.mv_img, .mv_slide) .slick-slide a {
  text-decoration: none;
  color: inherit;
}
#contents :is(.mv_img, .mv_slide) .slick-slide article {
  display: grid;
}
#contents :is(.mv_img, .mv_slide) .slick-slide article > * {
  grid-area: 1/1;
}
#contents :is(.mv_img, .mv_slide) .slick-slide article > div {
  font-family: var(--eng);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2% 12%;
  z-index: 1;
  font-size: clamp(20px, 5vw, 40px);
  font-weight: 500;
  text-shadow: var(--txshwh);
  transition: opacity 1s 1s, filter 1.5s 1s;
  opacity: 0;
}
#contents :is(.mv_img, .mv_slide) .slick-slide article > div:is(.slick-current *) {
  opacity: 1;
  filter: blur(0px);
}
@media screen and (max-width: 1200px) {
  #contents :is(.mv_img, .mv_slide) .slick-slide article > div {
    text-align: center;
    font-weight: 700;
  }
}

.wrapperBG {
  background: var(--bg) no-repeat center/auto 100%;
  z-index: -1;
}
.wrapperBG.bg_fix {
  background-attachment: fixed;
}
@media screen and (max-width: 834px) {
  .wrapperBG.bg_fix {
    background-attachment: unset;
    width: 100%;
    opacity: 0.3;
  }
}
.wrapperBG.__left {
  right: unset;
  background-position: 0 center;
}
.wrapperBG.__right {
  left: unset;
  background-position: 100% center;
}
.wrapperBG.__center {
  width: 100%;
  background-image: linear-gradient(to right, transparent, var(--gradColor) 40%, var(--gradColor) 60%, transparent);
}
@media screen and (max-width: 1440px) {
  .wrapperBG.__center {
    background-image: linear-gradient(to right, transparent, var(--gradColor) 20%, var(--gradColor) 80%, transparent);
  }
}

:is(h1, h2, h3) > u {
  --col:var(--bc);
  padding: 0.125em 0.25em;
  text-decoration-color: var(--col);
  text-decoration-thickness: 0.5em;
  text-underline-offset: -0.25em;
}

.About h1, .About h2, .About h3 {
  display: inline-block;
}
.About > :where(*) {
  position: relative;
  z-index: 1;
}
.AboutPic {
  justify-content: space-between;
  margin-top: -6%;
  z-index: 0;
}
.AboutPic .box {
  max-width: 45%;
}

@media screen and (max-width: 834px) {
  .left-tab br {
    display: none !important;
  }
}

.it01, .ti01 {
  --g:3vmin;
  --imgW:50%;
  --tabMW:calc(100% - var(--pad));
  --spMW:calc(100% - var(--pad));
}
.it01 img:is(#contents *), .ti01 img:is(#contents *) {
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.it01 p, .ti01 p {
  text-align: right;
  font-size: var(--h3FZ);
  color: var(--mc);
  font-weight: bold;
}
.it01 p:is(:is(h1, h2, h3) *), .ti01 p:is(:is(h1, h2, h3) *) {
  font-size: var(--f20);
}
.it01:has(.veil), .ti01:has(.veil) {
  overflow: visible !important;
}
.it01.imgOut.it01 img, .ti01.imgOut.it01 img {
  border-radius: 0 var(--rad) var(--rad) 0;
}
.it01.imgOut.ti01 img, .ti01.imgOut.ti01 img {
  border-radius: var(--rad) 0 0 var(--rad);
}
.it01.imgOut .im, .ti01.imgOut .im {
  margin-inline: var(--contout);
  max-width: calc(var(--imgW) + var(--incont));
  width: calc(var(--imgW) + var(--incont));
}
.it01.imgOut article, .ti01.imgOut article {
  padding-inline: var(--incont);
}
@media screen and (max-width: 834px) {
  .it01.imgOut > *:is(#contents .im), .ti01.imgOut > *:is(#contents .im) {
    max-width: 100%;
  }
}
.it01.__link, .ti01.__link {
  --imgW:12vmax;
  row-gap: 2vmin;
  border: 4px solid var(--c);
  border-radius: 3vmin;
  padding: 1em;
  align-items: center;
  letter-spacing: 0;
  --c:var(--YE);
}
.it01.__link.__RE, .ti01.__link.__RE {
  --c:var(--RE);
}
.it01.__link.__PI, .ti01.__link.__PI {
  --c:var(--PI);
}
.it01.__link.__BL, .ti01.__link.__BL {
  --c:var(--BL);
}
.it01.__link.__SK, .ti01.__link.__SK {
  --c:var(--SK);
}
.it01.__link.__GR, .ti01.__link.__GR {
  --c:var(--GR);
}
.it01.__link.__YE, .ti01.__link.__YE {
  --c:var(--YE);
}
.it01.__link.__OR, .ti01.__link.__OR {
  --c:var(--OR);
}
.it01.__link article > h3, .ti01.__link article > h3 {
  display: block;
  font-size: var(--f24);
}
.it01.__link article > h3 small, .ti01.__link article > h3 small {
  color: var(--c);
}
.it01.__link .im, .ti01.__link .im {
  background-color: var(--c);
  aspect-ratio: 1;
  border-radius: 1000px;
  display: grid;
  place-items: center;
  place-content: center;
  max-width: var(--imgW) !important;
}
.it01.__link img:is(#contents *), .ti01.__link img:is(#contents *) {
  width: calc(var(--imgW) * 0.65);
}
.it01 article, .ti01 article {
  margin-top: unset;
}
.it01 article :is(h1, h2, h3) + div, .ti01 article :is(h1, h2, h3) + div {
  margin-top: 1.5em;
}
@media screen and (max-width: 834px) {
  .it01 > *:is(#contents *), .ti01 > *:is(#contents *) {
    flex: unset;
    width: 100%;
  }
  .it01 > *:is(#contents .im), .ti01 > *:is(#contents .im) {
    order: 1;
    width: var(--tabMW);
    max-width: var(--tabMW);
  }
}
@media screen and (max-width: 640px) {
  .it01 > *:is(#contents .im), .ti01 > *:is(#contents .im) {
    width: var(--spMW);
    max-width: var(--spMW);
  }
}

.it01[class*=art-], .ti01[class*=art-] {
  gap: 0;
  --bpMW:75%;
  --imgW:52.5%;
  --move:3%;
  --move2:calc(var(--move)*0.5 );
  --Nmove:calc(var(--move)*-1 );
  --Nmove2:calc(var(--move)*-0.5 );
  padding-inline: var(--move2);
}
@media screen and (max-width: 480px) {
  .it01[class*=art-], .ti01[class*=art-] {
    --bpMW:100%;
  }
}
@media screen and (max-width: 1440px) {
  .it01[class*=art-], .ti01[class*=art-] {
    --imgW: 45%;
  }
}
.it01[class*=art-] > *, .ti01[class*=art-] > * {
  margin-inline: var(--Nmove2);
}
.it01[class*=art-] article, .ti01[class*=art-] article {
  padding: var(--move);
}
.it01[class*=art-] article:is(.ti01 *), .ti01[class*=art-] article:is(.ti01 *) {
  padding-right: 6%;
}
.it01[class*=art-] article:is(.it01 *), .ti01[class*=art-] article:is(.it01 *) {
  padding-left: 6%;
}
.it01[class*=art-] .im, .ti01[class*=art-] .im {
  z-index: 1;
  margin-block: var(--move) var(--Nmove);
  z-index: 10;
}
.it01[class*=art-] .im img:is(#contents *), .ti01[class*=art-] .im img:is(#contents *) {
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 834px) {
  .it01[class*=art-], .ti01[class*=art-] {
    --move:0%;
  }
  .it01[class*=art-] .im, .ti01[class*=art-] .im {
    margin-top: -4%;
    z-index: 10;
  }
  .it01[class*=art-] article, .ti01[class*=art-] article {
    padding-bottom: 12%;
    padding-inline: 6%;
  }
}
.it01.HomeIT, .ti01.HomeIT {
  --h3FZ:clamp(15px, 2.5vw, 20px);
  --tabMW:100%;
  --spMW:100%;
  align-items: center;
}
.it01.HomeIT + .HomeIT, .ti01.HomeIT + .HomeIT {
  margin-top: unset;
}
.it01.HomeIT article, .ti01.HomeIT article {
  padding-block: 2em;
}
.it01.KasouIT, .ti01.KasouIT {
  gap: 0;
  --tabMW:100%;
  --spMW:100%;
}
.it01.KasouIT + .KasouIT, .ti01.KasouIT + .KasouIT {
  margin-top: unset;
}
.it01.KasouIT article, .ti01.KasouIT article {
  padding: 3%;
}
.it01.KasouIT h1, .it01.KasouIT h2, .it01.KasouIT h3, .ti01.KasouIT h1, .ti01.KasouIT h2, .ti01.KasouIT h3 {
  color: var(--mc);
  font-size: 6vmin;
}
.it01.KasouIT .im, .ti01.KasouIT .im {
  z-index: 1;
  overflow: hidden;
}
.it01.KasouIT .im img, .ti01.KasouIT .im img {
  border-radius: unset;
  height: 100% !important;
}
@media screen and (max-width: 834px) {
  .it01.KasouIT .im img, .ti01.KasouIT .im img {
    max-height: 45vw;
  }
}

.H-bd h1, .H-bd h2, .H-bd h3 {
  padding-block: 0.25em;
  border-color: var(--mc);
  border-width: 1px;
  border: unset;
}
.H-bd:has(div:empty) + div {
  margin-top: var(--Hafter);
}

.H-bd :is(h1, h2, h3) > *,
.H-bd :is(h1, h2, h3),
.H-deco :is(h1, h2, h3) > *,
.H-deco :is(h1, h2, h3) {
  --col:var(--wh);
  text-decoration: underline;
  text-decoration-color: var(--col);
  padding: 0.125em 0.25em;
  text-decoration-thickness: 0.5em;
  text-underline-offset: -0.25em;
}
.H-bd :is(h1, h2, h3) > *:is(.txwh *),
.H-bd :is(h1, h2, h3):is(.txwh *),
.H-deco :is(h1, h2, h3) > *:is(.txwh *),
.H-deco :is(h1, h2, h3):is(.txwh *) {
  --col:var(--mc);
}
.H-bd :is(h1, h2, h3) > *:is(.HomeIT *),
.H-bd :is(h1, h2, h3):is(.HomeIT *),
.H-deco :is(h1, h2, h3) > *:is(.HomeIT *),
.H-deco :is(h1, h2, h3):is(.HomeIT *) {
  --col:var(--sc20);
}
.H-bd :is(h1, h2, h3) > *:not(.home *),
.H-bd :is(h1, h2, h3):not(.home *),
.H-deco :is(h1, h2, h3) > *:not(.home *),
.H-deco :is(h1, h2, h3):not(.home *) {
  --col:var(--sc20);
}

.deco {
  --col:var(--wh);
  text-decoration: underline;
  text-decoration-color: var(--col);
  padding: 0.125em 0.25em;
  text-decoration-thickness: 0.5em;
  text-underline-offset: -0.25em;
}
@media screen and (max-width: 834px) {
  .deco:is(.title1 *) {
    text-decoration-thickness: 1.25em;
    text-underline-offset: -1em;
  }
}

.u-deco:is(h1, h2, h3) {
  font-size: var(--h3FZ);
}
.u-deco u {
  font-size: 1.5em;
}

.sheet {
  background-color: var(--sc10);
}
.sheet u {
  --col:var(--sc20);
  text-decoration: underline;
  text-decoration-color: var(--col);
  padding: 0.125em 0.25em;
  text-decoration-thickness: 0.5em;
  text-underline-offset: -0.25em;
}

.sheet > * + * {
  margin-top: var(--bl03);
}

.centerBtn > div {
  position: absolute;
  inset: auto auto 0 0;
  display: grid;
  place-items: center;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 834px) {
  .centerBtn > div {
    position: unset;
    margin-top: 30px;
  }
}
.centerBtn > div .btn {
  pointer-events: all;
}

.i-kinki i {
  display: inline-block;
  width: 3em;
  height: 3em;
  vertical-align: middle;
  margin-inline-end: -1.25em;
  background: url(/images/home/i00.png) no-repeat 100% 0/90% 90%;
}

.i-kinki.halfRight :is(h1, h2, h3):has(> i),
.i-kinki.halfLeft :is(h1, h2, h3):has(> i) {
  text-indent: -1.75em;
  padding-inline-start: 1.25em;
  line-height: 1;
  margin-bottom: 0.75em;
}
.i-kinki.halfRight :is(h1, h2, h3):has(> i) > span,
.i-kinki.halfLeft :is(h1, h2, h3):has(> i) > span {
  text-indent: 0;
}

@media screen and (max-width: 834px) {
  .halfOuter {
    min-height: calc(100vh - var(--head));
  }
}

#contents .form_column {
  line-height: 1.5;
  --bdc:var(--cur);
  --bdw:1px;
  --bds:solid;
  --pdb:0.75em;
  --pdi: 0 .5em;
  --dtc:var(--inh);
  --dtw:bold;
  --maxH:18em;
}
@media screen and (max-width: 640px) {
  #contents .form_column {
    --pdb:.5em;
  }
}
#contents .form_column:is(.txwh *) {
  --thumbC:var(--wh50);
}
#contents .form_column:is(.txwh *) * {
  color: var(--wh) !important;
}
#contents .form_column dt:is(#contents *) {
  font-family: var(--eng);
}
#contents .form_column dl:first-of-type {
  border-top: 1px solid currentColor;
}
@media screen and (max-width: 640px) {
  #contents .form_column dd {
    border-top-style: none !important;
  }
}

@media screen and (max-width: 1440px) {
  .fl50 .board p:has(.btn) img {
    order: -1;
    margin-inline: 30%;
  }
}

.board {
  border-width: 2px;
  border-radius: var(--rad);
}
.board::before {
  display: none;
}

.imgHauto img {
  height: auto !important;
}

.card3, .card2, .card4, .card5, .cardflex, .cardfix {
  row-gap: var(--g);
}
.card3 [class*=btn], .card2 [class*=btn], .card4 [class*=btn], .card5 [class*=btn], .cardflex [class*=btn], .cardfix [class*=btn] {
  min-width: unset;
  width: 100%;
}
.card3 .box:has(.veil), .card3 .box:is(.fancybox *), .card2 .box:has(.veil), .card2 .box:is(.fancybox *), .card4 .box:has(.veil), .card4 .box:is(.fancybox *), .card5 .box:has(.veil), .card5 .box:is(.fancybox *), .cardflex .box:has(.veil), .cardflex .box:is(.fancybox *), .cardfix .box:has(.veil), .cardfix .box:is(.fancybox *) {
  overflow: visible;
}
.card3 .box:has(.veil) .im img, .card3 .box:is(.fancybox *) .im img, .card2 .box:has(.veil) .im img, .card2 .box:is(.fancybox *) .im img, .card4 .box:has(.veil) .im img, .card4 .box:is(.fancybox *) .im img, .card5 .box:has(.veil) .im img, .card5 .box:is(.fancybox *) .im img, .cardflex .box:has(.veil) .im img, .cardflex .box:is(.fancybox *) .im img, .cardfix .box:has(.veil) .im img, .cardfix .box:is(.fancybox *) .im img {
  transition: 0.4s;
  will-change: scale;
}
.card3 .box:has(.veil):hover img, .card3 .box:is(.fancybox *):hover img, .card2 .box:has(.veil):hover img, .card2 .box:is(.fancybox *):hover img, .card4 .box:has(.veil):hover img, .card4 .box:is(.fancybox *):hover img, .card5 .box:has(.veil):hover img, .card5 .box:is(.fancybox *):hover img, .cardflex .box:has(.veil):hover img, .cardflex .box:is(.fancybox *):hover img, .cardfix .box:has(.veil):hover img, .cardfix .box:is(.fancybox *):hover img {
  scale: 1.04;
}
.card3.fancybox img, .card2.fancybox img, .card4.fancybox img, .card5.fancybox img, .cardflex.fancybox img, .cardfix.fancybox img {
  transition: 0.6s;
  will-change: scale;
}
.card3.fancybox .box:hover img, .card2.fancybox .box:hover img, .card4.fancybox .box:hover img, .card5.fancybox .box:hover img, .cardflex.fancybox .box:hover img, .cardfix.fancybox .box:hover img {
  scale: 1.04;
}
.card3 .box, .card2 .box, .card4 .box, .card5 .box, .cardflex .box, .cardfix .box {
  margin-top: unset;
}
.card3 .box article, .card2 .box article, .card4 .box article, .card5 .box article, .cardflex .box article, .cardfix .box article {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  height: 100%;
}
.card3 .box article > div:empty, .card2 .box article > div:empty, .card4 .box article > div:empty, .card5 .box article > div:empty, .cardflex .box article > div:empty, .cardfix .box article > div:empty {
  display: none;
}
.card3 .box article > a, .card2 .box article > a, .card4 .box article > a, .card5 .box article > a, .cardflex .box article > a, .cardfix .box article > a {
  color: inherit;
}
.card3 .box article > a > div:empty, .card2 .box article > a > div:empty, .card4 .box article > a > div:empty, .card5 .box article > a > div:empty, .cardflex .box article > a > div:empty, .cardfix .box article > a > div:empty {
  display: none;
}
.card3 .box img:is(#contents *), .card2 .box img:is(#contents *), .card4 .box img:is(#contents *), .card5 .box img:is(#contents *), .cardflex .box img:is(#contents *), .cardfix .box img:is(#contents *) {
  width: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.card3 .box :is(.CONTAIN .im), .card2 .box :is(.CONTAIN .im), .card4 .box :is(.CONTAIN .im), .card5 .box :is(.CONTAIN .im), .cardflex .box :is(.CONTAIN .im), .cardfix .box :is(.CONTAIN .im) {
  flex: 1;
  background-color: var(--wh80);
}
.card3 .box :is(.CONTAIN .im) img, .card2 .box :is(.CONTAIN .im) img, .card4 .box :is(.CONTAIN .im) img, .card5 .box :is(.CONTAIN .im) img, .cardflex .box :is(.CONTAIN .im) img, .cardfix .box :is(.CONTAIN .im) img {
  height: 100% !important;
}
.card3 .box div, .card2 .box div, .card4 .box div, .card5 .box div, .cardflex .box div, .cardfix .box div {
  flex: unset;
}
.card3 .box div p, .card2 .box div p, .card4 .box div p, .card5 .box div p, .cardflex .box div p, .cardfix .box div p {
  text-align: right;
  font-size: inherit;
}
.card3 .box:has(.veil):hover img, .card2 .box:has(.veil):hover img, .card4 .box:has(.veil):hover img, .card5 .box:has(.veil):hover img, .cardflex .box:has(.veil):hover img, .cardfix .box:has(.veil):hover img {
  scale: 1.03;
  opacity: 0.9;
}
@media screen and (max-width: 834px) {
  .card3 .box, .card2 .box, .card4 .box, .card5 .box, .cardflex .box, .cardfix .box {
    flex: 0 0 calc(50% - var(--g) / 2);
  }
}
@media screen and (max-width: 480px) {
  .card3 .box, .card2 .box, .card4 .box, .card5 .box, .cardflex .box, .cardfix .box {
    flex: 0 0 100%;
  }
}

.card3.__works, .card2.__works, .card4.__works, .card5.__works, .cardflex.__works, .cardfix.__works {
  --g:1vmin;
  text-align: center;
}
.card3.__works .box, .card2.__works .box, .card4.__works .box, .card5.__works .box, .cardflex.__works .box, .cardfix.__works .box {
  overflow: visible !important;
}
.card3.__works article > h3, .card2.__works article > h3, .card4.__works article > h3, .card5.__works article > h3, .cardflex.__works article > h3, .cardfix.__works article > h3 {
  display: block;
}
.card3.__works article, .card2.__works article, .card4.__works article, .card5.__works article, .cardflex.__works article, .cardfix.__works article {
  width: 100%;
}
.card3.__works article > div, .card2.__works article > div, .card4.__works article > div, .card5.__works article > div, .cardflex.__works article > div, .cardfix.__works article > div {
  font-size: var(--f14);
  white-space: nowrap;
  margin-top: unset;
}
.card3.__works article > a, .card2.__works article > a, .card4.__works article > a, .card5.__works article > a, .cardflex.__works article > a, .cardfix.__works article > a {
  transition: var(--btnTR);
}
.card3.__works article > a:hover, .card2.__works article > a:hover, .card4.__works article > a:hover, .card5.__works article > a:hover, .cardflex.__works article > a:hover, .cardfix.__works article > a:hover {
  scale: 1.04;
}
.card3.__works .box:has(h2) article, .card2.__works .box:has(h2) article, .card4.__works .box:has(h2) article, .card5.__works .box:has(h2) article, .cardflex.__works .box:has(h2) article, .cardfix.__works .box:has(h2) article {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.card3.__works .box:has(h2) article > div, .card2.__works .box:has(h2) article > div, .card4.__works .box:has(h2) article > div, .card5.__works .box:has(h2) article > div, .cardflex.__works .box:has(h2) article > div, .cardfix.__works .box:has(h2) article > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  inset: 0;
}
.card3.__point article, .card2.__point article, .card4.__point article, .card5.__point article, .cardflex.__point article, .cardfix.__point article {
  gap: 0;
  padding: 1em;
  background-color: #fff;
  border-radius: var(--rad);
}
.card3.__point article > * + *, .card2.__point article > * + *, .card4.__point article > * + *, .card5.__point article > * + *, .cardflex.__point article > * + *, .cardfix.__point article > * + * {
  padding-top: var(--bodyFZ);
  margin-top: unset;
}
.card3.__point article > h3, .card2.__point article > h3, .card4.__point article > h3, .card5.__point article > h3, .cardflex.__point article > h3, .cardfix.__point article > h3 {
  display: block;
  border-bottom: var(--line);
}
.card3.__point img, .card2.__point img, .card4.__point img, .card5.__point img, .cardflex.__point img, .cardfix.__point img {
  border-radius: var(--rad);
}
.card3.__point .absLT:is(#contents *), .card2.__point .absLT:is(#contents *), .card4.__point .absLT:is(#contents *), .card5.__point .absLT:is(#contents *), .cardflex.__point .absLT:is(#contents *), .cardfix.__point .absLT:is(#contents *) {
  width: 35% !important;
}
.card3.__anchor02, .card2.__anchor02, .card4.__anchor02, .card5.__anchor02, .cardflex.__anchor02, .cardfix.__anchor02 {
  --g:0px;
  font-size: clamp(12px, 1.4vw, 20px);
  text-align: center;
  border-radius: var(--rad);
  overflow: hidden;
}
.card3.__anchor02 article, .card2.__anchor02 article, .card4.__anchor02 article, .card5.__anchor02 article, .cardflex.__anchor02 article, .cardfix.__anchor02 article {
  gap: 0;
  display: grid;
  place-items: center;
  place-content: center;
  background-color: var(--sc);
}
.card3.__anchor02 article > *, .card2.__anchor02 article > *, .card4.__anchor02 article > *, .card5.__anchor02 article > *, .cardflex.__anchor02 article > *, .cardfix.__anchor02 article > * {
  grid-area: 1/1;
}
.card3.__anchor02 article > div, .card2.__anchor02 article > div, .card4.__anchor02 article > div, .card5.__anchor02 article > div, .cardflex.__anchor02 article > div, .cardfix.__anchor02 article > div {
  line-height: 1.5;
  color: #fff;
  text-shadow: var(--txshbk);
  pointer-events: none;
}
.card3.__anchor02 article > div:after, .card2.__anchor02 article > div:after, .card4.__anchor02 article > div:after, .card5.__anchor02 article > div:after, .cardflex.__anchor02 article > div:after, .cardfix.__anchor02 article > div:after {
  content: var(--btnAF);
  font-family: var(--icon);
  display: inline-block;
  rotate: 90deg;
  background: unset;
  vertical-align: middle;
  margin-inline: 0.25em;
  line-height: 0.66;
}
.card3.__anchor02 img, .card2.__anchor02 img, .card4.__anchor02 img, .card5.__anchor02 img, .cardflex.__anchor02 img, .cardfix.__anchor02 img {
  opacity: 0.5;
  transition: var(--btnTR);
}
.card3.__anchor02 img:is(.box:hover *), .card2.__anchor02 img:is(.box:hover *), .card4.__anchor02 img:is(.box:hover *), .card5.__anchor02 img:is(.box:hover *), .cardflex.__anchor02 img:is(.box:hover *), .cardfix.__anchor02 img:is(.box:hover *) {
  opacity: 0.8;
}
.card3.__anchor, .card2.__anchor, .card4.__anchor, .card5.__anchor, .cardflex.__anchor, .cardfix.__anchor {
  row-gap: var(--g);
  font-size: clamp(12px, 1.4vw, 20px);
  text-align: center;
}
.card3.__anchor article, .card2.__anchor article, .card4.__anchor article, .card5.__anchor article, .cardflex.__anchor article, .cardfix.__anchor article {
  gap: 0;
  padding: 0.5em;
  background-color: #fff;
  border-radius: var(--Hrad);
}
.card3.__anchor article > * + *, .card2.__anchor article > * + *, .card4.__anchor article > * + *, .card5.__anchor article > * + *, .cardflex.__anchor article > * + *, .cardfix.__anchor article > * + * {
  margin-top: unset;
}
.card3.__anchor article > div, .card2.__anchor article > div, .card4.__anchor article > div, .card5.__anchor article > div, .cardflex.__anchor article > div, .cardfix.__anchor article > div {
  line-height: 1.5;
}
.card3.__anchor article > div > br:last-of-type, .card2.__anchor article > div > br:last-of-type, .card4.__anchor article > div > br:last-of-type, .card5.__anchor article > div > br:last-of-type, .cardflex.__anchor article > div > br:last-of-type, .cardfix.__anchor article > div > br:last-of-type {
  display: none;
}
.card3.__anchor article > div:after, .card2.__anchor article > div:after, .card4.__anchor article > div:after, .card5.__anchor article > div:after, .cardflex.__anchor article > div:after, .cardfix.__anchor article > div:after {
  content: var(--btnAF);
  font-family: var(--icon);
  display: inline-block;
  rotate: 90deg;
  background: unset;
  vertical-align: middle;
  margin-inline: 0.25em;
  line-height: 0.66;
}
.card3.__anchor img, .card2.__anchor img, .card4.__anchor img, .card5.__anchor img, .cardflex.__anchor img, .cardfix.__anchor img {
  border-radius: var(--Hrad);
}
.card3:is(.home *), .card2:is(.home *), .card4:is(.home *), .card5:is(.home *), .cardflex:is(.home *), .cardfix:is(.home *) {
  justify-content: center;
}
.card3:not(.home *), .card2:not(.home *), .card4:not(.home *), .card5:not(.home *), .cardflex:not(.home *), .cardfix:not(.home *) {
  line-height: 1.5;
}
.card3:not(.home *) img, .card2:not(.home *) img, .card4:not(.home *) img, .card5:not(.home *) img, .cardflex:not(.home *) img, .cardfix:not(.home *) img {
  -o-object-fit: cover;
     object-fit: cover;
}
.card3:not(.home *) article > * + *, .card2:not(.home *) article > * + *, .card4:not(.home *) article > * + *, .card5:not(.home *) article > * + *, .cardflex:not(.home *) article > * + *, .cardfix:not(.home *) article > * + * {
  margin-top: calc(var(--bodyFZ) * 0.5);
}
.card3:is(.blog *) img:is(#contents *), .card2:is(.blog *) img:is(#contents *), .card4:is(.blog *) img:is(#contents *), .card5:is(.blog *) img:is(#contents *), .cardflex:is(.blog *) img:is(#contents *), .cardfix:is(.blog *) img:is(#contents *) {
  width: 100% !important;
}
@media screen and (max-width: 834px) {
  .card3.i-o1 .box, .card2.i-o1 .box, .card4.i-o1 .box, .card5.i-o1 .box, .cardflex.i-o1 .box, .cardfix.i-o1 .box {
    width: calc(50% - var(--g) / 2);
  }
}
.card3.i-o1 .im, .card2.i-o1 .im, .card4.i-o1 .im, .card5.i-o1 .im, .cardflex.i-o1 .im, .cardfix.i-o1 .im {
  order: 1;
}
.card3.i-o1 .box, .card2.i-o1 .box, .card4.i-o1 .box, .card5.i-o1 .box, .cardflex.i-o1 .box, .cardfix.i-o1 .box {
  background-color: var(--wh);
  border: 1px solid var(--sc);
}
.card3.i-o1 .box article:has(.veil), .card2.i-o1 .box article:has(.veil), .card4.i-o1 .box article:has(.veil), .card5.i-o1 .box article:has(.veil), .cardflex.i-o1 .box article:has(.veil), .cardfix.i-o1 .box article:has(.veil) {
  transition: 0.4s !important;
  will-change: filter;
}
.card3.i-o1 .box article:has(.veil):hover, .card2.i-o1 .box article:has(.veil):hover, .card4.i-o1 .box article:has(.veil):hover, .card5.i-o1 .box article:has(.veil):hover, .cardflex.i-o1 .box article:has(.veil):hover, .cardfix.i-o1 .box article:has(.veil):hover {
  filter: brightness(115%);
}
.card3.i-o1 article, .card2.i-o1 article, .card4.i-o1 article, .card5.i-o1 article, .cardflex.i-o1 article, .cardfix.i-o1 article {
  gap: 1em;
  display: flex;
  height: 100%;
}
.card3.i-o1 .box div, .card2.i-o1 .box div, .card4.i-o1 .box div, .card5.i-o1 .box div, .cardflex.i-o1 .box div, .cardfix.i-o1 .box div {
  gap: 1em;
  flex: unset;
  margin-top: unset;
  padding-inline: 0.5em;
}
.card3.i-o1 .box div h3, .card2.i-o1 .box div h3, .card4.i-o1 .box div h3, .card5.i-o1 .box div h3, .cardflex.i-o1 .box div h3, .cardfix.i-o1 .box div h3 {
  min-height: 3em;
  background-color: var(--mc);
  color: #fff;
  font-size: unset;
  padding: 0 0.5em;
  display: grid;
  place-items: center;
  place-content: center;
  margin-inline: -0.5em;
}
.card3.i-o1 .im, .card2.i-o1 .im, .card4.i-o1 .im, .card5.i-o1 .im, .cardflex.i-o1 .im, .cardfix.i-o1 .im {
  background-color: var(--bc);
  padding: 0.5em;
  flex: 1;
}
.card3.i-o1 .im img:is(#contents *), .card2.i-o1 .im img:is(#contents *), .card4.i-o1 .im img:is(#contents *), .card5.i-o1 .im img:is(#contents *), .cardflex.i-o1 .im img:is(#contents *), .cardfix.i-o1 .im img:is(#contents *) {
  width: 100% !important;
  height: 100% !important;
}
.card3.__shift, .card2.__shift, .card4.__shift, .card5.__shift, .cardflex.__shift, .cardfix.__shift {
  --g:2vmin;
  --shift:4vmin;
  --shift2:calc(var(--shift)*2);
  --Nshift:calc(var(--shift)*-1);
  gap: 0 var(--g);
}
@media screen and (max-width: 960px) {
  .card3.__shift, .card2.__shift, .card4.__shift, .card5.__shift, .cardflex.__shift, .cardfix.__shift {
    --g:0px;
  }
}
.card3.__shift article, .card2.__shift article, .card4.__shift article, .card5.__shift article, .cardflex.__shift article, .cardfix.__shift article {
  gap: 0;
}
.card3.__shift .box:is(#contents *), .card2.__shift .box:is(#contents *), .card4.__shift .box:is(#contents *), .card5.__shift .box:is(#contents *), .cardflex.__shift .box:is(#contents *), .cardfix.__shift .box:is(#contents *) {
  overflow: visible;
}
.card3.__shift .box article, .card2.__shift .box article, .card4.__shift .box article, .card5.__shift .box article, .cardflex.__shift .box article, .cardfix.__shift .box article {
  gap: 0;
  height: unset;
}
.card3.__shift .box:nth-child(1), .card2.__shift .box:nth-child(1), .card4.__shift .box:nth-child(1), .card5.__shift .box:nth-child(1), .cardflex.__shift .box:nth-child(1), .cardfix.__shift .box:nth-child(1) {
  margin-block: var(--shift) var(--Nshift);
}
.card3.__shift .box:nth-child(3), .card2.__shift .box:nth-child(3), .card4.__shift .box:nth-child(3), .card5.__shift .box:nth-child(3), .cardflex.__shift .box:nth-child(3), .cardfix.__shift .box:nth-child(3) {
  margin-block: var(--Nshift) var(--shift);
}
.card3.__shift .box:nth-child(5), .card2.__shift .box:nth-child(5), .card4.__shift .box:nth-child(5), .card5.__shift .box:nth-child(5), .cardflex.__shift .box:nth-child(5), .cardfix.__shift .box:nth-child(5) {
  margin-block: var(--Nshift) var(--shift);
}
@media screen and (max-width: 834px) {
  .card3.__shift .box:nth-child(1), .card3.__shift .box:nth-child(3), .card3.__shift .box:nth-child(5), .card2.__shift .box:nth-child(1), .card2.__shift .box:nth-child(3), .card2.__shift .box:nth-child(5), .card4.__shift .box:nth-child(1), .card4.__shift .box:nth-child(3), .card4.__shift .box:nth-child(5), .card5.__shift .box:nth-child(1), .card5.__shift .box:nth-child(3), .card5.__shift .box:nth-child(5), .cardflex.__shift .box:nth-child(1), .cardflex.__shift .box:nth-child(3), .cardflex.__shift .box:nth-child(5), .cardfix.__shift .box:nth-child(1), .cardfix.__shift .box:nth-child(3), .cardfix.__shift .box:nth-child(5) {
    margin-block: unset;
  }
}
.card3.Icons, .card2.Icons, .card4.Icons, .card5.Icons, .cardflex.Icons, .cardfix.Icons {
  --p:1.75em;
  --g:0px;
  --arrow:6vmin;
  letter-spacing: 0;
  line-height: 1.2;
}
@media screen and (max-width: 1200px) {
  .card3.Icons, .card2.Icons, .card4.Icons, .card5.Icons, .cardflex.Icons, .cardfix.Icons {
    --arrow:4vmin;
  }
}
.card3.Icons h3:has(small) > small, .card2.Icons h3:has(small) > small, .card4.Icons h3:has(small) > small, .card5.Icons h3:has(small) > small, .cardflex.Icons h3:has(small) > small, .cardfix.Icons h3:has(small) > small {
  border-top: unset;
  padding-top: unset;
  border-bottom: 1px solid currentColor;
  padding-block: 0 0.5em;
  margin-block: 0 0.5em;
}
.card3.Icons .box, .card2.Icons .box, .card4.Icons .box, .card5.Icons .box, .cardflex.Icons .box, .cardfix.Icons .box {
  background-color: var(--bc);
  padding: var(--p);
  overflow: visible !important;
}
.card3.Icons .box:nth-child(even), .card2.Icons .box:nth-child(even), .card4.Icons .box:nth-child(even), .card5.Icons .box:nth-child(even), .cardflex.Icons .box:nth-child(even), .cardfix.Icons .box:nth-child(even) {
  filter: hue-rotate(-30deg);
}
.card3.Icons article > h3, .card2.Icons article > h3, .card4.Icons article > h3, .card5.Icons article > h3, .cardflex.Icons article > h3, .cardfix.Icons article > h3 {
  display: none;
}
.card3.Icons article, .card2.Icons article, .card4.Icons article, .card5.Icons article, .cardflex.Icons article, .cardfix.Icons article {
  display: flex;
  align-items: center;
  gap: var(--p);
  font-weight: 500;
  text-align: center;
  font-family: var(--zom);
}
.card3.Icons article > *, .card2.Icons article > *, .card4.Icons article > *, .card5.Icons article > *, .cardflex.Icons article > *, .cardfix.Icons article > * {
  flex: 1;
}
.card3.Icons article > div, .card2.Icons article > div, .card4.Icons article > div, .card5.Icons article > div, .cardflex.Icons article > div, .cardfix.Icons article > div {
  order: -1;
  margin-top: unset;
  position: unset;
}
.card3.Icons .box + .box article > div:after, .card2.Icons .box + .box article > div:after, .card4.Icons .box + .box article > div:after, .card5.Icons .box + .box article > div:after, .cardflex.Icons .box + .box article > div:after, .cardfix.Icons .box + .box article > div:after {
  content: "";
  position: absolute;
  background: unset;
  border-top: 2px solid var(--mc);
  border-right: 2px solid var(--mc);
  width: var(--arrow);
  aspect-ratio: 1;
  right: unset;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.card3.Icons .im img:is(#contents *), .card2.Icons .im img:is(#contents *), .card4.Icons .im img:is(#contents *), .card5.Icons .im img:is(#contents *), .cardflex.Icons .im img:is(#contents *), .cardfix.Icons .im img:is(#contents *) {
  margin-inline: auto;
  max-width: 9vmin;
  max-height: 9vmin;
  -o-object-fit: contain;
     object-fit: contain;
}
.card3.Links.bg100, .card2.Links.bg100, .card4.Links.bg100, .card5.Links.bg100, .cardflex.Links.bg100, .cardfix.Links.bg100 {
  background: no-repeat center/100% 100%;
}
.card3.Links article > div, .card2.Links article > div, .card4.Links article > div, .card5.Links article > div, .cardflex.Links article > div, .cardfix.Links article > div {
  display: grid;
  place-items: center;
  place-content: center;
}
.card3.Links h3, .card2.Links h3, .card4.Links h3, .card5.Links h3, .cardflex.Links h3, .cardfix.Links h3 {
  font-size: clamp(18px, 3vw, 36px);
  color: #fff;
  text-shadow: var(--pxshbk);
}
.card3.Links .box:has(img) article, .card2.Links .box:has(img) article, .card4.Links .box:has(img) article, .card5.Links .box:has(img) article, .cardflex.Links .box:has(img) article, .cardfix.Links .box:has(img) article {
  width: 100%;
}
.card3.Links .box:has(img) .im, .card2.Links .box:has(img) .im, .card4.Links .box:has(img) .im, .card5.Links .box:has(img) .im, .cardflex.Links .box:has(img) .im, .cardfix.Links .box:has(img) .im {
  overflow: hidden;
}
.card3.Links .box:has(img) img, .card2.Links .box:has(img) img, .card4.Links .box:has(img) img, .card5.Links .box:has(img) img, .cardflex.Links .box:has(img) img, .cardfix.Links .box:has(img) img {
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.4s;
  transform-origin: center;
}
.card3.Links .box:has(img):hover img, .card2.Links .box:has(img):hover img, .card4.Links .box:has(img):hover img, .card5.Links .box:has(img):hover img, .cardflex.Links .box:has(img):hover img, .cardfix.Links .box:has(img):hover img {
  scale: 1.04;
}
.card3.__layer .box:has(.veil), .card3.__layer .box:is(.fancybox *), .card2.__layer .box:has(.veil), .card2.__layer .box:is(.fancybox *), .card4.__layer .box:has(.veil), .card4.__layer .box:is(.fancybox *), .card5.__layer .box:has(.veil), .card5.__layer .box:is(.fancybox *), .cardflex.__layer .box:has(.veil), .cardflex.__layer .box:is(.fancybox *), .cardfix.__layer .box:has(.veil), .cardfix.__layer .box:is(.fancybox *) {
  overflow: visible;
  transition: var(--btnTR);
}
.card3.__layer .box:has(img) .im, .card2.__layer .box:has(img) .im, .card4.__layer .box:has(img) .im, .card5.__layer .box:has(img) .im, .cardflex.__layer .box:has(img) .im, .cardfix.__layer .box:has(img) .im {
  overflow: hidden;
}
.card3.__layer .box:has(img) img, .card2.__layer .box:has(img) img, .card4.__layer .box:has(img) img, .card5.__layer .box:has(img) img, .cardflex.__layer .box:has(img) img, .cardfix.__layer .box:has(img) img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100% !important;
  transition: 0.4s;
}
.card3.__layer .box > article, .card2.__layer .box > article, .card4.__layer .box > article, .card5.__layer .box > article, .cardflex.__layer .box > article, .cardfix.__layer .box > article {
  display: grid;
}
.card3.__layer .box > article > div:not(:empty), .card2.__layer .box > article > div:not(:empty), .card4.__layer .box > article > div:not(:empty), .card5.__layer .box > article > div:not(:empty), .cardflex.__layer .box > article > div:not(:empty), .cardfix.__layer .box > article > div:not(:empty) {
  margin-top: unset;
  padding-inline: 0.5em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.card3.__layer .box > article > div:not(:empty) h3, .card2.__layer .box > article > div:not(:empty) h3, .card4.__layer .box > article > div:not(:empty) h3, .card5.__layer .box > article > div:not(:empty) h3, .cardflex.__layer .box > article > div:not(:empty) h3, .cardfix.__layer .box > article > div:not(:empty) h3 {
  font-size: clamp(18px, 2vw, 32px);
  font-weight: bold;
}

.card3 h1, .card3 h2, .card3 h3, .card3 h4, .card2 h1, .card2 h2, .card2 h3, .card2 h4, .card4 h1, .card4 h2, .card4 h3, .card4 h4, .card5 h1, .card5 h2, .card5 h3, .card5 h4, .cardflex h1, .cardflex h2, .cardflex h3, .cardflex h4, .cardfix h1, .cardfix h2, .cardfix h3, .cardfix h4 {
  --col:var(--sc10);
  text-decoration: underline;
  text-decoration-color: var(--col);
  text-decoration-thickness: 0.5em;
  text-underline-offset: -0.25em;
  border-bottom: unset;
  margin-bottom: 0.5em;
}
.card3 h1:is([class*=box-] *), .card3 h2:is([class*=box-] *), .card3 h3:is([class*=box-] *), .card3 h4:is([class*=box-] *), .card2 h1:is([class*=box-] *), .card2 h2:is([class*=box-] *), .card2 h3:is([class*=box-] *), .card2 h4:is([class*=box-] *), .card4 h1:is([class*=box-] *), .card4 h2:is([class*=box-] *), .card4 h3:is([class*=box-] *), .card4 h4:is([class*=box-] *), .card5 h1:is([class*=box-] *), .card5 h2:is([class*=box-] *), .card5 h3:is([class*=box-] *), .card5 h4:is([class*=box-] *), .cardflex h1:is([class*=box-] *), .cardflex h2:is([class*=box-] *), .cardflex h3:is([class*=box-] *), .cardflex h4:is([class*=box-] *), .cardfix h1:is([class*=box-] *), .cardfix h2:is([class*=box-] *), .cardfix h3:is([class*=box-] *), .cardfix h4:is([class*=box-] *) {
  --col:var(--ac10);
}

#contents .sns_slide {
  --dateFW: 500;
}
#contents .sns_slide .sns_list .sns_date {
  font-family: var(--eng);
}
#contents .sns_slide.txwh .slick-dots li button:before {
  color: #fff;
}

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

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

body section .flex, footer .flex, .h .flex, .blog #contents .flex {
  display: flex;
}
body section .FG1, footer .FG1, .h .FG1, .blog #contents .FG1 {
  flex-grow: 1;
}
body section .FG2, footer .FG2, .h .FG2, .blog #contents .FG2 {
  flex-grow: 2;
}
body section .FG3, footer .FG3, .h .FG3, .blog #contents .FG3 {
  flex-grow: 3;
}
body section .FG4, footer .FG4, .h .FG4, .blog #contents .FG4 {
  flex-grow: 4;
}
body section .FG5, footer .FG5, .h .FG5, .blog #contents .FG5 {
  flex-grow: 5;
}
body section .FG6, footer .FG6, .h .FG6, .blog #contents .FG6 {
  flex-grow: 6;
}
body section .FG7, footer .FG7, .h .FG7, .blog #contents .FG7 {
  flex-grow: 7;
}
body section .FG8, footer .FG8, .h .FG8, .blog #contents .FG8 {
  flex-grow: 8;
}
body section .FG9, footer .FG9, .h .FG9, .blog #contents .FG9 {
  flex-grow: 9;
}
body section .FG10, footer .FG10, .h .FG10, .blog #contents .FG10 {
  flex-grow: 10;
}
body section .FG11, footer .FG11, .h .FG11, .blog #contents .FG11 {
  flex-grow: 11;
}
body section .FG12, footer .FG12, .h .FG12, .blog #contents .FG12 {
  flex-grow: 12;
}
body section .FG13, footer .FG13, .h .FG13, .blog #contents .FG13 {
  flex-grow: 13;
}
body section .FG14, footer .FG14, .h .FG14, .blog #contents .FG14 {
  flex-grow: 14;
}
body section .FG15, footer .FG15, .h .FG15, .blog #contents .FG15 {
  flex-grow: 15;
}
body section .FG16, footer .FG16, .h .FG16, .blog #contents .FG16 {
  flex-grow: 16;
}
@media screen and (max-width: 834px) {
  body section .tab-Crev, footer .tab-Crev, .h .tab-Crev, .blog #contents .tab-Crev {
    flex-direction: column-reverse !important;
  }
  body section .tab-Rrev, footer .tab-Rrev, .h .tab-Rrev, .blog #contents .tab-Rrev {
    flex-direction: row-reverse !important;
  }
}
@media screen and (max-width: 640px) {
  body section .sp-Crev, footer .sp-Crev, .h .sp-Crev, .blog #contents .sp-Crev {
    flex-direction: column-reverse !important;
  }
  body section .sp-Rrev, footer .sp-Rrev, .h .sp-Rrev, .blog #contents .sp-Rrev {
    flex-direction: row-reverse !important;
  }
}
body section .FDCrev, footer .FDCrev, .h .FDCrev, .blog #contents .FDCrev {
  flex-direction: column-reverse !important;
}
body section .FDC, footer .FDC, .h .FDC, .blog #contents .FDC {
  flex-direction: column !important;
}
body section .FDrev, footer .FDrev, .h .FDrev, .blog #contents .FDrev {
  flex-direction: row-reverse !important;
}
body section .FDR, footer .FDR, .h .FDR, .blog #contents .FDR {
  flex-direction: row !important;
}
body section .JCSA, footer .JCSA, .h .JCSA, .blog #contents .JCSA {
  justify-content: space-around;
}
body section .JCAE, footer .JCAE, .h .JCAE, .blog #contents .JCAE {
  justify-content: space-evenly;
}
body section .JCSB, footer .JCSB, .h .JCSB, .blog #contents .JCSB {
  justify-content: space-between;
}
body section .JCS, footer .JCS, .h .JCS, .blog #contents .JCS {
  justify-content: flex-start;
}
body section .JCC, footer .JCC, .h .JCC, .blog #contents .JCC {
  justify-content: center;
}
body section .JCE, footer .JCE, .h .JCE, .blog #contents .JCE {
  justify-content: flex-end;
}
body section .AIU, footer .AIU, .h .AIU, .blog #contents .AIU {
  align-items: unset;
}
body section .AIC, footer .AIC, .h .AIC, .blog #contents .AIC {
  align-items: center;
}
body section .AIS, footer .AIS, .h .AIS, .blog #contents .AIS {
  align-items: flex-start;
}
body section .AIE, footer .AIE, .h .AIE, .blog #contents .AIE {
  align-items: flex-end;
}
body section .DI, footer .DI, .h .DI, .blog #contents .DI {
  display: inline;
}
body section .DIB, footer .DIB, .h .DIB, .blog #contents .DIB {
  display: inline-block;
}
body section .DIF, footer .DIF, .h .DIF, .blog #contents .DIF {
  display: inline-flex;
}
body section .DIG, footer .DIG, .h .DIG, .blog #contents .DIG {
  display: inline-grid;
}
body section .DB, footer .DB, .h .DB, .blog #contents .DB {
  display: block;
}
body section .DF, footer .DF, .h .DF, .blog #contents .DF {
  display: flex;
}
body section .DG, footer .DG, .h .DG, .blog #contents .DG {
  display: grid;
}
body section .displayNone, footer .displayNone, .h .displayNone, .blog #contents .displayNone {
  display: none;
}

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

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

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

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

body section .outL2mi, footer .outL2mi, .h .outL2mi, .blog #contents .outL2mi {
  outline: 2vmin solid rgba(255, 255, 255, 0.5333333333);
}
body section .nml1mi, footer .nml1mi, .h .nml1mi, .blog #contents .nml1mi {
  margin-left: -1vmin;
}
body section .nml2mi, footer .nml2mi, .h .nml2mi, .blog #contents .nml2mi {
  margin-left: -2vmin;
}
body section .nml3mi, footer .nml3mi, .h .nml3mi, .blog #contents .nml3mi {
  margin-left: -3vmin;
}
body section .ml025e, footer .ml025e, .h .ml025e, .blog #contents .ml025e {
  margin-left: 0.25em;
}
body section .ml075e, footer .ml075e, .h .ml075e, .blog #contents .ml075e {
  margin-left: 0.75em;
}
body section .ml05e, footer .ml05e, .h .ml05e, .blog #contents .ml05e {
  margin-left: 0.5em;
}
body section .ml1e, footer .ml1e, .h .ml1e, .blog #contents .ml1e {
  margin-left: 1em;
}
body section .ml15e, footer .ml15e, .h .ml15e, .blog #contents .ml15e {
  margin-left: 1.5em;
}
body section .ml2e, footer .ml2e, .h .ml2e, .blog #contents .ml2e {
  margin-left: 2em;
}
body section .ml3e, footer .ml3e, .h .ml3e, .blog #contents .ml3e {
  margin-left: 3em;
}
body section .ml4e, footer .ml4e, .h .ml4e, .blog #contents .ml4e {
  margin-left: 4em;
}
body section .ml5e, footer .ml5e, .h .ml5e, .blog #contents .ml5e {
  margin-left: 5em;
}
body section .ml6e, footer .ml6e, .h .ml6e, .blog #contents .ml6e {
  margin-left: 6em;
}
body section .mr1e, footer .mr1e, .h .mr1e, .blog #contents .mr1e {
  margin-right: 1em;
}
body section .mr15e, footer .mr15e, .h .mr15e, .blog #contents .mr15e {
  margin-right: 1.5em;
}
body section .mr2e, footer .mr2e, .h .mr2e, .blog #contents .mr2e {
  margin-right: 2em;
}
body section .mr3e, footer .mr3e, .h .mr3e, .blog #contents .mr3e {
  margin-right: 3em;
}
body section .mt1e, footer .mt1e, .h .mt1e, .blog #contents .mt1e {
  margin-top: 1em;
}
body section .mt125e, footer .mt125e, .h .mt125e, .blog #contents .mt125e {
  margin-top: 1.25em;
}
body section .mt15e, footer .mt15e, .h .mt15e, .blog #contents .mt15e {
  margin-top: 1.5em;
}
body section .mt175e, footer .mt175e, .h .mt175e, .blog #contents .mt175e {
  margin-top: 1.75em;
}
body section .mt1e, footer .mt1e, .h .mt1e, .blog #contents .mt1e {
  margin-top: 1em;
}
body section .mt2e, footer .mt2e, .h .mt2e, .blog #contents .mt2e {
  margin-top: 2em;
}
body section .mt3e, footer .mt3e, .h .mt3e, .blog #contents .mt3e {
  margin-top: 3em;
}
body section .mt4e, footer .mt4e, .h .mt4e, .blog #contents .mt4e {
  margin-top: 4em;
}
body section .mt5e, footer .mt5e, .h .mt5e, .blog #contents .mt5e {
  margin-top: 5em;
}
body section .mt6e, footer .mt6e, .h .mt6e, .blog #contents .mt6e {
  margin-top: 6em;
}
body section .mt7e, footer .mt7e, .h .mt7e, .blog #contents .mt7e {
  margin-top: 7em;
}
body section .mt8e, footer .mt8e, .h .mt8e, .blog #contents .mt8e {
  margin-top: 8em;
}
body section .mt9e, footer .mt9e, .h .mt9e, .blog #contents .mt9e {
  margin-top: 9em;
}
body section .mt10e, footer .mt10e, .h .mt10e, .blog #contents .mt10e {
  margin-top: 10em;
}
body section .mt2mi, footer .mt2mi, .h .mt2mi, .blog #contents .mt2mi {
  margin-top: 2vmin;
}
body section .mt4mi, footer .mt4mi, .h .mt4mi, .blog #contents .mt4mi {
  margin-top: 4vmin;
}
body section .mt5mi, footer .mt5mi, .h .mt5mi, .blog #contents .mt5mi {
  margin-top: 5vmin;
}
body section .mt6mi, footer .mt6mi, .h .mt6mi, .blog #contents .mt6mi {
  margin-top: 6vmin;
}
body section .mt8mi, footer .mt8mi, .h .mt8mi, .blog #contents .mt8mi {
  margin-top: 8vmin;
}
body section .mt10mi, footer .mt10mi, .h .mt10mi, .blog #contents .mt10mi {
  margin-top: 10vmin;
}
body section .mt2p, footer .mt2p, .h .mt2p, .blog #contents .mt2p {
  margin-top: 2%;
}
body section .mt4p, footer .mt4p, .h .mt4p, .blog #contents .mt4p {
  margin-top: 4%;
}
body section .mt5p, footer .mt5p, .h .mt5p, .blog #contents .mt5p {
  margin-top: 5%;
}
body section .mt6p, footer .mt6p, .h .mt6p, .blog #contents .mt6p {
  margin-top: 6%;
}
body section .mt75p, footer .mt75p, .h .mt75p, .blog #contents .mt75p {
  margin-top: 7.5%;
}
body section .mt8p, footer .mt8p, .h .mt8p, .blog #contents .mt8p {
  margin-top: 8%;
}
body section .mt10p, footer .mt10p, .h .mt10p, .blog #contents .mt10p {
  margin-top: 10%;
}
body section .mt12p, footer .mt12p, .h .mt12p, .blog #contents .mt12p {
  margin-top: 12%;
}
body section .mt15p, footer .mt15p, .h .mt15p, .blog #contents .mt15p {
  margin-top: 15%;
}
body section .mt16p, footer .mt16p, .h .mt16p, .blog #contents .mt16p {
  margin-top: 16%;
}
body section .mt18p, footer .mt18p, .h .mt18p, .blog #contents .mt18p {
  margin-top: 18%;
}
body section .mt20p, footer .mt20p, .h .mt20p, .blog #contents .mt20p {
  margin-top: 20%;
}
body section .mt22p, footer .mt22p, .h .mt22p, .blog #contents .mt22p {
  margin-top: 22%;
}
body section .mt24p, footer .mt24p, .h .mt24p, .blog #contents .mt24p {
  margin-top: 24%;
}
body section .mt26p, footer .mt26p, .h .mt26p, .blog #contents .mt26p {
  margin-top: 26%;
}
body section .mt28p, footer .mt28p, .h .mt28p, .blog #contents .mt28p {
  margin-top: 28%;
}
body section .mt30p, footer .mt30p, .h .mt30p, .blog #contents .mt30p {
  margin-top: 30%;
}
body section .mt10h, footer .mt10h, .h .mt10h, .blog #contents .mt10h {
  margin-top: 10vh;
}
body section .mt12h, footer .mt12h, .h .mt12h, .blog #contents .mt12h {
  margin-top: 12vh;
}
body section .mt15h, footer .mt15h, .h .mt15h, .blog #contents .mt15h {
  margin-top: 15vh;
}
body section .mt16h, footer .mt16h, .h .mt16h, .blog #contents .mt16h {
  margin-top: 16vh;
}
body section .mt18h, footer .mt18h, .h .mt18h, .blog #contents .mt18h {
  margin-top: 18vh;
}
body section .mt20h, footer .mt20h, .h .mt20h, .blog #contents .mt20h {
  margin-top: 20vh;
}
body section .mt22h, footer .mt22h, .h .mt22h, .blog #contents .mt22h {
  margin-top: 22vh;
}
body section .mt24h, footer .mt24h, .h .mt24h, .blog #contents .mt24h {
  margin-top: 24vh;
}
body section .mt26h, footer .mt26h, .h .mt26h, .blog #contents .mt26h {
  margin-top: 26vh;
}
body section .mt28h, footer .mt28h, .h .mt28h, .blog #contents .mt28h {
  margin-top: 28vh;
}
body section .mt30h, footer .mt30h, .h .mt30h, .blog #contents .mt30h {
  margin-top: 30vh;
}
body section .mtG, footer .mtG, .h .mtG, .blog #contents .mtG {
  margin-top: var(--g);
}
body section .mt-auto, footer .mt-auto, .h .mt-auto, .blog #contents .mt-auto {
  margin-top: auto;
}
body section .mt-head, footer .mt-head, .h .mt-head, .blog #contents .mt-head {
  margin-top: var(--head);
}
body section .mtB025, footer .mtB025, .h .mtB025, .blog #contents .mtB025 {
  margin-top: calc(0.25 * var(--bl));
}
body section .mtB03, footer .mtB03, .h .mtB03, .blog #contents .mtB03 {
  margin-top: calc(0.33 * var(--bl));
}
body section .mtB05, footer .mtB05, .h .mtB05, .blog #contents .mtB05 {
  margin-top: calc(0.5 * var(--bl));
}
body section .mtB06, footer .mtB06, .h .mtB06, .blog #contents .mtB06 {
  margin-top: calc(0.66 * var(--bl));
}
body section .mtB075, footer .mtB075, .h .mtB075, .blog #contents .mtB075 {
  margin-top: calc(0.75 * var(--bl));
}
body section .mtB1, footer .mtB1, .h .mtB1, .blog #contents .mtB1 {
  margin-top: calc(1 * var(--bl));
}
body section .mtB125, footer .mtB125, .h .mtB125, .blog #contents .mtB125 {
  margin-top: calc(1.25 * var(--bl));
}
body section .mtB15, footer .mtB15, .h .mtB15, .blog #contents .mtB15 {
  margin-top: calc(1.5 * var(--bl));
}
body section .mtB2, footer .mtB2, .h .mtB2, .blog #contents .mtB2 {
  margin-top: calc(2 * var(--bl));
}
body section .mtB3, footer .mtB3, .h .mtB3, .blog #contents .mtB3 {
  margin-top: calc(3 * var(--bl));
}
body section .mt240, footer .mt240, .h .mt240, .blog #contents .mt240 {
  margin-top: 240px;
}
body section .mt200, footer .mt200, .h .mt200, .blog #contents .mt200 {
  margin-top: 200px;
}
body section .mt180, footer .mt180, .h .mt180, .blog #contents .mt180 {
  margin-top: 180px;
}
body section .mt160, footer .mt160, .h .mt160, .blog #contents .mt160 {
  margin-top: 160px;
}
body section .mt140, footer .mt140, .h .mt140, .blog #contents .mt140 {
  margin-top: 140px;
}
body section .mt120, footer .mt120, .h .mt120, .blog #contents .mt120 {
  margin-top: 120px;
}
body section .mt108, footer .mt108, .h .mt108, .blog #contents .mt108 {
  margin-top: 108px;
}
body section .mt100, footer .mt100, .h .mt100, .blog #contents .mt100 {
  margin-top: 100px;
}
body section .mt90, footer .mt90, .h .mt90, .blog #contents .mt90 {
  margin-top: 90px;
}
body section .mt80, footer .mt80, .h .mt80, .blog #contents .mt80 {
  margin-top: 80px;
}
body section .mt72, footer .mt72, .h .mt72, .blog #contents .mt72 {
  margin-top: 72px;
}
body section .mt64, footer .mt64, .h .mt64, .blog #contents .mt64 {
  margin-top: 64px;
}
body section .mt60, footer .mt60, .h .mt60, .blog #contents .mt60 {
  margin-top: 60px;
}
body section .mt48, footer .mt48, .h .mt48, .blog #contents .mt48 {
  margin-top: 48px;
}
body section .mt40, footer .mt40, .h .mt40, .blog #contents .mt40 {
  margin-top: 40px;
}
body section .mt36, footer .mt36, .h .mt36, .blog #contents .mt36 {
  margin-top: 36px;
}
body section .mt32, footer .mt32, .h .mt32, .blog #contents .mt32 {
  margin-top: 32px;
}
body section .mt30, footer .mt30, .h .mt30, .blog #contents .mt30 {
  margin-top: 30px;
}
body section .mt24, footer .mt24, .h .mt24, .blog #contents .mt24 {
  margin-top: 24px;
}
body section .mt20, footer .mt20, .h .mt20, .blog #contents .mt20 {
  margin-top: 20px;
}
body section .mt16, footer .mt16, .h .mt16, .blog #contents .mt16 {
  margin-top: 16px;
}
body section .mt12, footer .mt12, .h .mt12, .blog #contents .mt12 {
  margin-top: 12px;
}
body section .mt10, footer .mt10, .h .mt10, .blog #contents .mt10 {
  margin-top: 10px;
}
body section .mt8, footer .mt8, .h .mt8, .blog #contents .mt8 {
  margin-top: 8px;
}
body section .mt0, footer .mt0, .h .mt0, .blog #contents .mt0 {
  margin-top: 0px;
}
body section .next-mt40 + div, footer .next-mt40 + div, .h .next-mt40 + div, .blog #contents .next-mt40 + div {
  margin-top: 40px;
}
body section .next-mt32 + div, footer .next-mt32 + div, .h .next-mt32 + div, .blog #contents .next-mt32 + div {
  margin-top: 32px;
}
body section .next-mt30 + div, footer .next-mt30 + div, .h .next-mt30 + div, .blog #contents .next-mt30 + div {
  margin-top: 30px;
}
body section .next-mt24 + div, footer .next-mt24 + div, .h .next-mt24 + div, .blog #contents .next-mt24 + div {
  margin-top: 24px;
}
body section .next-mt20 + div, footer .next-mt20 + div, .h .next-mt20 + div, .blog #contents .next-mt20 + div {
  margin-top: 20px;
}
body section .next-mt16 + div, footer .next-mt16 + div, .h .next-mt16 + div, .blog #contents .next-mt16 + div {
  margin-top: 16px;
}
body section .next-mt10 + div, footer .next-mt10 + div, .h .next-mt10 + div, .blog #contents .next-mt10 + div {
  margin-top: 10px;
}
body section .mbB025, footer .mbB025, .h .mbB025, .blog #contents .mbB025 {
  margin-bottom: calc(0.25 * var(--bl));
}
body section .mbB03, footer .mbB03, .h .mbB03, .blog #contents .mbB03 {
  margin-bottom: calc(0.33 * var(--bl));
}
body section .mbB05, footer .mbB05, .h .mbB05, .blog #contents .mbB05 {
  margin-bottom: calc(0.5 * var(--bl));
}
body section .mbB06, footer .mbB06, .h .mbB06, .blog #contents .mbB06 {
  margin-bottom: calc(0.66 * var(--bl));
}
body section .mbB075, footer .mbB075, .h .mbB075, .blog #contents .mbB075 {
  margin-bottom: calc(0.75 * var(--bl));
}
body section .mbB1, footer .mbB1, .h .mbB1, .blog #contents .mbB1 {
  margin-bottom: calc(1 * var(--bl));
}
body section .mbB125, footer .mbB125, .h .mbB125, .blog #contents .mbB125 {
  margin-bottom: calc(1.25 * var(--bl));
}
body section .mbB15, footer .mbB15, .h .mbB15, .blog #contents .mbB15 {
  margin-bottom: calc(1.5 * var(--bl));
}
body section .mbB2, footer .mbB2, .h .mbB2, .blog #contents .mbB2 {
  margin-bottom: calc(2 * var(--bl));
}
body section .mbB3, footer .mbB3, .h .mbB3, .blog #contents .mbB3 {
  margin-bottom: calc(3 * var(--bl));
}
body section .mb1e, footer .mb1e, .h .mb1e, .blog #contents .mb1e {
  margin-bottom: 1em;
}
body section .mb125e, footer .mb125e, .h .mb125e, .blog #contents .mb125e {
  margin-bottom: 1.25em;
}
body section .mb15e, footer .mb15e, .h .mb15e, .blog #contents .mb15e {
  margin-bottom: 1.5em;
}
body section .mb175e, footer .mb175e, .h .mb175e, .blog #contents .mb175e {
  margin-bottom: 1.75em;
}
body section .mb240, footer .mb240, .h .mb240, .blog #contents .mb240 {
  margin-bottom: 240px;
}
body section .mb200, footer .mb200, .h .mb200, .blog #contents .mb200 {
  margin-bottom: 200px;
}
body section .mb180, footer .mb180, .h .mb180, .blog #contents .mb180 {
  margin-bottom: 180px;
}
body section .mb160, footer .mb160, .h .mb160, .blog #contents .mb160 {
  margin-bottom: 160px;
}
body section .mb140, footer .mb140, .h .mb140, .blog #contents .mb140 {
  margin-bottom: 140px;
}
body section .mb120, footer .mb120, .h .mb120, .blog #contents .mb120 {
  margin-bottom: 120px;
}
body section .mb108, footer .mb108, .h .mb108, .blog #contents .mb108 {
  margin-bottom: 108px;
}
body section .mb100, footer .mb100, .h .mb100, .blog #contents .mb100 {
  margin-bottom: 100px;
}
body section .mb96, footer .mb96, .h .mb96, .blog #contents .mb96 {
  margin-bottom: 96px;
}
body section .mb90, footer .mb90, .h .mb90, .blog #contents .mb90 {
  margin-bottom: 90px;
}
body section .mb84, footer .mb84, .h .mb84, .blog #contents .mb84 {
  margin-bottom: 84px;
}
body section .mb80, footer .mb80, .h .mb80, .blog #contents .mb80 {
  margin-bottom: 80px;
}
body section .mb72, footer .mb72, .h .mb72, .blog #contents .mb72 {
  margin-bottom: 72px;
}
body section .mb64, footer .mb64, .h .mb64, .blog #contents .mb64 {
  margin-bottom: 64px;
}
body section .mb60, footer .mb60, .h .mb60, .blog #contents .mb60 {
  margin-bottom: 60px;
}
body section .mb48, footer .mb48, .h .mb48, .blog #contents .mb48 {
  margin-bottom: 48px;
}
body section .mb40, footer .mb40, .h .mb40, .blog #contents .mb40 {
  margin-bottom: 40px;
}
body section .mb36, footer .mb36, .h .mb36, .blog #contents .mb36 {
  margin-bottom: 36px;
}
body section .mb32, footer .mb32, .h .mb32, .blog #contents .mb32 {
  margin-bottom: 32px;
}
body section .mb30, footer .mb30, .h .mb30, .blog #contents .mb30 {
  margin-bottom: 30px;
}
body section .mb24, footer .mb24, .h .mb24, .blog #contents .mb24 {
  margin-bottom: 24px;
}
body section .mb20, footer .mb20, .h .mb20, .blog #contents .mb20 {
  margin-bottom: 20px;
}
body section .mb16, footer .mb16, .h .mb16, .blog #contents .mb16 {
  margin-bottom: 16px;
}
body section .mb12, footer .mb12, .h .mb12, .blog #contents .mb12 {
  margin-bottom: 12px;
}
body section .mb10, footer .mb10, .h .mb10, .blog #contents .mb10 {
  margin-bottom: 10px;
}
body section .mb8, footer .mb8, .h .mb8, .blog #contents .mb8 {
  margin-bottom: 8px;
}
body section .mb0, footer .mb0, .h .mb0, .blog #contents .mb0 {
  margin-bottom: 0px;
}
body section .nmb1e, footer .nmb1e, .h .nmb1e, .blog #contents .nmb1e {
  margin-bottom: -1em;
}
body section .nmb125e, footer .nmb125e, .h .nmb125e, .blog #contents .nmb125e {
  margin-bottom: -1.25em;
}
body section .nmb15e, footer .nmb15e, .h .nmb15e, .blog #contents .nmb15e {
  margin-bottom: -1.5em;
}
body section .nmb175e, footer .nmb175e, .h .nmb175e, .blog #contents .nmb175e {
  margin-bottom: -1.75em;
}
body section .nmb2e, footer .nmb2e, .h .nmb2e, .blog #contents .nmb2e {
  margin-bottom: -2em;
}
body section .nmb8, footer .nmb8, .h .nmb8, .blog #contents .nmb8 {
  margin-bottom: -8px;
}
body section .nmb10, footer .nmb10, .h .nmb10, .blog #contents .nmb10 {
  margin-bottom: -10px;
}
body section .nmb12, footer .nmb12, .h .nmb12, .blog #contents .nmb12 {
  margin-bottom: -12px;
}
body section .nmb16, footer .nmb16, .h .nmb16, .blog #contents .nmb16 {
  margin-bottom: -16px;
}
body section .nmb20, footer .nmb20, .h .nmb20, .blog #contents .nmb20 {
  margin-bottom: -20px;
}
body section .nmb24, footer .nmb24, .h .nmb24, .blog #contents .nmb24 {
  margin-bottom: -24px;
}
body section .nmb30, footer .nmb30, .h .nmb30, .blog #contents .nmb30 {
  margin-bottom: -30px;
}
body section .nmb32, footer .nmb32, .h .nmb32, .blog #contents .nmb32 {
  margin-bottom: -32px;
}
body section .nmb36, footer .nmb36, .h .nmb36, .blog #contents .nmb36 {
  margin-bottom: -36px;
}
body section .nmb40, footer .nmb40, .h .nmb40, .blog #contents .nmb40 {
  margin-bottom: -40px;
}
body section .nmb48, footer .nmb48, .h .nmb48, .blog #contents .nmb48 {
  margin-bottom: -48px;
}
body section .nmb60, footer .nmb60, .h .nmb60, .blog #contents .nmb60 {
  margin-bottom: -60px;
}
body section .nmb72, footer .nmb72, .h .nmb72, .blog #contents .nmb72 {
  margin-bottom: -72px;
}
body section .nmb80, footer .nmb80, .h .nmb80, .blog #contents .nmb80 {
  margin-bottom: -80px;
}
body section .nmb84, footer .nmb84, .h .nmb84, .blog #contents .nmb84 {
  margin-bottom: -84px;
}
body section .nmb90, footer .nmb90, .h .nmb90, .blog #contents .nmb90 {
  margin-bottom: -90px;
}
body section .nmb96, footer .nmb96, .h .nmb96, .blog #contents .nmb96 {
  margin-bottom: -96px;
}
body section .nmb100, footer .nmb100, .h .nmb100, .blog #contents .nmb100 {
  margin-bottom: -100px;
}
body section .nmb108, footer .nmb108, .h .nmb108, .blog #contents .nmb108 {
  margin-bottom: -108px;
}
body section .nmb120, footer .nmb120, .h .nmb120, .blog #contents .nmb120 {
  margin-bottom: -120px;
}
body section .nmb140, footer .nmb140, .h .nmb140, .blog #contents .nmb140 {
  margin-bottom: -140px;
}
body section .nmb150, footer .nmb150, .h .nmb150, .blog #contents .nmb150 {
  margin-bottom: -150px;
}
body section .nmb160, footer .nmb160, .h .nmb160, .blog #contents .nmb160 {
  margin-bottom: -160px;
}
body section .nmb180, footer .nmb180, .h .nmb180, .blog #contents .nmb180 {
  margin-bottom: -180px;
}
body section .nmb200, footer .nmb200, .h .nmb200, .blog #contents .nmb200 {
  margin-bottom: -200px;
}
body section .nmb240, footer .nmb240, .h .nmb240, .blog #contents .nmb240 {
  margin-bottom: -240px;
}
body section .nmbB03, footer .nmbB03, .h .nmbB03, .blog #contents .nmbB03 {
  margin-bottom: calc(var(--bl) / -3);
}
body section .nmbB05, footer .nmbB05, .h .nmbB05, .blog #contents .nmbB05 {
  margin-bottom: calc(var(--bl) / -2);
}
body section .nmbB06, footer .nmbB06, .h .nmbB06, .blog #contents .nmbB06 {
  margin-bottom: calc(var(--bl) / -1.5);
}
body section .nmbB075, footer .nmbB075, .h .nmbB075, .blog #contents .nmbB075 {
  margin-bottom: calc(var(--bl) / -4 * 3);
}
body section .nmbB1, footer .nmbB1, .h .nmbB1, .blog #contents .nmbB1 {
  margin-bottom: calc(-1 * var(--bl));
}
body section .nmbB15, footer .nmbB15, .h .nmbB15, .blog #contents .nmbB15 {
  margin-bottom: calc(-1.5 * var(--bl));
}
body section .nmbB2, footer .nmbB2, .h .nmbB2, .blog #contents .nmbB2 {
  margin-bottom: calc(-2 * var(--bl));
}
body section .nmb-FBS, footer .nmb-FBS, .h .nmb-FBS, .blog #contents .nmb-FBS {
  margin-bottom: calc(-1 * var(--FBS));
}
body section .nmt2mi, footer .nmt2mi, .h .nmt2mi, .blog #contents .nmt2mi {
  margin-top: -2vmin;
}
body section .nmt4mi, footer .nmt4mi, .h .nmt4mi, .blog #contents .nmt4mi {
  margin-top: -4vmin;
}
body section .nmt6mi, footer .nmt6mi, .h .nmt6mi, .blog #contents .nmt6mi {
  margin-top: -6vmin;
}
body section .nmt8mi, footer .nmt8mi, .h .nmt8mi, .blog #contents .nmt8mi {
  margin-top: -8vmin;
}
body section .nmt10mi, footer .nmt10mi, .h .nmt10mi, .blog #contents .nmt10mi {
  margin-top: -10vmin;
}
body section .nmt12mi, footer .nmt12mi, .h .nmt12mi, .blog #contents .nmt12mi {
  margin-top: -12vmin;
}
body section .nmt16mi, footer .nmt16mi, .h .nmt16mi, .blog #contents .nmt16mi {
  margin-top: -16vmin;
}
body section .nmt20mi, footer .nmt20mi, .h .nmt20mi, .blog #contents .nmt20mi {
  margin-top: -20vmin;
}
body section .nmtB03, footer .nmtB03, .h .nmtB03, .blog #contents .nmtB03 {
  margin-top: calc(var(--bl) / -3);
}
body section .nmtB05, footer .nmtB05, .h .nmtB05, .blog #contents .nmtB05 {
  margin-top: calc(var(--bl) / -2);
}
body section .nmtB06, footer .nmtB06, .h .nmtB06, .blog #contents .nmtB06 {
  margin-top: calc(var(--bl) / -1.5);
}
body section .nmtB075, footer .nmtB075, .h .nmtB075, .blog #contents .nmtB075 {
  margin-top: calc(var(--bl) / -4 * 3);
}
body section .nmtB05, footer .nmtB05, .h .nmtB05, .blog #contents .nmtB05 {
  margin-top: calc(-0.5 * var(--bl));
}
body section .nmtB025, footer .nmtB025, .h .nmtB025, .blog #contents .nmtB025 {
  margin-top: calc(-0.25 * var(--bl));
}
body section .nmtB1, footer .nmtB1, .h .nmtB1, .blog #contents .nmtB1 {
  margin-top: calc(-1 * var(--bl));
}
body section .nmtB15, footer .nmtB15, .h .nmtB15, .blog #contents .nmtB15 {
  margin-top: calc(-1.5 * var(--bl));
}
body section .nmtB2, footer .nmtB2, .h .nmtB2, .blog #contents .nmtB2 {
  margin-top: calc(-2 * var(--bl));
}
body section .nmtB25, footer .nmtB25, .h .nmtB25, .blog #contents .nmtB25 {
  margin-top: calc(-2.5 * var(--bl));
}
body section .nmtB3, footer .nmtB3, .h .nmtB3, .blog #contents .nmtB3 {
  margin-top: calc(-3 * var(--bl));
}
body section .nmt1, footer .nmt1, .h .nmt1, .blog #contents .nmt1 {
  margin-top: -1px;
}
body section .nmt8, footer .nmt8, .h .nmt8, .blog #contents .nmt8 {
  margin-top: -8px;
}
body section .nmt10, footer .nmt10, .h .nmt10, .blog #contents .nmt10 {
  margin-top: -10px;
}
body section .nmt12, footer .nmt12, .h .nmt12, .blog #contents .nmt12 {
  margin-top: -12px;
}
body section .nmt16, footer .nmt16, .h .nmt16, .blog #contents .nmt16 {
  margin-top: -16px;
}
body section .nmt20, footer .nmt20, .h .nmt20, .blog #contents .nmt20 {
  margin-top: -20px;
}
body section .nmt24, footer .nmt24, .h .nmt24, .blog #contents .nmt24 {
  margin-top: -24px;
}
body section .nmt30, footer .nmt30, .h .nmt30, .blog #contents .nmt30 {
  margin-top: -30px;
}
body section .nmt32, footer .nmt32, .h .nmt32, .blog #contents .nmt32 {
  margin-top: -32px;
}
body section .nmt36, footer .nmt36, .h .nmt36, .blog #contents .nmt36 {
  margin-top: -36px;
}
body section .nmt40, footer .nmt40, .h .nmt40, .blog #contents .nmt40 {
  margin-top: -40px;
}
body section .nmt48, footer .nmt48, .h .nmt48, .blog #contents .nmt48 {
  margin-top: -48px;
}
body section .nmt60, footer .nmt60, .h .nmt60, .blog #contents .nmt60 {
  margin-top: -60px;
}
body section .nmt72, footer .nmt72, .h .nmt72, .blog #contents .nmt72 {
  margin-top: -72px;
}
body section .nmt80, footer .nmt80, .h .nmt80, .blog #contents .nmt80 {
  margin-top: -80px;
}
body section .nmt84, footer .nmt84, .h .nmt84, .blog #contents .nmt84 {
  margin-top: -84px;
}
body section .nmt90, footer .nmt90, .h .nmt90, .blog #contents .nmt90 {
  margin-top: -90px;
}
body section .nmt96, footer .nmt96, .h .nmt96, .blog #contents .nmt96 {
  margin-top: -96px;
}
body section .nmt100, footer .nmt100, .h .nmt100, .blog #contents .nmt100 {
  margin-top: -100px;
}
body section .nmt108, footer .nmt108, .h .nmt108, .blog #contents .nmt108 {
  margin-top: -108px;
}
body section .nmt120, footer .nmt120, .h .nmt120, .blog #contents .nmt120 {
  margin-top: -120px;
}
body section .nmt140, footer .nmt140, .h .nmt140, .blog #contents .nmt140 {
  margin-top: -140px;
}
body section .nmt150, footer .nmt150, .h .nmt150, .blog #contents .nmt150 {
  margin-top: -150px;
}
body section .nmt160, footer .nmt160, .h .nmt160, .blog #contents .nmt160 {
  margin-top: -160px;
}
@media screen and (max-width: 640px) {
  body section .nmt160, footer .nmt160, .h .nmt160, .blog #contents .nmt160 {
    margin-top: -40px;
  }
}
body section .nmt180, footer .nmt180, .h .nmt180, .blog #contents .nmt180 {
  margin-top: -180px;
}
body section .nmt200, footer .nmt200, .h .nmt200, .blog #contents .nmt200 {
  margin-top: -200px;
}
body section .nmt240, footer .nmt240, .h .nmt240, .blog #contents .nmt240 {
  margin-top: -240px;
}
body section [class*=nmt], body section [class*=nmb], footer [class*=nmt], footer [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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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, footer .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, footer .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 .bdb1ac, footer .bdb1ac, .h .bdb1ac, .blog #contents .bdb1ac {
  border-bottom: 1px var(--decoS) var(--ac);
}
body section .bdb2ac, footer .bdb2ac, .h .bdb2ac, .blog #contents .bdb2ac {
  border-bottom: 2px var(--decoS) var(--ac);
}
body section .bdb3ac, footer .bdb3ac, .h .bdb3ac, .blog #contents .bdb3ac {
  border-bottom: 3px var(--decoS) var(--ac);
}
body section .bdb4ac, footer .bdb4ac, .h .bdb4ac, .blog #contents .bdb4ac {
  border-bottom: 4px var(--decoS) var(--ac);
}
body section .bdb6ac, footer .bdb6ac, .h .bdb6ac, .blog #contents .bdb6ac {
  border-bottom: 6px var(--decoS) var(--ac);
}
body section .bdb8ac, footer .bdb8ac, .h .bdb8ac, .blog #contents .bdb8ac {
  border-bottom: 8px var(--decoS) var(--ac);
}
body section .bdb10ac, footer .bdb10ac, .h .bdb10ac, .blog #contents .bdb10ac {
  border-bottom: 10px var(--decoS) var(--ac);
}
body section .bdb1bc, footer .bdb1bc, .h .bdb1bc, .blog #contents .bdb1bc {
  border-bottom: 1px var(--decoS) var(--bc);
}
body section .bdb2bc, footer .bdb2bc, .h .bdb2bc, .blog #contents .bdb2bc {
  border-bottom: 2px var(--decoS) var(--bc);
}
body section .bdb4bc, footer .bdb4bc, .h .bdb4bc, .blog #contents .bdb4bc {
  border-bottom: 4px var(--decoS) var(--bc);
}
body section .bdb6bc, footer .bdb6bc, .h .bdb6bc, .blog #contents .bdb6bc {
  border-bottom: 6px var(--decoS) var(--bc);
}
body section .bdb8bc, footer .bdb8bc, .h .bdb8bc, .blog #contents .bdb8bc {
  border-bottom: 8px var(--decoS) var(--bc);
}
body section .bdb10bc, footer .bdb10bc, .h .bdb10bc, .blog #contents .bdb10bc {
  border-bottom: 10px var(--decoS) var(--bc);
}
body section .bdb2sc, footer .bdb2sc, .h .bdb2sc, .blog #contents .bdb2sc {
  border-bottom: 1px var(--decoS) var(--sc);
}
body section .bdb2sc, footer .bdb2sc, .h .bdb2sc, .blog #contents .bdb2sc {
  border-bottom: 2px var(--decoS) var(--sc);
}
body section .bdb4sc, footer .bdb4sc, .h .bdb4sc, .blog #contents .bdb4sc {
  border-bottom: 4px var(--decoS) var(--sc);
}
body section .bdb6sc, footer .bdb6sc, .h .bdb6sc, .blog #contents .bdb6sc {
  border-bottom: 6px var(--decoS) var(--sc);
}
body section .bdb8sc, footer .bdb8sc, .h .bdb8sc, .blog #contents .bdb8sc {
  border-bottom: 8px var(--decoS) var(--sc);
}
body section .bdb10sc, footer .bdb10sc, .h .bdb10sc, .blog #contents .bdb10sc {
  border-bottom: 10px var(--decoS) var(--sc);
}
body section .bdb1mc, footer .bdb1mc, .h .bdb1mc, .blog #contents .bdb1mc {
  border-bottom: 1px var(--decoS) var(--mc);
}
body section .bdb2mc, footer .bdb2mc, .h .bdb2mc, .blog #contents .bdb2mc {
  border-bottom: 2px var(--decoS) var(--mc);
}
body section .bdb4mc, footer .bdb4mc, .h .bdb4mc, .blog #contents .bdb4mc {
  border-bottom: 4px var(--decoS) var(--mc);
}
body section .bdb6mc, footer .bdb6mc, .h .bdb6mc, .blog #contents .bdb6mc {
  border-bottom: 6px var(--decoS) var(--mc);
}
body section .bdb8mc, footer .bdb8mc, .h .bdb8mc, .blog #contents .bdb8mc {
  border-bottom: 8px var(--decoS) var(--mc);
}
body section .bdb10mc, footer .bdb10mc, .h .bdb10mc, .blog #contents .bdb10mc {
  border-bottom: 10px var(--decoS) var(--mc);
}
body section .bdb1wh, footer .bdb1wh, .h .bdb1wh, .blog #contents .bdb1wh {
  border-bottom: 1px var(--decoS) var(--wh);
}
body section .bdb2wh, footer .bdb2wh, .h .bdb2wh, .blog #contents .bdb2wh {
  border-bottom: 2px var(--decoS) var(--wh);
}
body section .bdb4wh, footer .bdb4wh, .h .bdb4wh, .blog #contents .bdb4wh {
  border-bottom: 4px var(--decoS) var(--wh);
}
body section .bdb6wh, footer .bdb6wh, .h .bdb6wh, .blog #contents .bdb6wh {
  border-bottom: 6px var(--decoS) var(--wh);
}
body section .bdb8wh, footer .bdb8wh, .h .bdb8wh, .blog #contents .bdb8wh {
  border-bottom: 8px var(--decoS) var(--wh);
}
body section .bdb10wh, footer .bdb10wh, .h .bdb10wh, .blog #contents .bdb10wh {
  border-bottom: 10px var(--decoS) var(--wh);
}
body section .bdtWH, footer .bdtWH, .h .bdtWH, .blog #contents .bdtWH {
  border-top: 1px var(--decoS) var(--wh);
}
body section .bdtBK, footer .bdtBK, .h .bdtBK, .blog #contents .bdtBK {
  border-top: 1px var(--decoS) var(--bk);
}
body section .bdtGR, footer .bdtGR, .h .bdtGR, .blog #contents .bdtGR {
  border-top: 1px var(--decoS) var(--gr);
}
body section .bdtTX, footer .bdtTX, .h .bdtTX, .blog #contents .bdtTX {
  border-top: 1px var(--decoS) var(--tx);
}
body section .bdtMC, footer .bdtMC, .h .bdtMC, .blog #contents .bdtMC {
  border-top: 1px var(--decoS) var(--mc);
}
body section .bdtSC, footer .bdtSC, .h .bdtSC, .blog #contents .bdtSC {
  border-top: 1px var(--decoS) var(--sc);
}
body section .bdtAC, footer .bdtAC, .h .bdtAC, .blog #contents .bdtAC {
  border-top: 1px var(--decoS) var(--ac);
}
body section .bdtBC, footer .bdtBC, .h .bdtBC, .blog #contents .bdtBC {
  border-top: 1px var(--decoS) var(--bc);
}
body section .hbb1wh :is(h1, h2, h3), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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), footer .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, footer .i-max600 img, .h .i-max600 img, .blog #contents .i-max600 img {
  height: 600px !important;
}
body section .i-max500 img, footer .i-max500 img, .h .i-max500 img, .blog #contents .i-max500 img {
  height: 500px !important;
}
body section .i-max400 img, footer .i-max400 img, .h .i-max400 img, .blog #contents .i-max400 img {
  height: 400px !important;
}
body section .i-max300 img, footer .i-max300 img, .h .i-max300 img, .blog #contents .i-max300 img {
  height: 300px !important;
}
body section .i-max200 img, footer .i-max200 img, .h .i-max200 img, .blog #contents .i-max200 img {
  height: 200px !important;
}
body section .i-bd12wh img, footer .i-bd12wh img, .h .i-bd12wh img, .blog #contents .i-bd12wh img {
  border: 12px solid var(--wh);
}
body section .i-bd12mc img, footer .i-bd12mc img, .h .i-bd12mc img, .blog #contents .i-bd12mc img {
  border: 12px solid var(--mc);
}
body section .box-bd12wh .box, footer .box-bd12wh .box, .h .box-bd12wh .box, .blog #contents .box-bd12wh .box {
  border: 12px solid var(--wh);
}
body section .box-bd12mc .box, footer .box-bd12mc .box, .h .box-bd12mc .box, .blog #contents .box-bd12mc .box {
  border: 12px solid var(--mc);
}
body section .bd2ac, footer .bd2ac, .h .bd2ac, .blog #contents .bd2ac {
  border: 2px solid var(--ac);
}
body section .bd4ac, footer .bd4ac, .h .bd4ac, .blog #contents .bd4ac {
  border: 4px solid var(--ac);
}
body section .bd6ac, footer .bd6ac, .h .bd6ac, .blog #contents .bd6ac {
  border: 6px solid var(--ac);
}
body section .bd8ac, footer .bd8ac, .h .bd8ac, .blog #contents .bd8ac {
  border: 8px solid var(--ac);
}
body section .bd10ac, footer .bd10ac, .h .bd10ac, .blog #contents .bd10ac {
  border: 10px solid var(--ac);
}
body section .bd12ac, footer .bd12ac, .h .bd12ac, .blog #contents .bd12ac {
  border: 12px solid var(--ac);
}
body section .bd16ac, footer .bd16ac, .h .bd16ac, .blog #contents .bd16ac {
  border: 16px solid var(--ac);
}
body section .bd2bc, footer .bd2bc, .h .bd2bc, .blog #contents .bd2bc {
  border: 2px solid var(--bc);
}
body section .bd4bc, footer .bd4bc, .h .bd4bc, .blog #contents .bd4bc {
  border: 4px solid var(--bc);
}
body section .bd6bc, footer .bd6bc, .h .bd6bc, .blog #contents .bd6bc {
  border: 6px solid var(--bc);
}
body section .bd8bc, footer .bd8bc, .h .bd8bc, .blog #contents .bd8bc {
  border: 8px solid var(--bc);
}
body section .bd10bc, footer .bd10bc, .h .bd10bc, .blog #contents .bd10bc {
  border: 10px solid var(--bc);
}
body section .bd12bc, footer .bd12bc, .h .bd12bc, .blog #contents .bd12bc {
  border: 12px solid var(--bc);
}
body section .bd16bc, footer .bd16bc, .h .bd16bc, .blog #contents .bd16bc {
  border: 16px solid var(--bc);
}
body section .bd2sc, footer .bd2sc, .h .bd2sc, .blog #contents .bd2sc {
  border: 2px solid var(--sc);
}
body section .bd4sc, footer .bd4sc, .h .bd4sc, .blog #contents .bd4sc {
  border: 4px solid var(--sc);
}
body section .bd6sc, footer .bd6sc, .h .bd6sc, .blog #contents .bd6sc {
  border: 6px solid var(--sc);
}
body section .bd8sc, footer .bd8sc, .h .bd8sc, .blog #contents .bd8sc {
  border: 8px solid var(--sc);
}
body section .bd10sc, footer .bd10sc, .h .bd10sc, .blog #contents .bd10sc {
  border: 10px solid var(--sc);
}
body section .bd12sc, footer .bd12sc, .h .bd12sc, .blog #contents .bd12sc {
  border: 12px solid var(--sc);
}
body section .bd16sc, footer .bd16sc, .h .bd16sc, .blog #contents .bd16sc {
  border: 16px solid var(--sc);
}
body section .bd2mc, footer .bd2mc, .h .bd2mc, .blog #contents .bd2mc {
  border: 2px solid var(--mc);
}
body section .bd4mc, footer .bd4mc, .h .bd4mc, .blog #contents .bd4mc {
  border: 4px solid var(--mc);
}
body section .bd6mc, footer .bd6mc, .h .bd6mc, .blog #contents .bd6mc {
  border: 6px solid var(--mc);
}
body section .bd8mc, footer .bd8mc, .h .bd8mc, .blog #contents .bd8mc {
  border: 8px solid var(--mc);
}
body section .bd10mc, footer .bd10mc, .h .bd10mc, .blog #contents .bd10mc {
  border: 10px solid var(--mc);
}
body section .bd12mc, footer .bd12mc, .h .bd12mc, .blog #contents .bd12mc {
  border: 12px solid var(--mc);
}
body section .bd16mc, footer .bd16mc, .h .bd16mc, .blog #contents .bd16mc {
  border: 16px solid var(--mc);
}

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

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

body section :is(h1, h2, h3):has([class*=deco]), body section .h2font, footer :is(h1, h2, h3):has([class*=deco]), footer .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, footer :is(h1, h2, h3):has([class*=deco]) u, footer :is(h1, h2, h3):has([class*=deco]) b, footer :is(h1, h2, h3):has([class*=deco]) span, footer .h2font u, footer .h2font b, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .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, footer .deco12bk, .h .deco12bk, .blog #contents .deco12bk {
  -webkit-text-decoration: underline var(--decoS) 12px var(--bk);
          text-decoration: underline var(--decoS) 12px var(--bk);
}

@media screen and (max-width: 960px) {
  body section .left-960, footer .left-960, .h .left-960, .blog #contents .left-960 {
    text-align: left !important;
  }
  body section .left-960 *, footer .left-960 *, .h .left-960 *, .blog #contents .left-960 * {
    text-align: left !important;
  }
}
body section .TAC, footer .TAC, .h .TAC, .blog #contents .TAC {
  text-align: center !important;
}
body section .TAC *, footer .TAC *, .h .TAC *, .blog #contents .TAC * {
  text-align: center !important;
}
body section .TAL, footer .TAL, .h .TAL, .blog #contents .TAL {
  text-align: left !important;
}
body section .TAL *, footer .TAL *, .h .TAL *, .blog #contents .TAL * {
  text-align: left !important;
}
body section .TAR, footer .TAR, .h .TAR, .blog #contents .TAR {
  text-align: right !important;
}
body section .TAR *, footer .TAR *, .h .TAR *, .blog #contents .TAR * {
  text-align: right !important;
}
@media screen and (max-width: 834px) {
  body section .tabTAC, footer .tabTAC, .h .tabTAC, .blog #contents .tabTAC {
    text-align: center !important;
  }
  body section .tabTAC *, footer .tabTAC *, .h .tabTAC *, .blog #contents .tabTAC * {
    text-align: center !important;
  }
  body section .tabTAL, footer .tabTAL, .h .tabTAL, .blog #contents .tabTAL {
    text-align: left !important;
  }
  body section .tabTAL *, footer .tabTAL *, .h .tabTAL *, .blog #contents .tabTAL * {
    text-align: left !important;
  }
  body section .left-tab, footer .left-tab, .h .left-tab, .blog #contents .left-tab {
    text-align: left !important;
  }
  body section .left-tab *, footer .left-tab *, .h .left-tab *, .blog #contents .left-tab * {
    text-align: left !important;
  }
}
@media screen and (max-width: 640px) {
  body section .spTAC, footer .spTAC, .h .spTAC, .blog #contents .spTAC {
    text-align: center !important;
  }
  body section .spTAC *, footer .spTAC *, .h .spTAC *, .blog #contents .spTAC * {
    text-align: center !important;
  }
  body section .spTAL, footer .spTAL, .h .spTAL, .blog #contents .spTAL {
    text-align: left !important;
  }
  body section .spTAL *, footer .spTAL *, .h .spTAL *, .blog #contents .spTAL * {
    text-align: left !important;
  }
  body section .left-sp, footer .left-sp, .h .left-sp, .blog #contents .left-sp {
    text-align: left !important;
  }
  body section .left-sp *, footer .left-sp *, .h .left-sp *, .blog #contents .left-sp * {
    text-align: left !important;
  }
}
@media screen and (max-width: 480px) {
  body section .left-480, footer .left-480, .h .left-480, .blog #contents .left-480 {
    text-align: left !important;
  }
  body section .left-480 *, footer .left-480 *, .h .left-480 *, .blog #contents .left-480 * {
    text-align: left !important;
  }
}

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

@media screen and (max-width: 480px) {
  body section .bp48-50 ul > *, footer .bp48-50 ul > *, .h .bp48-50 ul > *, .blog #contents .bp48-50 ul > * {
    flex: 0 0 calc(50% - var(--g) / 2) !important;
  }
}
@media screen and (max-width: 640px) {
  body section .sp-50 ul > *, footer .sp-50 ul > *, .h .sp-50 ul > *, .blog #contents .sp-50 ul > * {
    flex: 0 0 calc(50% - var(--g) / 2) !important;
  }
}
@media screen and (max-width: 834px) {
  body section .tab-50 ul > *, footer .tab-50 ul > *, .h .tab-50 ul > *, .blog #contents .tab-50 ul > * {
    flex: 0 0 calc(50% - var(--g) / 2) !important;
  }
}
@media screen and (max-width: 960px) {
  body section .bp96-50 ul > *, footer .bp96-50 ul > *, .h .bp96-50 ul > *, .blog #contents .bp96-50 ul > * {
    flex: 0 0 calc(50% - var(--g) / 2) !important;
  }
}
@media screen and (max-width: 480px) {
  body section .bp48-100 ul > *, footer .bp48-100 ul > *, .h .bp48-100 ul > *, .blog #contents .bp48-100 ul > * {
    flex: 0 0 100% !important;
  }
}
@media screen and (max-width: 640px) {
  body section .sp-100 ul > *, footer .sp-100 ul > *, .h .sp-100 ul > *, .blog #contents .sp-100 ul > * {
    flex: 0 0 100% !important;
  }
}
@media screen and (max-width: 834px) {
  body section .tab-100 ul > *, footer .tab-100 ul > *, .h .tab-100 ul > *, .blog #contents .tab-100 ul > * {
    flex: 0 0 100% !important;
  }
}
@media screen and (max-width: 960px) {
  body section .bp96-100 ul > *, footer .bp96-100 ul > *, .h .bp96-100 ul > *, .blog #contents .bp96-100 ul > * {
    flex: 0 0 100% !important;
  }
}

@media screen and (max-width: 480px) {
  body section .bp48-50LIST [class*=_list] > div, footer .bp48-50LIST [class*=_list] > div, .h .bp48-50LIST [class*=_list] > div, .blog #contents .bp48-50LIST [class*=_list] > div {
    flex: 0 0 calc(50% - var(--g) / 2) !important;
  }
}
@media screen and (max-width: 640px) {
  body section .sp-50LIST [class*=_list] > div, footer .sp-50LIST [class*=_list] > div, .h .sp-50LIST [class*=_list] > div, .blog #contents .sp-50LIST [class*=_list] > div {
    flex: 0 0 calc(50% - var(--g) / 2) !important;
  }
}
@media screen and (max-width: 834px) {
  body section .tab-50LIST [class*=_list] > div, footer .tab-50LIST [class*=_list] > div, .h .tab-50LIST [class*=_list] > div, .blog #contents .tab-50LIST [class*=_list] > div {
    flex: 0 0 calc(50% - var(--g) / 2) !important;
  }
}
@media screen and (max-width: 960px) {
  body section .bp96-50LIST [class*=_list] > div, footer .bp96-50LIST [class*=_list] > div, .h .bp96-50LIST [class*=_list] > div, .blog #contents .bp96-50LIST [class*=_list] > div {
    flex: 0 0 calc(50% - var(--g) / 2) !important;
  }
}
@media screen and (max-width: 480px) {
  body section .bp48-100LIST [class*=_list] > div, footer .bp48-100LIST [class*=_list] > div, .h .bp48-100LIST [class*=_list] > div, .blog #contents .bp48-100LIST [class*=_list] > div {
    flex: 0 0 100% !important;
  }
}
@media screen and (max-width: 640px) {
  body section .sp-100LIST [class*=_list] > div, footer .sp-100LIST [class*=_list] > div, .h .sp-100LIST [class*=_list] > div, .blog #contents .sp-100LIST [class*=_list] > div {
    flex: 0 0 100% !important;
  }
}
@media screen and (max-width: 834px) {
  body section .tab-100LIST [class*=_list] > div, footer .tab-100LIST [class*=_list] > div, .h .tab-100LIST [class*=_list] > div, .blog #contents .tab-100LIST [class*=_list] > div {
    flex: 0 0 100% !important;
  }
}
@media screen and (max-width: 960px) {
  body section .bp96-100LIST [class*=_list] > div, footer .bp96-100LIST [class*=_list] > div, .h .bp96-100LIST [class*=_list] > div, .blog #contents .bp96-100LIST [class*=_list] > div {
    flex: 0 0 100% !important;
  }
}

@media screen and (max-width: 640px) {
  body section .sp-scr, footer .sp-scr, .h .sp-scr, .blog #contents .sp-scr {
    max-height: 60vh;
    overflow-y: scroll;
  }
}
body section .pcNone, footer .pcNone, .h .pcNone, .blog #contents .pcNone {
  display: none;
}
@media screen and (max-width: 834px) {
  body section .pcNone, footer .pcNone, .h .pcNone, .blog #contents .pcNone {
    display: block;
  }
}
@media screen and (max-width: 834px) {
  body section .tabNone, footer .tabNone, .h .tabNone, .blog #contents .tabNone {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  body section .spNone, footer .spNone, .h .spNone, .blog #contents .spNone {
    display: none !important;
  }
}
@media screen and (max-width: 1200px) {
  body section .menuBPnone, footer .menuBPnone, .h .menuBPnone, .blog #contents .menuBPnone {
    display: none;
  }
}
body section .nobr br, footer .nobr br, .h .nobr br, .blog #contents .nobr br {
  display: none;
}
@media screen and (max-width: 640px) {
  body section .nobr-sp br, footer .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, footer .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, footer .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, footer .nobr-48 br, .h .nobr-48 br, .blog #contents .nobr-48 br {
    display: none;
  }
}

body section .op05, footer .op05, .h .op05, .blog #contents .op05, header .op05 {
  opacity: 0.05;
}
body section .op1, footer .op1, .h .op1, .blog #contents .op1, header .op1 {
  opacity: 0.1;
}
body section .op2, footer .op2, .h .op2, .blog #contents .op2, header .op2 {
  opacity: 0.2;
}
body section .op3, footer .op3, .h .op3, .blog #contents .op3, header .op3 {
  opacity: 0.3;
}
body section .op4, footer .op4, .h .op4, .blog #contents .op4, header .op4 {
  opacity: 0.4;
}
body section .op5, footer .op5, .h .op5, .blog #contents .op5, header .op5 {
  opacity: 0.5;
}
body section .op6, footer .op6, .h .op6, .blog #contents .op6, header .op6 {
  opacity: 0.6;
}
body section .op7, footer .op7, .h .op7, .blog #contents .op7, header .op7 {
  opacity: 0.7;
}
body section .op8, footer .op8, .h .op8, .blog #contents .op8, header .op8 {
  opacity: 0.8;
}
body section .op9, footer .op9, .h .op9, .blog #contents .op9, header .op9 {
  opacity: 0.9;
}
body section .op10, footer .op10, .h .op10, .blog #contents .op10, header .op10 {
  opacity: 1;
}
body section .rotate90, footer .rotate90, .h .rotate90, .blog #contents .rotate90, header .rotate90 {
  rotate: 90deg;
}
body section .rotate180, footer .rotate180, .h .rotate180, .blog #contents .rotate180, header .rotate180 {
  rotate: 180deg;
}
body section .rotate-90, footer .rotate-90, .h .rotate-90, .blog #contents .rotate-90, header .rotate-90 {
  rotate: -90deg;
}
body section .uppercase, body section .uppercase *, footer .uppercase, footer .uppercase *, .h .uppercase, .h .uppercase *, .blog #contents .uppercase, .blog #contents .uppercase *, header .uppercase, header .uppercase * {
  text-transform: uppercase;
}
body section .hue180, footer .hue180, .h .hue180, .blog #contents .hue180, header .hue180 {
  filter: hue-rotate(180deg);
}
body section .hue150, footer .hue150, .h .hue150, .blog #contents .hue150, header .hue150 {
  filter: hue-rotate(150deg);
}
body section .hue120, footer .hue120, .h .hue120, .blog #contents .hue120, header .hue120 {
  filter: hue-rotate(120deg);
}
body section .hue90, footer .hue90, .h .hue90, .blog #contents .hue90, header .hue90 {
  filter: hue-rotate(90deg);
}
body section .hue60, footer .hue60, .h .hue60, .blog #contents .hue60, header .hue60 {
  filter: hue-rotate(60deg);
}
body section .hue30, footer .hue30, .h .hue30, .blog #contents .hue30, header .hue30 {
  filter: hue-rotate(30deg);
}
body section .hue-180, footer .hue-180, .h .hue-180, .blog #contents .hue-180, header .hue-180 {
  filter: hue-rotate(-180deg);
}
body section .hue-150, footer .hue-150, .h .hue-150, .blog #contents .hue-150, header .hue-150 {
  filter: hue-rotate(-150deg);
}
body section .hue-120, footer .hue-120, .h .hue-120, .blog #contents .hue-120, header .hue-120 {
  filter: hue-rotate(-120deg);
}
body section .hue-90, footer .hue-90, .h .hue-90, .blog #contents .hue-90, header .hue-90 {
  filter: hue-rotate(-90deg);
}
body section .hue-60, footer .hue-60, .h .hue-60, .blog #contents .hue-60, header .hue-60 {
  filter: hue-rotate(-60deg);
}
body section .hue-30, footer .hue-30, .h .hue-30, .blog #contents .hue-30, header .hue-30 {
  filter: hue-rotate(-30deg);
}
body section .BGHL, footer .BGHL, .h .BGHL, .blog #contents .BGHL, header .BGHL {
  background-blend-mode: hard-light;
}
body section .BGSC, footer .BGSC, .h .BGSC, .blog #contents .BGSC, header .BGSC {
  background-blend-mode: screen;
}
body section .BGDK, footer .BGDK, .h .BGDK, .blog #contents .BGDK, header .BGDK {
  background-blend-mode: darken;
}
body section .BGSL, footer .BGSL, .h .BGSL, .blog #contents .BGSL, header .BGSL {
  background-blend-mode: soft-light;
}
body section .BGLT, footer .BGLT, .h .BGLT, .blog #contents .BGLT, header .BGLT {
  background-blend-mode: lighten;
}
body section .BGCL, footer .BGCL, .h .BGCL, .blog #contents .BGCL, header .BGCL {
  background-blend-mode: color;
}
body section .BGOL, footer .BGOL, .h .BGOL, .blog #contents .BGOL, header .BGOL {
  background-blend-mode: overlay;
}
body section .BGDF, footer .BGDF, .h .BGDF, .blog #contents .BGDF, header .BGDF {
  background-blend-mode: difference;
}
body section .BGMP, footer .BGMP, .h .BGMP, .blog #contents .BGMP, header .BGMP {
  background-blend-mode: multiply;
}
body section .Grayscale, footer .Grayscale, .h .Grayscale, .blog #contents .Grayscale, header .Grayscale {
  filter: grayscale(100%);
}
body section .Overlay, footer .Overlay, .h .Overlay, .blog #contents .Overlay, header .Overlay {
  mix-blend-mode: Overlay;
}
body section .Screen, footer .Screen, .h .Screen, .blog #contents .Screen, header .Screen {
  mix-blend-mode: screen;
}
body section .Lighten, footer .Lighten, .h .Lighten, .blog #contents .Lighten, header .Lighten {
  mix-blend-mode: Lighten;
}
body section .Darken, footer .Darken, .h .Darken, .blog #contents .Darken, header .Darken {
  mix-blend-mode: darken;
}
body section .Multiply, footer .Multiply, .h .Multiply, .blog #contents .Multiply, header .Multiply {
  mix-blend-mode: multiply;
}
body section .Difference, footer .Difference, .h .Difference, .blog #contents .Difference, header .Difference {
  mix-blend-mode: difference;
}
body section .Darken, footer .Darken, .h .Darken, .blog #contents .Darken, header .Darken {
  mix-blend-mode: darken;
}
body section .Invert, footer .Invert, .h .Invert, .blog #contents .Invert, header .Invert {
  filter: invert(1);
}
body section .shadow, footer .shadow, .h .shadow, .blog #contents .shadow, header .shadow {
  box-shadow: var(--bs);
}
body section .absB, footer .absB, .h .absB, .blog #contents .absB, header .absB {
  position: absolute;
  bottom: 0;
}
body section .absT, footer .absT, .h .absT, .blog #contents .absT, header .absT {
  position: absolute;
  top: 0;
}
body section .absR, footer .absR, .h .absR, .blog #contents .absR, header .absR {
  position: absolute;
  right: 0;
}
body section .absL, footer .absL, .h .absL, .blog #contents .absL, header .absL {
  position: absolute;
  left: 0;
}
body section .absRB, footer .absRB, .h .absRB, .blog #contents .absRB, header .absRB {
  position: absolute;
  bottom: 0;
  right: 0;
}
body section .absRT, footer .absRT, .h .absRT, .blog #contents .absRT, header .absRT {
  position: absolute;
  top: 0;
  right: 0;
}
body section .absLB, footer .absLB, .h .absLB, .blog #contents .absLB, header .absLB {
  position: absolute;
  bottom: 0;
  left: 0;
}
body section .absLT, footer .absLT, .h .absLT, .blog #contents .absLT, header .absLT {
  position: absolute;
  top: 0;
  left: 0;
}
body section .min100p, footer .min100p, .h .min100p, .blog #contents .min100p, header .min100p {
  min-width: 100%;
}
body section .min100vh, footer .min100vh, .h .min100vh, .blog #contents .min100vh, header .min100vh {
  min-height: 100vh;
}
body section .migiyose, footer .migiyose, .h .migiyose, .blog #contents .migiyose, header .migiyose {
  float: right;
  text-align: right;
}
body section .floatR, footer .floatR, .h .floatR, .blog #contents .floatR, header .floatR {
  float: right;
  text-align: right;
}
body section .afnone:after, footer .afnone:after, .h .afnone:after, .blog #contents .afnone:after, header .afnone:after {
  display: none;
}
body section .order1, footer .order1, .h .order1, .blog #contents .order1, header .order1 {
  order: 1;
}
body section .order-1, footer .order-1, .h .order-1, .blog #contents .order-1, header .order-1 {
  order: -1;
}
body section .H-o1 :is(h1, h2, h3), footer .H-o1 :is(h1, h2, h3), .h .H-o1 :is(h1, h2, h3), .blog #contents .H-o1 :is(h1, h2, h3), header .H-o1 :is(h1, h2, h3) {
  order: 1;
}
body section .H-o-1 :is(h1, h2, h3), footer .H-o-1 :is(h1, h2, h3), .h .H-o-1 :is(h1, h2, h3), .blog #contents .H-o-1 :is(h1, h2, h3), header .H-o-1 :is(h1, h2, h3) {
  order: -1;
}
body section .img-o1 :is(img, *:has(> img)), footer .img-o1 :is(img, *:has(> img)), .h .img-o1 :is(img, *:has(> img)), .blog #contents .img-o1 :is(img, *:has(> img)), header .img-o1 :is(img, *:has(> img)) {
  order: 1;
}
body section .img-o-1 :is(img, *:has(> img)), footer .img-o-1 :is(img, *:has(> img)), .h .img-o-1 :is(img, *:has(> img)), .blog #contents .img-o-1 :is(img, *:has(> img)), header .img-o-1 :is(img, *:has(> img)) {
  order: -1;
}
body section .z-100, footer .z-100, .h .z-100, .blog #contents .z-100, header .z-100 {
  position: relative;
  z-index: -100;
}
body section .z-10, footer .z-10, .h .z-10, .blog #contents .z-10, header .z-10 {
  position: relative;
  z-index: -10;
}
body section .z-1, footer .z-1, .h .z-1, .blog #contents .z-1, header .z-1 {
  position: relative;
  z-index: -1;
}
body section .z1, footer .z1, .h .z1, .blog #contents .z1, header .z1 {
  position: relative;
  z-index: 1;
}
body section .z10, footer .z10, .h .z10, .blog #contents .z10, header .z10 {
  position: relative;
  z-index: 10;
}
body section .z100, footer .z100, .h .z100, .blog #contents .z100, header .z100 {
  position: relative;
  z-index: 100;
}
body section .z1000, footer .z1000, .h .z1000, .blog #contents .z1000, header .z1000 {
  position: relative;
  z-index: 1000;
}
body section .x-scr, footer .x-scr, .h .x-scr, .blog #contents .x-scr, header .x-scr {
  overflow-x: scroll;
}
body section .visible:is(#contents *), footer .visible:is(#contents *), .h .visible:is(#contents *), .blog #contents .visible:is(#contents *), header .visible:is(#contents *) {
  overflow: visible;
}
body section .noscr:is(#contents *), footer .noscr:is(#contents *), .h .noscr:is(#contents *), .blog #contents .noscr:is(#contents *), header .noscr:is(#contents *) {
  overflow-y: visible;
}
body section .scr:is(#contents *), footer .scr:is(#contents *), .h .scr:is(#contents *), .blog #contents .scr:is(#contents *), header .scr:is(#contents *) {
  overflow-y: scroll;
}
body section .ch-f1 > *, footer .ch-f1 > *, .h .ch-f1 > *, .blog #contents .ch-f1 > *, header .ch-f1 > * {
  flex: 1;
  width: unset;
}
body section .fitauto, footer .fitauto, .h .fitauto, .blog #contents .fitauto, header .fitauto {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
body section .btn.fitauto, footer .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 */