@charset "UTF-8";
#wrap_all {
  width: 100%;
  min-height: 100dvh;
}
#wrap_hn {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  #wrap_hn > [id*=_inner] {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
}
@media screen and (max-width: 1199px) {
  #wrap_hn > [id*=_inner] {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px 0;
  }
}
#wrap_content {
  width: 100%;
}
#wrap_content > .wp-block-group > [class*=_inner],
#wrap_content > .content > [class*=_inner] {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}
#wrap_footer {
  width: 100%;
  position: sticky;
  top: 100%;
}
#wrap_footer_inner {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 3em 0;
}

#wrap_hn {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 90;
  background-color: var(--c-primary);
  backdrop-filter: blur(5px);
  -webkit-filter: drop-shadow(0px 0px 5px var(--c-bg-rgba));
          filter: drop-shadow(0px 0px 5px var(--c-bg-rgba));
  color: var(--c-body);
  line-height: 1.2;
}
#wrap_hn a {
  color: inherit;
  text-decoration: none;
}
#wrap_hn :is(h1, .h1) {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
#wrap_hn :is(h1, .h1) > span, #wrap_hn :is(h1, .h1) a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}
#wrap_hn :is(h1, .h1) svg {
  width: 100%;
  max-width: 200px;
  height: auto;
  max-height: 75px;
}
#wrap_hn :is(h1, .h1) svg path {
  fill: var(--c-body) !important;
}
#wrap_hn ul li {
  list-style: none;
  margin-left: 0;
}
#wrap_hn ul li:not(:last-child) {
  margin-bottom: 0 !important;
}
#wrap_hn ul.ul_iconbox > li:not([class*=bgc_]) {
  background-color: transparent;
  color: currentColor;
}
#wrap_hn .nav_main {
  word-break: keep-all;
  overflow-wrap: anywhere;
}
#wrap_hn .nav_main .bgc_corp {
  background-color: var(--c-corp) !important;
}
#wrap_hn .nav_main .bgc_object {
  --c-object-bgctxt: var(--c-corp);
}
@media screen and (min-width: 1200px) {
  #wrap_hn .nav_main ul li:not([class*=bgc_]) {
    border-right: 1px solid var(--c-white);
  }
}

#drawer_btn {
  display: none;
}

@media screen and (max-width: 1199px) {
  #drawer_btn ~ [for=drawer_btn] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    gap: 0;
    position: relative;
    z-index: 999;
    overflow: hidden;
    width: 30px;
    height: 30px;
    background-color: var(--c-body);
  }
  #drawer_btn ~ [for=drawer_btn] #drawer_btn_icon {
    display: block;
    top: 0;
    left: 0;
    width: 15px;
    height: 2px;
    background-color: var(--c-primary);
    position: relative;
  }
  #drawer_btn ~ [for=drawer_btn] #drawer_btn_icon::after, #drawer_btn ~ [for=drawer_btn] #drawer_btn_icon::before {
    display: block;
    top: 0;
    left: 0;
    width: 15px;
    height: 2px;
    background-color: var(--c-primary);
    content: "";
    position: absolute;
    left: 0;
    -webkit-transition: margin-top 0.2s ease;
    transition: margin-top 0.2s ease;
  }
  #drawer_btn ~ [for=drawer_btn] #drawer_btn_icon::before {
    margin-top: -5px;
  }
  #drawer_btn ~ [for=drawer_btn] #drawer_btn_icon::after {
    margin-top: 5px;
  }
  #drawer_btn ~ [for=drawer_btn]:hover #drawer_btn_icon::before {
    margin-top: -6px;
  }
  #drawer_btn ~ [for=drawer_btn]:hover #drawer_btn_icon::after {
    margin-top: 6px;
  }
  #drawer_btn ~ [for=drawer_btn] ~ .drawer_navwrap {
    width: 100dvw;
    height: 100dvh;
    position: fixed;
    top: 0;
    left: 0;
    backdrop-filter: blur(5px);
    background-color: rgba(var(--c-primary-rgba), 0.9);
    overflow-y: scroll;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: -98;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    gap: 0;
  }
  #drawer_btn ~ [for=drawer_btn] ~ .drawer_navwrap > [class*=_inner] {
    padding: 50px 0;
    width: 80%;
    max-width: 480px;
  }
  #drawer_btn:checked ~ [for=drawer_btn] #drawer_btn_icon {
    background-color: transparent !important;
  }
  #drawer_btn:checked ~ [for=drawer_btn] #drawer_btn_icon::before, #drawer_btn:checked ~ [for=drawer_btn] #drawer_btn_icon::after {
    margin-top: 0 !important;
  }
  #drawer_btn:checked ~ [for=drawer_btn] #drawer_btn_icon::before {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  #drawer_btn:checked ~ [for=drawer_btn] #drawer_btn_icon::after {
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  #drawer_btn:checked ~ [for=drawer_btn]:hover #drawer_btn_icon::before {
    -webkit-transform: rotate(-35deg);
            transform: rotate(-35deg);
  }
  #drawer_btn:checked ~ [for=drawer_btn]:hover #drawer_btn_icon::after {
    -webkit-transform: rotate(-145deg);
            transform: rotate(-145deg);
  }
  #drawer_btn:checked ~ .drawer_navwrap {
    opacity: 1;
    visibility: visible;
    z-index: 98;
  }
  html:has(#drawer_btn:checked) {
    overflow-y: hidden;
  }
}
@media screen and (max-width: 1199px) {
  #wrap_hn > [id*=inner] {
    display: -ms-grid;
    display: grid;
    gap: 8px;
    grid-auto-rows: auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-auto-columns: auto;
    -ms-grid-columns: 1fr 8px fit-content(350px);
    grid-template-columns: 1fr fit-content(350px);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: start;
        align-content: start;
    justify-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
        grid-template-areas: "title    nav_btn";
  }
  h1 {
    grid-area: title;
  }
  [for=drawer_btn] {
    grid-area: nav_btn;
  }
}
@media screen and (min-width: 1200px) {
  #wrap_hn #wrap_nav > [id*=inner]:has(.nav_sub) {
    display: -ms-grid;
    display: grid;
    gap: 0 50px;
    grid-auto-rows: auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-auto-columns: auto;
    -ms-grid-columns: fit-content(350px) 50px 1fr;
    grid-template-columns: fit-content(350px) 1fr;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: start;
        align-content: start;
    justify-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
        grid-template-areas: "title    nav_sub" "nav_main nav_main";
  }
  #wrap_hn #wrap_nav > [id*=inner]:not(:has(.nav_sub)) {
    display: -ms-grid;
    display: grid;
    gap: 0 50px;
    grid-auto-rows: auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-auto-columns: auto;
    -ms-grid-columns: fit-content(350px) 50px 1fr;
    grid-template-columns: fit-content(350px) 1fr;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: start;
        align-content: start;
    justify-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
        grid-template-areas: "title    nav_main";
  }
  #wrap_hn .h1 {
    grid-area: title;
    padding: 15px;
  }
  #wrap_hn .nav_main {
    grid-area: nav_main;
  }
  #wrap_hn .nav_sub {
    grid-area: nav_sub;
  }
  #wrap_hn h1 {
    display: none;
  }
  #wrap_hn #wrap_nav > [id*=inner]:has(.nav_sub) > h1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  #wrap_hn #wrap_nav > [id*=inner]:not(:has(.nav_sub)) > h1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
@media screen and (max-width: 1199px){
  h1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  [for=drawer_btn] {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  #wrap_hn .h1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
@media screen and (min-width: 1200px){
  #wrap_hn #wrap_nav > [id*=inner]:has(.nav_sub) > .h1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  #wrap_hn #wrap_nav > [id*=inner]:not(:has(.nav_sub)) > .h1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  #wrap_hn .nav_main {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  #wrap_hn #wrap_nav > [id*=inner]:not(:has(.nav_sub)) > .nav_main {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  #wrap_hn .nav_sub {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}
@media screen and (min-width: 1200px) {
  #wrap_nav .nav_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    gap: 0;
  }
  #wrap_nav .nav_main ul:not([class]) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    gap: 0;
  }
  #wrap_nav .nav_main ul:not([class]) > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    gap: 0;
  }
  #wrap_nav .nav_main ul:not([class]) > li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    gap: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 1.5em;
  }
}
@media screen and (max-width: 1199px) {
  #wrap_nav > [class*=_inner] > :not(:last-child) {
    margin-bottom: 3em;
  }
  #wrap_nav > [class*=_inner] :is(h1, .h1) {
    text-align: center;
  }
  #wrap_nav > [class*=_inner] .nav_main ul:not([class]) > li {
    border-bottom: 1px solid rgba(var(--c-body-rgba), 0.3);
  }
  #wrap_nav > [class*=_inner] .nav_main ul:not([class]) > li a {
    display: block;
    text-align: center;
    padding: 1.5em;
  }
}
#wrap_footer {
  font-family: "Montserrat", "Helvetica Neue", "Arial", sans-serif;
  background-color: var(--c-primary);
  color: var(--c-white);
}
#wrap_footer h3 {
  font-family: "Noto Sans JP", "BIZ UDPGothic", sans-serif;
}
#wrap_footer > [id*=inner] > *:not(:last-child) {
  margin-bottom: 32px;
}
#wrap_footer > [id*=inner] > *:last-child {
  margin-bottom: 0;
}
#wrap_footer > [id*=inner] .box_column > div > *:not(hr):not(:last-child) {
  margin-bottom: 16px;
}
#wrap_footer > [id*=inner] .box_column > div > *:last-child {
  margin-bottom: 0;
}
#wrap_footer a {
  text-decoration: none;
  color: inherit;
}
#wrap_footer #copyright {
  text-align: center;
}

#wrap_content > :where(.wp-block-group, .content) {
  position: relative;
}
@media screen and (min-width: 760px) {
  #wrap_content > :where(.wp-block-group, .content) {
    padding: 120px 0px;
  }
}
@media screen and (max-width: 759px) {
  #wrap_content > :where(.wp-block-group, .content) {
    padding: 80px 0px;
  }
}
#wrap_content > :where(.wp-block-group, .content):nth-child(odd) {
  background-color: #f7f8f9;
}
#wrap_content > :where(.wp-block-group, .content):nth-child(even) {
  background-color: #eef1f3;
}
#wrap_content > :where(.wp-block-group, .content) > [class*=_inner] .wp-block-group,
#wrap_content > :where(.wp-block-group, .content) > [class*=_inner] .box {
  padding: 24px 0px;
}
#wrap_content > :where(.wp-block-group, .content) > [class*=_inner] .wp-block-group:first-child,
#wrap_content > :where(.wp-block-group, .content) > [class*=_inner] .box:first-child {
  padding-top: 0 !important;
}
#wrap_content > :where(.wp-block-group, .content) > [class*=_inner] .wp-block-group:last-child,
#wrap_content > :where(.wp-block-group, .content) > [class*=_inner] .box:last-child {
  padding-bottom: 0 !important;
}
#wrap_content > :where(.wp-block-group, .content) > [class*=_inner] > .wp-block-group,
#wrap_content > :where(.wp-block-group, .content) > [class*=_inner] > .box {
  padding: 64px 0px;
}
#wrap_content > :where(.wp-block-group, .content) > [class*=_inner] > .wp-block-group > .box,
#wrap_content > :where(.wp-block-group, .content) > [class*=_inner] > .wp-block-group > .wp-block-group,
#wrap_content > :where(.wp-block-group, .content) > [class*=_inner] > .box > .box,
#wrap_content > :where(.wp-block-group, .content) > [class*=_inner] > .box > .wp-block-group {
  padding: 40px 0px;
}
#wrap_content > :where(.wp-block-group, .content) :where(h1, h2, h3, h4, h5, h6) + .wp-block-group,
#wrap_content > :where(.wp-block-group, .content) :where(h1, h2, h3, h4, h5, h6) + .box {
  padding-top: 0 !important;
}
#wrap_content > :where(.wp-block-group, .content) hgroup h1, #wrap_content > :where(.wp-block-group, .content) hgroup .h1 {
  font-size: 2em;
  font-family: "Noto Sans JP", "BIZ UDPGothic", sans-serif;
}
#wrap_content > :where(.wp-block-group, .content) hgroup p {
  color: var(--c-primary);
}
#wrap_content > :where(.wp-block-group, .content) hgroup + .box {
  margin-top: 0 !important;
}
#wrap_content > :where(.wp-block-group, .content) h2, #wrap_content > :where(.wp-block-group, .content) .h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 0 0.5em;
}
#wrap_content > :where(.wp-block-group, .content) h3, #wrap_content > :where(.wp-block-group, .content) .h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 0 0.5em;
}
#wrap_content > :where(.wp-block-group, .content) h4, #wrap_content > :where(.wp-block-group, .content) .h4 {
  position: relative;
  padding: 0.8em 0 0.5em 0;
  border-bottom: 2px solid var(--c-primary);
}
#wrap_content > :where(.wp-block-group, .content) h4::before, #wrap_content > :where(.wp-block-group, .content) .h4::before {
  content: "";
  display: block;
  position: absolute;
  left: 0.8em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.3em;
  height: 50%;
}
#wrap_content > :where(.wp-block-group, .content) h5, #wrap_content > :where(.wp-block-group, .content) .h5 {
  padding-left: 0.5em;
  border-left: 8px solid;
}
#wrap_content > :where(.wp-block-group, .content) h6::before, #wrap_content > :where(.wp-block-group, .content) .h6::before {
  content: "■";
  display: inline-block;
  margin-right: 0.3em;
  color: var(--c-bd);
}
#wrap_content hgroup:has(h2, .h2):not(:last-child) {
  margin-bottom: 40px;
}
#wrap_content hgroup:has(h2, .h2):last-child {
  margin-bottom: 0;
}
#wrap_content hgroup:has(h3, h4, h5, h6, .h3, .h4, .h5, .h6):not(:last-child) {
  margin-bottom: 16px;
}
#wrap_content hgroup:has(h3, h4, h5, h6, .h3, .h4, .h5, .h6):last-child {
  margin-bottom: 0;
}
#wrap_content :where(h2, .h2):is(:not(hgroup > *)):not(:last-child) {
  margin-bottom: 40px;
}
#wrap_content :where(h2, .h2):is(:not(hgroup > *)):last-child {
  margin-bottom: 0;
}
#wrap_content :where(h3, h4, h5, h6, .h3, .h4, .h5, .h6):is(:not(hgroup > *)):not(:last-child) {
  margin-bottom: 16px;
}
#wrap_content :where(h3, h4, h5, h6, .h3, .h4, .h5, .h6):is(:not(hgroup > *)):last-child {
  margin-bottom: 0;
}
#wrap_content :where(p, ul, ol, dl, table, figure, form, blockquote, iframe, video, details):not(:last-child) {
  margin-bottom: 16px;
}
#wrap_content :where(p, ul, ol, dl, table, figure, form, blockquote, iframe, video, details):last-child {
  margin-bottom: 0;
}
#wrap_content :where(hr) {
  margin: 24px 0px;
}

#mainimage:not([class]) {
  width: 100%;
  margin: 0 auto;
  padding: 2em 3em;
}
@media screen and (min-width: 760px) {
  #mainimage:not([class]) {
    display: -ms-grid;
    display: grid;
    gap: 24px 0px;
    grid-auto-rows: auto;
    -ms-grid-rows: auto 24px 1fr 24px auto;
    grid-template-rows: auto 1fr auto;
    grid-auto-columns: auto;
    -ms-grid-columns: 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr;
    grid-template-columns: repeat(12, 1fr);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: start;
        align-content: start;
    justify-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #mainimage:not([class]) > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  #mainimage:not([class]) > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  #mainimage:not([class]) > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  #mainimage:not([class]) > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
  }
  #mainimage:not([class]) > *:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
  }
  #mainimage:not([class]) > *:nth-child(6) {
    -ms-grid-row: 1;
    -ms-grid-column: 11;
  }
  #mainimage:not([class]) > *:nth-child(7) {
    -ms-grid-row: 1;
    -ms-grid-column: 13;
  }
  #mainimage:not([class]) > *:nth-child(8) {
    -ms-grid-row: 1;
    -ms-grid-column: 15;
  }
  #mainimage:not([class]) > *:nth-child(9) {
    -ms-grid-row: 1;
    -ms-grid-column: 17;
  }
  #mainimage:not([class]) > *:nth-child(10) {
    -ms-grid-row: 1;
    -ms-grid-column: 19;
  }
  #mainimage:not([class]) > *:nth-child(11) {
    -ms-grid-row: 1;
    -ms-grid-column: 21;
  }
  #mainimage:not([class]) > *:nth-child(12) {
    -ms-grid-row: 1;
    -ms-grid-column: 23;
  }
  #mainimage:not([class]) > *:nth-child(13) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  #mainimage:not([class]) > *:nth-child(14) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  #mainimage:not([class]) > *:nth-child(15) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
  #mainimage:not([class]) > *:nth-child(16) {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
  }
  #mainimage:not([class]) > *:nth-child(17) {
    -ms-grid-row: 3;
    -ms-grid-column: 9;
  }
  #mainimage:not([class]) > *:nth-child(18) {
    -ms-grid-row: 3;
    -ms-grid-column: 11;
  }
  #mainimage:not([class]) > *:nth-child(19) {
    -ms-grid-row: 3;
    -ms-grid-column: 13;
  }
  #mainimage:not([class]) > *:nth-child(20) {
    -ms-grid-row: 3;
    -ms-grid-column: 15;
  }
  #mainimage:not([class]) > *:nth-child(21) {
    -ms-grid-row: 3;
    -ms-grid-column: 17;
  }
  #mainimage:not([class]) > *:nth-child(22) {
    -ms-grid-row: 3;
    -ms-grid-column: 19;
  }
  #mainimage:not([class]) > *:nth-child(23) {
    -ms-grid-row: 3;
    -ms-grid-column: 21;
  }
  #mainimage:not([class]) > *:nth-child(24) {
    -ms-grid-row: 3;
    -ms-grid-column: 23;
  }
  #mainimage:not([class]) > *:nth-child(25) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  #mainimage:not([class]) > *:nth-child(26) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
  #mainimage:not([class]) > *:nth-child(27) {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
  }
  #mainimage:not([class]) > *:nth-child(28) {
    -ms-grid-row: 5;
    -ms-grid-column: 7;
  }
  #mainimage:not([class]) > *:nth-child(29) {
    -ms-grid-row: 5;
    -ms-grid-column: 9;
  }
  #mainimage:not([class]) > *:nth-child(30) {
    -ms-grid-row: 5;
    -ms-grid-column: 11;
  }
  #mainimage:not([class]) > *:nth-child(31) {
    -ms-grid-row: 5;
    -ms-grid-column: 13;
  }
  #mainimage:not([class]) > *:nth-child(32) {
    -ms-grid-row: 5;
    -ms-grid-column: 15;
  }
  #mainimage:not([class]) > *:nth-child(33) {
    -ms-grid-row: 5;
    -ms-grid-column: 17;
  }
  #mainimage:not([class]) > *:nth-child(34) {
    -ms-grid-row: 5;
    -ms-grid-column: 19;
  }
  #mainimage:not([class]) > *:nth-child(35) {
    -ms-grid-row: 5;
    -ms-grid-column: 21;
  }
  #mainimage:not([class]) > *:nth-child(36) {
    -ms-grid-row: 5;
    -ms-grid-column: 23;
  }
  #mainimage:not([class]) .mi_txt {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1/span 6;
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column-align: center;
        justify-self: center;
  }
  #mainimage:not([class]) .mi_txt .mi_catch > b {
    display: block;
  }
  #mainimage:not([class]) .mi_txt .mi_catch > b:nth-child(2) {
    padding-left: 2.5em;
  }
  #mainimage:not([class]) .mi_img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    grid-column: 5/-1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1/span 3;
    -ms-grid-column-align: end;
        justify-self: end;
  }
  #mainimage:not([class]) .mi_btn {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    grid-column: 1/-1;
    -ms-grid-row: 3;
    grid-row: 3;
    -ms-grid-column-align: end;
        justify-self: end;
  }
  #mainimage:not([class]) .mi_btn .link_btn {
    font-size: 0.8em;
  }
}
@media screen and (max-width: 759px) {
  #mainimage:not([class]) {
    display: -ms-grid;
    display: grid;
    gap: 8px 0px;
    grid-auto-rows: auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-auto-columns: auto;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: start;
        align-content: start;
    justify-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #mainimage:not([class]) > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  #mainimage:not([class]) .mi_txt {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  #mainimage:not([class]) .mi_txt .mi_catch > b {
    display: inline-block;
  }
  #mainimage:not([class]) .mi_img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2/span 2;
  }
  #mainimage:not([class]) .mi_btn {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
  }
}
@media screen and (min-width: 1200px) {
  #mainimage:not([class]) .mi_txt {
    font-size: 1.4em;
  }
  #mainimage:not([class]) .mi_txt .mi_catch {
    display: block;
    font-size: 2em;
    line-height: 1.4;
    margin-bottom: 0.3em;
  }
}
@media screen and (max-width: 1199px) {
  #mainimage:not([class]) .mi_txt {
    font-size: 1.1em;
  }
  #mainimage:not([class]) .mi_txt .mi_catch {
    display: block;
    font-size: 2em;
    line-height: 1.4;
    margin-bottom: 0.3em;
  }
  #mainimage:not([class]) .mi_txt .mi_catch br {
    display: none;
  }
}

#mainimage.phtit {
  position: relative;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  max-height: 250px;
  min-height: 150px;
}
#mainimage.phtit::before, #mainimage.phtit::after {
  display: none !important;
}
#mainimage.phtit::before {
  content: "";
  display: block !important;
  width: 100%;
  padding-top: 25%;
}
#mainimage.phtit > * {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#mainimage.phtit > .mainimage_img {
  background-color: var(--c-theme);
}
#mainimage.phtit > .mainimage_img img {
  mix-blend-mode: overlay;
  display: block;
  width: 100%;
  height: 100%;
  max-width: initial;
  -o-object-fit: cover;
     object-fit: cover;
}
#mainimage.phtit > .mainimage_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 0;
}
#mainimage.phtit > .mainimage_txt > * {
  font-weight: 700;
  text-align: center !important;
  line-height: 1;
  color: rgba(247, 248, 249, 0.9);
  text-shadow: 0px 0px 3px rgba(51, 51, 51, 0.8);
}
@media screen and (min-width: 760px) {
  #mainimage.phtit > .mainimage_txt > * {
    font-size: 2em;
  }
}
@media screen and (max-width: 759px) {
  #mainimage.phtit > .mainimage_txt > * {
    font-size: 1.6em;
  }
}
#mainimage.phtit > .mainimage_txt > * > i {
  display: block;
  margin: 0 auto 0.5em;
  font-size: 1em;
  color: var(--c-primary);
}
#mainimage.phtit > .mainimage_txt > * > span {
  display: block;
  font-family: "Noto Sans JP", "BIZ UDPGothic", sans-serif;
}
#mainimage.phtit > .mainimage_txt > * > span::after {
  display: block;
  margin-top: 0.5em;
  content: attr(data-title);
  font-family: "Montserrat", "Helvetica Neue", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.5em;
  text-transform: capitalize;
  letter-spacing: 3px;
}

#breadcrumb {
  width: 100%;
  background-color: var(--c-bg);
}
#breadcrumb > ol {
  width: 95%;
  max-width: unset;
  margin: 0 auto;
  padding: 16px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 8px;
  font-size: 0.8em;
  overflow-y: hidden;
  overflow-x: auto;
  word-break: keep-all;
  white-space: nowrap;
  scrollbar-width: none;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}
#breadcrumb > ol:-webkit-scrollbar {
  display: none;
}
#breadcrumb > ol > li {
  line-height: 1;
}
#breadcrumb > ol > li:not(:last-child)::after {
  content: "»";
  padding-left: 8px;
  display: inline-block;
}
#breadcrumb > ol > li a {
  text-decoration: none;
}
#breadcrumb > ol > li:last-child a {
  pointer-events: none;
  color: inherit;
}

.box_form:not(:last-child) {
  margin-bottom: 16px;
}
.box_form:last-child {
  margin-bottom: 0;
}
.box_form > * {
  padding: 24px 0px;
}
.box_form > *:where(label) {
  display: block;
  width: 100%;
}
.box_form > *:first-child {
  padding-top: 0;
}
.box_form > *:last-child {
  padding-bottom: 0;
}
.box_form > *:not([class]):not(:first-child) {
  border-top: 1px solid var(--c-bd);
}
.box_form:not(.col2) > * > .form_label {
  margin-bottom: 16px;
  padding-left: 0.5em;
  border-left: 8px solid var(--c-primary);
}
@media screen and (min-width: 760px) {
  .box_form.col2 > * {
    display: -ms-grid;
    display: grid;
    gap: 8px 24px;
    grid-auto-rows: auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-auto-columns: auto;
    -ms-grid-columns: 12em 24px 1fr;
    grid-template-columns: 12em 1fr;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: start;
        align-content: start;
    justify-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  .box_form.col2 > * > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .box_form.col2 > * > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}
@media screen and (max-width: 759px) {
  .box_form.col2 > * > .form_label {
    margin-bottom: 16px;
    padding-left: 0.5em;
    border-left: 8px solid var(--c-primary);
  }
}
.box_form .form_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 5px;
  line-height: 1.2;
  font-weight: 700;
}
.box_form .form_label > span:not([class]) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.box_form .form_label > span.label_require {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  white-space: nowrap;
  background-color: var(--c-accent);
  color: var(--c-body);
  padding: 0.4em;
  border-radius: 3px;
  font-size: 0.7em;
  line-height: 1;
}
.box_form .form_parts {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.box_form .form_parts label {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 8px;
}
.box_form .form_parts label > input:not([type=radio]):not([type=checkbox]) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.box_form .form_parts label > input:not([type=radio]):not([type=checkbox]) + span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}
.box_form .form_parts label > input[type=radio] .box_form .form_parts label > input[type=checkbox] + span {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.box_form .form_parts ul[class*=ul_none] > li:not(:last-child) {
  margin-bottom: 8px !important;
}
.box_form .form_parts ul[class*=ul_inline] {
  gap: 8px 40px;
}
@media screen and (min-width: 760px) {
  .box_form .form_parts ul[class*=ul_inline] > li:has(input:not([type=radio]):not([type=checkbox])) {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .box_form .form_parts ul[class*=ul_inline] > li:has([type=radio], [type=checkbox]) {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media screen and (max-width: 759px) {
  .box_form .form_parts ul[class*=ul_inline] > li {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (min-width: 760px) {
  .box_form .form_parts ul[class*=ul_grid] {
    grid-template-columns: repeat(auto-fill, minmax(12em, 1fr));
  }
}
@media screen and (max-width: 759px) {
  .box_form .form_parts ul[class*=ul_grid] {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.box_form .form_parts ul[class*=ul_grid] > li {
  list-style-type: none;
  margin-left: 0;
}
.box_form .form_parts dl:not([class]) {
  display: -ms-grid;
  display: grid;
  gap: 8px 16px;
  grid-auto-rows: auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-auto-columns: auto;
  -ms-grid-columns: fit-content(10em) 16px 1fr;
  grid-template-columns: fit-content(10em) 1fr;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.box_form .form_parts dl:not([class]) > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.box_form .form_parts dl:not([class]) > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.box_form .form_parts dl:not([class]) > dt {
  font-weight: 400;
}
.box_form .form_parts dl:not([class]) > dt label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.box_form .form_parts dl:not([class]) > dd {
  margin: 0;
  padding: 0;
}
.box_form .form_parts > *:has(+ .form_errormsg) {
  margin-bottom: 0 !important;
}
.box_form .form_parts .form_errormsg {
  margin-top: 0.5em;
  color: var(--c-red);
  font-size: 0.85em;
  display: none;
}
.box_form .form_parts:has(:user-invalid) .form_errormsg {
  display: block;
}
.box_form .form_btn {
  display: block;
  text-align: center;
  margin-inline: auto;
}
.box_form .form_btn > *:not(:last-child) {
  margin-bottom: 8px;
}
.box_form .form_btn > *:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 481px) {
  .box_form .form_btn {
    max-width: 400px;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .box_form .form_btn {
    width: 100%;
  }
}
.box_form .form_btn [type=submit] {
  display: block;
  width: 100%;
}
.box_form .form_btn :not([type=submit]) {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 50%;
  margin-inline: auto;
}
.box_form:has(:invalid) [type=submit] {
  opacity: 0.5 !important;
  pointer-events: none !important;
}

.box_video,
.box_media {
  aspect-ratio: 16/9;
  width: 100%;
}
.box_video:not(:last-child),
.box_media:not(:last-child) {
  margin-bottom: 16px;
}
.box_video:last-child,
.box_media:last-child {
  margin-bottom: 0;
}
.box_video video, .box_video iframe,
.box_media video,
.box_media iframe {
  width: 100%;
  height: 100%;
}

.box_scroll {
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  max-height: 10em;
  padding-right: 24px;
}
.box_scroll:not(:last-child) {
  margin-bottom: 16px;
}
.box_scroll:last-child {
  margin-bottom: 0;
}

.box_info {
  border-top: 1px solid var(--c-bd);
  border-bottom: 1px solid var(--c-bd);
}
.box_info:not(:last-child) {
  margin-bottom: 16px;
}
.box_info:last-child {
  margin-bottom: 0;
}
.box_info > li {
  list-style: none !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
  position: relative;
}
.box_info > li + li {
  border-top: 1px solid var(--c-bd);
}
.box_info > li > * {
  padding: 0.8em 2em 0.8em 0.3em;
  display: block;
  width: 100%;
}
.box_info > li > a {
  text-decoration: none;
}
.box_info > li > a::before {
  content: "›";
  font-weight: 900;
  font-size: 1.3em;
  color: var(--c-bd);
  position: absolute;
  top: 50%;
  right: 0.5em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: right 0.2s;
  transition: right 0.2s;
}
@media (any-hover: hover) {
  .box_info > li > a:hover {
    opacity: unset;
  }
  .box_info > li > a:hover::before {
    right: 0.3em;
  }
}
.box_info > li .info_day {
  display: block;
  padding: 0.5em;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  white-space: nowrap;
  line-height: normal;
}
.box_info > li .info_day.latest {
  background-color: var(--c-accent);
  color: var(--c-body);
}
.box_info > li .info_day:not(.latest) {
  background-color: var(--c-bg);
  color: var(--c-txt);
}
.box_info > li .info_txt {
  display: block;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media screen and (min-width: 760px) {
  .box_info > li > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    gap: 8px 16px;
  }
  .box_info > li > * .info_day {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .box_info > li > * .info_txt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media screen and (max-width: 759px) {
  .box_info > li > * {
    display: block;
  }
  .box_info > li > * .info_day {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .box_info > li > * .info_txt {
    margin-top: 5px;
  }
}

.item_img > img {
  display: block;
  width: 100%;
}
.item_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 8px;
}
.item_txt > * {
  width: 100%;
}
.item_txt > *:where(hr) {
  margin: 8px 0px !important;
}
.item_txt > *:not(:where(hr)) {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.item_txt h2 > img {
  max-height: 35px;
}
.item_txt_tit {
  font-size: 1.3em;
}
.item_txt_map, .item_txt_siteurl, .item_txt_tel, .item_txt_fax, .item_txt_mail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 8px;
}
.item_txt_price {
  text-align: right;
  line-height: 1.2;
}
.item_txt_price > b {
  font-size: 1.3em;
  color: var(--c-red);
}
.item_txt_price > b::after {
  content: "円";
  color: var(--c-txt);
  font-size: 0.6em;
  padding-left: 0.3em;
}
.item_txt_btn {
  display: block;
  padding: 0.5em 0.8em;
  border-radius: 5px;
  background-color: var(--c-primary);
  color: var(--c-body);
  text-align: center;
  font-size: 0.8em;
  text-decoration: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  font-weight: 500;
}
.item_txt_more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 0 0.5em;
  padding: 0.5em 0.8em;
  text-align: right;
  font-family: "Montserrat", "Helvetica Neue", "Arial", sans-serif;
  font-size: 0.8em;
  font-weight: 500;
  text-decoration: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  color: var(--c-main);
}
.item_txt_btm {
  margin-top: auto !important;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.item_txt_btm > *:not(:last-child) {
  margin-bottom: 8px !important;
}

.box_phtxt:not(:last-child) {
  margin-bottom: 40px;
}
.box_phtxt:last-child {
  margin-bottom: 0;
}
.box_phtxt .item:not(:last-child) {
  margin-bottom: 40px;
}
.box_phtxt .item:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 760px) {
  .box_phtxt .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    gap: 8px 80px;
  }
  .box_phtxt .item_img {
    -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
  }
  .box_phtxt .item_txt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .box_phtxt .item.size-l > .item_img {
    width: 50%;
  }
  .box_phtxt .item.size-m > .item_img {
    width: 40%;
  }
  .box_phtxt .item.size-s > .item_img {
    width: 30%;
  }
}
@media screen and (max-width: 759px) {
  .box_phtxt .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    gap: 8px 24px;
    max-width: 450px;
    margin-inline: auto;
  }
  .box_phtxt .item_img, .box_phtxt .item_txt {
    width: 100%;
  }
}
@media screen and (min-width: 760px) {
  .box_phtxt.lr_change .item:nth-child(odd) .item_img:nth-child(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .box_phtxt.lr_change .item:nth-child(odd) .item_txt:nth-child(2) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .box_phtxt.lr_change .item:nth-child(odd) .item_img:nth-child(2) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .box_phtxt.lr_change .item:nth-child(odd) .item_txt:nth-child(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .box_phtxt.lr_change .item:nth-child(even) .item_img:nth-child(1) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .box_phtxt.lr_change .item:nth-child(even) .item_txt:nth-child(2) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .box_phtxt.lr_change .item:nth-child(even) .item_img:nth-child(2) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .box_phtxt.lr_change .item:nth-child(even) .item_txt:nth-child(1) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media screen and (max-width: 759px) {
  .box_phtxt.lr_change .item_img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .box_phtxt.lr_change .item_txt {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.box_card:not(:last-child) {
  margin-bottom: 40px;
}
.box_card:last-child {
  margin-bottom: 0;
}
.box_card.size-full {
  display: -ms-grid;
  display: grid;
  gap: 24px 40px;
  grid-auto-rows: auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-auto-columns: auto;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.box_card.size-full > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.box_card.size-l {
  display: -ms-grid;
  display: grid;
  gap: 40px;
  grid-auto-rows: auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-auto-columns: auto;
  grid-template-columns: repeat(auto-fill, min(370px, 100%));
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.box_card.size-m {
  display: -ms-grid;
  display: grid;
  gap: 40px;
  grid-auto-rows: auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-auto-columns: auto;
  grid-template-columns: repeat(auto-fill, min(280px, 100%));
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.box_card.size-s {
  display: -ms-grid;
  display: grid;
  gap: 40px;
  grid-auto-rows: auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-auto-columns: auto;
  grid-template-columns: repeat(auto-fill, min(250px, 100%));
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.box_card a {
  text-decoration: none;
}
.box_card .item {
  border-radius: 5px;
  overflow: hidden;
}
.box_card .item .item_img {
  overflow: hidden;
  position: relative;
  aspect-ratio: 3/2;
}
.box_card .item .item_img img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.box_card .item .item_img .item_img_label {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background-color: #333333;
  color: #F7F8F9;
  font-size: 0.6em;
  max-width: 90%;
}
.box_card .item .item_img .item_img_label > span {
  padding: 0.3em 0.5em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.box_card .item .item_img:has(.item_img_caption) img {
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
.box_card .item .item_img:has(.item_img_caption) .item_img_caption {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  padding: 0.8em;
  color: #F7F8F9;
  line-height: 1.2;
  font-weight: 700;
  text-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
}
.box_card .item .item_img:has(.item_img_caption) .item_img_caption > span, .box_card .item .item_img:has(.item_img_caption) .item_img_caption > b, .box_card .item .item_img:has(.item_img_caption) .item_img_caption > strong {
  display: block;
  width: 100%;
}
.box_card .item .item_img:has(.item_img_caption)::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(51, 51, 51, 0)), to(#333333));
  background: linear-gradient(rgba(51, 51, 51, 0) 0%, #333333 100%);
  opacity: 0.8;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
  .box_card .item .item_img:has(.item_img_caption):hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .box_card .item .item_img:has(.item_img_caption):hover::before {
    opacity: unset;
  }
}
.box_card .item .item_txt {
  padding: 1em;
  font-size: 0.9em;
  line-height: 1.2;
}
.box_card .item:is(a) {
  color: inherit;
  -webkit-transition: -webkit-transform 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out;
}
@media (any-hover: hover) {
  .box_card .item:is(a):hover {
    opacity: unset;
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-transition: -webkit-transform 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out;
  }
  .box_card .item:is(a):hover .item_txt_btn {
    opacity: 0.8;
  }
}
.box_card .item:not(.noshadow) {
  background-color: var(--c-body);
  -webkit-box-shadow: 0 2px 5px var(--c-bd);
          box-shadow: 0 2px 5px var(--c-bd);
}
@media (any-hover: hover) {
  .box_card .item:not(.noshadow):is(a):hover {
    -webkit-box-shadow: 0 7px 34px rgba(var(--c-bd-rgba), 0.1), 0 3px 6px rgba(var(--c-bd-rgba), 0.08);
            box-shadow: 0 7px 34px rgba(var(--c-bd-rgba), 0.1), 0 3px 6px rgba(var(--c-bd-rgba), 0.08);
  }
}
.box_card .item[class*=obj_] .ribbon {
  position: absolute;
  right: 10px;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  font-size: 12px;
}
.box_card .item[class*=obj_] .ribbon::after {
  content: "";
  clip-path: polygon(100% 0%, 100% 100%, 50% 75%, 0 100%, 0 0);
  width: 28px;
  height: 40px;
  display: block;
}
.box_card .item[class*=obj_][class*=_base] .ribbon::after {
  background: var(--c-base);
}
.box_card .item[class*=obj_][class*=_default] .ribbon::after {
  background: var(--c-default);
}
.box_card .item[class*=obj_][class*=_newsinfo] .ribbon::after {
  background: var(--c-newsinfo);
}
.box_card .item[class*=obj_][class*=_object] .ribbon::after {
  background: var(--c-object);
}
.box_card .item[class*=obj_][class*=_transport] .ribbon::after {
  background: var(--c-transport);
}
.box_card .item[class*=obj_][class*=_activity] .ribbon::after {
  background: var(--c-activity);
}
.box_card .item[class*=obj_][class*=_eatbuy] .ribbon::after {
  background: var(--c-eatbuy);
}
.box_card .item[class*=obj_][class*=_advertise] .ribbon::after {
  background: var(--c-advertise);
}
@media screen and (min-width: 760px) {
  .box_card.size-full > [class*=item] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    gap: 0;
  }
  .box_card.size-full > [class*=item] .item_img {
    width: 40%;
  }
  .box_card.size-full > [class*=item] .item_txt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media screen and (max-width: 759px) {
  .box_card.size-full > [class*=item] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    gap: 0;
  }
  .box_card.size-full > [class*=item] .item_img,
  .box_card.size-full > [class*=item] .item_txt {
    width: 100%;
  }
  .box_card.size-full > [class*=item] .item_txt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.box_card:not(.size-full)[class*=size-] > [class*=item] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 0;
}
.box_card:not(.size-full)[class*=size-] > [class*=item] .item_img,
.box_card:not(.size-full)[class*=size-] > [class*=item] .item_txt {
  width: 100%;
}
.box_card:not(.size-full)[class*=size-] > [class*=item] .item_txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.relitem .box_card .item_img .item_img_label {
  position: absolute;
  left: 0;
  top: 50px;
  z-index: 2;
  background-color: #333333;
  color: #F7F8F9;
  font-size: 0.6em;
  max-width: 90%;
}
.relitem .box_card .item_img .item_img_label > span {
  padding: 0.3em 0.5em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.box_modal:not(:last-child) {
  margin-bottom: 16px;
}
.box_modal:last-child {
  margin-bottom: 0;
}
.box_modal.col_full {
  width: 100%;
}
.box_modal.col_full > figure {
  aspect-ratio: 3/1;
}
.box_modal.col_full > figure a::after {
  font-size: 1em;
}
.box_modal:not(.col_full) {
  display: -ms-grid;
  display: grid;
  gap: 16px;
  grid-auto-rows: auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-auto-columns: auto;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.box_modal:not(.col_full) > figure {
  aspect-ratio: 4/3;
}
.box_modal:not(.col_full) > figure a::after {
  font-size: 0.7em;
}
.box_modal > figure {
  margin-bottom: 0 !important;
  overflow: hidden;
  border: 1px solid var(--c-bd);
}
.box_modal > figure figcaption {
  display: none !important;
}
.box_modal > figure > a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--c-bg);
}
.box_modal > figure > a img {
  width: 100%;
  height: 100%;
  max-width: initial;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.box_modal > figure a {
  position: relative;
  z-index: 1;
}
.box_modal > figure a::after {
  content: "+";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.5em;
  height: 1.5em;
  background-color: #333333;
  color: #F7F8F9;
  font-weight: 700;
  line-height: 1;
  letter-spacing: normal;
  overflow: hidden;
}
@media (any-hover: hover) {
  .box_modal > figure a:hover {
    opacity: unset;
  }
  .box_modal > figure a:hover img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}

.box_qa:not(:last-child) {
  margin-bottom: 16px;
}
.box_qa:last-child {
  margin-bottom: 0;
}
.box_qa > * {
  position: relative;
}
.box_qa > *::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 15px;
  top: 15px;
  aspect-ratio: 1/1;
  padding: 0.5em;
  overflow: hidden;
  font-family: "Montserrat", "Helvetica Neue", "Arial", sans-serif;
  font-weight: 700;
  line-height: 1;
}
.box_qa > *:nth-child(2n+1) {
  background-color: var(--c-bg);
}
.box_qa > *:nth-child(2n+1)::before {
  content: "Q";
  background-color: var(--c-primary);
  color: var(--c-body);
}
.box_qa > *:nth-child(2n)::before {
  content: "A";
  background-color: var(--c-secondary);
  color: var(--c-body);
}
.box_qa:is(dl) > * {
  padding: 16px 24px 16px 64px;
}
.box_qa:is(dl) > dt {
  border: 3px solid var(--c-bg);
  background-color: var(--c-bg);
}
.box_qa:is(dl) > dd:not(:last-child) {
  padding-bottom: 2em;
}
.box_qa:is(details) > summary {
  padding: 16px 24px 16px 64px;
  padding-right: 48px;
}
.box_qa:is(details) > summary::after {
  left: auto;
  right: 20px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.box_qa:is(details) > div {
  padding-left: 64px;
}
.box_qa:is(details)[open] > summary::after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.fkds_txt {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--c-bg);
  border-radius: 16px;
  padding: 16px 32px;
}
.fkds_txt + .fkds_txt {
  margin-top: 16px;
}
.fkds_txt::before {
  content: "";
  z-index: 1;
  background-color: var(--c-bg);
}
.fkds_txt > *:not(hr):not(:last-child) {
  margin-bottom: 8px !important;
}
.fkds_txt.top {
  margin-top: 1em;
}
.fkds_txt.top::before {
  position: absolute;
  bottom: calc(100% - 1px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1.5em;
  height: 0.8em;
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
}
.fkds_txt.bottom {
  margin-bottom: 1em;
}
.fkds_txt.bottom::before {
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1.5em;
  height: 0.8em;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.fkds_txt.left {
  margin-left: 1em;
}
.fkds_txt.left::before {
  position: absolute;
  top: 50%;
  right: calc(100% - 1px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.8em;
  height: 1.5em;
  clip-path: polygon(100% 0%, 0% 50%, 100% 100%);
}
.fkds_txt.right {
  margin-right: 1em;
}
.fkds_txt.right::before {
  position: absolute;
  top: 50%;
  left: calc(100% - 1px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.8em;
  height: 1.5em;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.fkds_icon > * {
  display: block;
}
.fkds_icon > *:is(img) {
  width: 5em;
  height: 5em;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
  border: 5px solid var(--c-bg);
  overflow: hidden;
}
.fkds_icon > *:is(span) {
  text-align: center;
  font-size: 0.8em;
}

.box_fkds {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.box_fkds:not(:last-child) {
  margin-bottom: 40px;
}
.box_fkds:last-child {
  margin-bottom: 0;
}
.box_fkds .fkds_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 8px 24px;
}
.box_fkds .fkds_item:not(:last-child) {
  margin-bottom: 16px;
}
.box_fkds .fkds_item:last-child {
  margin-bottom: 0;
}
.box_fkds .fkds_item .fkds_icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.box_fkds .fkds_item:has(.bottom) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.box_fkds .fkds_item:has(.bottom) .fkds_icon {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.box_fkds .fkds_item:has(.bottom) .fkds_txt {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.box_fkds .fkds_item:has(.bottom) .fkds_txt {
  margin-bottom: 1em;
}
.box_fkds .fkds_item:has(.bottom) .fkds_txt::before {
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1.5em;
  height: 0.8em;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.box_fkds .fkds_item:has(.top) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.box_fkds .fkds_item:has(.top) .fkds_icon {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.box_fkds .fkds_item:has(.top) .fkds_txt {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.box_fkds .fkds_item:has(.top) .fkds_txt {
  margin-top: 1em;
}
.box_fkds .fkds_item:has(.top) .fkds_txt::before {
  position: absolute;
  bottom: calc(100% - 1px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1.5em;
  height: 0.8em;
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
}
.box_fkds .fkds_item:has(.left) {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.box_fkds .fkds_item:has(.left) .fkds_icon {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.box_fkds .fkds_item:has(.left) .fkds_txt {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.box_fkds .fkds_item:has(.left) .fkds_txt {
  margin-left: 1em;
}
.box_fkds .fkds_item:has(.left) .fkds_txt::before {
  position: absolute;
  top: 50%;
  right: calc(100% - 1px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.8em;
  height: 1.5em;
  clip-path: polygon(100% 0%, 0% 50%, 100% 100%);
}
.box_fkds .fkds_item:has(.right) {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.box_fkds .fkds_item:has(.right) .fkds_icon {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.box_fkds .fkds_item:has(.right) .fkds_txt {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.box_fkds .fkds_item:has(.right) .fkds_txt {
  margin-right: 1em;
}
.box_fkds .fkds_item:has(.right) .fkds_txt::before {
  position: absolute;
  top: 50%;
  left: calc(100% - 1px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.8em;
  height: 1.5em;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.box_fkds .fkds_item:not(:has(.top)):not(:has(.bottom)):not(:has(.left)):not(:has(.right)):nth-child(odd) {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.box_fkds .fkds_item:not(:has(.top)):not(:has(.bottom)):not(:has(.left)):not(:has(.right)):nth-child(odd) .fkds_icon {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.box_fkds .fkds_item:not(:has(.top)):not(:has(.bottom)):not(:has(.left)):not(:has(.right)):nth-child(odd) .fkds_txt {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.box_fkds .fkds_item:not(:has(.top)):not(:has(.bottom)):not(:has(.left)):not(:has(.right)):nth-child(odd) .fkds_txt {
  margin-left: 1em;
}
.box_fkds .fkds_item:not(:has(.top)):not(:has(.bottom)):not(:has(.left)):not(:has(.right)):nth-child(odd) .fkds_txt::before {
  position: absolute;
  top: 50%;
  right: calc(100% - 1px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.8em;
  height: 1.5em;
  clip-path: polygon(100% 0%, 0% 50%, 100% 100%);
}
.box_fkds .fkds_item:not(:has(.top)):not(:has(.bottom)):not(:has(.left)):not(:has(.right)):nth-child(even) {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.box_fkds .fkds_item:not(:has(.top)):not(:has(.bottom)):not(:has(.left)):not(:has(.right)):nth-child(even) .fkds_icon {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.box_fkds .fkds_item:not(:has(.top)):not(:has(.bottom)):not(:has(.left)):not(:has(.right)):nth-child(even) .fkds_txt {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.box_fkds .fkds_item:not(:has(.top)):not(:has(.bottom)):not(:has(.left)):not(:has(.right)):nth-child(even) .fkds_txt {
  margin-right: 1em;
}
.box_fkds .fkds_item:not(:has(.top)):not(:has(.bottom)):not(:has(.left)):not(:has(.right)):nth-child(even) .fkds_txt::before {
  position: absolute;
  top: 50%;
  left: calc(100% - 1px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.8em;
  height: 1.5em;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

div[popover],
dialog {
  width: 100%;
  height: 100dvh;
  max-width: initial;
  max-height: initial;
  background-color: transparent;
  overflow-y: scroll;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}
div[popover]::-ms-backdrop, dialog::-ms-backdrop {
  backdrop-filter: blur(5px);
  background-color: rgba(var(--c-body-rgba), 0.9);
}
div[popover]::backdrop,
dialog::backdrop {
  backdrop-filter: blur(5px);
  background-color: rgba(var(--c-body-rgba), 0.9);
}
div[popover] > [class*=_close],
dialog > [class*=_close] {
  position: sticky;
  right: 0;
  top: 0;
  overflow: hidden;
  line-height: 1;
  background-color: var(--c-txt);
  color: var(--c-body);
  -webkit-box-shadow: 0px 10px 10px -5px var(--c-body);
          box-shadow: 0px 10px 10px -5px var(--c-body);
  font-weight: 900;
  text-align: center;
}
div[popover] > [class*=_close] button,
dialog > [class*=_close] button {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  padding: 0.5em;
  color: inherit;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
div[popover] > [class*=_inner],
dialog > [class*=_inner] {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  padding: 2em;
  color: var(--c-txt);
}

div[popover] {
  pointer-events: all;
}
html:has(div[popover]:popover-open) {
  overflow-y: hidden !important;
  pointer-events: none;
}

[popovertarget][popovertargetaction=show] {
  cursor: pointer;
  color: var(--c-link);
  text-decoration: underline;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
  [popovertarget][popovertargetaction=show]:hover {
    opacity: 0.8;
  }
}

.dialog_open:not(:is(button, input)) {
  cursor: pointer;
  color: var(--c-link);
  text-decoration: underline;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
  .dialog_open:not(:is(button, input)):hover {
    opacity: 0.8;
  }
}
.dialog_open:is(button, input) {
  padding: 0.5em 2em;
  border-radius: 100vh;
  background-color: var(--c-link);
  color: var(--c-body);
  font-weight: 700;
  line-height: 1.2;
  position: relative;
}
.dialog_open:is(button, input):active {
  top: 2px;
}

i[class^=ri-] {
  font-size: 1.1em;
  font-weight: 400;
  vertical-align: text-bottom;
  line-height: normal;
}
i[class^=ri-]::before {
  line-height: normal;
}

.txt_icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3em;
  line-height: normal;
}

@media screen and (max-width: 1199px) {
  #pagetop {
    display: none !important;
  }
}
@media screen and (min-width: 1200px) {
  #pagetop {
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    gap: 0;
    color: var(--c-body);
    background-color: var(--c-primary);
    text-decoration: none;
    border: 1px solid;
    border-radius: 100vh;
  }
  #pagetop > span {
    display: block;
    font-size: 0.9em;
    font-weight: 900;
    line-height: 1;
    padding: 16px;
  }
  #pagetop:active {
    bottom: 13px !important;
  }
}
@media screen and (min-width: 1200px) and (any-hover: hover) {
  #pagetop:hover {
    opacity: unset;
  }
}

:root {
  --swiper-navigation-size: 2em !important;
  --swiper-theme-color: var(--c-primary) !important;
  --swiper-pagination-bottom: 0px !important;
  --swiper-navigation-color: var(--c-white);
  --swiper-pagination-color: var(--c-white);
}

[class*=wrap_slider]:not(:last-child) {
  margin-bottom: 16px;
}
[class*=wrap_slider]:last-child {
  margin-bottom: 0;
}
[class*=wrap_slider] .swiper {
  display: none;
}
[class*=wrap_slider] .swiper [class*=swiper-button-] {
  font-weight: 900;
  -webkit-filter: drop-shadow(0 0 5px rgba(var(--c-txt-rgba), 0.3));
          filter: drop-shadow(0 0 5px rgba(var(--c-txt-rgba), 0.3));
}
@media screen and (max-width: 1199px) {
  [class*=wrap_slider] .swiper [class*=swiper-button-] {
    display: none !important;
  }
}
[class*=wrap_slider] .swiper .swiper-pagination .swiper-pagination-bullet {
  -webkit-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}
[class*=wrap_slider] .swiper .swiper-pagination .swiper-pagination-bullet-active {
  width: 1.5em;
  border-radius: 0.5em;
}
[class*=wrap_slider] .swiper .swiper-pagination.swiper-pagination-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 5px;
  padding: 0.5em;
}
[class*=wrap_slider] .swiper .swiper-pagination.swiper-pagination-horizontal > span {
  display: block;
  margin: 0;
  -webkit-filter: drop-shadow(0 0 5px rgba(var(--c-txt-rgba), 0.3));
          filter: drop-shadow(0 0 5px rgba(var(--c-txt-rgba), 0.3));
}
[class*=wrap_slider] .swiper .swiper-slide > :is(a, span) {
  display: block;
  width: 100%;
  height: 100%;
}
[class*=wrap_slider] .swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
[class*=wrap_slider] .swiper + .swiper {
  margin-top: 10px;
}
[class*=wrap_slider] .swiper.swiper-initialized {
  display: block;
}
[class*=wrap_slider] [class*=swiper_thumb_sub] {
  max-height: 100px;
  overflow: hidden;
}
[class*=wrap_slider] [class*=swiper_thumb_sub] .swiper-slide {
  width: 25%;
  height: 100%;
  background-color: var(--c-body);
}
[class*=wrap_slider] [class*=swiper_thumb_sub] .swiper-slide:not(.swiper-slide-thumb-active) img {
  opacity: 0.5;
}
[class*=wrap_slider] [class*=swiper_thumb_sub]:has(.swiper-slide:first-child:not(.swiper-slide-visible)) {
  -webkit-mask-image: -webkit-gradient(linear, right top, left top, color-stop(85%, var(--c-body)), to(transparent));
  -webkit-mask-image: linear-gradient(to left, var(--c-body) 85%, transparent 100%);
          mask-image: -webkit-gradient(linear, right top, left top, color-stop(85%, var(--c-body)), to(transparent));
          mask-image: linear-gradient(to left, var(--c-body) 85%, transparent 100%);
}
[class*=wrap_slider] [class*=swiper_thumb_sub]:has(.swiper-slide:last-child:not(.swiper-slide-visible)) {
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(85%, var(--c-body)), to(transparent));
  -webkit-mask-image: linear-gradient(to right, var(--c-body) 85%, transparent 100%);
          mask-image: -webkit-gradient(linear, left top, right top, color-stop(85%, var(--c-body)), to(transparent));
          mask-image: linear-gradient(to right, var(--c-body) 85%, transparent 100%);
}
[class*=wrap_slider] [class*=swiper_thumb_sub]:has(.swiper-slide:first-child:not(.swiper-slide-visible)):has(.swiper-slide:last-child:not(.swiper-slide-visible)) {
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(15%, var(--c-body)), color-stop(85%, var(--c-body)), to(transparent)) !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, var(--c-body) 15%, var(--c-body) 85%, transparent 100%) !important;
          mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(15%, var(--c-body)), color-stop(85%, var(--c-body)), to(transparent)) !important;
          mask-image: linear-gradient(90deg, transparent 0%, var(--c-body) 15%, var(--c-body) 85%, transparent 100%) !important;
}
[class*=wrap_slider] .swiper_autoloop .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

#mainimage.wrap_slider {
  margin-bottom: 0 !important;
}
#mainimage.wrap_slider.aspect {
  width: 100%;
}
#mainimage.wrap_slider.aspect .swiper-slide {
  position: relative;
  overflow: hidden;
  max-height: 500px;
}
#mainimage.wrap_slider.aspect .swiper-slide:before {
  content: "";
  width: 100%;
  display: block;
  padding-top: 39.0625%;
}
#mainimage.wrap_slider.aspect .swiper-slide > a,
#mainimage.wrap_slider.aspect .swiper-slide > span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
#mainimage.wrap_slider.aspect .swiper-slide > a img,
#mainimage.wrap_slider.aspect .swiper-slide > span img {
  height: 100%;
  max-width: initial;
  -o-object-fit: cover;
     object-fit: cover;
}
#mainimage.wrap_slider.aspect #scrolldown {
  display: none;
}
#mainimage.wrap_slider.fullscreen {
  width: 100%;
  height: 90vh;
  position: relative;
  overflow: hidden;
}
#mainimage.wrap_slider.fullscreen > .swiper {
  height: 100%;
}
#mainimage.wrap_slider.fullscreen > .swiper .swiper-wrapper {
  height: 100%;
}
#mainimage.wrap_slider.fullscreen > .swiper .swiper-wrapper .swiper-slide {
  height: 100%;
}
#mainimage.wrap_slider.fullscreen > .swiper .swiper-wrapper .swiper-slide img {
  height: 100%;
  max-width: initial;
}
#mainimage.wrap_slider.fullscreen > .swiper .swiper-pagination {
  display: none;
}
#mainimage.wrap_slider.fullscreen > .swiper [class*=swiper-button-] {
  display: none;
}

#scrolldown {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  display: block;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  font-size: 0.8em;
  -webkit-filter: drop-shadow(0px 0px 5px rgba(51, 51, 51, 0.5)) drop-shadow(0px 0px 3px rgba(51, 51, 51, 0.5));
          filter: drop-shadow(0px 0px 5px rgba(51, 51, 51, 0.5)) drop-shadow(0px 0px 3px rgba(51, 51, 51, 0.5));
}
#scrolldown #scrolldown_title {
  display: block;
  font-weight: 700;
  text-transform: uppercase;
  color: #F7F8F9;
}
#scrolldown #scrolldown_title > span {
  padding-bottom: 5px;
}
#scrolldown #scrolldown_title::after {
  content: "";
  width: 2px;
  height: 30px;
  display: block;
  margin: 0 auto;
  background: #F7F8F9;
  -webkit-animation: anime_scrolldown 1.2s cubic-bezier(1, 0, 0, 1) infinite;
          animation: anime_scrolldown 1.2s cubic-bezier(1, 0, 0, 1) infinite;
}

@-webkit-keyframes anime_scrolldown {
  0% {
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
  }
}

@keyframes anime_scrolldown {
  0% {
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
  }
}
.scroll-hint > table:last-of-type {
  margin-bottom: 0 !important;
}

.pswp__dynamic-caption {
  font-size: 0.8em;
}

.js_tab:not(:last-child) {
  margin-bottom: 16px;
}
.js_tab:last-child {
  margin-bottom: 0;
}
.js_tab .tab_head {
  margin-bottom: 0 !important;
  border-bottom: 2px solid var(--c-primary);
}
.js_tab .tab_head > * {
  text-align: center;
  padding: 12px 8px !important;
  line-height: 1.2;
  cursor: pointer;
}
.js_tab .tab_head > *:not(.active) {
  color: rgba(var(--c-txt-rgba), 0.5);
  background-color: var(--c-bg);
}
.js_tab .tab_head > *.active {
  color: var(--c-body);
  background-color: var(--c-primary);
  pointer-events: none;
}
@media screen and (min-width: 481px) {
  .js_tab .tab_head {
    display: -ms-grid;
    display: grid;
    gap: 3px;
    grid-auto-rows: auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-auto-columns: auto;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: start;
        align-content: start;
    justify-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: rgba(var(--c-bg-rgba), 0.3);
  }
  .js_tab .tab_head > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    gap: 0;
  }
}
@media screen and (max-width: 480px) {
  .js_tab .tab_head {
    border-bottom: 2px solid var(--c-primary);
  }
  .js_tab .tab_head > li {
    margin-right: 1em;
  }
  .js_tab .tab_head > li:not(:last-child) {
    margin-bottom: 3px;
  }
}
.js_tab .tab_body {
  padding: 24px;
  -webkit-transition: all 0.3s liner;
  transition: all 0.3s liner;
}
.js_tab .tab_body > :not(.active) {
  display: none;
}
.js_tab .tab_body > .active {
  display: block;
  -webkit-animation: anime_tabshow 0.5s linear 0s;
          animation: anime_tabshow 0.5s linear 0s;
}
@-webkit-keyframes anime_tabshow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes anime_tabshow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#loading {
  width: 100vw;
  height: 100vh;
  -webkit-transition: all 1s;
  transition: all 1s;
  background-color: var(--c-body);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  opacity: 1;
  visibility: visible;
}
#loading.is_active {
  opacity: 0;
  visibility: hidden;
}
#loading_animation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100vw;
  height: 100vh;
  -webkit-transition: all 1s;
  transition: all 1s;
  background-color: var(--c-primary);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
}
#loading_animation.is_active {
  opacity: 1;
  visibility: visible;
}
#loading_icon {
  width: 100px;
  height: 100px;
  position: relative;
  margin: 0 auto 15px;
  text-align: center;
}
#loading_txt {
  display: block;
  width: 100%;
  padding: 0.5em 0 0.5em 0.3em;
  color: rgba(247, 248, 249, 0.8);
  font-size: 1.4em;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.3em;
}

.js_readmore .js_readmore_content {
  overflow: hidden;
  -webkit-transition: -webkit-mask-image 0.3s ease-in-out;
  transition: -webkit-mask-image 0.3s ease-in-out;
  transition: mask-image 0.3s ease-in-out;
  transition: mask-image 0.3s ease-in-out, -webkit-mask-image 0.3s ease-in-out;
}
.js_readmore .js_readmore_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 8px;
  width: 2.5em;
  height: 2.5em;
  overflow: hidden;
  margin: auto auto 0;
  color: var(--c-text);
  cursor: pointer;
}
.js_readmore .js_readmore_btn::before, .js_readmore .js_readmore_btn::after {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-weight: 700;
}
.js_readmore .js_readmore_btn::before {
  font-size: 0.6em;
}
.js_readmore .js_readmore_btn::after {
  font-size: 2em;
  line-height: 0.5;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  color: var(--c-primary);
}
.js_readmore:not(.open) .js_readmore_content {
  height: 10em;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(var(--c-body)), to(transparent));
  -webkit-mask-image: linear-gradient(to bottom, var(--c-body), transparent);
          mask-image: -webkit-gradient(linear, left top, left bottom, from(var(--c-body)), to(transparent));
          mask-image: linear-gradient(to bottom, var(--c-body), transparent);
}
.js_readmore:not(.open) .js_readmore_btn::before {
  content: "Open";
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.js_readmore:not(.open) .js_readmore_btn::after {
  content: "》";
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media (any-hover: hover) {
  .js_readmore:not(.open) .js_readmore_btn:hover::after {
    -webkit-animation: 1s anime_forbtm infinite cubic-bezier(0.19, 1, 0.22, 1);
            animation: 1s anime_forbtm infinite cubic-bezier(0.19, 1, 0.22, 1);
  }
}
.js_readmore.open .js_readmore_content {
  height: auto;
  -webkit-mask-image: unset;
          mask-image: unset;
}
.js_readmore.open .js_readmore_btn::before {
  content: "Close";
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.js_readmore.open .js_readmore_btn::after {
  content: "《";
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media (any-hover: hover) {
  .js_readmore.open .js_readmore_btn:hover::after {
    -webkit-animation: 1s anime_fortop infinite cubic-bezier(0.19, 1, 0.22, 1);
            animation: 1s anime_fortop infinite cubic-bezier(0.19, 1, 0.22, 1);
  }
}

@-webkit-keyframes anime_forbtm {
  0%, 100% {
    -webkit-transform: rotate(90deg) translateX(0);
            transform: rotate(90deg) translateX(0);
  }
  50% {
    -webkit-transform: rotate(90deg) translateX(3px);
            transform: rotate(90deg) translateX(3px);
  }
}

@keyframes anime_forbtm {
  0%, 100% {
    -webkit-transform: rotate(90deg) translateX(0);
            transform: rotate(90deg) translateX(0);
  }
  50% {
    -webkit-transform: rotate(90deg) translateX(3px);
            transform: rotate(90deg) translateX(3px);
  }
}
@-webkit-keyframes anime_fortop {
  0%, 100% {
    -webkit-transform: rotate(90deg) translateX(0);
            transform: rotate(90deg) translateX(0);
  }
  50% {
    -webkit-transform: rotate(90deg) translateX(-3px);
            transform: rotate(90deg) translateX(-3px);
  }
}
@keyframes anime_fortop {
  0%, 100% {
    -webkit-transform: rotate(90deg) translateX(0);
            transform: rotate(90deg) translateX(0);
  }
  50% {
    -webkit-transform: rotate(90deg) translateX(-3px);
            transform: rotate(90deg) translateX(-3px);
  }
}
.box_search:not(:last-child) {
  margin-bottom: 24px;
}
.box_search:last-child {
  margin-bottom: 0;
}
.box_search > *:not(:last-child) {
  margin-bottom: 24px !important;
}
.box_search > *:last-child {
  margin-bottom: 0;
}
.box_search_btn > *:not(:last-child) {
  margin-bottom: 8px !important;
}
.box_search_btn > *:last-child {
  margin-bottom: 0;
}
.box_search_btn .js_release {
  text-align: center;
  background-color: var(--c-bg);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.box_search_btn.type_checkbox {
  padding: 0.5em;
  border: 3px solid rgba(var(--c-primary-rgba), 0.2);
}
.box_search_btn.type_checkbox ul.ul_grid {
  grid-template-columns: repeat(auto-fill, minmax(12em, 1fr));
}
.box_search_btn.type_checkbox ul.ul_grid > li {
  margin-left: 0;
  list-style: none;
}
.box_search_btn.type_checkbox ul.ul_grid > li label {
  width: 100%;
}
.box_search_btn.type_checkbox .js_release {
  padding: 0.5em;
  font-size: 0.8em;
}
.box_search_btn.type_btn ul.ul_none {
  display: -ms-grid;
  display: grid;
  gap: 8px;
  grid-auto-rows: auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-auto-columns: auto;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.box_search_btn.type_btn ul.ul_none > li {
  text-align: center;
}
.box_search_btn.type_btn input[type=checkbox] {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
}
.box_search_btn.type_btn input[type=checkbox] + span {
  padding-left: 0;
}
.box_search_btn.type_btn label,
.box_search_btn.type_btn .js_release {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 0;
  border-radius: 100vh;
  width: 100%;
  height: 100%;
  padding: 1em 2em;
  font-weight: 700;
  line-height: 1.2;
}
.box_search_btn.type_btn label {
  background-color: var(--c-txt);
  color: var(--c-bg);
}
.box_search_btn.type_btn label:has(input[type=checkbox]:checked) {
  background-color: var(--c-primary);
}
.box_search_result > *:not(:last-child) {
  margin-bottom: 16px !important;
}
.box_search_result > *:last-child {
  margin-bottom: 0;
}
.box_search_result .js_numbox {
  color: var(--c-primary);
}
.box_search_result .js_target:not(.js_selected) {
  display: none !important;
}

input#datepicker {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23bbbbbb" d="M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z" /></svg>');
  background-size: 24px;
  background-position: right 5px center;
  background-repeat: no-repeat;
}

.ui-datepicker {
  width: 93%;
  max-width: 400px;
}
.ui-datepicker a {
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  font-weight: 700;
}
.ui-datepicker > * {
  width: 100%;
}
.ui-datepicker .ui-datepicker-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 0;
  padding: 0.5em;
  background-color: var(--c-primary);
  text-align: center;
  font-weight: 700;
}
.ui-datepicker .ui-datepicker-header > .ui-datepicker-title {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  color: #F7F8F9;
  font-size: 1.1em;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ui-datepicker .ui-datepicker-header > .ui-datepicker-prev {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.ui-datepicker .ui-datepicker-header > .ui-datepicker-next {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.ui-datepicker .ui-datepicker-header > .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header > .ui-datepicker-next {
  aspect-ratio: 1/1;
  padding: 0.5em;
  display: block;
  color: var(--c-txt);
  background-color: var(--c-body);
  line-height: 1;
}
.ui-datepicker .ui-datepicker-header > .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker .ui-datepicker-header > .ui-datepicker-next.ui-state-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.ui-datepicker .ui-datepicker-calendar {
  table-layout: fixed;
}
.ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td {
  text-align: center;
}
.ui-datepicker .ui-datepicker-calendar thead th {
  background-color: rgba(var(--c-primary-rgba), 0.3);
  padding: 0.5em 0;
}
.ui-datepicker .ui-datepicker-calendar tbody td.ui-state-disabled {
  padding: 0.5em 0;
  color: var(--c-gray);
  background-color: var(--c-bg);
}
.ui-datepicker .ui-datepicker-calendar tbody td:not(.ui-state-disabled) {
  padding: 0;
}
.ui-datepicker .ui-datepicker-calendar tbody td:not(.ui-state-disabled).js_class_weekday {
  background-color: rgba(77, 182, 60, 0.3);
}
.ui-datepicker .ui-datepicker-calendar tbody td:not(.ui-state-disabled).js_class_saturday {
  background-color: rgba(109, 197, 255, 0.3);
}
.ui-datepicker .ui-datepicker-calendar tbody td:not(.ui-state-disabled).js_class_holiday {
  background-color: rgba(254, 169, 169, 0.3);
}
.ui-datepicker .ui-datepicker-calendar tbody td:not(.ui-state-disabled) a {
  padding: 0.5em 0;
  display: block;
  text-align: center;
  background-color: transparent;
}
@media (any-hover: hover) {
  .ui-datepicker .ui-datepicker-calendar tbody td:not(.ui-state-disabled) a:hover {
    background-color: rgba(var(--c-yellow-rgba), 0.4);
  }
}

:root {
  --c-base: #063057;
  --c-base-rgba: 6, 48, 87;
  --c-base-bgctxt: var(--c-white);
  --c-default: #063057;
  --c-default-rgba: 6, 48, 87;
  --c-default-bgctxt: var(--c-white);
  --c-newsinfo: #063057;
  --c-newsinfo-rgba: 6, 48, 87;
  --c-newsinfo-bgctxt: var(--c-white);
  --c-object: #f1f9ff;
  --c-object-rgba: 241, 249, 255;
  --c-object-bgctxt: var(--c-black);
  --c-transport: #0f4abf;
  --c-transport-rgba: 15, 74, 191;
  --c-transport-bgctxt: var(--c-white);
  --c-activity: #abd904;
  --c-activity-rgba: 171, 217, 4;
  --c-activity-bgctxt: var(--c-black);
  --c-eatbuy: #f2e205;
  --c-eatbuy-rgba: 242, 226, 5;
  --c-eatbuy-bgctxt: var(--c-black);
  --c-advertise: #f25e3d;
  --c-advertise-rgba: 242, 94, 61;
  --c-advertise-bgctxt: var(--c-white);
  --c-base-50: #f0f2f4;
  --c-base-50-bgctxt: var(--c-black);
  --c-base-100: #d3dae1;
  --c-base-100-bgctxt: var(--c-black);
  --c-base-200: #9eaebd;
  --c-base-200-bgctxt: var(--c-black);
  --c-base-300: #5d7891;
  --c-base-300-bgctxt: var(--c-white);
  --c-base-400: #284c6e;
  --c-base-400-bgctxt: var(--c-white);
  --c-base-500: #063057;
  --c-base-500-bgctxt: var(--c-white);
  --c-base-600: #0a3054;
  --c-base-600-bgctxt: var(--c-white);
  --c-base-700: #0c3052;
  --c-base-700-bgctxt: var(--c-white);
  --c-base-800: #16314a;
  --c-base-800-bgctxt: var(--c-white);
  --c-base-900: #223240;
  --c-base-900-bgctxt: var(--c-white);
  --c-base-950: #2c3338;
  --c-base-950-bgctxt: var(--c-white);
  --c-base-bgc: var(--c-base-100);
  --c-base-bdc: var(--c-base-200);
  --c-default-50: #f0f2f4;
  --c-default-50-bgctxt: var(--c-black);
  --c-default-100: #d3dae1;
  --c-default-100-bgctxt: var(--c-black);
  --c-default-200: #9eaebd;
  --c-default-200-bgctxt: var(--c-black);
  --c-default-300: #5d7891;
  --c-default-300-bgctxt: var(--c-white);
  --c-default-400: #284c6e;
  --c-default-400-bgctxt: var(--c-white);
  --c-default-500: #063057;
  --c-default-500-bgctxt: var(--c-white);
  --c-default-600: #0a3054;
  --c-default-600-bgctxt: var(--c-white);
  --c-default-700: #0c3052;
  --c-default-700-bgctxt: var(--c-white);
  --c-default-800: #16314a;
  --c-default-800-bgctxt: var(--c-white);
  --c-default-900: #223240;
  --c-default-900-bgctxt: var(--c-white);
  --c-default-950: #2c3338;
  --c-default-950-bgctxt: var(--c-white);
  --c-default-bgc: var(--c-default-100);
  --c-default-bdc: var(--c-default-200);
  --c-newsinfo-50: #f0f2f4;
  --c-newsinfo-50-bgctxt: var(--c-black);
  --c-newsinfo-100: #d3dae1;
  --c-newsinfo-100-bgctxt: var(--c-black);
  --c-newsinfo-200: #9eaebd;
  --c-newsinfo-200-bgctxt: var(--c-black);
  --c-newsinfo-300: #5d7891;
  --c-newsinfo-300-bgctxt: var(--c-white);
  --c-newsinfo-400: #284c6e;
  --c-newsinfo-400-bgctxt: var(--c-white);
  --c-newsinfo-500: #063057;
  --c-newsinfo-500-bgctxt: var(--c-white);
  --c-newsinfo-600: #0a3054;
  --c-newsinfo-600-bgctxt: var(--c-white);
  --c-newsinfo-700: #0c3052;
  --c-newsinfo-700-bgctxt: var(--c-white);
  --c-newsinfo-800: #16314a;
  --c-newsinfo-800-bgctxt: var(--c-white);
  --c-newsinfo-900: #223240;
  --c-newsinfo-900-bgctxt: var(--c-white);
  --c-newsinfo-950: #2c3338;
  --c-newsinfo-950-bgctxt: var(--c-white);
  --c-newsinfo-bgc: var(--c-newsinfo-100);
  --c-newsinfo-bdc: var(--c-newsinfo-200);
  --c-object-50: #f7f8f9;
  --c-object-50-bgctxt: var(--c-black);
  --c-object-100: #f6f8fa;
  --c-object-100-bgctxt: var(--c-black);
  --c-object-200: #f5f8fb;
  --c-object-200-bgctxt: var(--c-black);
  --c-object-300: #f3f9fd;
  --c-object-300-bgctxt: var(--c-black);
  --c-object-400: #f2f9fe;
  --c-object-400-bgctxt: var(--c-black);
  --c-object-500: #f1f9ff;
  --c-object-500-bgctxt: var(--c-black);
  --c-object-600: #e2e9ef;
  --c-object-600-bgctxt: var(--c-black);
  --c-object-700: #d6dde2;
  --c-object-700-bgctxt: var(--c-black);
  --c-object-800: #adb2b6;
  --c-object-800-bgctxt: var(--c-black);
  --c-object-900: #797c7e;
  --c-object-900-bgctxt: var(--c-white);
  --c-object-950: #505152;
  --c-object-950-bgctxt: var(--c-white);
  --c-object-bgc: var(--c-object-100);
  --c-object-bdc: var(--c-object-200);
  --c-transport-50: #f0f3f7;
  --c-transport-50-bgctxt: var(--c-black);
  --c-transport-100: #d4def0;
  --c-transport-100-bgctxt: var(--c-black);
  --c-transport-200: #a1b8e4;
  --c-transport-200-bgctxt: var(--c-black);
  --c-transport-300: #6389d4;
  --c-transport-300-bgctxt: var(--c-white);
  --c-transport-400: #2f62c7;
  --c-transport-400-bgctxt: var(--c-white);
  --c-transport-500: #0f4abf;
  --c-transport-500-bgctxt: var(--c-white);
  --c-transport-600: #1248b4;
  --c-transport-600-bgctxt: var(--c-white);
  --c-transport-700: #1447ab;
  --c-transport-700-bgctxt: var(--c-white);
  --c-transport-800: #1c428d;
  --c-transport-800-bgctxt: var(--c-white);
  --c-transport-900: #263c67;
  --c-transport-900-bgctxt: var(--c-white);
  --c-transport-950: #2e3648;
  --c-transport-950-bgctxt: var(--c-white);
  --c-transport-bgc: var(--c-transport-50);
  --c-transport-bdc: var(--c-transport-100);
  --c-activity-50: #f5f7f2;
  --c-activity-50-bgctxt: var(--c-black);
  --c-activity-100: #ecf3d4;
  --c-activity-100-bgctxt: var(--c-black);
  --c-activity-200: #dbed9e;
  --c-activity-200-bgctxt: var(--c-black);
  --c-activity-300: #c6e45c;
  --c-activity-300-bgctxt: var(--c-black);
  --c-activity-400: #b6dd26;
  --c-activity-400-bgctxt: var(--c-black);
  --c-activity-500: #abd904;
  --c-activity-500-bgctxt: var(--c-black);
  --c-activity-600: #a1cc08;
  --c-activity-600-bgctxt: var(--c-black);
  --c-activity-700: #9ac20b;
  --c-activity-700-bgctxt: var(--c-black);
  --c-activity-800: #809d15;
  --c-activity-800-bgctxt: var(--c-white);
  --c-activity-900: #5f7022;
  --c-activity-900-bgctxt: var(--c-white);
  --c-activity-950: #454c2c;
  --c-activity-950-bgctxt: var(--c-white);
  --c-activity-bgc: var(--c-activity-100);
  --c-activity-bdc: var(--c-activity-200);
  --c-eatbuy-50: #f7f7f2;
  --c-eatbuy-50-bgctxt: var(--c-black);
  --c-eatbuy-100: #f6f5d4;
  --c-eatbuy-100-bgctxt: var(--c-black);
  --c-eatbuy-200: #f5f09f;
  --c-eatbuy-200-bgctxt: var(--c-black);
  --c-eatbuy-300: #f4ea5d;
  --c-eatbuy-300-bgctxt: var(--c-black);
  --c-eatbuy-400: #f3e527;
  --c-eatbuy-400-bgctxt: var(--c-black);
  --c-eatbuy-500: #f2e205;
  --c-eatbuy-500-bgctxt: var(--c-black);
  --c-eatbuy-600: #e3d409;
  --c-eatbuy-600-bgctxt: var(--c-black);
  --c-eatbuy-700: #d7ca0b;
  --c-eatbuy-700-bgctxt: var(--c-black);
  --c-eatbuy-800: #ada316;
  --c-eatbuy-800-bgctxt: var(--c-black);
  --c-eatbuy-900: #7a7422;
  --c-eatbuy-900-bgctxt: var(--c-white);
  --c-eatbuy-950: #504d2c;
  --c-eatbuy-950-bgctxt: var(--c-white);
  --c-eatbuy-bgc: var(--c-eatbuy-100);
  --c-eatbuy-bdc: var(--c-eatbuy-200);
  --c-advertise-50: #f7f3f3;
  --c-advertise-50-bgctxt: var(--c-black);
  --c-advertise-100: #f6e1dd;
  --c-advertise-100-bgctxt: var(--c-black);
  --c-advertise-200: #f5bfb3;
  --c-advertise-200-bgctxt: var(--c-black);
  --c-advertise-300: #f49581;
  --c-advertise-300-bgctxt: var(--c-black);
  --c-advertise-400: #f37457;
  --c-advertise-400-bgctxt: var(--c-black);
  --c-advertise-500: #f25e3d;
  --c-advertise-500-bgctxt: var(--c-white);
  --c-advertise-600: #e35b3c;
  --c-advertise-600-bgctxt: var(--c-white);
  --c-advertise-700: #d7583c;
  --c-advertise-700-bgctxt: var(--c-white);
  --c-advertise-800: #ad4f39;
  --c-advertise-800-bgctxt: var(--c-white);
  --c-advertise-900: #7a4337;
  --c-advertise-900-bgctxt: var(--c-white);
  --c-advertise-950: #503935;
  --c-advertise-950-bgctxt: var(--c-white);
  --c-advertise-bgc: var(--c-advertise-100);
  --c-advertise-bdc: var(--c-advertise-200);
}

body[class*=-base],
[class*=con_base] {
  --c-theme: var(--c-base);
  --c-theme-rgba: var(--c-base-rgba);
}

.fc_base {
  color: var(--c-base);
}

.bgc_base {
  background-color: var(--c-base);
  color: var(--c-base-bgctxt);
}

.icon_base:before {
  content: "";
  display: inline-block;
  aspect-ratio: 1;
  background-color: Currentcolor;
  -webkit-mask-image: url("/ksankoshow/wp-content/themes/sankoshow/common/images/icon/icon_base.svg");
          mask-image: url("/ksankoshow/wp-content/themes/sankoshow/common/images/icon/icon_base.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.icon_base:is(h2):before {
  background-color: Currentcolor;
  width: 1.2em;
}
.icon_base:is(h3):before {
  color: var(--c-base);
  width: 1.2em;
}
.icon_base:is(.link_btn_square > a):before {
  width: 1.4em;
}

.bgc_rgba_base {
  background-color: rgba(var(--c-base-rgba), 0.3);
}

body[class*=-base] .fc_theme,
.con_base .fc_theme {
  color: var(--c-base);
}
body[class*=-base] .bgc_theme,
.con_base .bgc_theme {
  background-color: var(--c-base);
  color: var(--c-base-bgctxt);
}
body[class*=-base] .bgc_rgba_theme,
.con_base .bgc_rgba_theme {
  background-color: rgba(var(--c-base-rgba), 0.3);
}

body[class*=-default],
[class*=con_default] {
  --c-theme: var(--c-default);
  --c-theme-rgba: var(--c-default-rgba);
}

.fc_default {
  color: var(--c-default);
}

.bgc_default {
  background-color: var(--c-default);
  color: var(--c-default-bgctxt);
}

.icon_default:before {
  content: "";
  display: inline-block;
  aspect-ratio: 1;
  background-color: Currentcolor;
  -webkit-mask-image: url("/ksankoshow/wp-content/themes/sankoshow/common/images/icon/icon_default.svg");
          mask-image: url("/ksankoshow/wp-content/themes/sankoshow/common/images/icon/icon_default.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.icon_default:is(h2):before {
  background-color: Currentcolor;
  width: 1.2em;
}
.icon_default:is(h3):before {
  color: var(--c-default);
  width: 1.2em;
}
.icon_default:is(.link_btn_square > a):before {
  width: 1.4em;
}

.bgc_rgba_default {
  background-color: rgba(var(--c-default-rgba), 0.3);
}

body[class*=-default] .fc_theme,
.con_default .fc_theme {
  color: var(--c-default);
}
body[class*=-default] .bgc_theme,
.con_default .bgc_theme {
  background-color: var(--c-default);
  color: var(--c-default-bgctxt);
}
body[class*=-default] .bgc_rgba_theme,
.con_default .bgc_rgba_theme {
  background-color: rgba(var(--c-default-rgba), 0.3);
}

body[class*=-newsinfo],
[class*=con_newsinfo] {
  --c-theme: var(--c-newsinfo);
  --c-theme-rgba: var(--c-newsinfo-rgba);
}

.fc_newsinfo {
  color: var(--c-newsinfo);
}

.bgc_newsinfo {
  background-color: var(--c-newsinfo);
  color: var(--c-newsinfo-bgctxt);
}

.icon_newsinfo:before {
  content: "";
  display: inline-block;
  aspect-ratio: 1;
  background-color: Currentcolor;
  -webkit-mask-image: url("/ksankoshow/wp-content/themes/sankoshow/common/images/icon/icon_newsinfo.svg");
          mask-image: url("/ksankoshow/wp-content/themes/sankoshow/common/images/icon/icon_newsinfo.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.icon_newsinfo:is(h2):before {
  background-color: Currentcolor;
  width: 1.2em;
}
.icon_newsinfo:is(h3):before {
  color: var(--c-newsinfo);
  width: 1.2em;
}
.icon_newsinfo:is(.link_btn_square > a):before {
  width: 1.4em;
}

.bgc_rgba_newsinfo {
  background-color: rgba(var(--c-newsinfo-rgba), 0.3);
}

body[class*=-newsinfo] .fc_theme,
.con_newsinfo .fc_theme {
  color: var(--c-newsinfo);
}
body[class*=-newsinfo] .bgc_theme,
.con_newsinfo .bgc_theme {
  background-color: var(--c-newsinfo);
  color: var(--c-newsinfo-bgctxt);
}
body[class*=-newsinfo] .bgc_rgba_theme,
.con_newsinfo .bgc_rgba_theme {
  background-color: rgba(var(--c-newsinfo-rgba), 0.3);
}

body[class*=-object],
[class*=con_object] {
  --c-theme: var(--c-object);
  --c-theme-rgba: var(--c-object-rgba);
}

.fc_object {
  color: var(--c-object);
}

.bgc_object {
  background-color: var(--c-object);
  color: var(--c-object-bgctxt);
}

.icon_object:before {
  content: "";
  display: inline-block;
  aspect-ratio: 1;
  background-color: Currentcolor;
  -webkit-mask-image: url("/ksankoshow/wp-content/themes/sankoshow/common/images/icon/icon_object.svg");
          mask-image: url("/ksankoshow/wp-content/themes/sankoshow/common/images/icon/icon_object.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.icon_object:is(h2):before {
  background-color: Currentcolor;
  width: 1.2em;
}
.icon_object:is(h3):before {
  color: var(--c-object);
  width: 1.2em;
}
.icon_object:is(.link_btn_square > a):before {
  width: 1.4em;
}

.bgc_rgba_object {
  background-color: rgba(var(--c-object-rgba), 0.3);
}

body[class*=-object] .fc_theme,
.con_object .fc_theme {
  color: var(--c-object);
}
body[class*=-object] .bgc_theme,
.con_object .bgc_theme {
  background-color: var(--c-object);
  color: var(--c-object-bgctxt);
}
body[class*=-object] .bgc_rgba_theme,
.con_object .bgc_rgba_theme {
  background-color: rgba(var(--c-object-rgba), 0.3);
}

body[class*=-transport],
[class*=con_transport] {
  --c-theme: var(--c-transport);
  --c-theme-rgba: var(--c-transport-rgba);
}

.fc_transport {
  color: var(--c-transport);
}

.bgc_transport {
  background-color: var(--c-transport);
  color: var(--c-transport-bgctxt);
}

.icon_transport:before {
  content: "";
  display: inline-block;
  aspect-ratio: 1;
  background-color: Currentcolor;
  -webkit-mask-image: url("/ksankoshow/wp-content/themes/sankoshow/common/images/icon/icon_transport.svg");
          mask-image: url("/ksankoshow/wp-content/themes/sankoshow/common/images/icon/icon_transport.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.icon_transport:is(h2):before {
  background-color: Currentcolor;
  width: 1.2em;
}
.icon_transport:is(h3):before {
  color: var(--c-transport);
  width: 1.2em;
}
.icon_transport:is(.link_btn_square > a):before {
  width: 1.4em;
}

.bgc_rgba_transport {
  background-color: rgba(var(--c-transport-rgba), 0.3);
}

body[class*=-transport] .fc_theme,
.con_transport .fc_theme {
  color: var(--c-transport);
}
body[class*=-transport] .bgc_theme,
.con_transport .bgc_theme {
  background-color: var(--c-transport);
  color: var(--c-transport-bgctxt);
}
body[class*=-transport] .bgc_rgba_theme,
.con_transport .bgc_rgba_theme {
  background-color: rgba(var(--c-transport-rgba), 0.3);
}

body[class*=-activity],
[class*=con_activity] {
  --c-theme: var(--c-activity);
  --c-theme-rgba: var(--c-activity-rgba);
}

.fc_activity {
  color: var(--c-activity);
}

.bgc_activity {
  background-color: var(--c-activity);
  color: var(--c-activity-bgctxt);
}

.icon_activity:before {
  content: "";
  display: inline-block;
  aspect-ratio: 1;
  background-color: Currentcolor;
  -webkit-mask-image: url("/ksankoshow/wp-content/themes/sankoshow/common/images/icon/icon_activity.svg");
          mask-image: url("/ksankoshow/wp-content/themes/sankoshow/common/images/icon/icon_activity.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.icon_activity:is(h2):before {
  background-color: Currentcolor;
  width: 1.2em;
}
.icon_activity:is(h3):before {
  color: var(--c-activity);
  width: 1.2em;
}
.icon_activity:is(.link_btn_square > a):before {
  width: 1.4em;
}

.bgc_rgba_activity {
  background-color: rgba(var(--c-activity-rgba), 0.3);
}

body[class*=-activity] .fc_theme,
.con_activity .fc_theme {
  color: var(--c-activity);
}
body[class*=-activity] .bgc_theme,
.con_activity .bgc_theme {
  background-color: var(--c-activity);
  color: var(--c-activity-bgctxt);
}
body[class*=-activity] .bgc_rgba_theme,
.con_activity .bgc_rgba_theme {
  background-color: rgba(var(--c-activity-rgba), 0.3);
}

body[class*=-eatbuy],
[class*=con_eatbuy] {
  --c-theme: var(--c-eatbuy);
  --c-theme-rgba: var(--c-eatbuy-rgba);
}

.fc_eatbuy {
  color: var(--c-eatbuy);
}

.bgc_eatbuy {
  background-color: var(--c-eatbuy);
  color: var(--c-eatbuy-bgctxt);
}

.icon_eatbuy:before {
  content: "";
  display: inline-block;
  aspect-ratio: 1;
  background-color: Currentcolor;
  -webkit-mask-image: url("/ksankoshow/wp-content/themes/sankoshow/common/images/icon/icon_eatbuy.svg");
          mask-image: url("/ksankoshow/wp-content/themes/sankoshow/common/images/icon/icon_eatbuy.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.icon_eatbuy:is(h2):before {
  background-color: Currentcolor;
  width: 1.2em;
}
.icon_eatbuy:is(h3):before {
  color: var(--c-eatbuy);
  width: 1.2em;
}
.icon_eatbuy:is(.link_btn_square > a):before {
  width: 1.4em;
}

.bgc_rgba_eatbuy {
  background-color: rgba(var(--c-eatbuy-rgba), 0.3);
}

body[class*=-eatbuy] .fc_theme,
.con_eatbuy .fc_theme {
  color: var(--c-eatbuy);
}
body[class*=-eatbuy] .bgc_theme,
.con_eatbuy .bgc_theme {
  background-color: var(--c-eatbuy);
  color: var(--c-eatbuy-bgctxt);
}
body[class*=-eatbuy] .bgc_rgba_theme,
.con_eatbuy .bgc_rgba_theme {
  background-color: rgba(var(--c-eatbuy-rgba), 0.3);
}

body[class*=-advertise],
[class*=con_advertise] {
  --c-theme: var(--c-advertise);
  --c-theme-rgba: var(--c-advertise-rgba);
}

.fc_advertise {
  color: var(--c-advertise);
}

.bgc_advertise {
  background-color: var(--c-advertise);
  color: var(--c-advertise-bgctxt);
}

.icon_advertise:before {
  content: "";
  display: inline-block;
  aspect-ratio: 1;
  background-color: Currentcolor;
  -webkit-mask-image: url("/ksankoshow/wp-content/themes/sankoshow/common/images/icon/icon_advertise.svg");
          mask-image: url("/ksankoshow/wp-content/themes/sankoshow/common/images/icon/icon_advertise.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.icon_advertise:is(h2):before {
  background-color: Currentcolor;
  width: 1.2em;
}
.icon_advertise:is(h3):before {
  color: var(--c-advertise);
  width: 1.2em;
}
.icon_advertise:is(.link_btn_square > a):before {
  width: 1.4em;
}

.bgc_rgba_advertise {
  background-color: rgba(var(--c-advertise-rgba), 0.3);
}

body[class*=-advertise] .fc_theme,
.con_advertise .fc_theme {
  color: var(--c-advertise);
}
body[class*=-advertise] .bgc_theme,
.con_advertise .bgc_theme {
  background-color: var(--c-advertise);
  color: var(--c-advertise-bgctxt);
}
body[class*=-advertise] .bgc_rgba_theme,
.con_advertise .bgc_rgba_theme {
  background-color: rgba(var(--c-advertise-rgba), 0.3);
}

.page-frontpage .content[class*=con_] hgroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 0;
}
.page-frontpage .content[class*=con_] hgroup > h2 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-frontpage .content[class*=con_] hgroup > a {
  display: block;
  padding: 0.5em 1em;
  background-color: var(--c-theme);
  color: var(--c-white);
  text-decoration: none;
  line-height: 1.2;
}
.page-frontpage .content[class*=con_] h2::after {
  color: var(--c-theme) !important;
}
.page-frontpage .content[class*=con_news] {
  background-color: #fff7e6 !important;
}

.swiper.swiper_multiple .swiper-wrapper.box_card {
  width: 100% !important;
}
.swiper.swiper_multiple .swiper-wrapper .swiper-slide {
  /*transition: opacity 0.3s ease-in-out,
              scale   0.3s ease-in-out;
  transform-origin: center;*/
  opacity: 0.5; /* 左右のスライドを薄くする */
  -webkit-transform: scale(0.9);
          transform: scale(0.9); /* 左右のスライドを小さくする */
  -webkit-transition: 0.7s;
  transition: 0.7s; /* ゆっくり小さくさせる */
  /*&:not([class*="active"]) {
    opacity: 0.6; //scale: 0.9;
  }*/
}
.swiper.swiper_multiple .swiper-wrapper .swiper-slide[class*=active] {
  opacity: 1; /* 中央のスライドは薄くしない */
  -webkit-transform: scale(1);
          transform: scale(1); /* 中央のスライドは小さくしない */
  z-index: 1; /* 中央のスライドを一番上にする */
}

.card_item {
  padding: 0;
  text-decoration: none;
  overflow: hidden;
}
:not([class*=swiper]) > .card_item {
  background-color: rgba(var(--c-primary-rgba), 0.2) !important;
}
:not([class*=swiper]) > .card_item[class*=obj_] {
  padding: 0 10px 10px;
}
:not([class*=swiper]) > .card_item:not([class*=obj_]) {
  padding: 10px;
}

.card_item .item_img {
  overflow: hidden;
  position: relative;
}
.card_item .item_img img {
  width: 100%;
  aspect-ratio: 3/2;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.card_item .item_img_label {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background-color: #333333;
  color: #F7F8F9;
  font-size: 0.6em;
  max-width: 90%;
}
.card_item .item_img_label > span {
  padding: 0.3em 0.5em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.card_item .item_img:has(.item_img_caption) img {
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
.card_item .item_img:has(.item_img_caption) .item_img_caption {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  padding: 0.8em;
  color: #F7F8F9;
  line-height: 1.2;
  font-weight: 700;
  text-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
}
.card_item .item_img:has(.item_img_caption) .item_img_caption > span, .card_item .item_img:has(.item_img_caption) .item_img_caption > b, .card_item .item_img:has(.item_img_caption) .item_img_caption > strong {
  display: block;
  width: 100%;
}
.card_item .item_img:has(.item_img_caption)::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(51, 51, 51, 0)), to(#333333));
  background: linear-gradient(rgba(51, 51, 51, 0) 0%, #333333 100%);
  opacity: 0.8;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
  .card_item .item_img:has(.item_img_caption):hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .card_item .item_img:has(.item_img_caption):hover::before {
    opacity: unset;
  }
}
.card_item .item_txt {
  padding: 1em;
  font-size: 0.9em;
  line-height: 1.2;
  background-color: var(--c-primary);
  color: var(--c-primary-bgctxt);
}
.card_item .item_txt_tit {
  font-size: 1.2em;
}
:not([class*=swiper]) > .card_item .item_txt {
  background-color: transparent;
  color: var(--c-black);
}

.card_item:is(a) {
  color: inherit;
  -webkit-transition: -webkit-transform 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out;
}
@media (any-hover: hover) {
  .card_item:is(a):hover {
    opacity: unset;
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-transition: -webkit-transform 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out;
  }
  .card_item:is(a):hover .item_txt_btn {
    opacity: 0.8;
  }
}
.card_item:not(.noshadow) {
  background-color: var(--c-body);
  -webkit-box-shadow: 0 2px 5px var(--c-bd);
          box-shadow: 0 2px 5px var(--c-bd);
}
@media (any-hover: hover) {
  .card_item:not(.noshadow):is(a):hover {
    -webkit-box-shadow: 0 7px 34px rgba(var(--c-bd-rgba), 0.1), 0 3px 6px rgba(var(--c-bd-rgba), 0.08);
            box-shadow: 0 7px 34px rgba(var(--c-bd-rgba), 0.1), 0 3px 6px rgba(var(--c-bd-rgba), 0.08);
  }
}
.card_item[class*=obj_] .ribbon {
  position: absolute;
  right: 10px;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font-size: 12px;
  margin-bottom: 10px;
}
:not([class*=swiper]) > .card_item[class*=obj_] .ribbon {
  position: static;
}

.card_item[class*=obj_] .ribbon::after {
  content: "";
  clip-path: polygon(100% 0%, 100% 100%, 50% 75%, 0 100%, 0 0);
  width: 28px;
  height: 40px;
  display: block;
}
.card_item[class*=obj_][class*=_base] .ribbon::after {
  background: var(--c-base);
}
.card_item[class*=obj_][class*=_default] .ribbon::after {
  background: var(--c-default);
}
.card_item[class*=obj_][class*=_newsinfo] .ribbon::after {
  background: var(--c-newsinfo);
}
.card_item[class*=obj_][class*=_object] .ribbon::after {
  background: var(--c-object);
}
.card_item[class*=obj_][class*=_transport] .ribbon::after {
  background: var(--c-transport);
}
.card_item[class*=obj_][class*=_activity] .ribbon::after {
  background: var(--c-activity);
}
.card_item[class*=obj_][class*=_eatbuy] .ribbon::after {
  background: var(--c-eatbuy);
}
.card_item[class*=obj_][class*=_advertise] .ribbon::after {
  background: var(--c-advertise);
}

.single-item #item_catch .item_txt {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.single-item dl[class*=dl_col2] > dt:not(.bgc_none) {
  background-color: rgba(var(--c-theme-rgba), 0.2);
}
.single-item div[class*=link_btn][class*=wave_btn].bgc_theme::before,
.single-item div[class*=link_btn][class*=wave_btn].bgc_theme::after {
  background-color: var(--c-theme);
}

.link_btn_square {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 0;
  position: relative;
  padding: 0;
  border-radius: 8px;
  position: relative;
}
.link_btn_square[class*=fc_] {
  border: 1px solid CurrentColor;
}
.link_btn_square.bgc_corp {
  border: 3px solid var(--c-gray);
  background-color: var(--c-white) !important;
  color: var(--c-corp);
}
.link_btn_square > a,
.link_btn_square > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 8px;
  padding: 1.5em 2em;
  width: 100%;
  color: inherit;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.link_btn_square > a > *,
.link_btn_square > span > * {
  display: block;
}
.link_btn_square > a > i,
.link_btn_square > span > i {
  font-size: 0.8em;
  position: absolute;
  right: 0.5em;
  top: 50%;
  translate: 0 -50%;
}
@media (any-hover: hover) {
  .link_btn_square > a:hover,
  .link_btn_square > span:hover {
    opacity: unset;
  }
}
.link_btn_square:active {
  top: 2px;
}
.link_btn_square[class*=wave_btn] {
  margin: 30px auto !important;
}
@media screen and (min-width: 760px) {
  .link_btn_square[class*=wave_btn] {
    max-width: 70%;
  }
}
@media screen and (max-width: 759px) {
  .link_btn_square[class*=wave_btn] {
    max-width: 90%;
  }
}
.link_btn_square[class*=wave_btn]::before, .link_btn_square[class*=wave_btn]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  border-radius: 100vh;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.link_btn_square[class*=wave_btn]::before {
  -webkit-animation: btn_wave 2s ease-out infinite;
          animation: btn_wave 2s ease-out infinite;
}
.link_btn_square[class*=wave_btn]::after {
  -webkit-animation: btn_wave 2s ease-out 1s infinite;
          animation: btn_wave 2s ease-out 1s infinite;
}
.link_btn_square[class*=wave_btn] > a,
.link_btn_square[class*=wave_btn] > span {
  position: relative;
  z-index: 1;
  font-size: 1.2em;
  padding: 1.3em 2.5em;
}
.box_linkbtn.box_fill {
  display: -ms-grid;
  display: grid;
  gap: 8px;
  grid-auto-rows: auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-auto-columns: auto;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.box_linkbtn.box_fill:not(:last-child) {
  margin-bottom: 16px;
}
.box_linkbtn.box_fill:last-child {
  margin-bottom: 0;
}

.box_linkbtn.box_fit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 8px;
}
.box_linkbtn.box_fit:not(:last-child) {
  margin-bottom: 16px;
}
.box_linkbtn.box_fit:last-child {
  margin-bottom: 0;
}

:not(.box_linkbtn) > .link_btn_square:not(:last-child) {
  margin-bottom: 16px;
}
:not(.box_linkbtn) > .link_btn_square:last-child {
  margin-bottom: 0;
}
:not(.box_linkbtn) > .link_btn_square.w100 {
  width: 100%;
}
:not(.box_linkbtn) > .link_btn_square:not(.w100) {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media screen and (min-width: 1200px) {
  .link_btn_square[class*=obj] > a {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 1.3em;
    padding: 1.5em 0.9em !important;
    letter-spacing: -1px;
    word-break: break-all;
  }
  .link_btn_square[class*=obj] > a::before, .link_btn_square[class*=obj] > a span {
    width: 100%;
  }
  .link_btn_square[class*=obj] > a::before {
    max-height: 1.5em;
  }
}
.link_btn_square[class*=obj] > a {
  color: currentColor;
}
.link_btn_square[class*=obj].bgc_base {
  background-color: var(--c-base-200);
  color: var(--c-base-200-bgctxt);
}
.link_btn_square[class*=obj].bgc_default {
  background-color: var(--c-default-200);
  color: var(--c-default-200-bgctxt);
}
.link_btn_square[class*=obj].bgc_newsinfo {
  background-color: var(--c-newsinfo-200);
  color: var(--c-newsinfo-200-bgctxt);
}
.link_btn_square[class*=obj].bgc_object {
  background-color: var(--c-object-200);
  color: var(--c-object-200-bgctxt);
}
.link_btn_square[class*=obj].bgc_transport {
  background-color: var(--c-transport-200);
  color: var(--c-transport-200-bgctxt);
}
.link_btn_square[class*=obj].bgc_activity {
  background-color: var(--c-activity-200);
  color: var(--c-activity-200-bgctxt);
}
.link_btn_square[class*=obj].bgc_eatbuy {
  background-color: var(--c-eatbuy-200);
  color: var(--c-eatbuy-200-bgctxt);
}
.link_btn_square[class*=obj].bgc_advertise {
  background-color: var(--c-advertise-200);
  color: var(--c-advertise-200-bgctxt);
}

.hc_logo {
  display: block;
}
.hc_logo > img {
  height: 32px;
}

body.single-item .content:has(.box_addparts) .box_addparts {
  position: relative;
  background-color: color-mix(in srgb, var(--c-primary) 10%, var(--c-white));
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 64px;
}
body.single-item .content:has(.box_addparts) .box_addparts .ribbon {
  position: absolute;
  right: 10px;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  font-size: 18px;
}
body.single-item .content:has(.box_addparts) .box_addparts .ribbon::after {
  content: "";
  clip-path: polygon(100% 0%, 100% 100%, 50% 75%, 0 100%, 0 0);
  width: 28px;
  height: 40px;
  display: block;
}
body.single-item .content:has(.box_addparts) .box_addparts[class*=_base] .ribbon::after {
  background: var(--c-base);
}
body.single-item .content:has(.box_addparts) .box_addparts[class*=_default] .ribbon::after {
  background: var(--c-default);
}
body.single-item .content:has(.box_addparts) .box_addparts[class*=_newsinfo] .ribbon::after {
  background: var(--c-newsinfo);
}
body.single-item .content:has(.box_addparts) .box_addparts[class*=_object] .ribbon::after {
  background: var(--c-object);
}
body.single-item .content:has(.box_addparts) .box_addparts[class*=_transport] .ribbon::after {
  background: var(--c-transport);
}
body.single-item .content:has(.box_addparts) .box_addparts[class*=_activity] .ribbon::after {
  background: var(--c-activity);
}
body.single-item .content:has(.box_addparts) .box_addparts[class*=_eatbuy] .ribbon::after {
  background: var(--c-eatbuy);
}
body.single-item .content:has(.box_addparts) .box_addparts[class*=_advertise] .ribbon::after {
  background: var(--c-advertise);
}
body.single-item .content:has(.box_addparts) .box_addparts section + section {
  margin-top: 100px;
}
@media screen and (max-width: 1199px) {
  body.single-item .content:has(.box_addparts) .box_addparts {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px;
  }
}
body.single-item .content:has(.box_address) .box_address {
  width: 80%;
  max-width: 1200px;
  margin: 75px auto 0 !important;
  padding: 0;
  -webkit-box-shadow: 0 0 10px var(--c-gray);
          box-shadow: 0 0 10px var(--c-gray);
}
@media screen and (min-width: 760px) {
  body.single-item .content:has(.box_address) .box_address .box_phtxt .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    gap: 0;
  }
}
body.single-item .content:has(.box_address) .box_address .box_phtxt .item_txt {
  padding: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body.single-item .content:has(.box_address) .box_address .box_phtxt .item_img .box_video, body.single-item .content:has(.box_address) .box_address .box_phtxt .item_img .box_media {
  aspect-ratio: 1/1 !important;
}

.content:has(.box_deco) .box_deco {
  width: 80%;
  max-width: 1200px;
  margin: 75px auto 0 !important;
  padding: 0;
  -webkit-box-shadow: 0 0 10px var(--c-gray);
          box-shadow: 0 0 10px var(--c-gray);
}
@media screen and (min-width: 760px) {
  .content:has(.box_deco) .box_deco .box_phtxt .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    gap: 0;
  }
}
.content:has(.box_deco) .box_deco .box_phtxt .item_txt {
  position: relative;
  padding: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
}
.content:has(.box_deco) .box_deco .box_phtxt .item_img .box_video, .content:has(.box_deco) .box_deco .box_phtxt .item_img .box_media {
  aspect-ratio: 1/1 !important;
}
/*# sourceMappingURL=layout.css.map */