@charset "UTF-8";
/*-----------------reset--------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

a, a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}

body, body * {
  box-sizing: border-box;
}

.delay-1 {
  transition-delay: 0.1s;
}

.delay-2 {
  transition-delay: 0.2s;
}

.delay-3 {
  transition-delay: 0.3s;
}

.delay-4 {
  transition-delay: 0.4s;
}

.delay-5 {
  transition-delay: 0.5s;
}

.delay-6 {
  transition-delay: 0.6s;
}

.delay-7 {
  transition-delay: 0.7s;
}

.delay-8 {
  transition-delay: 0.8s;
}

.delay-9 {
  transition-delay: 0.9s;
}

.delay-10 {
  transition-delay: 1s;
}

.delay-11 {
  transition-delay: 1.1s;
}

.delay-12 {
  transition-delay: 1.2s;
}

.delay-13 {
  transition-delay: 1.3s;
}

.delay-14 {
  transition-delay: 1.4s;
}

.delay-15 {
  transition-delay: 1.5s;
}

.delay-16 {
  transition-delay: 1.6s;
}

.delay-17 {
  transition-delay: 1.7s;
}

.delay-18 {
  transition-delay: 1.8s;
}

.delay-19 {
  transition-delay: 1.9s;
}

.delay-20 {
  transition-delay: 2s;
}

.delay-21 {
  transition-delay: 2.1s;
}

.delay-22 {
  transition-delay: 2.2s;
}

.delay-23 {
  transition-delay: 2.3s;
}

.delay-24 {
  transition-delay: 2.4s;
}

.delay-25 {
  transition-delay: 2.5s;
}

.delay-26 {
  transition-delay: 2.6s;
}

.delay-27 {
  transition-delay: 2.7s;
}

.delay-28 {
  transition-delay: 2.8s;
}

.delay-29 {
  transition-delay: 2.9s;
}

.delay-30 {
  transition-delay: 3s;
}

@media only screen and (max-width: 1025px) {
  .sp {
    display: unset;
  }
}
@media only screen and (min-width: 1025px) {
  .sp {
    display: none !important;
  }
}

@media only screen and (max-width: 1025px) {
  .pc {
    display: none !important;
  }
}
@media only screen and (min-width: 1025px) {
  .pc {
    display: unset;
  }
}

@media only screen and (max-width: 1025px) {
  :root {
    --content-width: 750;
    --em: 16;
  }
}
@media only screen and (min-width: 1025px) {
  :root {
    --content-width: 1300;
    --em: 16;
  }
}

.d-b {
  display: block;
}

.d-lb {
  display: inline-block;
}

*[class*=stack] {
  display: block;
}

*[class*=stack-v] > * + * {
  margin-top: min(var(--space) / var(--content-width) * 100vw, var(--space) * 1px);
}

.stack-v1 {
  --space: 25;
}

.stack-v2 {
  --space: 37.5;
}

.stack-v3 {
  --space: 56.25;
}

.stack-v4 {
  --space: 84.375;
}

.stack-v5 {
  --space: 126.5625;
}

.stack-v6 {
  --space: 189.84375;
}

*[class*=box] {
  display: block;
  padding: var(--pt) var(--pr) var(--pb) var(--pl);
}

.box-p1 {
  --pt: 1em;
  --pr: 1em;
  --pb: 1em;
  --pl: 1em;
}

.box-p2 {
  --pt: 2em;
  --pr: 2em;
  --pb: 2em;
  --pl: 2em;
}

.box-p3 {
  --pt: 3em;
  --pr: 3em;
  --pb: 3em;
  --pl: 3em;
}

.box-p4 {
  --pt: 4em;
  --pr: 4em;
  --pb: 4em;
  --pl: 4em;
}

.box-p5 {
  --pt: 5em;
  --pr: 5em;
  --pb: 5em;
  --pl: 5em;
}

*[class*=cluster] {
  display: grid;
  flex-wrap: wrap;
  gap: 1em;
}

@media only screen and (min-width: 1025px) {
  .cluster2-pc {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (min-width: 1025px) {
  .cluster3-pc {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media only screen and (min-width: 1025px) {
  .cluster4-pc {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media only screen and (min-width: 1025px) {
  .cluster5-pc {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}

@media only screen and (max-width: 1025px) {
  .cluster2-sp {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (max-width: 1025px) {
  .cluster3-sp {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media only screen and (max-width: 1025px) {
  .cluster4-sp {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media only screen and (max-width: 1025px) {
  .cluster5-sp {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}

*:has(.center-abs) {
  position: relative;
}

.center-abs {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.center-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.list-bullet > li, .list-attention > li, .list-check > li, .list-bracket-num > li, .list-ast > li, .list-ast-num > li, .list-circle_num > li, .list-circle > li, .list-rect > li, .list-dot > li {
  position: relative;
  line-height: 1.7;
}
.list-bullet > li::before, .list-attention > li::before, .list-check > li::before, .list-bracket-num > li::before, .list-ast > li::before, .list-ast-num > li::before, .list-circle_num > li::before, .list-circle > li::before, .list-rect > li::before, .list-dot > li::before {
  position: absolute;
  left: 0;
}

.list-dot > li {
  padding-left: 1.2em;
}
.list-dot > li::before {
  content: "・";
  color: #000;
}

.list-rect > li {
  padding-left: 0.8em;
}
.list-rect > li::before {
  content: "";
  display: block;
  width: 0.5em;
  height: 0.5em;
  top: 0.6em;
  background-color: #000;
}

.list-circle > li {
  padding-left: 1em;
}
.list-circle > li::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: #000;
  top: 0.5em;
}

.list-circle_num {
  counter-reset: cntr;
}
.list-circle_num > li {
  padding-left: 1.5em;
}
.list-circle_num > li::before {
  content: counter(cntr);
  font-size: 0.8em;
  counter-increment: cntr;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.4em;
  width: 1.4em;
  border-radius: 50%;
  border: 1px solid #000;
  top: 0.3em;
}

.list-ast-num {
  counter-reset: cntr;
}
.list-ast-num > li {
  padding-left: 1.7em;
}
.list-ast-num > li::before {
  content: "※" counter(cntr);
  counter-increment: cntr;
}

.list-ast > li {
  padding-left: 1.2em;
}
.list-ast > li::before {
  content: "※";
}

.list-bracket-num {
  counter-reset: cntr;
}
.list-bracket-num > li {
  padding-left: 1.7em;
}
.list-bracket-num > li::before {
  content: "(" counter(cntr) ")";
  counter-increment: cntr;
}

.list-check > li {
  padding-left: 2.2em;
}
.list-check > li::before {
  content: "";
  width: 2em;
  height: 2em;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2038.04%2029.62%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d47a72%3Bstroke%3A%23d47a72%3Bstroke-width%3A1.99px%3B%7D.cls-1%2C.cls-2%7Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D.cls-2%7Bfill%3Anone%3Bstroke%3A%23000%3Bstroke-width%3A.99px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%22%3E%3Crect%20class%3D%22cls-2%22%20x%3D%22.5%22%20y%3D%225.44%22%20width%3D%2223.69%22%20height%3D%2223.69%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%227.55%2011.83%2014.86%2017.88%2037.04%20.99%2015.87%2023.42%207.55%2011.83%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.list-attention > li {
  padding-left: 2.2em;
}
.list-attention > li::before {
  content: "(注)";
}

@media only screen and (max-width: 1025px) {
  .reel-sp {
    overflow-x: scroll;
  }
}

.grid-outline {
  --full: minmax(5vw, 1fr);
  --content: min(90vw, 1000px);
  display: grid;
  overflow: hidden;
  grid-template-columns: [full-start] var(--full) [content-start] var(--content) [content-end] var(--full) [full-end];
}
.grid-outline > * {
  grid-column: content;
}
.grid-outline > .content-full {
  grid-column-start: full-start;
  grid-column-end: full-end;
}
.grid-outline > .content-left {
  grid-column-start: full-start;
  grid-column-end: content-end;
}
.grid-outline > .content-right {
  grid-column-start: content-start;
  grid-column-end: full-end;
}

html {
  font-family: "TsukuMinPr6-M", serif;
  font-size: var(--em) px;
  color: #2b3341;
  scroll-behavior: smooth;
}
html.lock {
  overflow: hidden;
  height: 100%;
}

p {
  line-height: 2;
  letter-spacing: 0.1em;
  font-size: calc((15 / var(--em)) * 1rem);
}

.en, .l-topics_archive_contents_ttl, .l-topics_archive_category, .modal-history_hd, .l-history_timeline_item_hd, .l-history_timeline_control, .header_nav_contact, .header_nav_btns, .header_btn_works, .pager, .topics-list_info, .btn-rect_w, .btn-rect_b, .btn-more, .btn-more-w, .btn-more-bk, .hd-lower, .hd-section span, .hd-section {
  font-family: "NewBaskervilleITCPro-Roman", serif;
}

img {
  max-width: 100%;
}

.icon, .icon-map-bk, .top-office_img_link, .icon-map-w, .top-office_img_link:hover, .icon-arrow-tran-bk, .btn-icon-arrow, .icon-arrow-tran, .footer_contact_links a, .icon-arrow-bk, .top-service_link_txt, .btn-icon-arrow:hover, .icon-arrow-w, .top-service_link:hover .top-service_link_txt, .footer_contact_links a:hover, .icon-arrow-contact, .header_nav_relation {
  position: relative;
}
.icon::after, .icon-map-bk::after, .top-office_img_link::after, .icon-map-w::after, .top-office_img_link:hover::after, .icon-arrow-tran-bk::after, .btn-icon-arrow::after, .icon-arrow-tran::after, .footer_contact_links a::after, .icon-arrow-bk::after, .top-service_link_txt::after, .btn-icon-arrow:hover::after, .icon-arrow-w::after, .top-service_link:hover .top-service_link_txt::after, .footer_contact_links a:hover::after, .icon-arrow-contact::after, .header_nav_relation::after {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-arrow-contact::after, .header_nav_relation::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208.02%2012.98%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23f0eae1%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%22.32%2012.6%207.52%206.49%20.32%20.38%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.icon-arrow-w::after, .top-service_link:hover .top-service_link_txt::after, .footer_contact_links a:hover::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2042.34%2042.34%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23f0eae1%3Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3Anone%3Bstroke%3A%23231815%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%22%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2221.17%22%20cy%3D%2221.17%22%20r%3D%2221.17%22%2F%3E%3Cpolyline%20class%3D%22cls-2%22%20points%3D%2217.57%2027.28%2024.77%2021.17%2017.57%2015.06%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.icon-arrow-bk::after, .top-service_link_txt::after, .btn-icon-arrow:hover::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2042.34%2042.34%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%22%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2221.17%22%20cy%3D%2221.17%22%20r%3D%2221.17%22%2F%3E%3Cpolyline%20class%3D%22cls-2%22%20points%3D%2217.57%2027.28%2024.77%2021.17%2017.57%2015.06%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.icon-arrow-tran::after, .footer_contact_links a::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2043.34%2043.34%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke%3A%23f0eae1%3Bstroke-miterlimit%3A10%3B%7D.cls-1%2C.cls-2%7Bfill%3Anone%3B%7D.cls-2%7Bstroke%3A%23fff%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%22%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2221.67%22%20cy%3D%2221.67%22%20r%3D%2221.17%22%2F%3E%3Cpolyline%20class%3D%22cls-2%22%20points%3D%2218.07%2027.78%2025.27%2021.67%2018.07%2015.56%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.icon-arrow-tran-bk::after, .btn-icon-arrow::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2082.41%2082.41%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-miterlimit%3A10%3B%7D.cls-1%2C.cls-2%7Bfill%3Anone%3Bstroke%3A%232b3341%3Bstroke-width%3A1.9px%3B%7D.cls-2%7Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2241.2%22%20cy%3D%2241.2%22%20r%3D%2240.25%22%2F%3E%3Cpolyline%20class%3D%22cls-2%22%20points%3D%2236.43%2049.3%2045.98%2041.2%2036.43%2033.1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.icon-map-w::after, .top-office_img_link:hover::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20172.92%20172.92%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23f0eae1%3B%7D.cls-3%7Bfill%3Anone%3Bstroke%3A%23231815%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%22%3E%3Ccircle%20class%3D%22cls-2%22%20cx%3D%2286.46%22%20cy%3D%2286.46%22%20r%3D%2286.46%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M62%2C72.15c.13-.31.2-.57.22-.66.03-.14.5-.62.71-.62.14%2C0%2C.2.04.22.21.04.28.06.46.2.77.8%2C2.14%2C2.17%2C5.48%2C3.05%2C7.48.29.66.52.8%2C1.11.9.62.07.53.52.03.52-.32%2C0-.85-.03-1.4-.03-.45%2C0-1.12.03-1.41.03-.53%2C0-.56-.43-.06-.52.57-.11.62-.25.5-.57-.2-.57-.7-1.77-1.04-2.59-.04-.13-.08-.15-.28-.15h-2.94c-.07%2C0-.11.06-.15.13-.22.55-.52%2C1.27-.83%2C2.16-.28.77-.21.88.8%2C1.05.49.07.45.5-.06.5-.41%2C0-.78-.03-1.4-.03s-1.3.04-1.5.04c-.45%2C0-.49-.41-.03-.5.77-.15.98-.24%2C1.41-1.25.6-1.4%2C2.21-5.41%2C2.83-6.86ZM61.07%2C76.13c-.01.07%2C0%2C.08.08.08h2.49c.17%2C0%2C.15-.06.13-.13-.38-.85-.78-1.99-1.34-3.39-.27.63-1.01%2C2.62-1.36%2C3.43Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M77.58%2C70.89c.13-.03.27.07.18.31-.2.71-.28%2C1.4-.34%2C2.24-.03.52-.48.56-.52.07-.11-.84-.17-.98-.56-1.29-.5-.43-1.27-.74-2.62-.74-1.89%2C0-3.53%2C1.27-3.53%2C4.03%2C0%2C3.22%2C2.02%2C4.61%2C4.27%2C4.61%2C1.44%2C0%2C1.93-.38%2C2.79-1.5.31-.39.6-.18.43.24-.17.45-.46%2C1.12-1.3%2C1.53-.55.28-1.41.62-2.58.62-2.83%2C0-4.97-1.92-4.97-5.06%2C0-1.82.85-3.22%2C2.28-4.22%2C1.18-.83%2C2.45-.95%2C3.36-.95%2C1.06%2C0%2C2%2C.31%2C2.45.55.2-.17.46-.42.64-.43Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M88.58%2C70.89c.13-.03.27.07.18.31-.2.71-.28%2C1.4-.34%2C2.24-.03.52-.48.56-.52.07-.11-.84-.17-.98-.56-1.29-.5-.43-1.27-.74-2.62-.74-1.89%2C0-3.53%2C1.27-3.53%2C4.03%2C0%2C3.22%2C2.02%2C4.61%2C4.27%2C4.61%2C1.44%2C0%2C1.93-.38%2C2.79-1.5.31-.39.6-.18.43.24-.17.45-.46%2C1.12-1.3%2C1.53-.55.28-1.41.62-2.58.62-2.83%2C0-4.97-1.92-4.97-5.06%2C0-1.82.85-3.22%2C2.28-4.22%2C1.18-.83%2C2.45-.95%2C3.36-.95%2C1.06%2C0%2C2%2C.31%2C2.45.55.2-.17.46-.42.64-.43Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M93.64%2C78.71c0%2C.84%2C0%2C1.06.17%2C1.19.27.13%2C1.09.18%2C2.65.17.41%2C0%2C.76-.04.85-.06.52-.1.67-.42%2C1.06-1.43.17-.45.55-.38.52.03-.03.53-.28%2C1.46-.43%2C1.82-.13.29-.2.32-.69.32-1.55%2C0-3.66-.03-4.71-.03-.48%2C0-1.56.01-1.84.01-.5%2C0-.52-.46-.01-.52%2C1.06-.11%2C1.19-.24%2C1.22-.74.01-.29.03-.69.03-1.61v-4.05c0-1.27-.01-1.5-.04-1.71-.04-.34-.27-.46-.95-.56-.55-.07-.55-.52%2C0-.52.43%2C0%2C.85.03%2C1.54.03h3.87c.41%2C0%2C.71-.04.99-.15.21-.06.36.03.29.25-.1.46-.15%2C1.09-.17%2C1.65-.01.55-.48.53-.53.07-.11-.76-.22-1.02-.48-1.09-.31-.08-2.83-.04-3.15%2C0-.14.01-.2.06-.2.27v3.18c0%2C.07.01.08.07.08h2.06c.78%2C0%2C.98-.01%2C1.12-.15.14-.15.2-.28.28-.43.2-.38.55-.34.49.1-.07.48-.13%2C1.18-.1%2C1.91.04.5-.42.49-.52.11-.06-.18-.07-.39-.18-.59-.11-.18-.27-.24-1.18-.24h-1.98c-.06%2C0-.07.04-.07.07v2.62Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M105.73%2C80.15c-.94.69-1.78.81-2.62.81-1.04%2C0-1.98-.34-2.02-.76-.08-.73.01-1.68.07-1.95.1-.45.48-.43.5-.04.06.6.14%2C1.08.31%2C1.32.17.24.42.7%2C1.78.7%2C1.6%2C0%2C2.16-1.08%2C2.16-1.98%2C0-.77-.32-1.32-1.18-1.69-.55-.28-1.33-.55-1.71-.71-.57-.24-1.75-.84-1.75-2.33s1.36-2.75%2C3.22-2.75c.91%2C0%2C1.39.24%2C1.46.27.04.01.11-.03.25-.2.2-.25.53-.24.48.07-.14.7-.14%2C1.12-.17%2C2-.01.55-.48.57-.53.08-.06-.57-.14-.81-.42-1.11-.08-.1-.46-.46-1.5-.46-1.25%2C0-1.68.73-1.68%2C1.62s.48%2C1.37%2C1.29%2C1.69c.62.27%2C1.04.42%2C1.54.63%2C1.53.62%2C1.9%2C1.39%2C1.9%2C2.24%2C0%2C.73-.21%2C1.67-1.39%2C2.52Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M114.11%2C80.15c-.94.69-1.78.81-2.62.81-1.04%2C0-1.98-.34-2.02-.76-.08-.73.01-1.68.07-1.95.1-.45.48-.43.5-.04.06.6.14%2C1.08.31%2C1.32.17.24.42.7%2C1.78.7%2C1.6%2C0%2C2.16-1.08%2C2.16-1.98%2C0-.77-.32-1.32-1.18-1.69-.55-.28-1.33-.55-1.71-.71-.57-.24-1.75-.84-1.75-2.33s1.36-2.75%2C3.22-2.75c.91%2C0%2C1.39.24%2C1.46.27.04.01.11-.03.25-.2.2-.25.53-.24.48.07-.14.7-.14%2C1.12-.17%2C2-.01.55-.48.57-.53.08-.06-.57-.14-.81-.42-1.11-.08-.1-.46-.46-1.5-.46-1.25%2C0-1.68.73-1.68%2C1.62s.48%2C1.37%2C1.29%2C1.69c.62.27%2C1.04.42%2C1.54.63%2C1.53.62%2C1.9%2C1.39%2C1.9%2C2.24%2C0%2C.73-.21%2C1.67-1.39%2C2.52Z%22%2F%3E%3Cpolyline%20class%3D%22cls-3%22%20points%3D%2284.69%20119.84%2091.89%20113.73%2084.69%20107.62%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.icon-map-bk::after, .top-office_img_link::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20172.92%20172.92%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-3%7Bfill%3Anone%3Bstroke%3A%23f0eae1%3Bstroke-linejoin%3Around%3B%7D.cls-2%7Bfill%3A%23f0eae1%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%22%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2286.46%22%20cy%3D%2286.46%22%20r%3D%2286.46%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M62%2C72.15c.13-.31.2-.57.22-.66.03-.14.5-.62.71-.62.14%2C0%2C.2.04.22.21.04.28.06.46.2.77.8%2C2.14%2C2.17%2C5.48%2C3.05%2C7.48.29.66.52.8%2C1.11.9.62.07.53.52.03.52-.32%2C0-.85-.03-1.4-.03-.45%2C0-1.12.03-1.41.03-.53%2C0-.56-.43-.06-.52.57-.11.62-.25.5-.57-.2-.57-.7-1.77-1.04-2.59-.04-.13-.08-.15-.28-.15h-2.94c-.07%2C0-.11.06-.15.13-.22.55-.52%2C1.27-.83%2C2.16-.28.77-.21.88.8%2C1.05.49.07.45.5-.06.5-.41%2C0-.78-.03-1.4-.03s-1.3.04-1.5.04c-.45%2C0-.49-.41-.03-.5.77-.15.98-.24%2C1.41-1.25.6-1.4%2C2.21-5.41%2C2.83-6.86ZM61.07%2C76.13c-.01.07%2C0%2C.08.08.08h2.49c.17%2C0%2C.15-.06.13-.13-.38-.85-.78-1.99-1.34-3.39-.27.63-1.01%2C2.62-1.36%2C3.43Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M77.58%2C70.89c.13-.03.27.07.18.31-.2.71-.28%2C1.4-.34%2C2.24-.03.52-.48.56-.52.07-.11-.84-.17-.98-.56-1.29-.5-.43-1.27-.74-2.62-.74-1.89%2C0-3.53%2C1.27-3.53%2C4.03%2C0%2C3.22%2C2.02%2C4.61%2C4.27%2C4.61%2C1.44%2C0%2C1.93-.38%2C2.79-1.5.31-.39.6-.18.43.24-.17.45-.46%2C1.12-1.3%2C1.53-.55.28-1.41.62-2.58.62-2.83%2C0-4.97-1.92-4.97-5.06%2C0-1.82.85-3.22%2C2.28-4.22%2C1.18-.83%2C2.45-.95%2C3.36-.95%2C1.06%2C0%2C2%2C.31%2C2.45.55.2-.17.46-.42.64-.43Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M88.58%2C70.89c.13-.03.27.07.18.31-.2.71-.28%2C1.4-.34%2C2.24-.03.52-.48.56-.52.07-.11-.84-.17-.98-.56-1.29-.5-.43-1.27-.74-2.62-.74-1.89%2C0-3.53%2C1.27-3.53%2C4.03%2C0%2C3.22%2C2.02%2C4.61%2C4.27%2C4.61%2C1.44%2C0%2C1.93-.38%2C2.79-1.5.31-.39.6-.18.43.24-.17.45-.46%2C1.12-1.3%2C1.53-.55.28-1.41.62-2.58.62-2.83%2C0-4.97-1.92-4.97-5.06%2C0-1.82.85-3.22%2C2.28-4.22%2C1.18-.83%2C2.45-.95%2C3.36-.95%2C1.06%2C0%2C2%2C.31%2C2.45.55.2-.17.46-.42.64-.43Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M93.64%2C78.71c0%2C.84%2C0%2C1.06.17%2C1.19.27.13%2C1.09.18%2C2.65.17.41%2C0%2C.76-.04.85-.06.52-.1.67-.42%2C1.06-1.43.17-.45.55-.38.52.03-.03.53-.28%2C1.46-.43%2C1.82-.13.29-.2.32-.69.32-1.55%2C0-3.66-.03-4.71-.03-.48%2C0-1.56.01-1.84.01-.5%2C0-.52-.46-.01-.52%2C1.06-.11%2C1.19-.24%2C1.22-.74.01-.29.03-.69.03-1.61v-4.05c0-1.27-.01-1.5-.04-1.71-.04-.34-.27-.46-.95-.56-.55-.07-.55-.52%2C0-.52.43%2C0%2C.85.03%2C1.54.03h3.87c.41%2C0%2C.71-.04.99-.15.21-.06.36.03.29.25-.1.46-.15%2C1.09-.17%2C1.65-.01.55-.48.53-.53.07-.11-.76-.22-1.02-.48-1.09-.31-.08-2.83-.04-3.15%2C0-.14.01-.2.06-.2.27v3.18c0%2C.07.01.08.07.08h2.06c.78%2C0%2C.98-.01%2C1.12-.15.14-.15.2-.28.28-.43.2-.38.55-.34.49.1-.07.48-.13%2C1.18-.1%2C1.91.04.5-.42.49-.52.11-.06-.18-.07-.39-.18-.59-.11-.18-.27-.24-1.18-.24h-1.98c-.06%2C0-.07.04-.07.07v2.62Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M105.73%2C80.15c-.94.69-1.78.81-2.62.81-1.04%2C0-1.98-.34-2.02-.76-.08-.73.01-1.68.07-1.95.1-.45.48-.43.5-.04.06.6.14%2C1.08.31%2C1.32.17.24.42.7%2C1.78.7%2C1.6%2C0%2C2.16-1.08%2C2.16-1.98%2C0-.77-.32-1.32-1.18-1.69-.55-.28-1.33-.55-1.71-.71-.57-.24-1.75-.84-1.75-2.33s1.36-2.75%2C3.22-2.75c.91%2C0%2C1.39.24%2C1.46.27.04.01.11-.03.25-.2.2-.25.53-.24.48.07-.14.7-.14%2C1.12-.17%2C2-.01.55-.48.57-.53.08-.06-.57-.14-.81-.42-1.11-.08-.1-.46-.46-1.5-.46-1.25%2C0-1.68.73-1.68%2C1.62s.48%2C1.37%2C1.29%2C1.69c.62.27%2C1.04.42%2C1.54.63%2C1.53.62%2C1.91%2C1.39%2C1.91%2C2.24%2C0%2C.73-.21%2C1.67-1.39%2C2.52Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M114.11%2C80.15c-.94.69-1.78.81-2.62.81-1.04%2C0-1.98-.34-2.02-.76-.08-.73.01-1.68.07-1.95.1-.45.48-.43.5-.04.06.6.14%2C1.08.31%2C1.32.17.24.42.7%2C1.78.7%2C1.6%2C0%2C2.16-1.08%2C2.16-1.98%2C0-.77-.32-1.32-1.18-1.69-.55-.28-1.33-.55-1.71-.71-.57-.24-1.75-.84-1.75-2.33s1.36-2.75%2C3.22-2.75c.91%2C0%2C1.39.24%2C1.46.27.04.01.11-.03.25-.2.2-.25.53-.24.48.07-.14.7-.14%2C1.12-.17%2C2-.01.55-.48.57-.53.08-.06-.57-.14-.81-.42-1.11-.08-.1-.46-.46-1.5-.46-1.25%2C0-1.68.73-1.68%2C1.62s.48%2C1.37%2C1.29%2C1.69c.62.27%2C1.04.42%2C1.54.63%2C1.53.62%2C1.91%2C1.39%2C1.91%2C2.24%2C0%2C.73-.21%2C1.67-1.39%2C2.52Z%22%2F%3E%3Cpolyline%20class%3D%22cls-3%22%20points%3D%2284.69%20119.84%2091.89%20113.73%2084.69%20107.62%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.hd-section {
  font-weight: normal;
  display: flex;
  flex-direction: column;
}
.hd-section span {
  letter-spacing: 0.1em;
  line-height: 1.5;
}
@media only screen and (max-width: 1025px) {
  .hd-section span {
    font-size: calc((28 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .hd-section span {
    font-size: calc((49 / var(--em)) * 1rem);
  }
}
.hd-section small {
  margin-top: 0.5em;
  letter-spacing: 0.08em;
  line-height: 1.7;
}
@media only screen and (max-width: 1025px) {
  .hd-section small {
    font-size: calc((11 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .hd-section small {
    font-size: calc((14 / var(--em)) * 1rem);
  }
}

.hd-lower {
  font-weight: normal;
}
.hd-lower span {
  display: block;
  letter-spacing: 0.08em;
  line-height: 1.2;
}
@media only screen and (max-width: 1025px) {
  .hd-lower span {
    font-size: min((70 / var(--content-width)) * 100vw, 70 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .hd-lower span {
    font-size: calc((46 / var(--em)) * 1rem);
  }
}
.hd-lower small {
  display: block;
  letter-spacing: 0.1em;
  margin-top: 2em;
}
@media only screen and (max-width: 1025px) {
  .hd-lower small {
    font-size: min((22 / var(--content-width)) * 100vw, 22 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .hd-lower small {
    font-size: calc((14 / var(--em)) * 1rem);
  }
}

.hd-single_info {
  display: flex;
  gap: 1em;
  color: #a18b74;
  letter-spacing: 0.13em;
  margin-bottom: 1em;
}
@media only screen and (max-width: 1025px) {
  .hd-single_info {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1025px) {
  .hd-single_info {
    align-items: baseline;
  }
}
@media only screen and (max-width: 1025px) {
  .hd-single_date {
    font-size: calc((20 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .hd-single_date {
    font-size: calc((26 / var(--em)) * 1rem);
  }
}
@media only screen and (max-width: 1025px) {
  .hd-single_cat {
    font-size: calc((15 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .hd-single_cat {
    font-size: calc((20 / var(--em)) * 1rem);
  }
}
.hd-single_ttl {
  letter-spacing: 0.13em;
}
@media only screen and (max-width: 1025px) {
  .hd-single_ttl {
    font-size: calc((15 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .hd-single_ttl {
    font-size: calc((20 / var(--em)) * 1rem);
  }
}

.btn-more, .btn-more-w, .btn-more-bk {
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  letter-spacing: 0.08em;
  transition: ease 0.2s;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.8em 3em;
}
@media only screen and (max-width: 1025px) {
  .btn-more, .btn-more-w, .btn-more-bk {
    font-size: calc((15 / var(--em)) * 1rem);
    gap: 0.8em;
  }
}
@media only screen and (min-width: 1025px) {
  .btn-more, .btn-more-w, .btn-more-bk {
    font-size: calc((18 / var(--em)) * 1rem);
    gap: 0.8em;
  }
}
.btn-more span, .btn-more-w span, .btn-more-bk span {
  position: relative;
  z-index: 3;
}
.btn-more::before, .btn-more-w::before, .btn-more-bk::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}
.btn-more:hover span, .btn-more-w:hover span, .btn-more-bk:hover span {
  color: #d7bea0;
}
.btn-more:hover::before, .btn-more-w:hover::before, .btn-more-bk:hover::before {
  transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform-origin: left top;
  transform: scale(1, 1);
}

.btn-more-bk {
  border: 1px solid #000;
}
.btn-more-bk span {
  color: #000;
}
.btn-more-bk:hover::before {
  background-color: #000;
}

.btn-more-w {
  border: 1px solid #fff;
}
.btn-more-w span {
  color: #fff;
}
.btn-more-w:hover::before {
  background-color: #fff;
}

.btn-icon-arrow {
  color: inherit;
  letter-spacing: 0.15em;
  font-size: calc((14 / var(--em)) * 1rem);
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: 1025px) {
  .btn-icon-arrow {
    padding-left: min((115 / var(--content-width)) * 100vw, 115 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .btn-icon-arrow {
    padding-left: min((63 / var(--content-width)) * 100vw, 63 * 1px);
  }
}
.btn-icon-arrow::after {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: 1025px) {
  .btn-icon-arrow::after {
    width: min((80 / var(--content-width)) * 100vw, 80 * 1px);
    height: min((80 / var(--content-width)) * 100vw, 80 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .btn-icon-arrow::after {
    width: min((42 / var(--content-width)) * 100vw, 42 * 1px);
    height: min((42 / var(--content-width)) * 100vw, 42 * 1px);
  }
}
.btn-icon-arrow:hover {
  color: #a18b74;
}

.btn-rect_w, .btn-rect_b {
  position: relative;
  z-index: 2;
  letter-spacing: 0.2em;
  padding-top: 0.2em;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: 1025px) {
  .btn-rect_w, .btn-rect_b {
    font-size: calc((16 / var(--em)) * 1rem);
    width: 100%;
    height: min((115 / var(--content-width)) * 100vw, 115 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .btn-rect_w, .btn-rect_b {
    font-size: calc((18 / var(--em)) * 1rem);
    width: min((217 / var(--content-width)) * 100vw, 217 * 1px);
    height: min((50 / var(--content-width)) * 100vw, 50 * 1px);
  }
}
.btn-rect_w::before, .btn-rect_b::before, .btn-rect_w::after, .btn-rect_b::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
}
.btn-rect_w::before, .btn-rect_b::before {
  background-color: #fff;
}
.btn-rect_w::after, .btn-rect_b::after {
  background-color: #000;
  transition: all 0.3s ease-out;
  transform-origin: left;
  transform: scaleX(0);
}
.btn-rect_w:hover, .btn-rect_b:hover {
  color: #a18b74;
}
.btn-rect_w:hover::after, .btn-rect_b:hover::after {
  transform: scaleX(1);
}

.btn-rect_b {
  color: #fff;
}
.btn-rect_b::before {
  background-color: #000;
}
.btn-rect_b::after {
  background-color: #fff;
}

.btn-file {
  position: relative;
  background-color: #635b55;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 50px;
  color: #fff;
  border-radius: 5px;
  font-size: calc((14 / var(--em)) * 1rem);
  padding-top: 0.2em;
  padding-left: 2.5em;
  padding-right: 1.5em;
  cursor: pointer;
}
.btn-file::before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017.2%2019.97%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%22%3E%3Cg%20id%3D%22layer1%22%3E%3Cpath%20id%3D%22path4157%22%20class%3D%22cls-1%22%20d%3D%22M8.64%2C2.03L1.79%2C9.79c-.22.24-.19.61.05.82.24.21.82-.06.82-.06l6.81-7.72c.45-.5.67-.77%2C1.21-1.14%2C3.08-1.84%2C6.33%2C1.48%2C5.01%2C4.45-.22.46-.49.74-.82%2C1.15l-8.96%2C10.21c-.33.4-.6.74-1.03.98-.51.29-1.12.4-1.72.28-.88-.17-1.59-.8-1.88-1.65-.2-.58-.17-1.19.05-1.74.14-.39.39-.62.67-.94L10.4%2C4.86c.18-.22.37-.45.6-.58.3-.17.66-.24%2C1.01-.17.51.1.93.47%2C1.09.96.11.33.1.69-.03%2C1.01-.1.21-.22.35-.38.54l-6.31%2C7.21c-.22.24-.19.61.05.82.24.21.61.19.82-.06l6.23-7.11c.32-.37.5-.57.67-.98.22-.57.25-1.2.05-1.8-.15-.44-.41-.83-.75-1.12h0c-.34-.3-.75-.51-1.21-.6-.61-.12-1.23-.02-1.75.27-.41.21-.6.46-.9.81L1.21%2C13.6c-.45.48-.71.79-.94%2C1.33-.33.8-.37%2C1.71-.08%2C2.56.42%2C1.23%2C1.46%2C2.15%2C2.74%2C2.41.85.17%2C1.71.03%2C2.45-.37.59-.32.87-.69%2C1.4-1.28l8.88-10.13c.47-.52.7-.85%2C1.01-1.39C18.8%2C2.38%2C14-1.59%2C10.16.64c-.73.46-.96.78-1.52%2C1.38h0Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  width: 17px;
  height: 19px;
  left: 1.5em;
  top: 50%;
  translate: 0 -50%;
}
.btn-file_wrap {
  display: flex;
  align-items: center;
  gap: 1em;
}
.btn-file_wrap input[type=file],
.btn-file_wrap .mw_wp_form input[type=file] {
  display: none !important;
}
.btn-file_wrap .mwform-file-delete {
  display: none;
}

.topics-list {
  border-top: 1px solid #d4d4d4;
}
.topics-list a {
  display: block;
  color: inherit;
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: 1025px) {
  .topics-list a {
    padding-block: min((60 / var(--content-width)) * 100vw, 60 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .topics-list a {
    padding-block: min((35 / var(--content-width)) * 100vw, 35 * 1px);
  }
}
.topics-list a:hover {
  color: #a18b74;
}
.topics-list a:hover .topics-list_tag {
  border: 1px solid #a18b74;
}
.topics-list li {
  border-bottom: 1px solid #d4d4d4;
}
.topics-list_info {
  display: flex;
  align-items: center;
  gap: 1em;
}
@media only screen and (max-width: 1025px) {
  .topics-list_info {
    margin-bottom: min((35 / var(--content-width)) * 100vw, 35 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .topics-list_info {
    margin-bottom: min((25 / var(--content-width)) * 100vw, 25 * 1px);
  }
}
.topics-list_date {
  letter-spacing: 0.1em;
  font-size: calc((14 / var(--em)) * 1rem);
}
.topics-list_tag {
  letter-spacing: 0.05em;
  border: 1px solid #d4d4d4;
  line-height: 1;
  height: 2.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-out;
  font-size: calc((10 / var(--em)) * 1rem);
}
@media only screen and (max-width: 1025px) {
  .topics-list_tag {
    padding: 1em 0.8em 0.8em 0.8em;
  }
}
@media only screen and (min-width: 1025px) {
  .topics-list_tag {
    padding: 1.2em 0.8em 0.8em 0.8em;
  }
}

.pager {
  display: flex;
  justify-content: center;
  gap: 10px;
}
@media only screen and (max-width: 1025px) {
  .pager {
    font-size: calc((18 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .pager {
    font-size: calc((20 / var(--em)) * 1rem);
  }
}
@media only screen and (max-width: 1025px) {
  .pager li {
    width: min((90 / var(--content-width)) * 100vw, 90 * 1px);
    height: min((90 / var(--content-width)) * 100vw, 90 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .pager li {
    width: min((48 / var(--content-width)) * 100vw, 48 * 1px);
    height: min((48 / var(--content-width)) * 100vw, 48 * 1px);
  }
}
.pager span {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  border: 1px solid #000;
}
.pager a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: #a3a6ac;
  transition: all 0.3s ease-out;
}
.pager a:hover {
  background-color: #000;
  color: #cdb99a;
}

.hd-line {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hd-line span {
  flex-shrink: 0;
  letter-spacing: 0.08em;
}
@media only screen and (max-width: 1025px) {
  .hd-line span {
    font-size: calc((17.5 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .hd-line span {
    padding-left: 2em;
    font-size: calc((20 / var(--em)) * 1rem);
  }
}
.hd-line::after {
  content: "";
  flex-shrink: 1;
  display: block;
  background-color: #d1d1d1;
  height: 1px;
  width: 100%;
}

input, select, textarea {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  background-color: #f6f7f7;
  letter-spacing: 0.1em;
  font-family: inherit;
}
@media only screen and (max-width: 1025px) {
  input, select, textarea {
    font-size: calc((13.5 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  input, select, textarea {
    font-size: calc((15 / var(--em)) * 1rem);
  }
}

input[type=text], input[type=tel], input[type=email], textarea {
  width: 100%;
  padding: 1em 2em;
}
input[type=text].tel, input[type=text].name, input[type=tel].tel, input[type=tel].name, input[type=email].tel, input[type=email].name, textarea.tel, textarea.name {
  max-width: 350px;
}
input[type=text].age, input[type=tel].age, input[type=email].age, textarea.age {
  max-width: 140px;
}
@media only screen and (max-width: 1025px) {
  input[type=text].zip, input[type=tel].zip, input[type=email].zip, textarea.zip {
    max-width: 100px;
  }
}
@media only screen and (min-width: 1025px) {
  input[type=text].zip, input[type=tel].zip, input[type=email].zip, textarea.zip {
    max-width: 120px;
  }
}

select {
  padding: 1em 4em 1em 2em;
}

option {
  font-family: "TsukuMinPr6-M", serif;
}
@media only screen and (max-width: 1025px) {
  option {
    font-size: calc((13.5 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  option {
    font-size: calc((15 / var(--em)) * 1rem);
  }
}

input[type=radio] {
  position: absolute;
  white-space: nowrap;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
}

label:has(input[type=radio]) {
  position: relative;
  cursor: pointer;
  padding-left: 3em;
  padding-block: 1em;
}
label:has(input[type=radio])::before, label:has(input[type=radio])::after {
  content: "";
  display: block;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}
label:has(input[type=radio])::before {
  background-color: #f6f7f7;
  border: 1px solid #f6f7f7;
  width: 2em;
  height: 2em;
  left: 0;
}
label:has(input[type=radio])::after {
  background-color: #000;
  border-radius: 50%;
  opacity: 0;
  width: 1em;
  height: 1em;
  left: 0.5em;
}
label:has(input[type=radio]):has(:checked)::after {
  opacity: 1;
}
label:has(input[type=radio]) + label:has(input[type=radio]) {
  margin-left: 1em;
}

input[type=submit] {
  color: #fff;
  cursor: pointer;
  height: 3em;
  position: relative;
  background-color: transparent;
  z-index: 2;
  letter-spacing: 0.2em;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
  transition: all 0.3s ease-out;
}
@media only screen and (min-width: 1025px) {
  input[type=submit] {
    width: min((300 / var(--content-width)) * 100vw, 300 * 1px);
  }
}
input[type=submit]:hover {
  color: #a18b74;
}

.js-fadein {
  transition-duration: 0.5s;
  transition-property: all;
  transition-timing-function: ease-out;
  opacity: 0;
  transform: translateY(30px);
  transform: translateY(10%);
}
.js-fadein.js-scrollin {
  opacity: 1;
  transform: translateY(0);
}

.js-opacity {
  transition-duration: 0.5s;
  transition-property: all;
  transition-timing-function: ease;
  opacity: 0;
}
.js-opacity.js-scrollin {
  opacity: 1;
}

body {
  margin-inline: auto;
}
@media only screen and (min-width: 1025px) {
  body {
    display: grid;
    grid-template-columns: 132px 1fr;
  }
}

.splash-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100dvw;
  height: 100dvh;
  background-color: #ebe5db;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
}
@media only screen and (min-width: 1025px) {
  .splash-loading img {
    width: 100px;
  }
}

.splash-transition {
  display: none;
}

.show .splash-transition {
  display: block;
  content: "";
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100dvh;
  top: 0;
  left: 0;
  transform: scaleX(0);
  background-color: #ebe5db; /*伸びる背景色の設定*/
  -webkit-animation-name: PageAnime;
          animation-name: PageAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes PageAnime {
  0% {
    transform-origin: left;
    transform: scaleX(0);
  }
  50% {
    transform-origin: left;
    transform: scaleX(1);
  }
  50.001% {
    transform-origin: right;
  }
  100% {
    transform-origin: right;
    transform: scaleX(0);
  }
}

@keyframes PageAnime {
  0% {
    transform-origin: left;
    transform: scaleX(0);
  }
  50% {
    transform-origin: left;
    transform: scaleX(1);
  }
  50.001% {
    transform-origin: right;
  }
  100% {
    transform-origin: right;
    transform: scaleX(0);
  }
}
.wrap-aside {
  opacity: 0;
  transition: opacity 0.6s 0.6s ease;
  position: relative;
  z-index: 1;
}

.wrap-main {
  opacity: 0;
  transition: opacity 0.6s 0.6s ease;
  position: relative;
  z-index: 0;
}

.show .wrap-aside {
  opacity: 1;
}
.show .wrap-main {
  opacity: 1;
}

.inner {
  margin-inline: auto;
}
@media only screen and (max-width: 1025px) {
  .inner {
    padding-inline: min((85 / var(--content-width)) * 100vw, 85 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .inner {
    padding-inline: min((95 / var(--content-width)) * 100vw, 95 * 1px);
  }
}

.header {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 1025px) {
  .header {
    height: min((115 / var(--content-width)) * 100vw, 115 * 1px);
    width: 100%;
    padding: min((50 / var(--content-width)) * 100vw, 50 * 1px) min((40 / var(--content-width)) * 100vw, 40 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .header {
    height: 100dvh;
    flex-direction: column;
    width: 132px;
  }
}
.header_btn_logo {
  display: block;
  transition: opacity 0.3s ease-out;
}
.header_btn_logo:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 1025px) {
  .header_btn_logo img {
    height: min((20 / var(--content-width)) * 100vw, 20 * 1px);
    width: auto;
  }
}
@media only screen and (min-width: 1025px) {
  .header_btn_logo {
    width: 10px;
    margin-top: min((50 / var(--content-width)) * 100vw, 50 * 1px);
  }
  .header_btn_logo img {
    width: 100%;
  }
}
.header_btn_nav {
  display: block;
  transition: opacity 0.3s ease-out;
  position: relative;
}
.header_btn_nav:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 1025px) {
  .header_btn_nav {
    width: min((67 / var(--content-width)) * 100vw, 67 * 1px);
    height: min((22 / var(--content-width)) * 100vw, 22 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .header_btn_nav {
    width: 57px;
    height: 22px;
    transform: translateY(100%);
  }
}
.header_btn_nav span {
  display: inline-block;
  height: 1px;
  position: absolute;
}
.header_btn_nav:hover span {
  background-color: #a18b74 !important;
}
.header_btn_works {
  letter-spacing: 0.1em;
  font-size: calc((17 / var(--em)) * 1rem);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 112px;
  width: 100%;
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: 1025px) {
  .header_btn_works {
    display: none;
  }
}
.header_btn_works:hover {
  background-color: #a18b74 !important;
}
.header_nav {
  background-color: #000;
  color: #fff;
  position: fixed;
  z-index: 0;
  right: 0;
  height: 100dvh;
}
@media only screen and (max-width: 1025px) {
  .header_nav {
    top: min((115 / var(--content-width)) * 100vw, 115 * 1px);
    width: 100%;
    overflow-y: scroll;
  }
}
@media only screen and (min-width: 1025px) {
  .header_nav {
    display: flex;
    flex-direction: column;
    top: 0;
    width: calc(100% - 132px);
    padding: min((40 / var(--content-width)) * 100vw, 40 * 1px) calc((80 / var(--content-width)) * 100vw);
    overflow-y: scroll;
  }
}
.header_nav_inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 1000px;
}
@media only screen and (max-width: 1025px) {
  .header_nav_inner {
    flex-shrink: 0;
    padding: 0 min((115 / var(--content-width)) * 100vw, 115 * 1px) 35px;
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .header_nav_inner {
    height: 100%;
  }
}
.header_nav a {
  color: inherit;
  transition: color 0.3s ease;
}
.header_nav a:hover {
  color: #a18b74;
}
.header_nav_btns {
  letter-spacing: 0.045em;
}
@media only screen and (max-width: 1025px) {
  .header_nav_btns {
    font-size: min((45 / var(--content-width)) * 100vw, 45 * 1px);
  }
  .header_nav_btns li {
    margin-bottom: 0.5em;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 1025px) {
  .header_nav_btns {
    font-size: min((30 / var(--content-width)) * 100vw, 30 * 1px);
  }
  .header_nav_btns li {
    margin-bottom: 1em;
  }
}
.header_nav_sns {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1025px) {
  .header_nav_sns {
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1025px) {
  .header_nav_sns {
    gap: 20px;
  }
}
@media only screen and (min-width: 1025px) {
  .header_nav_sns_wrap {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 1025px) {
  .header_nav_sns_line {
    margin-top: calc((80 / var(--content-width)) * 100vw);
    width: calc((300 / var(--content-width)) * 100vw);
  }
}
@media only screen and (min-width: 1025px) {
  .header_nav_sns_line {
    margin-left: auto;
    display: flex;
    gap: 20px;
  }
}
.header_nav_sns_line a {
  transition: opacity 0.3s ease-out;
}
.header_nav_sns_line a:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 1025px) {
  .header_nav_sns_img_01 {
    width: calc((44 / var(--content-width)) * 100vw);
  }
}
@media only screen and (min-width: 1025px) {
  .header_nav_sns_img_01 {
    width: 31px;
  }
}
@media only screen and (max-width: 1025px) {
  .header_nav_sns_img_02 {
    width: calc((37 / var(--content-width)) * 100vw);
  }
}
@media only screen and (min-width: 1025px) {
  .header_nav_sns_img_02 {
    width: 25px;
  }
}
@media only screen and (max-width: 1025px) {
  .header_nav_sns_img_03 {
    width: calc((39 / var(--content-width)) * 100vw);
  }
}
@media only screen and (min-width: 1025px) {
  .header_nav_sns_img_03 {
    width: 26px;
  }
}
@media only screen and (max-width: 1025px) {
  .header_nav_sns_img_04 {
    width: calc((42 / var(--content-width)) * 100vw);
  }
}
@media only screen and (min-width: 1025px) {
  .header_nav_sns_img_04 {
    width: 28px;
  }
}
@media only screen and (max-width: 1025px) {
  .header_nav_sns_img_05 {
    width: calc((35 / var(--content-width)) * 100vw);
  }
}
@media only screen and (min-width: 1025px) {
  .header_nav_sns_img_05 {
    width: 24px;
  }
}
@media only screen and (max-width: 1025px) {
  .header_nav_sns_img_06 {
    width: calc((38 / var(--content-width)) * 100vw);
  }
}
@media only screen and (min-width: 1025px) {
  .header_nav_sns_img_06 {
    width: 26px;
  }
}
@media only screen and (max-width: 1025px) {
  .header_nav_sns_img_07 {
    width: calc((42 / var(--content-width)) * 100vw);
  }
}
@media only screen and (min-width: 1025px) {
  .header_nav_sns_img_07 {
    width: 29px;
  }
}
@media only screen and (max-width: 1025px) {
  .header_nav_sns_img_08 {
    width: calc((143 / var(--content-width)) * 100vw);
  }
}
@media only screen and (min-width: 1025px) {
  .header_nav_sns_img_08 {
    width: 97px;
  }
}
.header_nav_banner {
  display: block;
}
@media only screen and (max-width: 1025px) {
  .header_nav_banner_wrap {
    margin-top: min((60 / var(--content-width)) * 100vw, 60 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .header_nav_banner_wrap {
    margin-top: min((90 / var(--content-width)) * 100vw, 90 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .header_nav_banner_line {
    display: flex;
    gap: min((45 / var(--content-width)) * 100vw, 45 * 1px);
  }
}
.header_nav_banner_img {
  transition: opacity 0.3s ease-out;
  width: min((450 / var(--content-width)) * 100vw, 450 * 1px);
}
.header_nav_banner:hover .header_nav_banner_img {
  opacity: 0.8;
}
.header_nav_banner_txt {
  margin-top: 1em;
  letter-spacing: 0.11em;
}
@media only screen and (max-width: 1025px) {
  .header_nav_banner_txt {
    font-size: calc((10 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .header_nav_banner_txt {
    font-size: calc((14 / var(--em)) * 1rem);
  }
}
@media only screen and (max-width: 1025px) {
  .header_nav_banner + .header_nav_banner {
    margin-top: min((40 / var(--content-width)) * 100vw, 40 * 1px);
  }
}
.header_nav_contact {
  border-top: 1px #4d4d4d solid;
  border-bottom: 1px #4d4d4d solid;
  letter-spacing: 0.045em;
  display: inline-block;
  width: 100%;
}
@media only screen and (max-width: 1025px) {
  .header_nav_contact {
    font-size: min((45 / var(--content-width)) * 100vw, 45 * 1px);
    padding: 0.8em 0;
    margin-top: 1em;
    margin-bottom: 0.7em;
  }
}
@media only screen and (min-width: 1025px) {
  .header_nav_contact {
    padding: 1em 0;
    font-size: min((30 / var(--content-width)) * 100vw, 30 * 1px);
    margin-top: 0.2em;
    margin-bottom: 1.2em;
  }
}
.header_nav_relation {
  display: flex !important;
}
@media only screen and (max-width: 1025px) {
  .header_nav_relation {
    font-size: min((24 / var(--content-width)) * 100vw, 24 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .header_nav_relation {
    font-size: min((14 / var(--content-width)) * 100vw, 14 * 1px);
  }
}
.header_nav_relation::after {
  position: relative;
  width: 1em;
  height: 1em;
  margin-left: 1em;
  top: -1px;
}

.header.open {
  background-color: #000;
}
.header.open .header_btn_logo img {
  filter: invert(100%);
}
.header.open .header_btn_nav span {
  background-color: #fff;
  transition: all 0.3s ease-out;
}
.header.open .header_btn_nav span:nth-child(1) {
  width: 100%;
  top: 50%;
  transform: rotate(20deg);
}
.header.open .header_btn_nav span:nth-child(2) {
  width: 100%;
  top: 50%;
  transform: rotate(-20deg);
}
.header.open .header_btn_works {
  background-color: #fff;
  color: #000;
}
.header.open + .header_nav {
  transform: translateX(0);
  transition: transform 0.3s cubic-bezier(0, 0.68, 0.01, 1);
}

.header:not(.open) {
  background-color: #fff;
}
.header:not(.open) .header_btn_nav span {
  background-color: #000;
  transition: all 0.3s ease-out;
}
.header:not(.open) .header_btn_nav span:nth-child(1) {
  width: 100%;
  top: 30%;
}
.header:not(.open) .header_btn_nav span:nth-child(2) {
  width: 50%;
  top: 80%;
}
.header:not(.open) .header_btn_works {
  background-color: #000;
  color: #fff;
}
.header:not(.open) + .header_nav {
  transform: translateX(-120%);
  transition: transform 0.3s cubic-bezier(0, 0.68, 0.01, 1);
}

.footer {
  background-color: #000;
  color: #fff;
}
@media only screen and (max-width: 1025px) {
  .footer {
    margin-top: min((200 / var(--content-width)) * 100vw, 200 * 1px);
    padding-top: min((140 / var(--content-width)) * 100vw, 140 * 1px);
    padding-bottom: min((180 / var(--content-width)) * 100vw, 180 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .footer {
    margin-top: min((165 / var(--content-width)) * 100vw, 165 * 1px);
    padding-top: min((115 / var(--content-width)) * 100vw, 115 * 1px);
    padding-bottom: min((50 / var(--content-width)) * 100vw, 50 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .footer_inner {
    padding-inline: min((120 / var(--content-width)) * 100vw, 120 * 1px) min((80 / var(--content-width)) * 100vw, 80 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .footer_contact {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.footer_contact_links {
  border-top: #4d4d4d 1px solid;
}
@media only screen and (max-width: 1025px) {
  .footer_contact_links {
    margin-top: min((100 / var(--content-width)) * 100vw, 100 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .footer_contact_links {
    width: 65%;
  }
}
.footer_contact_links li {
  border-bottom: #4d4d4d 1px solid;
}
.footer_contact_links a {
  color: inherit;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1025px) {
  .footer_contact_links a {
    height: min((180 / var(--content-width)) * 100vw, 180 * 1px);
    line-height: 1.3;
  }
}
@media only screen and (min-width: 1025px) {
  .footer_contact_links a {
    height: min((140 / var(--content-width)) * 100vw, 140 * 1px);
  }
}
.footer_contact_links a::after {
  transition: all 0.3s ease-out;
  position: absolute;
  top: 50%;
  right: 0;
}
@media only screen and (max-width: 1025px) {
  .footer_contact_links a::after {
    transform: translate(-50%, -50%);
    width: min((60 / var(--content-width)) * 100vw, 60 * 1px);
    height: min((60 / var(--content-width)) * 100vw, 60 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .footer_contact_links a::after {
    transform: translate(-100%, -50%);
    width: 42px;
    height: 42px;
  }
}
@media only screen and (max-width: 1025px) {
  .footer_line {
    margin-top: min((70 / var(--content-width)) * 100vw, 70 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .footer_line {
    display: flex;
    justify-content: space-between;
    margin-top: min((146 / var(--content-width)) * 100vw, 146 * 1px);
  }
}
.footer_line_right {
  display: flex;
}
@media only screen and (max-width: 1025px) {
  .footer_line_right {
    flex-direction: column;
    margin-top: min((90 / var(--content-width)) * 100vw, 90 * 1px);
    gap: min((40 / var(--content-width)) * 100vw, 40 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .footer_line_right {
    justify-content: flex-end;
    align-items: center;
    gap: 3em;
  }
}
.footer_line p {
  color: #999999;
}
@media only screen and (max-width: 1025px) {
  .footer_line p {
    font-size: calc((12 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .footer_line p {
    font-size: calc((14 / var(--em)) * 1rem);
  }
}
.footer_line p a {
  text-decoration: underline;
}
.footer_line a {
  color: inherit;
  transition: color 0.3s ease;
}
.footer_line a:hover {
  color: #a18b74;
}
@media only screen and (max-width: 1025px) {
  .footer_line a {
    font-size: calc((15 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .footer_line a {
    font-size: calc((14 / var(--em)) * 1rem);
  }
}
.footer_line span {
  font-size: calc((10 / var(--em)) * 1rem);
}

.lower-mv_inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 1025px) {
  .lower-mv_inner {
    padding-top: min((115 / var(--content-width)) * 100vw, 115 * 1px);
    height: min((680 / var(--content-width)) * 100vw, 680 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .lower-mv_inner {
    height: min((450 / var(--content-width)) * 100vw, 450 * 1px);
  }
}
.lower-mv_img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin-bottom: -3px;
}
@media only screen and (max-width: 1025px) {
  .lower-mv_img {
    max-height: min((630 / var(--content-width)) * 100vw, 630 * 1px);
    aspect-ratio: 750/630;
  }
}
@media only screen and (min-width: 1025px) {
  .lower-mv_img {
    max-height: min((640 / var(--content-width)) * 100vw, 640 * 1px);
    aspect-ratio: 1170/640;
  }
}

@media only screen and (max-width: 1025px) {
  .single-mv {
    padding-top: min((115 / var(--content-width)) * 100vw, 115 * 1px);
  }
}
.single-mv_img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1025px) {
  .single-mv_img {
    height: min((530 / var(--content-width)) * 100vw, 530 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .single-mv_img {
    height: calc(100dvh - 14vh);
  }
}
.single-mv_txt {
  background: #000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  color: #fff;
}
@media only screen and (max-width: 1025px) {
  .single-mv_txt {
    margin-left: min((85 / var(--content-width)) * 100vw, 85 * 1px);
    padding: min((45 / var(--content-width)) * 100vw, 45 * 1px);
    min-height: min((415 / var(--content-width)) * 100vw, 415 * 1px);
    top: min((-120 / var(--content-width)) * 100vw, -120 * 1px);
    margin-bottom: min((-120 / var(--content-width)) * 100vw, -120 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .single-mv_txt {
    margin-left: min((120 / var(--content-width)) * 100vw, 120 * 1px);
    padding: min((85 / var(--content-width)) * 100vw, 85 * 1px);
    min-height: min((430 / var(--content-width)) * 100vw, 430 * 1px);
    top: min((-175 / var(--content-width)) * 100vw, -175 * 1px);
    margin-bottom: min((-175 / var(--content-width)) * 100vw, -175 * 1px);
  }
}
.single-mv_txt_cat {
  letter-spacing: 0.1em;
  color: #cdb99a;
}
@media only screen and (max-width: 1025px) {
  .single-mv_txt_cat {
    font-size: calc((15 / var(--em)) * 1rem);
    margin-bottom: min((30 / var(--content-width)) * 100vw, 30 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .single-mv_txt_cat {
    font-size: calc((23 / var(--em)) * 1rem);
    margin-bottom: min((30 / var(--content-width)) * 100vw, 30 * 1px);
  }
}
.single-mv_txt_ttl {
  line-height: 1.5;
}
@media only screen and (max-width: 1025px) {
  .single-mv_txt_ttl {
    letter-spacing: 0.035em;
    font-size: calc((16 / var(--em)) * 1rem);
    margin-bottom: min((30 / var(--content-width)) * 100vw, 30 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .single-mv_txt_ttl {
    letter-spacing: 0.1em;
    font-size: calc((31 / var(--em)) * 1rem);
    margin-bottom: min((50 / var(--content-width)) * 100vw, 50 * 1px);
  }
}
.single-mv_txt_job {
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 1025px) {
  .single-mv_txt_job {
    font-size: calc((11 / var(--em)) * 1rem);
    margin-bottom: 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .single-mv_txt_job {
    font-size: calc((14 / var(--em)) * 1rem);
    margin-bottom: min((15 / var(--content-width)) * 100vw, 15 * 1px);
  }
}
.single-mv_txt_name_en {
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 1025px) {
  .single-mv_txt_name_en {
    font-size: calc((17.5 / var(--em)) * 1rem);
    margin-bottom: min((15 / var(--content-width)) * 100vw, 15 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .single-mv_txt_name_en {
    font-size: calc((25 / var(--em)) * 1rem);
    margin-bottom: min((10 / var(--content-width)) * 100vw, 10 * 1px);
  }
}
.single-mv_txt_name_jp {
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 1025px) {
  .single-mv_txt_name_jp {
    font-size: calc((13 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .single-mv_txt_name_jp {
    font-size: calc((14 / var(--em)) * 1rem);
  }
}

.top-mv {
  width: 100%;
  position: relative;
  height: 100dvh;
}
@media only screen and (max-width: 1025px) {
  .top-mv {
    padding-top: min((115 / var(--content-width)) * 100vw, 115 * 1px);
  }
}
.top-mv_slide {
  height: 100%;
}
@media only screen and (min-width: 1025px) {
  .top-mv_slide {
    display: none;
  }
}
.top-mv_slide img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100dvw;
  height: 100dvh;
}
.top-mv video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media only screen and (max-width: 1025px) {
  .top-mv video {
    display: none;
  }
}
.top-mv h2 {
  letter-spacing: 0.26em;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 1025px) {
  .top-mv h2 {
    margin-top: min((115 / var(--content-width)) * 100vw, 115 * 1px);
    font-size: min((60 / var(--content-width)) * 100vw, 60 * 1px);
    line-height: 1.7;
  }
}
@media only screen and (min-width: 1025px) {
  .top-mv h2 {
    font-size: calc((38 / var(--em)) * 1rem);
  }
}

.top-about {
  position: relative;
  background-color: #ebe5db;
}
@media only screen and (max-width: 1025px) {
  .top-about {
    padding-top: min((1030 / var(--content-width)) * 100vw, 1030 * 1px);
    padding-bottom: min((1740 / var(--content-width)) * 100vw, 1740 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-about {
    padding-top: calc((290 / var(--content-width)) * 100vw);
    padding-bottom: calc((1415 / var(--content-width)) * 100vw);
  }
}
.top-about::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 800px 800px 0 0;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 1025px) {
  .top-about::before {
    border-width: calc((620 / var(--content-width)) * 100vw) calc((620 / var(--content-width)) * 100vw) 0 0;
  }
}
@media only screen and (min-width: 1025px) {
  .top-about::before {
    border-width: 800px 800px 0 0;
  }
}
.top-about_inner {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1025px) {
  .top-about_inner {
    margin-left: calc((60 / var(--content-width)) * 100vw);
    padding-inline: calc((20 / var(--content-width)) * 100vw);
    width: 400px;
  }
}
@media only screen and (min-width: 1400px) {
  .top-about_inner {
    margin-left: calc((120 / var(--content-width)) * 100vw);
  }
}
.top-about .hd-section {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1025px) {
  .top-about .hd-section {
    text-shadow: 0px 0px 1px #ebe5db;
  }
}
.top-about p {
  margin-top: 2em;
  margin-bottom: 3em;
}
@media only screen and (min-width: 1025px) {
  .top-about p {
    width: min((380 / var(--content-width)) * 100vw, 380 * 1px);
    text-shadow: 0px 0px 1px #ebe5db;
  }
}
.top-about img {
  position: absolute;
  max-width: 100%;
}
.top-about_hd-img {
  left: 0;
  z-index: 0;
}
@media only screen and (max-width: 1025px) {
  .top-about_hd-img {
    top: min((-50 / var(--content-width)) * 100vw, -50 * 1px);
    width: min((323 / var(--content-width)) * 100vw, 323 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-about_hd-img {
    top: -110px;
    width: min((330 / var(--content-width)) * 100vw, 330 * 1px);
  }
}
.top-about_img_01 {
  transition: all 0.3s ease-out;
}
.top-about_img_01:hover {
  filter: brightness(0.5);
}
@media only screen and (max-width: 1025px) {
  .top-about_img_01 {
    width: min((668 / var(--content-width)) * 100vw, 668 * 1px);
    top: min((135 / var(--content-width)) * 100vw, 135 * 1px);
    right: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .top-about_img_01 {
    width: calc((643 / var(--content-width)) * 100vw);
    top: calc((150 / var(--content-width)) * 100vw);
    right: 0;
  }
}
@media only screen and (max-width: 1025px) {
  .top-about_img_02 {
    width: min((422 / var(--content-width)) * 100vw, 422 * 1px);
    top: min((800 / var(--content-width)) * 100vw, 800 * 1px);
    right: min((70 / var(--content-width)) * 100vw, 70 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-about_img_02 {
    width: calc((347 / var(--content-width)) * 100vw);
    top: calc((600 / var(--content-width)) * 100vw);
    right: calc((70 / var(--content-width)) * 100vw);
  }
}
@media only screen and (max-width: 1025px) {
  .top-about_img_03 {
    width: min((664 / var(--content-width)) * 100vw, 664 * 1px);
    top: min((1900 / var(--content-width)) * 100vw, 1900 * 1px);
    left: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .top-about_img_03 {
    width: calc((773 / var(--content-width)) * 100vw);
    top: calc((880 / var(--content-width)) * 100vw);
    left: calc((95 / var(--content-width)) * 100vw);
  }
}
@media only screen and (max-width: 1025px) {
  .top-about_img_04 {
    width: min((310 / var(--content-width)) * 100vw, 310 * 1px);
    top: min((2320 / var(--content-width)) * 100vw, 2320 * 1px);
    right: min((40 / var(--content-width)) * 100vw, 40 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-about_img_04 {
    width: calc((298 / var(--content-width)) * 100vw);
    top: calc((1350 / var(--content-width)) * 100vw);
    left: calc((758 / var(--content-width)) * 100vw);
  }
}
@media only screen and (max-width: 1025px) {
  .top-about_img_05 {
    width: min((588 / var(--content-width)) * 100vw, 588 * 1px);
    top: min((2350 / var(--content-width)) * 100vw, 2350 * 1px);
    left: min((60 / var(--content-width)) * 100vw, 60 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-about_img_05 {
    width: calc((427 / var(--content-width)) * 100vw);
    top: calc((1520 / var(--content-width)) * 100vw);
    left: calc((232 / var(--content-width)) * 100vw);
  }
}

.top-service {
  background-color: #d7bea0;
}
@media only screen and (max-width: 1025px) {
  .top-service {
    background-image: linear-gradient(180deg, #d7bea0 50%, #fff 50%);
    padding-block: min((200 / var(--content-width)) * 100vw, 200 * 1px) min((340 / var(--content-width)) * 100vw, 340 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-service {
    background-image: linear-gradient(180deg, #d7bea0 57%, #fff 57%);
    padding-block: min((190 / var(--content-width)) * 100vw, 190 * 1px) min((290 / var(--content-width)) * 100vw, 290 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-service_inner {
    padding-inline: 0;
    width: min((900 / var(--content-width)) * 100vw, 900 * 1px);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: min((25 / var(--content-width)) * 100vw, 25 * 1px) min((50 / var(--content-width)) * 100vw, 50 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .top-service_txt {
    margin-top: min((80 / var(--content-width)) * 100vw, 80 * 1px);
    margin-bottom: min((110 / var(--content-width)) * 100vw, 110 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-service_txt {
    padding-inline: min((60 / var(--content-width)) * 100vw, 60 * 1px);
  }
}
.top-service_txt .btn-more-bk {
  margin-top: 1em;
}
.top-service_link {
  position: relative;
  display: block;
}
.top-service_link_img {
  position: absolute;
}
@media only screen and (max-width: 1025px) {
  .top-service_link_img {
    left: min((-30 / var(--content-width)) * 100vw, -30 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-service_link_img {
    left: min((-40 / var(--content-width)) * 100vw, -40 * 1px);
  }
}
.top-service_link_bg {
  transition: all 0.5s ease-out;
}
.top-service_link_txt {
  display: block;
  color: #000;
  margin-top: 1.5em;
}
@media only screen and (max-width: 1025px) {
  .top-service_link_txt {
    padding-left: min((60 / var(--content-width)) * 100vw, 60 * 1px);
    font-size: calc((15 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .top-service_link_txt {
    padding-left: min((50 / var(--content-width)) * 100vw, 50 * 1px);
    font-size: calc((16 / var(--em)) * 1rem);
  }
}
.top-service_link_txt::after {
  transition: all 0.6s ease-out;
  width: min((42 / var(--content-width)) * 100vw, 42 * 1px);
  height: min((42 / var(--content-width)) * 100vw, 42 * 1px);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1025px) {
  .top-service_link_01 .top-service_link_img {
    width: min((417 / var(--content-width)) * 100vw, 417 * 1px);
    top: min((65 / var(--content-width)) * 100vw, 65 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-service_link_01 .top-service_link_img {
    width: min((417 / var(--content-width)) * 100vw, 417 * 1px);
    top: min((80 / var(--content-width)) * 100vw, 80 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .top-service_link_02 {
    margin-top: min((110 / var(--content-width)) * 100vw, 110 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-service_link_02 {
    top: min((130 / var(--content-width)) * 100vw, 130 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .top-service_link_02 .top-service_link_img {
    width: min((400 / var(--content-width)) * 100vw, 400 * 1px);
    top: min((110 / var(--content-width)) * 100vw, 110 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-service_link_02 .top-service_link_img {
    width: min((400 / var(--content-width)) * 100vw, 400 * 1px);
    top: min((70 / var(--content-width)) * 100vw, 70 * 1px);
  }
}
.top-service_link:hover .top-service_link_bg {
  filter: brightness(0.5);
}
.top-history {
  position: relative;
  background-image: url("../img/bg-history@2x.webp");
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}
@media only screen and (max-width: 1025px) {
  .top-history {
    background-position: center bottom;
  }
}
.top-history_anv {
  position: absolute;
  top: 0;
}
@media only screen and (max-width: 1025px) {
  .top-history_anv {
    left: min((95 / var(--content-width)) * 100vw, 95 * 1px);
    transform: translateY(-50%);
    width: min((257 / var(--content-width)) * 100vw, 257 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-history_anv {
    left: min((120 / var(--content-width)) * 100vw, 120 * 1px);
    transform: translateY(-47%);
    width: min((187 / var(--content-width)) * 100vw, 187 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .top-history_inner {
    padding-block: min((250 / var(--content-width)) * 100vw, 250 * 1px) min((300 / var(--content-width)) * 100vw, 300 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-history_inner {
    padding: min((240 / var(--content-width)) * 100vw, 240 * 1px) min((120 / var(--content-width)) * 100vw, 120 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .top-history p {
    margin-block: min((60 / var(--content-width)) * 100vw, 60 * 1px) min((130 / var(--content-width)) * 100vw, 130 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-history p {
    margin-block: 3em;
  }
}

.top-philosophy {
  position: relative;
}
@media only screen and (max-width: 1025px) {
  .top-philosophy {
    margin-top: min((320 / var(--content-width)) * 100vw, 320 * 1px);
    padding-bottom: min((270 / var(--content-width)) * 100vw, 270 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-philosophy {
    margin-top: min((215 / var(--content-width)) * 100vw, 215 * 1px);
    padding-bottom: calc((70 / var(--content-width)) * 100vw);
  }
}
.top-philosophy_inner {
  background-color: #ebe5db;
}
@media only screen and (max-width: 1025px) {
  .top-philosophy_inner {
    padding-top: min((150 / var(--content-width)) * 100vw, 150 * 1px);
    padding-bottom: min((510 / var(--content-width)) * 100vw, 510 * 1px);
    margin-right: min((90 / var(--content-width)) * 100vw, 90 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-philosophy_inner {
    margin-right: min((120 / var(--content-width)) * 100vw, 120 * 1px);
    margin-bottom: min((35 / var(--content-width)) * 100vw, 35 * 1px);
    padding: min((155 / var(--content-width)) * 100vw, 155 * 1px) min((120 / var(--content-width)) * 100vw, 120 * 1px) min((100 / var(--content-width)) * 100vw, 100 * 1px);
  }
}
.top-philosophy strong {
  display: block;
  margin-top: 2em;
  margin-bottom: 1.5em;
  letter-spacing: 0.26em;
}
@media only screen and (max-width: 1025px) {
  .top-philosophy strong {
    line-height: 1.7;
    font-size: calc((19 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .top-philosophy strong {
    font-size: calc((20 / var(--em)) * 1rem);
  }
}
.top-philosophy p {
  margin-top: 2em;
}
@media only screen and (min-width: 1025px) {
  .top-philosophy p {
    width: min((360 / var(--content-width)) * 100vw, 360 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .top-philosophy .btn-more-bk {
    position: relative;
    top: min((-230 / var(--content-width)) * 100vw, -230 * 1px);
    left: min((98 / var(--content-width)) * 100vw, 98 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-philosophy .btn-more-bk {
    margin-left: min((120 / var(--content-width)) * 100vw, 120 * 1px);
  }
}
.top-philosophy_img {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 1025px) {
  .top-philosophy_img {
    width: min((670 / var(--content-width)) * 100vw, 670 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-philosophy_img {
    width: calc((626 / var(--content-width)) * 100vw);
  }
}
.top-philosophy_img_bg {
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .top-philosophy_img_bg {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
    height: 100%;
    max-height: 580px;
  }
}
.top-philosophy_img_txt {
  position: absolute;
  width: min((420 / var(--content-width)) * 100vw, 420 * 1px);
}
@media only screen and (max-width: 1025px) {
  .top-philosophy_img_txt {
    top: min((-35 / var(--content-width)) * 100vw, -35 * 1px);
    left: min((-35 / var(--content-width)) * 100vw, -35 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-philosophy_img_txt {
    top: min((-75 / var(--content-width)) * 100vw, -75 * 1px);
    left: min((-75 / var(--content-width)) * 100vw, -75 * 1px);
  }
}

.top-topics {
  position: relative;
}
@media only screen and (max-width: 1025px) {
  .top-topics {
    margin-top: min((320 / var(--content-width)) * 100vw, 320 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-topics {
    margin-top: min((200 / var(--content-width)) * 100vw, 200 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-topics_inner {
    margin-right: min((80 / var(--content-width)) * 100vw, 80 * 1px);
    padding-left: min((45 / var(--content-width)) * 100vw, 45 * 1px);
    display: flex;
    justify-content: space-between;
  }
}
.top-topics .hd-section {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 1025px) {
  .top-topics .topics-list {
    margin-top: min((110 / var(--content-width)) * 100vw, 110 * 1px);
    margin-bottom: min((130 / var(--content-width)) * 100vw, 130 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-topics .topics-list {
    width: 60%;
  }
}
@media only screen and (min-width: 1025px) {
  .top-topics .btn-more-bk {
    position: absolute;
    top: min((130 / var(--content-width)) * 100vw, 130 * 1px);
    left: min((45 / var(--content-width)) * 100vw, 45 * 1px);
  }
}

@media only screen and (max-width: 1025px) {
  .top-office {
    margin-top: min((350 / var(--content-width)) * 100vw, 350 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-office {
    margin-top: min((225 / var(--content-width)) * 100vw, 225 * 1px);
  }
}
.top-office_inner {
  display: flex;
}
@media only screen and (max-width: 1025px) {
  .top-office_inner {
    padding-top: min((190 / var(--content-width)) * 100vw, 190 * 1px);
    padding-inline: 0;
    position: relative;
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 1025px) {
  .top-office_inner {
    padding-right: 0;
  }
}
@media only screen and (max-width: 1025px) {
  .top-office_txt {
    margin-top: min((150 / var(--content-width)) * 100vw, 150 * 1px);
    padding-inline: min((95 / var(--content-width)) * 100vw, 95 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-office_txt {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    flex-shrink: 0;
  }
}
@media only screen and (max-width: 1025px) {
  .top-office_txt .hd-section {
    position: absolute;
    top: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .top-office_txt .hd-section {
    margin-bottom: min((60 / var(--content-width)) * 100vw, 60 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .top-office_txt p + p {
    margin-top: min((60 / var(--content-width)) * 100vw, 60 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-office_txt p + p {
    margin-top: min((40 / var(--content-width)) * 100vw, 40 * 1px);
  }
}
.top-office_img {
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .top-office_img {
    padding-left: min((70 / var(--content-width)) * 100vw, 70 * 1px);
    padding-bottom: min((35 / var(--content-width)) * 100vw, 35 * 1px);
    height: calc((520 / var(--content-width)) * 100vw);
    width: 100%;
  }
}
.top-office_img_bg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-office_img_link {
  color: transparent;
  display: block;
  position: absolute;
}
.top-office_img_link::after {
  transition: all 0.3s ease-out;
  width: 100%;
  height: 100%;
}
.top-office_img_link:hover {
  position: absolute;
}
@media only screen and (max-width: 1025px) {
  .top-office_img_link {
    right: min((45 / var(--content-width)) * 100vw, 45 * 1px);
    bottom: min((-40 / var(--content-width)) * 100vw, -40 * 1px);
    width: min((220 / var(--content-width)) * 100vw, 220 * 1px);
    height: min((220 / var(--content-width)) * 100vw, 220 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .top-office_img_link {
    left: 0;
    bottom: 0;
    width: min((173 / var(--content-width)) * 100vw, 173 * 1px);
    height: min((173 / var(--content-width)) * 100vw, 173 * 1px);
  }
}

@media only screen and (min-width: 1025px) {
  .l-about .hd-section span {
    font-size: calc((38 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .l-about .hd-section small {
    font-size: calc((12 / var(--em)) * 1rem);
  }
}
@media only screen and (max-width: 1025px) {
  .l-about_lead {
    padding-block: min((230 / var(--content-width)) * 100vw, 230 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-about_lead {
    padding-block: min((110 / var(--content-width)) * 100vw, 110 * 1px) min((130 / var(--content-width)) * 100vw, 130 * 1px);
    text-align: center;
  }
}
.l-about_about {
  background-color: #f1ede6;
}
@media only screen and (max-width: 1025px) {
  .l-about_about_inner {
    padding-top: min((120 / var(--content-width)) * 100vw, 120 * 1px);
    padding-bottom: min((125 / var(--content-width)) * 100vw, 125 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-about_about_inner {
    max-width: 1040px;
    padding-inline: 0;
    padding-top: min((140 / var(--content-width)) * 100vw, 140 * 1px);
    padding-bottom: min((150 / var(--content-width)) * 100vw, 150 * 1px);
  }
}
.l-about_about_list {
  border-top: 1px solid #e7e0d5;
}
@media only screen and (max-width: 1025px) {
  .l-about_about_list {
    margin-top: min((115 / var(--content-width)) * 100vw, 115 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-about_about_list {
    margin-top: min((65 / var(--content-width)) * 100vw, 65 * 1px);
  }
}
.l-about_about_list li {
  border-bottom: 1px solid #e7e0d5;
  line-height: 2;
  letter-spacing: 0.1em;
  font-size: calc((15 / var(--em)) * 1rem);
}
.l-about_about_list dl {
  padding-block: 1em;
}
@media only screen and (max-width: 1025px) {
  .l-about_about_list dl {
    min-height: min((195 / var(--content-width)) * 100vw, 195 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-about_about_list dl {
    min-height: min((85 / var(--content-width)) * 100vw, 85 * 1px);
    display: flex;
    align-items: center;
  }
}
@media only screen and (min-width: 1025px) {
  .l-about_about_list dl dt {
    padding-right: 1em;
    width: min((170 / var(--content-width)) * 100vw, 170 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-about_about_list dl dd {
    font-size: calc((13.5 / var(--em)) * 1rem);
  }
}
.l-about_about_list dl dd a {
  color: inherit;
  transition: color 0.3s ease;
  text-decoration: underline;
}
.l-about_about_list dl dd a:hover {
  color: #a18b74;
}
.l-about_mission {
  position: relative;
}
@media only screen and (max-width: 1025px) {
  .l-about_mission {
    margin-top: min((250 / var(--content-width)) * 100vw, 250 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-about_mission {
    margin-top: min((200 / var(--content-width)) * 100vw, 200 * 1px);
  }
}
.l-about_mission_img {
  position: absolute;
  right: 0;
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1025px) {
  .l-about_mission_img {
    top: min((100 / var(--content-width)) * 100vw, 100 * 1px);
    width: 100%;
    height: min((465 / var(--content-width)) * 100vw, 465 * 1px);
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (min-width: 1025px) {
  .l-about_mission_img {
    top: 0;
    width: calc((780 / var(--content-width)) * 100vw);
    height: min((430 / var(--content-width)) * 100vw, 430 * 1px);
  }
}
.l-about_mission_inner {
  position: relative;
}
@media only screen and (max-width: 1025px) {
  .l-about_mission_inner {
    padding-right: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .l-about_mission_inner > .hd-section {
    padding-top: min((95 / var(--content-width)) * 100vw, 95 * 1px);
    margin-bottom: min((100 / var(--content-width)) * 100vw, 100 * 1px);
  }
}
.l-about_mission_content {
  background-color: #fff;
}
@media only screen and (max-width: 1025px) {
  .l-about_mission_content {
    margin-top: min((400 / var(--content-width)) * 100vw, 400 * 1px);
    padding: min((65 / var(--content-width)) * 100vw, 65 * 1px) min((40 / var(--content-width)) * 100vw, 40 * 1px) min((65 / var(--content-width)) * 100vw, 65 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-about_mission_content {
    width: calc((610 / var(--content-width)) * 100vw);
    padding-top: min((80 / var(--content-width)) * 100vw, 80 * 1px);
    padding-bottom: min((60 / var(--content-width)) * 100vw, 60 * 1px);
    padding-right: min((110 / var(--content-width)) * 100vw, 110 * 1px);
  }
}
.l-about_mission_content .hd-section {
  color: #a18b74;
}
@media only screen and (max-width: 1025px) {
  .l-about_mission_content .hd-section {
    margin-bottom: min((40 / var(--content-width)) * 100vw, 40 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-about_mission_content .hd-section {
    margin-bottom: min((32 / var(--content-width)) * 100vw, 32 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-about_mission_content .hd-section span {
    font-size: calc((17.5 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .l-about_mission_content .hd-section span {
    font-size: calc((24 / var(--em)) * 1rem);
  }
}
.l-about_mission_content .hd-section small {
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 1025px) {
  .l-about_mission_content .hd-section small {
    font-size: calc((17.5 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .l-about_mission_content .hd-section small {
    font-size: calc((18 / var(--em)) * 1rem);
  }
}
.l-about_value {
  position: relative;
}
@media only screen and (max-width: 1025px) {
  .l-about_value {
    margin-top: min((200 / var(--content-width)) * 100vw, 200 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-about_value {
    margin-top: min((115 / var(--content-width)) * 100vw, 115 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-about_value_hd {
    padding-left: min((95 / var(--content-width)) * 100vw, 95 * 1px);
  }
}
.l-about_value_img {
  position: absolute;
  left: 0;
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1025px) {
  .l-about_value_img {
    top: min((140 / var(--content-width)) * 100vw, 140 * 1px);
    width: 100%;
    height: min((463 / var(--content-width)) * 100vw, 463 * 1px);
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (min-width: 1025px) {
  .l-about_value_img {
    top: 0;
    width: calc((780 / var(--content-width)) * 100vw);
    height: min((430 / var(--content-width)) * 100vw, 430 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-about_value_inner {
    padding-left: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .l-about_value_inner {
    padding-top: min((105 / var(--content-width)) * 100vw, 105 * 1px);
    margin-bottom: min((100 / var(--content-width)) * 100vw, 100 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-about_value_inner > .hd-section {
    width: min((200 / var(--content-width)) * 100vw, 200 * 1px);
    margin-left: auto;
    margin-bottom: min((100 / var(--content-width)) * 100vw, 100 * 1px);
    padding-right: min((40 / var(--content-width)) * 100vw, 40 * 1px);
  }
}
.l-about_value_content {
  background-color: #fff;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 1025px) {
  .l-about_value_content {
    margin-top: min((400 / var(--content-width)) * 100vw, 400 * 1px);
    padding-top: min((60 / var(--content-width)) * 100vw, 60 * 1px);
    padding-left: min((95 / var(--content-width)) * 100vw, 95 * 1px);
    padding-right: min((40 / var(--content-width)) * 100vw, 40 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-about_value_content {
    width: calc((620 / var(--content-width)) * 100vw);
    margin-left: auto;
    margin-right: 0;
    padding-top: min((90 / var(--content-width)) * 100vw, 90 * 1px);
    padding-left: min((100 / var(--content-width)) * 100vw, 100 * 1px);
  }
}
.l-about_value_content_hd {
  color: #a18b74;
}
@media only screen and (max-width: 1025px) {
  .l-about_value_content_hd {
    font-size: calc((17.5 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .l-about_value_content_hd {
    font-size: calc((24 / var(--em)) * 1rem);
  }
}
.l-about_value_list {
  border-top: 1px solid #e7e0d5;
}
@media only screen and (max-width: 1025px) {
  .l-about_value_list {
    margin-top: min((45 / var(--content-width)) * 100vw, 45 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-about_value_list {
    margin-top: min((60 / var(--content-width)) * 100vw, 60 * 1px);
  }
}
.l-about_value_list_item {
  border-bottom: 1px solid #e7e0d5;
}
@media only screen and (max-width: 1025px) {
  .l-about_value_list_item {
    padding-block: min((45 / var(--content-width)) * 100vw, 45 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-about_value_list_item {
    display: flex;
    align-items: center;
    padding: min((45 / var(--content-width)) * 100vw, 45 * 1px) min((20 / var(--content-width)) * 100vw, 20 * 1px);
    gap: min((40 / var(--content-width)) * 100vw, 40 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-about_value_list_item strong {
    font-size: calc((15.5 / var(--em)) * 1rem);
    display: block;
    margin-bottom: 1em;
    position: relative;
    left: -0.2em;
  }
}
@media only screen and (min-width: 1025px) {
  .l-about_value_list_item strong {
    padding-bottom: 0.5em;
    writing-mode: vertical-rl;
    font-size: calc((18 / var(--em)) * 1rem);
  }
}
@media only screen and (max-width: 1025px) {
  .l-about_value_list_item li {
    font-size: calc((13.5 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .l-about_value_list_item li {
    font-size: calc((15 / var(--em)) * 1rem);
  }
}

@media only screen and (max-width: 1025px) {
  .l-philosophy_creation {
    margin-top: min((280 / var(--content-width)) * 100vw, 280 * 1px);
    padding-bottom: min((60 / var(--content-width)) * 100vw, 60 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-philosophy_creation {
    margin-top: min((300 / var(--content-width)) * 100vw, 300 * 1px);
    padding-bottom: min((100 / var(--content-width)) * 100vw, 100 * 1px);
  }
}
.l-philosophy_creation_hd {
  margin-bottom: min((85 / var(--content-width)) * 100vw, 85 * 1px);
}
@media only screen and (max-width: 1025px) {
  .l-philosophy_creation_hd {
    padding-inline: min((85 / var(--content-width)) * 100vw, 85 * 1px);
  }
}
.l-philosophy_creation .l-philosophy_archive_item_txt {
  background-color: #fff;
}
.l-philosophy_team {
  background-color: #f0eae1;
}
@media only screen and (max-width: 1025px) {
  .l-philosophy_team {
    margin-top: min((200 / var(--content-width)) * 100vw, 200 * 1px);
    padding-top: min((125 / var(--content-width)) * 100vw, 125 * 1px);
    padding-bottom: min((200 / var(--content-width)) * 100vw, 200 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-philosophy_team {
    margin-top: min((130 / var(--content-width)) * 100vw, 130 * 1px);
    padding-top: min((110 / var(--content-width)) * 100vw, 110 * 1px);
    padding-bottom: min((165 / var(--content-width)) * 100vw, 165 * 1px);
  }
}
.l-philosophy_team .l-philosophy_archive_item_txt {
  background-color: #f0eae1;
}
.l-philosophy .btn-more-bk {
  padding-top: 1em;
}
@media only screen and (max-width: 1025px) {
  .l-philosophy .footer {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .l-philosophy .footer {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .l-philosophy_archive_list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
  }
}
@media only screen and (max-width: 1025px) {
  .l-philosophy_archive_inner {
    padding: 0;
  }
}
.l-philosophy_archive_item a {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  transition: all 0.3s ease-out;
}
.l-philosophy_archive_item a:hover {
  color: #d7bea0;
  transition: all 0.3s ease-out;
}
.l-philosophy_archive_item a:hover .l-philosophy_archive_item_txt {
  background-color: #000 !important;
}
.l-philosophy_archive_item a:hover .btn-more-bk {
  border-color: #d7bea0;
}
.l-philosophy_archive_item a:hover .btn-more-bk span {
  color: #d7bea0;
}
.l-philosophy_archive_item a:hover .btn-more-bk::after {
  transform: translateX(0);
  background-color: #d7bea0;
}
.l-philosophy_archive_item a.soon {
  pointer-events: none;
}
.l-philosophy_archive_item_img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1025px) {
  .l-philosophy_archive_item_img {
    height: min((460 / var(--content-width)) * 100vw, 460 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-philosophy_archive_item_img {
    height: min((300 / var(--content-width)) * 100vw, 300 * 1px);
  }
}
.l-philosophy_archive_item_txt {
  position: relative;
  display: flex;
  flex-direction: column;
  line-height: 1.7;
  position: relative;
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: 1025px) {
  .l-philosophy_archive_item_txt {
    top: min((-60 / var(--content-width)) * 100vw, -60 * 1px);
    margin-left: min((85 / var(--content-width)) * 100vw, 85 * 1px);
    padding: min((50 / var(--content-width)) * 100vw, 50 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-philosophy_archive_item_txt {
    top: min((-45 / var(--content-width)) * 100vw, -45 * 1px);
    margin-left: min((30 / var(--content-width)) * 100vw, 30 * 1px);
    padding: min((45 / var(--content-width)) * 100vw, 45 * 1px);
    height: min((345 / var(--content-width)) * 100vw, 345 * 1px);
  }
}
.l-philosophy_archive_item_ttl {
  letter-spacing: 0.2em;
}
@media only screen and (max-width: 1025px) {
  .l-philosophy_archive_item_ttl {
    font-size: calc((18 / var(--em)) * 1rem);
    margin-bottom: min((45 / var(--content-width)) * 100vw, 45 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-philosophy_archive_item_ttl {
    font-size: calc((22 / var(--em)) * 1rem);
    margin-bottom: min((30 / var(--content-width)) * 100vw, 30 * 1px);
  }
}
.l-philosophy_archive_item_en {
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 1025px) {
  .l-philosophy_archive_item_en {
    font-size: calc((16 / var(--em)) * 1rem);
    margin-bottom: min((10 / var(--content-width)) * 100vw, 10 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-philosophy_archive_item_en {
    font-size: calc((18 / var(--em)) * 1rem);
    margin-bottom: min((15 / var(--content-width)) * 100vw, 15 * 1px);
  }
}
.l-philosophy_archive_item_jp {
  letter-spacing: 0.05em;
  font-size: calc((10 / var(--em)) * 1rem);
}
@media only screen and (max-width: 1025px) {
  .l-philosophy_archive_item_jp {
    margin-bottom: min((60 / var(--content-width)) * 100vw, 60 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-philosophy_archive_item .btn-more-bk {
    position: absolute;
    bottom: min((45 / var(--content-width)) * 100vw, 45 * 1px);
  }
}
.l-philosophy_archive_item .btn-more-bk::before {
  content: none;
}
.l-philosophy_article_hd {
  line-height: 1.7;
  letter-spacing: 0.025;
  font-weight: normal;
}
@media only screen and (max-width: 1025px) {
  .l-philosophy_article_hd {
    font-size: calc((16.5 / var(--em)) * 1rem);
    margin-bottom: 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .l-philosophy_article_hd {
    font-size: calc((24 / var(--em)) * 1rem);
    margin-bottom: 2em;
  }
}
@media only screen and (max-width: 1025px) {
  .l-philosophy_article_01 {
    padding-block: min((150 / var(--content-width)) * 100vw, 150 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-philosophy_article_01 {
    padding: min((140 / var(--content-width)) * 100vw, 140 * 1px);
  }
}
.l-philosophy_article_02 {
  position: relative;
}
@media only screen and (max-width: 1025px) {
  .l-philosophy_article_02 {
    padding-top: min((195 / var(--content-width)) * 100vw, 195 * 1px);
    padding-bottom: min((145 / var(--content-width)) * 100vw, 145 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-philosophy_article_02 {
    padding-top: min((260 / var(--content-width)) * 100vw, 260 * 1px);
    padding-bottom: min((320 / var(--content-width)) * 100vw, 320 * 1px);
  }
}
.l-philosophy_article_02_wrap {
  background-color: #f0eae1;
}
@media only screen and (max-width: 1025px) {
  .l-philosophy_article_02_wrap {
    padding-top: min((195 / var(--content-width)) * 100vw, 195 * 1px);
    padding-bottom: min((225 / var(--content-width)) * 100vw, 225 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-philosophy_article_02_wrap {
    padding: min((330 / var(--content-width)) * 100vw, 330 * 1px) min((140 / var(--content-width)) * 100vw, 140 * 1px);
  }
}
.l-philosophy_article_02_img_01 {
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1025px) {
  .l-philosophy_article_02_img_01 {
    width: min((665 / var(--content-width)) * 100vw, 665 * 1px);
    height: min((315 / var(--content-width)) * 100vw, 315 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-philosophy_article_02_img_01 {
    width: min((1000 / var(--content-width)) * 100vw, 1000 * 1px);
    height: min((390 / var(--content-width)) * 100vw, 390 * 1px);
  }
}
.l-philosophy_article_02_img_02 {
  position: absolute;
  right: 0;
  bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1025px) {
  .l-philosophy_article_02_img_02 {
    width: min((665 / var(--content-width)) * 100vw, 665 * 1px);
    height: min((315 / var(--content-width)) * 100vw, 315 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-philosophy_article_02_img_02 {
    width: min((1000 / var(--content-width)) * 100vw, 1000 * 1px);
    height: min((390 / var(--content-width)) * 100vw, 390 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-philosophy_recomend {
    margin-top: min((375 / var(--content-width)) * 100vw, 375 * 1px);
    margin-bottom: min((230 / var(--content-width)) * 100vw, 230 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-philosophy_recomend {
    margin-top: min((165 / var(--content-width)) * 100vw, 165 * 1px);
    margin-bottom: min((320 / var(--content-width)) * 100vw, 320 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-philosophy_recomend_inner {
    padding-left: min((60 / var(--content-width)) * 100vw, 60 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-philosophy_recomend_hd {
    margin-inline: min((85 / var(--content-width)) * 100vw, 85 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-philosophy_recomend_hd {
    padding-left: min((60 / var(--content-width)) * 100vw, 60 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-philosophy_recomend_list {
    margin-top: min((50 / var(--content-width)) * 100vw, 50 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-philosophy_recomend_list {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 10px;
    gap: min((55 / var(--content-width)) * 100vw, 55 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-philosophy_recomend_list li {
    width: 100%;
    margin-bottom: min((40 / var(--content-width)) * 100vw, 40 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-philosophy_recomend_list li {
    width: 33%;
    max-width: min((290 / var(--content-width)) * 100vw, 290 * 1px);
  }
}
.l-philosophy_recomend_list li a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.l-philosophy_recomend_list li img {
  transition: all 0.3s ease-out;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-philosophy_recomend_list li a:hover img {
  transform: scale(1.1);
  filter: brightness(0.5);
}

.l-business_service {
  background-color: #f1ede6;
}
@media only screen and (max-width: 1025px) {
  .l-business_service {
    padding-top: min((140 / var(--content-width)) * 100vw, 140 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-business_service {
    padding-top: min((160 / var(--content-width)) * 100vw, 160 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-business_service_lead {
    padding-bottom: min((215 / var(--content-width)) * 100vw, 215 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-business_service_lead {
    padding-bottom: min((140 / var(--content-width)) * 100vw, 140 * 1px);
  }
}
.l-business_service_lead h4 {
  color: #a18b74;
  font-weight: normal;
}
@media only screen and (max-width: 1025px) {
  .l-business_service_txt1 {
    margin-top: min((110 / var(--content-width)) * 100vw, 110 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-business_service_txt1 {
    margin-top: min((80 / var(--content-width)) * 100vw, 80 * 1px);
  }
}
.l-business_service_txt1_hd {
  letter-spacing: 0.2em;
  line-height: 2;
  font-size: calc((20 / var(--em)) * 1rem);
}
@media only screen and (max-width: 1025px) {
  .l-business_service_txt1_hd {
    margin-bottom: 0.5em;
  }
}
@media only screen and (min-width: 1025px) {
  .l-business_service_txt1_hd {
    margin-bottom: 1em;
  }
}
@media only screen and (max-width: 1025px) {
  .l-business_service_txt2 {
    margin-top: min((165 / var(--content-width)) * 100vw, 165 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-business_service_txt2 {
    margin-top: min((130 / var(--content-width)) * 100vw, 130 * 1px);
    display: flex;
    gap: min((90 / var(--content-width)) * 100vw, 90 * 1px);
  }
}
.l-business_service_txt2_hd {
  flex-shrink: 0;
  letter-spacing: 0.1em;
  line-height: 2;
  font-size: calc((15 / var(--em)) * 1rem);
}
@media only screen and (max-width: 1025px) {
  .l-business_service_txt2_hd {
    margin-bottom: min((65 / var(--content-width)) * 100vw, 65 * 1px);
  }
}
.l-business_service_img {
  display: block;
  margin-inline: auto;
  position: relative;
}
@media only screen and (max-width: 1025px) {
  .l-business_service_img {
    margin-top: min((90 / var(--content-width)) * 100vw, 90 * 1px);
    width: min((620 / var(--content-width)) * 100vw, 620 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-business_service_img {
    margin-top: min((100 / var(--content-width)) * 100vw, 100 * 1px);
    width: min((750 / var(--content-width)) * 100vw, 750 * 1px);
  }
}
.l-business_service_content {
  position: relative;
}
@media only screen and (max-width: 1025px) {
  .l-business_service_content {
    padding-top: min((105 / var(--content-width)) * 100vw, 105 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-business_service_content {
    padding-top: min((70 / var(--content-width)) * 100vw, 70 * 1px);
    padding-bottom: min((20 / var(--content-width)) * 100vw, 20 * 1px);
  }
}
.l-business_service_content_icon {
  position: absolute;
  top: 0;
  z-index: 1;
}
@media only screen and (max-width: 1025px) {
  .l-business_service_content_icon {
    width: min((207 / var(--content-width)) * 100vw, 207 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-business_service_content_icon {
    width: min((175 / var(--content-width)) * 100vw, 175 * 1px);
  }
}
.l-business_service_content_img {
  position: relative;
  z-index: 0;
}
.l-business_service_content_txt {
  background-color: #f1ede6;
  position: relative;
}
@media only screen and (max-width: 1025px) {
  .l-business_service_content_txt {
    margin-left: min((85 / var(--content-width)) * 100vw, 85 * 1px);
    top: min((-40 / var(--content-width)) * 100vw, -40 * 1px);
    padding: min((75 / var(--content-width)) * 100vw, 75 * 1px) min((70 / var(--content-width)) * 100vw, 70 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-business_service_content_txt {
    margin-left: auto;
    width: min((864 / var(--content-width)) * 100vw, 864 * 1px);
    top: min((-100 / var(--content-width)) * 100vw, -100 * 1px);
    padding: min((85 / var(--content-width)) * 100vw, 85 * 1px) min((125 / var(--content-width)) * 100vw, 125 * 1px);
  }
}
.l-business_service_content_txt strong {
  display: block;
  color: #a18b74;
  line-height: 2;
  letter-spacing: 0.2em;
}
@media only screen and (max-width: 1025px) {
  .l-business_service_content_txt strong {
    font-size: calc((15 / var(--em)) * 1rem);
    margin-bottom: 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .l-business_service_content_txt strong {
    margin-bottom: 1.5em;
    font-size: calc((18 / var(--em)) * 1rem);
  }
}
.l-business_service_content_txt .btn-icon-arrow {
  display: block;
}
@media only screen and (max-width: 1025px) {
  .l-business_service_content_txt .btn-icon-arrow {
    margin-top: min((110 / var(--content-width)) * 100vw, 110 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-business_service_content_txt .btn-icon-arrow {
    margin-top: min((70 / var(--content-width)) * 100vw, 70 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-business_works {
    padding-top: min((120 / var(--content-width)) * 100vw, 120 * 1px);
    padding-bottom: min((85 / var(--content-width)) * 100vw, 85 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-business_works {
    padding-top: min((160 / var(--content-width)) * 100vw, 160 * 1px);
    padding-bottom: min((220 / var(--content-width)) * 100vw, 220 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-business_works_links {
    margin-top: min((90 / var(--content-width)) * 100vw, 90 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-business_works_links {
    display: flex;
    gap: 1px;
    margin-top: min((60 / var(--content-width)) * 100vw, 60 * 1px);
  }
}
.l-business_works_links li {
  background-size: cover;
  overflow: hidden;
}
@media only screen and (max-width: 1025px) {
  .l-business_works_links li {
    height: min((500 / var(--content-width)) * 100vw, 500 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-business_works_links li {
    width: 50%;
    height: min((570 / var(--content-width)) * 100vw, 570 * 1px);
  }
}
.l-business_works_links li a {
  position: relative;
  text-align: center;
  color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.l-business_works_links li a:hover img {
  filter: brightness(80%) blur(3px);
}
.l-business_works_links li img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  transition: all 0.3s ease-out;
}
.l-business_works_links li h4 {
  font-weight: normal;
  letter-spacing: 0.05em;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 1025px) {
  .l-business_works_links li h4 {
    font-size: calc((27 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .l-business_works_links li h4 {
    font-size: calc((34 / var(--em)) * 1rem);
  }
}
.l-business_works_links li small {
  letter-spacing: 0.15em;
}
@media only screen and (max-width: 1025px) {
  .l-business_works_links li small {
    font-size: calc((12 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .l-business_works_links li small {
    font-size: calc((13 / var(--em)) * 1rem);
  }
}
@media only screen and (max-width: 1025px) {
  .l-business_works_business {
    padding-inline: min((85 / var(--content-width)) * 100vw, 85 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-business_works_business {
    margin-top: min((220 / var(--content-width)) * 100vw, 220 * 1px);
  }
}
.l-business_works_business li {
  display: flex;
}
@media only screen and (max-width: 1025px) {
  .l-business_works_business li {
    flex-direction: column;
    margin-top: min((120 / var(--content-width)) * 100vw, 120 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-business_works_business_img {
    width: 50%;
  }
}
@media only screen and (max-width: 1025px) {
  .l-business_works_business_txt {
    margin-top: min((45 / var(--content-width)) * 100vw, 45 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-business_works_business_txt {
    width: 50%;
    display: flex;
    align-items: center;
  }
}
@media only screen and (min-width: 1025px) {
  .l-business_works_business_txt_inner {
    width: min((400 / var(--content-width)) * 100vw, 400 * 1px);
  }
}
.l-business_works_business_txt h4 {
  font-weight: normal;
  color: #a18b74;
  margin-bottom: 1.5em;
  line-height: 1.5;
}
@media only screen and (max-width: 1025px) {
  .l-business_works_business_txt h4 {
    font-size: calc((15 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .l-business_works_business_txt h4 {
    font-size: calc((20 / var(--em)) * 1rem);
  }
}
.l-business_works_business_txt strong {
  display: inline-block;
  font-weight: normal;
  margin-bottom: 0.5em;
  color: #a18b74;
}
.l-business_works_business_txt p + a {
  display: inline-block;
  margin-top: 3em;
}
@media only screen and (min-width: 1025px) {
  .l-business_works_business_01 {
    flex-direction: row;
  }
}
@media only screen and (min-width: 1025px) {
  .l-business_works_business_01 .l-business_works_business_txt_inner {
    margin-left: calc((60 / var(--content-width)) * 100vw);
  }
}
@media only screen and (min-width: 1025px) {
  .l-business_works_business_02 {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 1025px) {
  .l-business_works_business_02 .l-business_works_business_txt_inner {
    margin-left: calc((80 / var(--content-width)) * 100vw);
  }
}

.l-recruit_hd {
  font-weight: normal;
  color: #a18b74;
  letter-spacing: 0.2em;
}
@media only screen and (max-width: 1025px) {
  .l-recruit_hd {
    font-size: calc((16.5 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_hd {
    font-size: calc((20 / var(--em)) * 1rem);
  }
}
@media only screen and (max-width: 1025px) {
  .l-recruit_lead {
    margin-top: min((240 / var(--content-width)) * 100vw, 240 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_lead {
    margin-top: min((160 / var(--content-width)) * 100vw, 160 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-recruit_lead_txt {
    margin-top: min((130 / var(--content-width)) * 100vw, 130 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_lead_txt {
    display: flex;
    justify-content: space-between;
    margin-top: min((120 / var(--content-width)) * 100vw, 120 * 1px);
    gap: min((150 / var(--content-width)) * 100vw, 150 * 1px);
  }
}
.l-recruit_lead_txt strong {
  font-weight: normal;
  color: #a18b74;
  line-height: 2;
  letter-spacing: 0.2em;
}
@media only screen and (max-width: 1025px) {
  .l-recruit_lead_txt strong {
    font-size: calc((15 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_lead_txt strong {
    flex-shrink: 0;
    font-size: calc((20 / var(--em)) * 1rem);
  }
}
@media only screen and (max-width: 1025px) {
  .l-recruit_lead_txt p {
    margin-top: min((70 / var(--content-width)) * 100vw, 70 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_lead_txt p {
    min-width: 510px;
  }
}
@media only screen and (max-width: 1025px) {
  .l-recruit_lead_img {
    padding: 0;
    margin-top: min((100 / var(--content-width)) * 100vw, 100 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_lead_img {
    margin-top: min((90 / var(--content-width)) * 100vw, 90 * 1px);
    padding-left: 0;
  }
}
@media only screen and (max-width: 1025px) {
  .l-recruit_job {
    margin-top: min((140 / var(--content-width)) * 100vw, 140 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_job {
    margin-top: min((210 / var(--content-width)) * 100vw, 210 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-recruit_job_list {
    margin-top: min((35 / var(--content-width)) * 100vw, 35 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_job_list {
    display: grid;
    gap: 5px;
    grid-template-columns: 1fr 1fr;
    margin-top: min((60 / var(--content-width)) * 100vw, 60 * 1px);
  }
}
.l-recruit_job_list_item {
  background-color: #f1ede6;
}
@media only screen and (max-width: 1025px) {
  .l-recruit_job_list_item {
    padding-top: min((240 / var(--content-width)) * 100vw, 240 * 1px);
    padding-bottom: 1em;
    padding-inline: 1em;
    margin-bottom: min((10 / var(--content-width)) * 100vw, 10 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_job_list_item {
    padding-top: min((140 / var(--content-width)) * 100vw, 140 * 1px);
    padding-bottom: min((55 / var(--content-width)) * 100vw, 55 * 1px);
    padding-inline: min((75 / var(--content-width)) * 100vw, 75 * 1px);
  }
}
.l-recruit_job_list_item_inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
@media only screen and (max-width: 1025px) {
  .l-recruit_job_list_item p {
    padding-inline: 1em;
    margin-bottom: 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_job_list_item p {
    flex-grow: 1;
    margin-bottom: min((45 / var(--content-width)) * 100vw, 45 * 1px);
  }
}
.l-recruit_job_list_hd, .l-recruit_guideline_job_hd span {
  text-align: center;
  color: #a18b74;
  font-weight: normal;
  letter-spacing: 0.2em;
  line-height: 2;
  margin-bottom: 1em;
}
@media only screen and (max-width: 1025px) {
  .l-recruit_job_list_hd, .l-recruit_guideline_job_hd span {
    font-size: calc((15 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_job_list_hd, .l-recruit_guideline_job_hd span {
    font-size: calc((18 / var(--em)) * 1rem);
  }
}
.l-recruit_job_list_icon {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -100%);
  top: min((-25 / var(--content-width)) * 100vw, -25 * 1px);
}
@media only screen and (max-width: 1025px) {
  .l-recruit_job_list_icon_01 {
    width: min((100 / var(--content-width)) * 100vw, 100 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_job_list_icon_01 {
    width: min((62 / var(--content-width)) * 100vw, 62 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-recruit_job_list_icon_02 {
    width: min((94 / var(--content-width)) * 100vw, 94 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_job_list_icon_02 {
    width: min((56 / var(--content-width)) * 100vw, 56 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-recruit_job_list_icon_03 {
    width: min((93 / var(--content-width)) * 100vw, 93 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_job_list_icon_03 {
    width: min((60 / var(--content-width)) * 100vw, 60 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-recruit_job_list_icon_04 {
    width: min((82 / var(--content-width)) * 100vw, 82 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_job_list_icon_04 {
    width: min((51 / var(--content-width)) * 100vw, 51 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-recruit_job_list_icon_05 {
    width: min((100 / var(--content-width)) * 100vw, 100 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_job_list_icon_05 {
    width: min((60 / var(--content-width)) * 100vw, 60 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-recruit_job_list_icon_06 {
    width: min((89 / var(--content-width)) * 100vw, 89 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_job_list_icon_06 {
    width: min((56 / var(--content-width)) * 100vw, 56 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-recruit_job_list_icon_07 {
    width: min((102 / var(--content-width)) * 100vw, 102 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_job_list_icon_07 {
    width: min((65 / var(--content-width)) * 100vw, 65 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-recruit_system {
    margin-top: min((140 / var(--content-width)) * 100vw, 140 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_system {
    margin-top: min((260 / var(--content-width)) * 100vw, 260 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-recruit_system_lead {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_system_lead {
    margin-top: min((30 / var(--content-width)) * 100vw, 30 * 1px);
  }
}
.l-recruit_system_lead small {
  display: block;
  font-size: calc((10 / var(--em)) * 1rem);
  line-height: 1.5;
}
@media only screen and (max-width: 1025px) {
  .l-recruit_system_detail {
    margin-top: min((120 / var(--content-width)) * 100vw, 120 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_system_detail {
    margin-top: min((60 / var(--content-width)) * 100vw, 60 * 1px);
  }
}
.l-recruit_system_detail_hd {
  font-weight: normal;
  display: block;
  position: relative;
  padding-bottom: 0.8em;
  letter-spacing: 0.2em;
}
@media only screen and (max-width: 1025px) {
  .l-recruit_system_detail_hd {
    font-size: calc((15 / var(--em)) * 1rem);
    margin-bottom: min((40 / var(--content-width)) * 100vw, 40 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_system_detail_hd {
    font-size: calc((17 / var(--em)) * 1rem);
    margin-bottom: min((30 / var(--content-width)) * 100vw, 30 * 1px);
  }
}
.l-recruit_system_detail_hd::after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  height: 1px;
  width: 100%;
  background-color: #e5e5e5;
}
@media only screen and (min-width: 1025px) {
  .l-recruit_system_detail_list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: min((55 / var(--content-width)) * 100vw, 55 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-recruit_system_detail_item {
    margin-bottom: min((90 / var(--content-width)) * 100vw, 90 * 1px);
  }
}
.l-recruit_system_detail_item_hd {
  display: flex;
  flex-direction: column;
  color: #a18b74;
  line-height: 2;
}
@media only screen and (max-width: 1025px) {
  .l-recruit_system_detail_item_hd {
    letter-spacing: 0.1em;
    margin-top: min((20 / var(--content-width)) * 100vw, 20 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_system_detail_item_hd {
    letter-spacing: 0.2em;
    margin-top: min((30 / var(--content-width)) * 100vw, 30 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-recruit_system_detail_item_hd span {
    font-size: calc((15 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_system_detail_item_hd span {
    font-size: calc((17 / var(--em)) * 1rem);
  }
}
@media only screen and (max-width: 1025px) {
  .l-recruit_system_detail_item_hd small {
    font-size: calc((13 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_system_detail_item_hd small {
    font-size: calc((14 / var(--em)) * 1rem);
  }
}
@media only screen and (max-width: 1025px) {
  .l-recruit_system_detail_item_txt {
    margin-top: min((20 / var(--content-width)) * 100vw, 20 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_system_detail_item_txt {
    margin-top: min((10 / var(--content-width)) * 100vw, 10 * 1px);
  }
}
.l-recruit_system_detail_item_txt small {
  display: inline-block;
  margin-top: 5px;
}
@media only screen and (max-width: 1025px) {
  .l-recruit_system_detail_item_txt small {
    font-size: calc((13 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_system_detail_item_txt small {
    font-size: calc((14 / var(--em)) * 1rem);
  }
}
.l-recruit_data {
  background-color: #f1ede6;
}
@media only screen and (max-width: 1025px) {
  .l-recruit_data {
    margin-top: min((100 / var(--content-width)) * 100vw, 100 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_data {
    margin-top: min((200 / var(--content-width)) * 100vw, 200 * 1px);
  }
}
.l-recruit_data_caption {
  font-size: calc((10 / var(--em)) * 1rem) !important;
}
@media only screen and (max-width: 1025px) {
  .l-recruit_data_inner {
    padding-top: min((130 / var(--content-width)) * 100vw, 130 * 1px);
    padding-bottom: min((220 / var(--content-width)) * 100vw, 220 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_data_inner {
    padding-top: min((180 / var(--content-width)) * 100vw, 180 * 1px);
    padding-bottom: min((230 / var(--content-width)) * 100vw, 230 * 1px);
  }
}
.l-recruit_data_img {
  display: block;
  margin-inline: auto;
}
@media only screen and (max-width: 1025px) {
  .l-recruit_data_img {
    margin-top: min((80 / var(--content-width)) * 100vw, 80 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_data_img {
    margin-top: min((80 / var(--content-width)) * 100vw, 80 * 1px);
    width: min((890 / var(--content-width)) * 100vw, 890 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-recruit_guideline {
    margin-top: min((120 / var(--content-width)) * 100vw, 120 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_guideline {
    margin-top: min((220 / var(--content-width)) * 100vw, 220 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-recruit_guideline_txt {
    margin-top: min((60 / var(--content-width)) * 100vw, 60 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_guideline_txt {
    margin-top: min((100 / var(--content-width)) * 100vw, 100 * 1px);
  }
}
.l-recruit_guideline_txt_note {
  display: block;
  color: #e50012;
}
@media only screen and (max-width: 1025px) {
  .l-recruit_guideline_txt_note {
    font-size: calc((10 / var(--em)) * 1rem);
  }
}
@media only screen and (max-width: 1025px) {
  .l-recruit_guideline_list {
    margin-top: min((50 / var(--content-width)) * 100vw, 50 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_guideline_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: min((20 / var(--content-width)) * 100vw, 20 * 1px);
    margin-top: min((40 / var(--content-width)) * 100vw, 40 * 1px);
  }
}
.l-recruit_guideline_list li {
  display: flex;
  align-items: center;
  line-height: 1.5;
}
.l-recruit_guideline_list li:has(span) {
  background-color: #d7d7d7;
}
.l-recruit_guideline_list li:has(a) {
  background-color: #f1ede6;
  transition: opacity 0.3s ease-out;
}
.l-recruit_guideline_list li:has(a):hover {
  opacity: 0.7;
}
.l-recruit_guideline_list li span {
  color: #fff;
}
.l-recruit_guideline_list li a {
  color: inherit;
}
@media only screen and (max-width: 1025px) {
  .l-recruit_guideline_list li {
    height: min((90 / var(--content-width)) * 100vw, 90 * 1px);
    padding-inline: 1.5em;
    margin-bottom: min((25 / var(--content-width)) * 100vw, 25 * 1px);
    font-size: calc((13.5 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_guideline_list li {
    height: min((75 / var(--content-width)) * 100vw, 75 * 1px);
    padding-inline: 2em;
  }
}
.l-recruit_guideline_btn {
  color: #fff;
  cursor: pointer;
  height: 3em;
  position: relative;
  background-color: transparent;
  z-index: 2;
  letter-spacing: 0.2em;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
  transition: all 0.3s ease-out;
  margin-inline: auto;
}
@media only screen and (max-width: 1025px) {
  .l-recruit_guideline_btn {
    margin-top: min((80 / var(--content-width)) * 100vw, 80 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_guideline_btn {
    width: min((300 / var(--content-width)) * 100vw, 300 * 1px);
    margin-top: min((120 / var(--content-width)) * 100vw, 120 * 1px);
  }
}
.l-recruit_guideline_btn:hover {
  color: #a18b74;
}
@media only screen and (max-width: 1025px) {
  .l-recruit_guideline_job {
    margin-top: min((60 / var(--content-width)) * 100vw, 60 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_guideline_job {
    margin-top: min((80 / var(--content-width)) * 100vw, 80 * 1px);
  }
}
.l-recruit_guideline_job_hd {
  position: relative;
  background-color: #f0ede6;
  display: grid;
  align-items: center;
  padding-inline: 24px;
}
@media only screen and (max-width: 1025px) {
  .l-recruit_guideline_job_hd {
    height: 60px;
    grid-template-columns: 50px 1fr;
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_guideline_job_hd {
    height: 80px;
    grid-template-columns: 70px 1fr;
  }
}
.l-recruit_guideline_job_hd img {
  position: absolute;
  left: 24px;
  top: 50%;
  translate: 0 -50%;
}
@media only screen and (max-width: 1025px) {
  .l-recruit_guideline_job_hd img {
    width: 30px;
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_guideline_job_hd img {
    width: 40px;
  }
}
.l-recruit_guideline_job_hd span {
  text-align: left;
  grid-column: 2/3;
  margin-bottom: 0;
}
.l-recruit_guideline_job_type {
  display: inline-grid;
  place-content: center;
  border: 1px solid #6a707a;
  color: #6a707a;
  width: 130px;
  height: 2em;
  border-radius: 1em;
  margin-block: 1.5em;
}
.l-recruit_guideline_job_txt_link {
  display: inline-block;
  margin-top: 3em;
  text-decoration: underline !important;
  color: #2b3341;
}
.l-recruit_guideline_job_txt_link:hover {
  text-decoration: none !important;
}
@media only screen and (max-width: 1025px) {
  .l-recruit_guideline_job + .l-recruit_guideline_job {
    margin-top: min((80 / var(--content-width)) * 100vw, 80 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_guideline_job + .l-recruit_guideline_job {
    margin-top: min((100 / var(--content-width)) * 100vw, 100 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-recruit_entry {
    margin-top: min((310 / var(--content-width)) * 100vw, 310 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_entry {
    margin-top: min((260 / var(--content-width)) * 100vw, 260 * 1px);
  }
}
.l-recruit_entry input[type=submit] {
  margin-inline: auto;
}
@media only screen and (max-width: 1025px) {
  .l-recruit_entry input[type=submit] {
    margin-top: 2em;
    padding-inline: 2em;
  }
}
.l-recruit_entry .p-country-name {
  display: none;
}
.l-recruit_entry .error {
  margin-top: 0.5em;
}
@media only screen and (max-width: 1025px) {
  .l-recruit_entry_txt {
    margin-top: min((60 / var(--content-width)) * 100vw, 60 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_entry_txt {
    margin-top: min((80 / var(--content-width)) * 100vw, 80 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-recruit_entry_form_wrap {
    margin-top: min((55 / var(--content-width)) * 100vw, 55 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_entry_form_wrap {
    margin-top: min((70 / var(--content-width)) * 100vw, 70 * 1px);
  }
}
.l-recruit_entry_form_record {
  border-bottom: 1px solid #e5e5e5;
  letter-spacing: 0.1em;
}
.l-recruit_entry_form_record:first-child {
  border-top: 1px solid #e5e5e5;
}
@media only screen and (max-width: 1025px) {
  .l-recruit_entry_form_record {
    padding-block: 1.5em;
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_entry_form_record {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 20px;
    align-items: center;
    min-height: 90px;
    padding-block: 20px;
  }
}
.l-recruit_entry_form_record.require dt span::after {
  content: "※必須";
  color: #cf3339;
  margin-left: 5px;
}
@media only screen and (max-width: 1025px) {
  .l-recruit_entry_form_record dt {
    font-size: calc((13.5 / var(--em)) * 1rem);
    margin-bottom: min((25 / var(--content-width)) * 100vw, 25 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_entry_form_record dt {
    font-size: calc((15 / var(--em)) * 1rem);
  }
}
@media only screen and (max-width: 1025px) {
  .l-recruit_entry_form_record dd {
    font-size: calc((12 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_entry_form_record dd {
    font-size: calc((13 / var(--em)) * 1rem);
  }
}
@media only screen and (max-width: 1025px) {
  .l-recruit_entry_form_zip {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_entry_form_zip {
    margin-bottom: 10px;
  }
}
.l-recruit_entry_form_zip span {
  display: inline-block;
  margin-inline: 1em 2em;
}
.l-recruit_entry_form_zip a {
  color: inherit;
  text-decoration: underline;
}
@media only screen and (max-width: 1025px) {
  .l-recruit_entry_form_zip a {
    margin-top: 1em;
    display: block;
  }
}
.l-recruit_entry_form_txt {
  text-align: center;
}
@media only screen and (max-width: 1025px) {
  .l-recruit_entry_form_txt {
    margin-top: min((60 / var(--content-width)) * 100vw, 60 * 1px);
    margin-bottom: min((20 / var(--content-width)) * 100vw, 20 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit_entry_form_txt {
    margin-top: min((100 / var(--content-width)) * 100vw, 100 * 1px);
    margin-bottom: min((30 / var(--content-width)) * 100vw, 30 * 1px);
  }
}
.l-recruit_entry_form_txt + input {
  margin-inline: auto;
}

.mw_wp_form.mw_wp_form_complete {
  text-align: center;
}
@media only screen and (max-width: 1025px) {
  .mw_wp_form.mw_wp_form_complete {
    padding-block: 120px;
  }
}
@media only screen and (min-width: 1025px) {
  .mw_wp_form.mw_wp_form_complete {
    padding-block: 240px;
  }
}

.mw_wp_form_input .confirm {
  display: none;
}

.mw_wp_form_confirm .input {
  display: none;
}

.l-recruit-confirm .btn-file, .l-recruit-confirm .btn-file_txt {
  display: none;
}
.l-recruit-confirm .l-recruit_entry_form_txt {
  display: none;
}
.l-recruit-confirm .l-recruit_entry_form_txt + div {
  display: flex;
  gap: 30px;
  margin-top: min((120 / var(--content-width)) * 100vw, 120 * 1px);
}
@media only screen and (max-width: 1025px) {
  .l-recruit-confirm .l-recruit_entry_form_txt + div {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1025px) {
  .l-recruit-confirm .l-recruit_entry_form_txt + div {
    justify-content: center;
  }
}
.l-recruit-confirm .l-recruit_entry_form_txt + div input {
  margin-inline: 0;
}
.l-recruit-confirm .l-recruit_entry_form_txt + div input:nth-child(1) {
  background-color: rgba(0, 0, 0, 0.7);
}

@media only screen and (max-width: 1025px) {
  .l-history_lead {
    margin-top: min((115 / var(--content-width)) * 100vw, 115 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_lead {
    text-align: center;
    margin-top: min((100 / var(--content-width)) * 100vw, 100 * 1px);
  }
}
.l-history_timeline {
  position: relative;
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline {
    margin-top: min((400 / var(--content-width)) * 100vw, 400 * 1px);
    margin-bottom: 0;
    padding-bottom: min((450 / var(--content-width)) * 100vw, 450 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline {
    margin-top: min((400 / var(--content-width)) * 100vw, 400 * 1px);
    margin-bottom: 0;
    padding-bottom: min((450 / var(--content-width)) * 100vw, 450 * 1px);
    padding-left: 75px;
  }
}
.l-history_timeline::before {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  background-color: #cdb99a;
  position: absolute;
  top: 0;
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline::before {
    left: 100px;
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline::before {
    left: 153px;
  }
}
.l-history_timeline_65 {
  position: absolute;
  top: min((-160 / var(--content-width)) * 100vw, -160 * 1px);
  left: 50%;
  transform: translateX(-50%);
  width: min((175 / var(--content-width)) * 100vw, 175 * 1px);
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline .btn-icon-arrow {
    font-size: calc((18 / var(--em)) * 1rem);
    padding-left: min((50 / var(--content-width)) * 100vw, 50 * 1px);
  }
}
.l-history_timeline_content {
  z-index: 1;
}
.l-history_timeline_control {
  pointer-events: auto;
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_control {
    position: -webkit-sticky;
    position: sticky;
    margin-left: auto;
    margin-right: min((25 / var(--content-width)) * 100vw, 25 * 1px);
    top: 50%;
    width: min((90 / var(--content-width)) * 100vw, 90 * 1px);
    transform: translateY(-50%);
  }
}
.l-history_timeline_control_wrap {
  position: absolute;
  width: calc(100% - 80px);
  padding-top: min((220 / var(--content-width)) * 100vw, 220 * 1px);
  height: 100%;
  pointer-events: none;
  z-index: 2;
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_control_wrap {
    display: none;
  }
}
.l-history_timeline_control_item {
  position: relative;
  color: transparent;
  display: inline-block;
  padding-right: 26px;
  padding-left: 23px;
  transition: all 0.3s ease-out;
  font-size: calc((14 / var(--em)) * 1rem);
  margin-bottom: 2px;
}
.l-history_timeline_control_item::after {
  content: "";
  display: block;
  background-color: #b1b1b1;
  width: 22px;
  height: 1px;
  position: absolute;
  right: -4px;
  top: 50%;
  transition: all 0.3s ease-out;
}
.l-history_timeline_control_item span {
  transition: all 0.3s ease-out;
}
.l-history_timeline_control_item:hover, .l-history_timeline_control_item.current {
  color: #2b3341;
  padding-left: 0;
  padding-right: 49px;
}
.l-history_timeline_control_item:hover::after, .l-history_timeline_control_item.current::after {
  background-color: #2b3341;
  width: 45px;
}
.l-history_timeline_item {
  display: flex;
  position: relative;
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item {
    margin-bottom: min((45 / var(--content-width)) * 100vw, 45 * 1px);
    gap: 35px;
    padding-right: min((85 / var(--content-width)) * 100vw, 85 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item {
    margin-bottom: min((40 / var(--content-width)) * 100vw, 40 * 1px);
    gap: 90px;
  }
  .l-history_timeline_item dd {
    width: 100%;
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_01 {
    padding-top: min((160 / var(--content-width)) * 100vw, 160 * 1px);
    background-image: linear-gradient(90deg, transparent 180px, #f1ede6 180px);
    margin-bottom: min((170 / var(--content-width)) * 100vw, 170 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_01 {
    padding-top: min((170 / var(--content-width)) * 100vw, 170 * 1px);
    background-image: linear-gradient(90deg, transparent 286px, #f1ede6 286px);
    margin-bottom: min((180 / var(--content-width)) * 100vw, 180 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_02 {
    padding-right: 0;
    margin-bottom: min((120 / var(--content-width)) * 100vw, 120 * 1px);
  }
  .l-history_timeline_item_02 strong {
    display: inline-block;
    padding-right: min((85 / var(--content-width)) * 100vw, 85 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_03 {
    padding-right: 0;
    margin-bottom: min((110 / var(--content-width)) * 100vw, 110 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_04 {
    padding-right: 0;
    margin-bottom: min((60 / var(--content-width)) * 100vw, 60 * 1px);
  }
  .l-history_timeline_item_04 strong {
    display: inline-block;
    padding-right: min((85 / var(--content-width)) * 100vw, 85 * 1px);
    margin-bottom: 0.5em;
  }
  .l-history_timeline_item_04 p {
    padding-right: min((85 / var(--content-width)) * 100vw, 85 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_04 {
    margin-bottom: min((220 / var(--content-width)) * 100vw, 220 * 1px);
  }
}
.l-history_timeline_item_05 {
  margin-bottom: 0;
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_05 {
    padding-right: 0;
  }
  .l-history_timeline_item_05 dd span {
    display: inline-block;
    padding-right: min((85 / var(--content-width)) * 100vw, 85 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_06 {
    padding-right: 0;
    background-image: linear-gradient(90deg, transparent 180px, #f1ede6 180px);
    margin-bottom: min((180 / var(--content-width)) * 100vw, 180 * 1px);
  }
  .l-history_timeline_item_06 strong {
    display: inline-block;
    padding-right: min((85 / var(--content-width)) * 100vw, 85 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_06 {
    background-image: linear-gradient(90deg, transparent 286px, #f1ede6 286px);
    margin-bottom: 0;
  }
}
.l-history_timeline_item_07 dt::before, .l-history_timeline_item_07 dt::after {
  content: none;
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_07 {
    padding-right: 0;
  }
  .l-history_timeline_item_07 p, .l-history_timeline_item_07 img {
    padding-right: min((85 / var(--content-width)) * 100vw, 85 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_07 {
    margin-top: min((50 / var(--content-width)) * 100vw, 50 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_08 {
    background-image: linear-gradient(90deg, transparent 180px, #f1ede6 180px);
    padding-bottom: min((45 / var(--content-width)) * 100vw, 45 * 1px);
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_08 {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_09 {
    background-image: linear-gradient(90deg, transparent 180px, #f1ede6 180px);
    padding-bottom: min((45 / var(--content-width)) * 100vw, 45 * 1px);
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_09 {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_10 {
    background-image: linear-gradient(90deg, transparent 180px, #f1ede6 180px);
    padding-bottom: min((250 / var(--content-width)) * 100vw, 250 * 1px);
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_10 {
    margin-bottom: 0;
  }
}
.l-history_timeline_item_11 dt::before, .l-history_timeline_item_11 dt::after {
  content: none;
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_11 {
    top: min((-80 / var(--content-width)) * 100vw, -80 * 1px);
    margin-bottom: min((-35 / var(--content-width)) * 100vw, -35 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_11 {
    background-image: linear-gradient(90deg, transparent 286px, #f1ede6 286px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_12 {
    padding-right: 0;
  }
  .l-history_timeline_item_12 span {
    display: inline-block;
    padding-right: min((85 / var(--content-width)) * 100vw, 85 * 1px);
  }
  .l-history_timeline_item_12 .l-history_timeline_item_img_wrap {
    padding-right: min((85 / var(--content-width)) * 100vw, 85 * 1px);
  }
}
.l-history_timeline_item_13 dt::before, .l-history_timeline_item_13 dt::after {
  content: none;
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_extend p {
    font-size: calc((13.5 / var(--em)) * 1rem);
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_extend_01 {
    margin-top: min((75 / var(--content-width)) * 100vw, 75 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_01 {
    margin-top: min((80 / var(--content-width)) * 100vw, 80 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_extend_02 {
    padding-right: min((85 / var(--content-width)) * 100vw, 85 * 1px);
    margin-top: min((100 / var(--content-width)) * 100vw, 100 * 1px);
    background-image: linear-gradient(90deg, transparent 55px, #f1ede6 55px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_02 {
    margin-top: min((80 / var(--content-width)) * 100vw, 80 * 1px);
    background-image: linear-gradient(90deg, transparent 130px, #f1ede6 130px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_extend_03 {
    padding-right: min((85 / var(--content-width)) * 100vw, 85 * 1px);
    margin-top: min((120 / var(--content-width)) * 100vw, 120 * 1px);
    background-image: linear-gradient(90deg, transparent 55px, #f1ede6 55px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_03 {
    margin-top: min((60 / var(--content-width)) * 100vw, 60 * 1px);
    background-image: linear-gradient(90deg, transparent 130px, #f1ede6 130px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_extend_04 {
    margin-top: min((140 / var(--content-width)) * 100vw, 140 * 1px);
    background-image: linear-gradient(90deg, transparent 55px, #f1ede6 55px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_04 {
    margin-top: min((100 / var(--content-width)) * 100vw, 100 * 1px);
    background-image: linear-gradient(90deg, transparent 130px, #f1ede6 130px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_extend_05 {
    margin-top: min((90 / var(--content-width)) * 100vw, 90 * 1px);
    padding-bottom: min((180 / var(--content-width)) * 100vw, 180 * 1px);
    background-image: linear-gradient(90deg, transparent 55px, #f1ede6 55px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_05 {
    margin-top: min((60 / var(--content-width)) * 100vw, 60 * 1px);
    padding-left: min((90 / var(--content-width)) * 100vw, 90 * 1px);
    background-image: linear-gradient(90deg, transparent 130px, #f1ede6 130px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_extend_06 {
    margin-top: min((120 / var(--content-width)) * 100vw, 120 * 1px);
    padding-right: min((85 / var(--content-width)) * 100vw, 85 * 1px);
    background-image: linear-gradient(180deg, transparent 60px, #fff 60px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_06 {
    padding-left: min((90 / var(--content-width)) * 100vw, 90 * 1px);
    background-image: linear-gradient(180deg, transparent 130px, #fff 130px);
    padding-bottom: min((90 / var(--content-width)) * 100vw, 90 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_extend_07 {
    padding-top: min((65 / var(--content-width)) * 100vw, 65 * 1px);
    padding-bottom: min((50 / var(--content-width)) * 100vw, 50 * 1px);
    background-image: linear-gradient(90deg, transparent 55px, #f1ede6 55px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_07 {
    background-image: linear-gradient(90deg, transparent 130px, #f1ede6 130px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_08 {
    background-image: linear-gradient(90deg, transparent 130px, #f1ede6 130px);
    padding-bottom: min((50 / var(--content-width)) * 100vw, 50 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_09 {
    background-image: linear-gradient(90deg, transparent 130px, #f1ede6 130px);
    padding-bottom: min((40 / var(--content-width)) * 100vw, 40 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_10 {
    background-image: linear-gradient(90deg, transparent 130px, #f1ede6 130px);
    padding-bottom: min((100 / var(--content-width)) * 100vw, 100 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_11 {
    padding-left: min((100 / var(--content-width)) * 100vw, 100 * 1px);
    background-image: linear-gradient(180deg, transparent 140px, #fff 140px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_01 {
    gap: min((40 / var(--content-width)) * 100vw, 40 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_extend_line_01 img {
    margin-bottom: 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_01 img {
    width: min((300 / var(--content-width)) * 100vw, 300 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_01 p {
    width: min((340 / var(--content-width)) * 100vw, 340 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_extend_line_02 {
    position: relative;
    top: min((90 / var(--content-width)) * 100vw, 90 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_02 {
    flex-direction: row-reverse;
    gap: min((60 / var(--content-width)) * 100vw, 60 * 1px);
    padding-left: min((90 / var(--content-width)) * 100vw, 90 * 1px);
    position: relative;
    margin-top: min((80 / var(--content-width)) * 100vw, 80 * 1px);
    top: min((60 / var(--content-width)) * 100vw, 60 * 1px);
    width: min((790 / var(--content-width)) * 100vw, 790 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_extend_line_02 img {
    margin-bottom: 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_02 img {
    width: min((340 / var(--content-width)) * 100vw, 340 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_02 p {
    width: min((340 / var(--content-width)) * 100vw, 340 * 1px);
  }
}
.l-history_timeline_item_extend_line_03 {
  position: relative;
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_extend_line_03 {
    display: flex;
    flex-direction: column-reverse;
    padding-top: min((240 / var(--content-width)) * 100vw, 240 * 1px);
    padding-bottom: min((110 / var(--content-width)) * 100vw, 110 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_03 {
    padding-top: min((165 / var(--content-width)) * 100vw, 165 * 1px);
    padding-bottom: min((140 / var(--content-width)) * 100vw, 140 * 1px);
    padding-left: min((90 / var(--content-width)) * 100vw, 90 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_03 p {
    width: min((340 / var(--content-width)) * 100vw, 340 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_extend_line_03 img {
    width: min((310 / var(--content-width)) * 100vw, 310 * 1px);
    margin-bottom: 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_03 img {
    position: absolute;
    top: min((-40 / var(--content-width)) * 100vw, -40 * 1px);
    left: 500px;
    width: min((260 / var(--content-width)) * 100vw, 260 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_extend_line_04 {
    display: flex;
    flex-direction: column-reverse;
    padding-top: min((80 / var(--content-width)) * 100vw, 80 * 1px);
    padding-bottom: min((90 / var(--content-width)) * 100vw, 90 * 1px);
    gap: min((45 / var(--content-width)) * 100vw, 45 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_04 {
    gap: min((45 / var(--content-width)) * 100vw, 45 * 1px);
    padding-top: min((90 / var(--content-width)) * 100vw, 90 * 1px);
    padding-bottom: min((160 / var(--content-width)) * 100vw, 160 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_04_txt {
    order: 2;
    width: min((330 / var(--content-width)) * 100vw, 330 * 1px);
  }
}
.l-history_timeline_item_extend_line_04_txt p {
  margin-bottom: 1.5em;
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_04 img {
    margin-top: min((30 / var(--content-width)) * 100vw, 30 * 1px);
    width: min((290 / var(--content-width)) * 100vw, 290 * 1px);
  }
}
.l-history_timeline_item_extend_line_05 {
  position: relative;
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_extend_line_05 {
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: min((60 / var(--content-width)) * 100vw, 60 * 1px);
    gap: min((45 / var(--content-width)) * 100vw, 45 * 1px);
    padding-right: min((85 / var(--content-width)) * 100vw, 85 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_05 {
    padding-left: 450px;
    padding-top: min((45 / var(--content-width)) * 100vw, 45 * 1px);
    padding-bottom: min((220 / var(--content-width)) * 100vw, 220 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_05 p {
    order: 2;
    width: min((360 / var(--content-width)) * 100vw, 360 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_extend_line_05 img {
    position: relative;
    top: min((-30 / var(--content-width)) * 100vw, -30 * 1px);
    margin-bottom: min((-30 / var(--content-width)) * 100vw, -30 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_05 img {
    position: absolute;
    top: -30px;
    left: 0;
    width: min((374 / var(--content-width)) * 100vw, 374 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_extend_line_06 {
    padding-right: min((85 / var(--content-width)) * 100vw, 85 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_06 {
    gap: min((40 / var(--content-width)) * 100vw, 40 * 1px);
    padding-top: min((20 / var(--content-width)) * 100vw, 20 * 1px);
    padding-bottom: min((60 / var(--content-width)) * 100vw, 60 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_extend_line_06 img {
    position: relative;
    top: min((-30 / var(--content-width)) * 100vw, -30 * 1px);
    margin-bottom: min((-30 / var(--content-width)) * 100vw, -30 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_06 img {
    width: min((215 / var(--content-width)) * 100vw, 215 * 1px);
  }
}
.l-history_timeline_item_extend_line_06 p {
  margin-bottom: 1.5em;
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_06_txt {
    width: min((340 / var(--content-width)) * 100vw, 340 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_07 {
    gap: min((40 / var(--content-width)) * 100vw, 40 * 1px);
    padding-top: min((40 / var(--content-width)) * 100vw, 40 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_extend_line_07 img {
    margin-bottom: 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_07 img {
    order: 2;
    width: min((340 / var(--content-width)) * 100vw, 340 * 1px);
  }
}
.l-history_timeline_item_extend_line_07 p {
  margin-bottom: 1.5em;
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_07_txt {
    width: min((340 / var(--content-width)) * 100vw, 340 * 1px);
  }
}
.l-history_timeline_item_extend_line_08::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #fff;
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_extend_line_08 {
    padding-right: min((85 / var(--content-width)) * 100vw, 85 * 1px);
    margin-top: min((110 / var(--content-width)) * 100vw, 110 * 1px);
    padding-top: min((90 / var(--content-width)) * 100vw, 90 * 1px);
    margin-bottom: min((105 / var(--content-width)) * 100vw, 105 * 1px);
    background-image: linear-gradient(90deg, transparent 55px, #f1ede6 55px);
  }
  .l-history_timeline_item_extend_line_08::before {
    z-index: 0;
    width: calc(100% - 170px);
    height: min((700 / var(--content-width)) * 100vw, 700 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_08 {
    position: relative;
    margin-top: min((40 / var(--content-width)) * 100vw, 40 * 1px);
    padding-top: min((60 / var(--content-width)) * 100vw, 60 * 1px);
    background-image: linear-gradient(90deg, transparent 130px, #f1ede6 130px);
    gap: min((70 / var(--content-width)) * 100vw, 70 * 1px);
    margin-bottom: min((100 / var(--content-width)) * 100vw, 100 * 1px);
  }
  .l-history_timeline_item_extend_line_08::before {
    width: 100%;
    height: 50px;
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_extend_line_08 img {
    position: relative;
    z-index: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_08 img {
    width: min((340 / var(--content-width)) * 100vw, 340 * 1px);
    position: relative;
  }
}
.l-history_timeline_item_extend_line_08 p {
  margin-bottom: 2.5em;
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_08 p {
    width: min((340 / var(--content-width)) * 100vw, 340 * 1px);
  }
}
.l-history_timeline_item_extend_line_08_txt {
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_09 {
    align-items: flex-start;
    padding-top: min((90 / var(--content-width)) * 100vw, 90 * 1px);
    padding-bottom: min((70 / var(--content-width)) * 100vw, 70 * 1px);
    gap: min((60 / var(--content-width)) * 100vw, 60 * 1px);
  }
}
.l-history_timeline_item_extend_line_09 img {
  margin-top: min((20 / var(--content-width)) * 100vw, 20 * 1px);
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_09 img {
    width: min((340 / var(--content-width)) * 100vw, 340 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_09_txt {
    width: min((340 / var(--content-width)) * 100vw, 340 * 1px);
  }
}
.l-history_timeline_item_extend_line_09 p {
  margin-bottom: 1.5em;
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_10 {
    display: flex;
    align-items: center;
    gap: min((40 / var(--content-width)) * 100vw, 40 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_10 img {
    order: 2;
    width: min((340 / var(--content-width)) * 100vw, 340 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_extend_line_10_txt {
    width: min((340 / var(--content-width)) * 100vw, 340 * 1px);
  }
}
.l-history_timeline_item_extend_line_10 p {
  margin-bottom: 2em;
}
.l-history_timeline_item_ttl {
  position: absolute;
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_ttl_01 {
    top: -20px;
    left: 150px;
    width: min((320 / var(--content-width)) * 100vw, 320 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_ttl_01 {
    top: 0;
    left: 200px;
    width: min((280 / var(--content-width)) * 100vw, 280 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_ttl_02 {
    top: min((220 / var(--content-width)) * 100vw, 220 * 1px);
    left: 145px;
    width: min((204 / var(--content-width)) * 100vw, 204 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_ttl_02 {
    top: min((140 / var(--content-width)) * 100vw, 140 * 1px);
    left: 200px;
    width: min((175 / var(--content-width)) * 100vw, 175 * 1px);
  }
}
.l-history_timeline_item_hd {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  letter-spacing: 0.08em;
  position: relative;
  flex-shrink: 0;
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_hd {
    width: 90px;
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_hd {
    width: 66px;
  }
}
.l-history_timeline_item_hd::before, .l-history_timeline_item_hd::after {
  content: "";
  position: absolute;
  display: block;
  background-color: #2b3341;
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_hd::before {
    width: 4px;
    height: 4px;
    border-radius: 2px;
    top: 10px;
    left: 98px;
    transform: translateX(0.5px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_hd::before {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    top: 8px;
    left: 75px;
  }
}
.l-history_timeline_item_hd::after {
  height: 1px;
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_hd::after {
    width: 20px;
    top: 12px;
    left: 99px;
    transform: translateY(-0.5px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_hd::after {
    width: 52px;
    top: 11px;
    left: 79px;
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_hd span {
    font-size: calc((25 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_hd span {
    font-size: calc((28 / var(--em)) * 1rem);
  }
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_hd small {
    margin-top: 7px;
    font-size: calc((12.5 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_hd small {
    margin-top: 5px;
    font-size: calc((12 / var(--em)) * 1rem);
  }
}
.l-history_timeline_item_txt {
  line-height: 28px;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_txt {
    font-size: calc((16.5 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_txt {
    font-size: calc((15 / var(--em)) * 1rem);
  }
}
.l-history_timeline_item_txt strong {
  font-weight: normal;
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_txt strong {
    font-size: calc((20 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_txt strong {
    font-size: calc((20 / var(--em)) * 1rem);
  }
}
.l-history_timeline_item_img {
  display: block;
}
@media only screen and (max-width: 1025px) {
  .l-history_timeline_item_img {
    margin-top: min((30 / var(--content-width)) * 100vw, 30 * 1px);
    margin-bottom: min((20 / var(--content-width)) * 100vw, 20 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_img {
    width: min((293 / var(--content-width)) * 100vw, 293 * 1px);
    margin-top: min((25 / var(--content-width)) * 100vw, 25 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_img_wrap {
    display: flex;
    align-items: flex-start;
    gap: min((35 / var(--content-width)) * 100vw, 35 * 1px);
  }
  .l-history_timeline_item_img_wrap img {
    flex-grow: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .l-history_timeline_item_img_wrap_thin img {
    width: min((191 / var(--content-width)) * 100vw, 191 * 1px);
  }
}
.l-history .footer {
  margin-top: 0;
}

.modal-history {
  outline: none;
  border: none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 1025px) {
  .modal-history {
    max-width: none;
    max-height: none;
  }
}
.modal-history_wrap {
  background-color: rgba(0, 0, 0, 0.8);
  width: 100dvw;
  height: 100dvh;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1025px) {
  .modal-history_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.modal-history_close {
  outline: none;
}
@media only screen and (max-width: 1025px) {
  .modal-history_close {
    width: 30px;
    position: fixed;
    top: 1.5dvh;
    right: 11vw;
  }
}
@media only screen and (min-width: 1025px) {
  .modal-history_close {
    position: absolute;
    top: -5px;
    right: 0;
    width: 35px;
    transform: translateY(-100%);
  }
}
@media only screen and (max-width: 1025px) {
  .modal-history_scroll {
    height: 90dvh;
    overflow-y: scroll;
    margin-top: min((60 / var(--content-width)) * 100vw, 60 * 1px);
    padding-inline: 5px;
  }
}
.modal-history_inner {
  background-color: #fff;
  position: relative;
}
@media only screen and (max-width: 1025px) {
  .modal-history_inner {
    padding: min((85 / var(--content-width)) * 100vw, 85 * 1px) min((68 / var(--content-width)) * 100vw, 68 * 1px);
    max-width: min((580 / var(--content-width)) * 100vw, 580 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .modal-history_inner {
    width: min((820 / var(--content-width)) * 100vw, 820 * 1px);
    display: flex;
    gap: min((30 / var(--content-width)) * 100vw, 30 * 1px);
    padding: min((70 / var(--content-width)) * 100vw, 70 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .modal-history_content {
    width: min((300 / var(--content-width)) * 100vw, 300 * 1px);
  }
}
.modal-history_hd {
  display: flex;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 1025px) {
  .modal-history_hd {
    gap: 0.5em;
  }
}
@media only screen and (min-width: 1025px) {
  .modal-history_hd {
    gap: 20px;
    margin-bottom: min((60 / var(--content-width)) * 100vw, 60 * 1px);
  }
}
@media only screen and (max-width: 1025px) {
  .modal-history_hd span:first-child {
    font-size: calc((20 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .modal-history_hd span:first-child {
    font-size: calc((18 / var(--em)) * 1rem);
  }
}
@media only screen and (max-width: 1025px) {
  .modal-history_hd span:last-child {
    font-size: calc((21.5 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .modal-history_hd span:last-child {
    font-size: calc((19 / var(--em)) * 1rem);
  }
}
.modal-history_ttl {
  line-height: 1.7;
  color: #896f43;
  margin-bottom: 1em;
}
@media only screen and (max-width: 1025px) {
  .modal-history_ttl {
    font-size: calc((16.5 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .modal-history_ttl {
    font-size: calc((18 / var(--em)) * 1rem);
  }
}
.modal-history_img {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media only screen and (max-width: 1025px) {
  .modal-history_img {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .modal-history_img {
    width: min((330 / var(--content-width)) * 100vw, 330 * 1px);
  }
}
.modal-history_img a {
  margin-top: 1em;
  text-decoration: underline;
  color: inherit;
  line-height: 1.7;
}
@media only screen and (max-width: 1025px) {
  .modal-history_img a {
    font-size: calc((12 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .modal-history_img a {
    font-size: calc((15 / var(--em)) * 1rem);
  }
}

@media only screen and (max-width: 1025px) {
  .l-access .inner {
    padding-inline: 11vw;
  }
}
@media only screen and (min-width: 1025px) {
  .l-access .inner {
    padding-inline: 95px;
  }
}
.l-access_map {
  background-color: #f1ede6;
}
@media only screen and (max-width: 1025px) {
  .l-access_map {
    padding-top: min((140 / var(--content-width)) * 100vw, 140 * 1px);
    padding-bottom: min((90 / var(--content-width)) * 100vw, 90 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-access_map {
    padding-top: min((170 / var(--content-width)) * 100vw, 170 * 1px);
    padding-bottom: min((80 / var(--content-width)) * 100vw, 80 * 1px);
  }
}
.l-access_map_wrap {
  margin-top: min((35 / var(--content-width)) * 100vw, 35 * 1px);
}
@media only screen and (max-width: 1025px) {
  .l-access_map_wrap {
    height: calc((350 / var(--content-width)) * 100vw);
  }
}
@media only screen and (min-width: 1025px) {
  .l-access_map_wrap {
    height: calc((475 / var(--content-width)) * 100vw);
  }
}
.l-access_map_wrap iframe {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1025px) {
  .l-access_map_txt {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .l-access_map_txt:first-of-type {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 1025px) {
  .l-access_map_txt:nth-of-type(2) {
    text-indent: -30px;
    padding-left: 30px;
  }
}
@media only screen and (max-width: 1025px) {
  .l-access_map_txt:nth-of-type(3) {
    text-indent: -30px;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1025px) {
  .l-access_map_txt:not(:first-of-type) {
    padding-top: 0;
  }
}
.l-access_map_txt_img_1 {
  display: inline-block;
  width: 16px;
  margin-right: 0.8em;
  position: relative;
  top: 3px;
  left: 3px;
}
.l-access_map_txt_img_2 {
  display: inline-block;
  width: 21px;
  margin-right: 0.5em;
}
@media only screen and (max-width: 1025px) {
  .l-access_slide_wrap {
    margin-inline: 11vw;
  }
}
@media only screen and (min-width: 1025px) {
  .l-access_slide_wrap {
    margin-left: 95px;
    width: calc(100vw - 132px - 190px);
    overflow: hidden;
  }
}
.l-access_slide_item {
  position: relative;
}
@media only screen and (max-width: 1025px) {
  .l-access_slide_item {
    width: 78vw;
    height: calc((820 / var(--content-width)) * 100vw);
  }
}
@media only screen and (min-width: 1025px) {
  .l-access_slide_item {
    width: calc(100vw - 132px - 190px);
    height: calc((450 / var(--content-width)) * 100vw);
  }
}
.l-access_slide_item img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1025px) {
  .l-access_slide_item img {
    height: calc((370 / var(--content-width)) * 100vw);
  }
}
@media only screen and (min-width: 1025px) {
  .l-access_slide_item img {
    height: calc(100% - 100px);
  }
}
.l-access_slide_tag {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background-color: #a18b74;
  display: flex;
  align-items: center;
  padding-inline: 1em;
}
@media only screen and (max-width: 1025px) {
  .l-access_slide_tag {
    height: min((50 / var(--content-width)) * 100vw, 50 * 1px);
    padding-bottom: 3px;
  }
}
@media only screen and (min-width: 1025px) {
  .l-access_slide_tag {
    height: 35px;
  }
}
.l-access_slide_txt {
  background-color: #000;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1025px) {
  .l-access_slide_txt {
    height: calc((450 / var(--content-width)) * 100vw);
    padding: 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .l-access_slide_txt {
    height: 100px;
    padding: 1em 3em;
  }
}
.l-access_slide .slick-prev, .l-access_slide .slick-next {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 99;
  transition: opacity 0.3s ease-out;
}
@media only screen and (max-width: 1025px) {
  .l-access_slide .slick-prev, .l-access_slide .slick-next {
    top: min((180 / var(--content-width)) * 100vw, 180 * 1px);
    width: min((60 / var(--content-width)) * 100vw, 60 * 1px);
    height: min((25 / var(--content-width)) * 100vw, 25 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-access_slide .slick-prev, .l-access_slide .slick-next {
    transform: translateY(-100%);
    width: 45px;
    height: 35px;
  }
}
.l-access_slide .slick-prev:hover, .l-access_slide .slick-next:hover {
  opacity: 0.8;
}
.l-access_slide .slick-prev {
  left: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018.8%2035.6%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23d1d1d1%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2217.8%2034.6%201%2017.8%2017.8%201%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.l-access_slide .slick-prev::before {
  content: "";
}
.l-access_slide .slick-next {
  right: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018.8%2035.6%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23d1d1d1%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%221%201%2017.8%2017.8%201%2034.6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.l-access_slide .slick-next::before {
  content: "";
}
.l-access_slide_thumb {
  display: grid;
}
@media only screen and (max-width: 1025px) {
  .l-access_slide_thumb {
    margin-top: min((90 / var(--content-width)) * 100vw, 90 * 1px);
    gap: min((20 / var(--content-width)) * 100vw, 20 * 1px) min((20 / var(--content-width)) * 100vw, 20 * 1px);
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
}
@media only screen and (min-width: 1025px) {
  .l-access_slide_thumb {
    gap: calc((35 / var(--content-width)) * 100vw);
    margin-top: 35px;
    grid-template-columns: repeat(8, 1fr);
  }
}
@media only screen and (min-width: 1025px) {
  .l-access_slide_thumb li {
    width: 100%;
  }
}
.l-access_slide_thumb_item {
  display: block;
  filter: brightness(0.3);
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: 1025px) {
  .l-access_slide_thumb_item {
    height: min((126 / var(--content-width)) * 100vw, 126 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-access_slide_thumb_item {
    height: min((95 / var(--content-width)) * 100vw, 95 * 1px);
  }
}
.l-access_slide_thumb_item:hover, .l-access_slide_thumb_item.current {
  filter: none;
}
.l-access_slide_thumb_item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1025px) {
  .l-access_salon {
    padding-top: min((110 / var(--content-width)) * 100vw, 110 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-access_salon {
    padding-top: min((100 / var(--content-width)) * 100vw, 100 * 1px);
  }
}
.l-access_salon_inner .btn-more-bk {
  margin-inline: auto;
  color: inherit;
  justify-content: center;
}
@media only screen and (max-width: 1025px) {
  .l-access_salon_inner .btn-more-bk {
    margin-top: min((80 / var(--content-width)) * 100vw, 80 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-access_salon_inner .btn-more-bk {
    margin-top: 40px;
    width: min((300 / var(--content-width)) * 100vw, 300 * 1px);
    height: min((60 / var(--content-width)) * 100vw, 60 * 1px);
  }
}
.l-access_salon_lead {
  font-size: 14px;
}
@media only screen and (max-width: 1025px) {
  .l-access_salon_lead {
    margin-bottom: 2em;
  }
}
@media only screen and (min-width: 1025px) {
  .l-access_salon_lead {
    margin-bottom: 2em;
  }
}
.l-access_salon_lead small {
  font-size: 10px;
}
@media only screen and (max-width: 1025px) {
  .l-access_office {
    margin-top: min((135 / var(--content-width)) * 100vw, 135 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-access_office {
    margin-top: min((125 / var(--content-width)) * 100vw, 125 * 1px);
  }
}

.l-topics .lower-mv_inner:has(.single) {
  height: auto;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 1025px) {
  .l-topics .lower-mv_inner:has(.single) {
    padding-top: min((220 / var(--content-width)) * 100vw, 220 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-topics .lower-mv_inner:has(.single) {
    padding-top: min((180 / var(--content-width)) * 100vw, 180 * 1px);
    margin-bottom: min((100 / var(--content-width)) * 100vw, 100 * 1px);
  }
}
.l-topics_archive_category {
  display: flex;
}
@media only screen and (max-width: 1025px) {
  .l-topics_archive_category {
    flex-direction: column;
    gap: min((40 / var(--content-width)) * 100vw, 40 * 1px);
    margin-bottom: min((95 / var(--content-width)) * 100vw, 95 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-topics_archive_category {
    gap: min((70 / var(--content-width)) * 100vw, 70 * 1px);
    margin-bottom: min((35 / var(--content-width)) * 100vw, 35 * 1px);
  }
}
.l-topics_archive_category_item a {
  color: inherit;
  letter-spacing: 0.13em;
  display: block;
  transition: opacity 0.3s ease-out;
}
.l-topics_archive_category_item a:hover {
  opacity: 0.7;
}
.l-topics_archive_category_item a.current {
  pointer-events: none;
  color: #a18b74;
}
@media only screen and (max-width: 1025px) {
  .l-topics_archive_category.single {
    margin-bottom: min((200 / var(--content-width)) * 100vw, 200 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-topics_archive_category.single {
    margin-bottom: min((70 / var(--content-width)) * 100vw, 70 * 1px);
  }
}
.l-topics_archive_contents {
  background-color: #f1ede6;
}
@media only screen and (max-width: 1025px) {
  .l-topics_archive_contents {
    padding-top: min((100 / var(--content-width)) * 100vw, 100 * 1px);
    padding-bottom: min((350 / var(--content-width)) * 100vw, 350 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-topics_archive_contents {
    padding-top: min((115 / var(--content-width)) * 100vw, 115 * 1px);
    padding-bottom: min((150 / var(--content-width)) * 100vw, 150 * 1px);
  }
}
.l-topics_archive_contents_ttl {
  letter-spacing: 0.13em;
}
@media only screen and (max-width: 1025px) {
  .l-topics_archive_contents_ttl {
    font-size: calc((22 / var(--em)) * 1rem);
    margin-bottom: min((45 / var(--content-width)) * 100vw, 45 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-topics_archive_contents_ttl {
    font-size: calc((25 / var(--em)) * 1rem);
    margin-bottom: min((35 / var(--content-width)) * 100vw, 35 * 1px);
  }
}
.l-topics_archive_contents_list {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1025px) {
  .l-topics_archive_contents_list {
    gap: min((45 / var(--content-width)) * 100vw, 45 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-topics_archive_contents_list {
    gap: min((15 / var(--content-width)) * 100vw, 15 * 1px);
  }
}
.l-topics_archive_contents_item {
  transition: all 0.3s ease-out;
  background-color: #fff;
}
.l-topics_archive_contents_item:hover {
  box-shadow: 0px 0px 20px rgba(161, 139, 116, 0.4);
}
.l-topics_archive_contents_item:hover img {
  transform: translate(10px, -50%);
}
.l-topics_archive_contents_item a {
  display: block;
  transition: opacity 0.3s ease-out;
  position: relative;
  color: inherit;
}
.l-topics_archive_contents_item a:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 1025px) {
  .l-topics_archive_contents_item a {
    padding-block: min((70 / var(--content-width)) * 100vw, 70 * 1px) min((140 / var(--content-width)) * 100vw, 140 * 1px);
    padding-inline: min((65 / var(--content-width)) * 100vw, 65 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-topics_archive_contents_item a {
    padding-block: min((40 / var(--content-width)) * 100vw, 40 * 1px);
    padding-left: min((45 / var(--content-width)) * 100vw, 45 * 1px);
    padding-right: min((100 / var(--content-width)) * 100vw, 100 * 1px);
  }
}
.l-topics_archive_contents_item a img {
  position: absolute;
}
@media only screen and (max-width: 1025px) {
  .l-topics_archive_contents_item a img {
    width: min((45 / var(--content-width)) * 100vw, 45 * 1px);
    left: min((65 / var(--content-width)) * 100vw, 65 * 1px);
    bottom: min((65 / var(--content-width)) * 100vw, 65 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-topics_archive_contents_item a img {
    width: min((21 / var(--content-width)) * 100vw, 21 * 1px);
    right: min((40 / var(--content-width)) * 100vw, 40 * 1px);
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease-out;
  }
}
.l-topics_archive_contents_item a dt {
  display: flex;
  margin-bottom: 1em;
  letter-spacing: 0.13em;
}
@media only screen and (max-width: 1025px) {
  .l-topics_archive_contents_item a dt {
    gap: 0.5em;
    flex-direction: column;
  }
}
@media only screen and (min-width: 1025px) {
  .l-topics_archive_contents_item a dt {
    gap: 1em;
    align-items: center;
  }
}
.l-topics_archive_contents_date {
  color: #a18b74;
}
@media only screen and (max-width: 1025px) {
  .l-topics_archive_contents_date {
    font-size: calc((17 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .l-topics_archive_contents_date {
    font-size: calc((21 / var(--em)) * 1rem);
  }
}
.l-topics_archive_contents_cat {
  color: #a18b74;
}
@media only screen and (max-width: 1025px) {
  .l-topics_archive_contents_cat {
    font-size: calc((12 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .l-topics_archive_contents_cat {
    font-size: calc((13 / var(--em)) * 1rem);
  }
}
.l-topics_archive_contents_paging .wp-pagenavi {
  display: flex;
  justify-content: center;
  gap: 1.5em;
}
@media only screen and (max-width: 1025px) {
  .l-topics_archive_contents_paging .wp-pagenavi {
    margin-top: min((90 / var(--content-width)) * 100vw, 90 * 1px);
    font-size: calc((17 / var(--em)) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .l-topics_archive_contents_paging .wp-pagenavi {
    margin-top: min((75 / var(--content-width)) * 100vw, 75 * 1px);
    font-size: calc((15 / var(--em)) * 1rem);
  }
}
.l-topics_archive_contents_paging .page {
  color: inherit;
}
.l-topics_archive_contents_paging .current {
  color: #a18b74;
  font-weight: bold;
}
.l-topics_archive_contents_paging .previouspostslink::before, .l-topics_archive_contents_paging .nextpostslink::before {
  content: "";
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1em;
  height: 1em;
}
.l-topics_archive_contents_paging .previouspostslink::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206.7%2012.41%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23a18b74%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%226.2%2011.91%20.5%206.2%206.2%20.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media only screen and (min-width: 1025px) {
  .l-topics_archive_contents_paging .previouspostslink {
    margin-right: 2em;
  }
}
.l-topics_archive_contents_paging .nextpostslink::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206.7%2012.41%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23a18b74%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%22.5%20.5%206.2%206.2%20.5%2011.91%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media only screen and (min-width: 1025px) {
  .l-topics_archive_contents_paging .nextpostslink {
    margin-left: 2em;
  }
}
.l-topics_article_pagination {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1025px) {
  .l-topics_article_pagination {
    margin-top: min((190 / var(--content-width)) * 100vw, 190 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-topics_article_pagination {
    margin-top: min((180 / var(--content-width)) * 100vw, 180 * 1px);
  }
}
.l-topics_article_pagination a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: inherit !important;
  text-decoration: none !important;
  border: 1px solid #2b3341;
  transition: all 0.3s ease-out;
  letter-spacing: 0.13em;
}
.l-topics_article_pagination a:hover {
  background-color: #f1ede6;
}
@media only screen and (max-width: 1025px) {
  .l-topics_article_pagination a {
    padding: 0.5em 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .l-topics_article_pagination a {
    width: min((140 / var(--content-width)) * 100vw, 140 * 1px);
    height: min((50 / var(--content-width)) * 100vw, 50 * 1px);
  }
}
.l-topics_article_pagination a[rel=prev]::before, .l-topics_article_pagination a[rel=next]::after {
  content: "";
  display: block;
  width: 1em;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.l-topics_article_pagination a[rel=prev]::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.61%2012.27%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23231815%3Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3Anone%3Bstroke%3A%23231815%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cline%20class%3D%22cls-2%22%20x1%3D%2213.11%22%20y1%3D%226.13%22%20x2%3D%221.63%22%20y2%3D%226.13%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%226.6%200%207.62%201.1%202.2%206.13%207.62%2011.17%206.6%2012.27%200%206.13%206.6%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  margin-right: 0.5em;
}
.l-topics_article_pagination a[rel=next]::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.61%2012.27%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23231815%3Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3Anone%3Bstroke%3A%23231815%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cline%20class%3D%22cls-2%22%20x1%3D%22.5%22%20y1%3D%226.13%22%20x2%3D%2211.98%22%20y2%3D%226.13%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%227.01%2012.27%205.99%2011.17%2011.41%206.13%205.99%201.1%207.01%200%2013.61%206.13%207.01%2012.27%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  margin-left: 0.5em;
}
.l-topics_article p + p:not(.has-small-font-size) {
  margin-top: 1em;
}
.l-topics_article figure + p,
.l-topics_article p + figure,
.l-topics_article * + .wp-block-columns,
.l-topics_article .wp-block-columns + * {
  margin-top: 1em;
}
.l-topics_article ul:not(.ez-toc-list) {
  line-height: 2;
  letter-spacing: 0.1em;
  font-size: calc((15 / var(--em)) * 1rem);
}
.l-topics_article ul:not(.ez-toc-list) li {
  position: relative;
  padding-left: 1.1em;
}
.l-topics_article ul:not(.ez-toc-list) li::before {
  position: absolute;
  left: 0;
  content: "・";
}
.l-topics_article a {
  color: #0049ff;
  text-decoration: underline;
  line-height: 1.5;
}
.l-topics_article a:hover {
  text-decoration: none;
}
.l-topics_article h2 {
  margin-bottom: 1em;
  letter-spacing: 0.13em;
  line-height: 1.5;
  font-size: 1.125em;
  position: relative;
  padding-left: 8px;
  font-weight: bold;
}
@media only screen and (max-width: 1025px) {
  .l-topics_article h2 {
    margin-top: min((60 / var(--content-width)) * 100vw, 60 * 1px);
  }
}
@media only screen and (min-width: 1025px) {
  .l-topics_article h2 {
    margin-top: min((80 / var(--content-width)) * 100vw, 80 * 1px);
  }
}
.l-topics_article h2::before {
  content: "";
  display: block;
  background-color: #2b3341;
  width: 3px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.l-topics_article h3 {
  display: flex;
  align-items: center;
  gap: 0.2em;
  line-height: 1.5;
}
.l-topics_article h3::before {
  content: "";
  display: block;
  position: relative;
  width: 0.5em;
  height: 0.5em;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%205.84%205.67%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%232b3341%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%220%205.67%200%200%205.84%202.84%200%205.67%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.l-topics_article h3, .l-topics_article h4, .l-topics_article h5, .l-topics_article h6 {
  letter-spacing: 0.13em;
  margin-block: 2em 1em;
  line-height: 1.5;
}
.l-topics_article #ez-toc-container {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #f1ede6;
  padding: 1.5em;
  margin-top: 2em;
  margin-bottom: 5em;
}
.l-topics_article .ez-toc-title-toggle {
  display: none;
}
.l-topics_article .ez-toc-title {
  font-size: calc((17 / var(--em)) * 1rem);
  border-bottom: 1px solid #2b3341;
}
.l-topics_article .ez-toc-list li {
  padding: 0.8em 0;
  border-bottom: 1px solid #2b3341;
  display: flex;
}
.l-topics_article .ez-toc-list li::before {
  content: "・";
}
@media only screen and (max-width: 1025px) {
  .l-topics_article .ez-toc-list li::before {
    position: relative;
    top: 0.5em;
  }
}
.l-topics_article .ez-toc-list a {
  color: inherit;
}
/*# sourceMappingURL=style.css.map */