@charset "UTF-8";
:root {
  --font-family-base: "zen-kaku-gothic-antique", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
  --font-family-iskra: "iskra", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
  --font-family-noto-sans-cjk-jp: "noto-sans-cjk-jp", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
  --font-family-mizolet: "mizolet", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
  --font-family-sichandich: "sichandich", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
  --font-family-sichandic: "sichandic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
}

:root {
  --font-weight-base: 400;
}

:root {
  --color-base: #000;
  --color-placeholder: #fff;
  --color-yellow: #f8b800;
  --color-brown: #d25315;
}

:root {
  --z-index-level-top: 2147483647;
}

:root {
  --leading-trim: calc((1em - 1lh) / 2);
}

/* 言語が英語（ラテン系言語）の場合、cap-heightベースにする */
:root:lang(en) {
  --leading-trim: calc((1cap - 1lh) / 2);
}

/* もし lh が未対応のブラウザであれば fallback */
@supports not (top: 1lh) {
  :root {
    --leading-trim: 0px;
  }
}
:root {
  --width-pc-design: 1440;
  --width-pc-design-content: 1300;
  --width-pc-design-content-percent: calc(var(--width-pc-design-content) / (--width-pc-design-content * .05) * 100%);
  --width-pc-design-content-vw: calc(var(--width-pc-design-content) / (--width-pc-design-content * .05) * 100vw);
  --width-pc-design-content-rem: calc((var(--width-pc-design-content) / 10) * 1rem);
  --width-sp-design: 800;
  --width-sp-design-content: 720;
  --width-sp-design-content-percent: calc(var(--width-sp-design-content) / var(--width-sp-design) * 100%);
  --width-sp-design-content-vw: calc(var(--width-sp-design-content) / var(--width-sp-design) * 100vw);
  --width-sp-design-content-rem: calc((var(--width-sp-design-content) / 10) * 1rem);
}

:root {
  --border-radius-infinity: calc(1px / 0);
}

:root {
  --opacity-base: .5;
}

:root {
  --transition-base: .4s;
  --transition-sub: .6s;
  --transition-animation-base: .4s;
  --transition-animation-sub: .6s;
}

.p-about-fv {
  --_is-scroll-action-pos-bottom: 0;
  padding-top: 1.7rem;
}
@media screen and (max-width: 767px) {
  .p-about-fv {
    padding-top: 3.6rem;
  }
}
.p-about-fv .c-wrap {
  padding-bottom: 11.1rem;
  will-change: transform;
  transform: translate3d(0, calc(var(--_is-scroll-action-pos-bottom) * 1px), 0);
  backface-visibility: hidden;
}
@media screen and (min-width: 768px) {
  .p-about-fv .c-wrap {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    max-width: 102.6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-about-fv .c-wrap {
    display: grid;
    padding-bottom: 9.8rem;
    max-width: 72rem;
    transition: transform 0.5s linear;
  }
}
.p-about-fv .c-roof-ttl {
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .p-about-fv .c-roof-ttl {
    grid-row: 1;
    grid-column: 1;
  }
}
@media screen and (min-width: 768px) {
  .p-about-fv .ttl-box {
    display: grid;
    margin-top: 6.5rem;
    padding-right: 4.8rem;
    width: 38.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-about-fv .ttl-box {
    grid-row: 1;
    grid-column: 1;
    position: relative;
    z-index: 1;
  }
}
.p-about-fv .ttl-box_card {
  display: grid;
  grid-row: 1;
  grid-column: 1;
  position: relative;
  margin-top: 45.8rem;
}
.p-about-fv .ttl-box_card_icon {
  grid-row: 1;
  grid-column: 1;
  width: 3.1rem;
  height: 4.3rem;
  border: 0.3rem solid #231815;
  border-radius: 0.3rem;
  transform: translateY(100%) scale(0);
  transform-origin: center bottom;
  transition: transform var(--transition-base);
}
.p-about-fv .ttl-box_card_icon.is-bottom-action {
  transform: translateY(0) scale(1);
}
.p-about-fv .ttl-box_card_icon.is-bottom-action + :not(.js-bottom-action) {
  transform: translateY(0) scale(1);
}
.p-about-fv .ttl-box_card_icon:nth-child(1) {
  margin-left: 8rem;
  background: #ca5219;
}
.p-about-fv .ttl-box_card_icon:nth-child(2) {
  margin: 7.8rem 0 0 29.6rem;
  background: #fff;
}
.p-about-fv .ttl-box_card_icon:nth-child(3) {
  margin-top: 40.3rem;
  background: #fff;
}
.p-about-fv .ttl-box_card_icon:nth-child(4) {
  margin: 42.3rem 0 0 33.9rem;
  background: var(--color-yellow);
}
.p-about-fv .ttl-box_card_icon:nth-child(5) {
  margin: 72.4rem 0 0 0.5rem;
  background: #ca5219;
}
.p-about-fv .ttl-box_card_icon:nth-child(6) {
  margin: 70rem 0 0 31.5rem;
  background: #fff;
}
.p-about-fv .ttl-box_card_icon:nth-child(7) {
  margin: 94rem 0 0 24.2rem;
  background: #ca5219;
  transition-delay: 0.2s;
}
.p-about-fv .box {
  width: 55.4rem;
}
@media screen and (max-width: 767px) {
  .p-about-fv .box {
    grid-row: 1;
    grid-column: 1;
    margin: 27.5rem auto 0;
    width: 100%;
  }
}
.p-about-fv .box_img {
  display: grid;
}
@media screen and (min-width: 768px) {
  .p-about-fv .box_img {
    min-height: 49.6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-about-fv .box_img {
    margin-inline: auto;
    width: 58.2rem;
  }
}
.p-about-fv .box_img:has(.is-random-action) img {
  transform: scale(1);
}
.p-about-fv .box_img img {
  grid-row: 1;
  grid-column: 1;
  padding-top: 24.5rem;
  transform: scale(0);
  transform-origin: center bottom;
  transition: transform var(--transition-base);
}
@media screen and (max-width: 767px) {
  .p-about-fv .box_img img {
    margin-inline: auto;
    padding-top: 72.8rem;
    width: 95.1890034364%;
  }
}
.p-about-fv .box_img_icon {
  grid-row: 1;
  grid-column: 1;
  width: 3.1rem;
  height: 4.3rem;
  border: 0.3rem solid #231815;
  border-radius: 0.3rem;
  transform: translateY(100%) scale(0);
  transform-origin: center bottom;
  transition: transform var(--transition-base) var(--transition-base);
}
.p-about-fv .box_img_icon.is-random-action {
  transform: translateY(0) scale(1);
}
.p-about-fv .box_img_icon:nth-of-type(1) {
  margin-left: 31.8rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-about-fv .box_img_icon:nth-of-type(1) {
    margin-left: 0.4rem;
    background: #ca5219;
  }
}
.p-about-fv .box_img_icon:nth-of-type(2) {
  margin: 3.7rem 0 0 50.2rem;
  background: var(--color-yellow);
}
@media screen and (max-width: 767px) {
  .p-about-fv .box_img_icon:nth-of-type(2) {
    margin: 15.2rem 0 0 16.5rem;
  }
}
.p-about-fv .box_img_icon:nth-of-type(3) {
  margin: 6.9rem 0 0 38.1rem;
  background: #ca5219;
}
@media screen and (max-width: 767px) {
  .p-about-fv .box_img_icon:nth-of-type(3) {
    margin: 24.2rem 0 0;
  }
}
.p-about-fv .box_img_icon:nth-of-type(4) {
  margin: 9.1rem 0 0 21.7rem;
  background: var(--color-yellow);
}
@media screen and (max-width: 767px) {
  .p-about-fv .box_img_icon:nth-of-type(4) {
    margin: 33.2rem 0 0 6.9rem;
    background: #fff;
  }
}
.p-about-fv .box_img_icon:nth-of-type(5) {
  margin: 10.4rem 0 0 42.1rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-about-fv .box_img_icon:nth-of-type(5) {
    margin: 34.2rem 0 0 21.1rem;
  }
}
.p-about-fv .box_img_icon:nth-of-type(6) {
  margin: 13.1rem 0 0 29.1rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-about-fv .box_img_icon:nth-of-type(6) {
    margin: 45.5rem 0 0 14.8rem;
  }
}
.p-about-fv .box_img_icon:nth-of-type(7) {
  margin: 16.3rem 0 0 24.4rem;
  background: var(--color-yellow);
}
@media screen and (max-width: 767px) {
  .p-about-fv .box_img_icon:nth-of-type(7) {
    margin: 48.5rem 0 0 3.8rem;
    background: #ca5219;
  }
}
.p-about-fv .box_img_icon:nth-of-type(8) {
  margin: 17.6rem 0 0 12.7rem;
  background: #ca5219;
}
@media screen and (max-width: 767px) {
  .p-about-fv .box_img_icon:nth-of-type(8) {
    margin: 57.5rem 0 0 23.2rem;
    background: var(--color-yellow);
  }
}
.p-about-fv .box_img_icon:nth-of-type(9) {
  margin: 19.5rem 0 0 33.6rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-about-fv .box_img_icon:nth-of-type(9) {
    margin: 64.6rem 0 0 25.9rem;
    background: var(--color-yellow);
  }
}
@media screen and (min-width: 768px) {
  .p-about-fv .box_img_icon:nth-of-type(10) {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .p-about-fv .box_img_icon:nth-of-type(10) {
    margin: 65.9rem 0 0 14.2rem;
    background: #ca5219;
  }
}
@media screen and (min-width: 768px) {
  .p-about-fv .box_img_icon:nth-of-type(11) {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .p-about-fv .box_img_icon:nth-of-type(11) {
    margin: 67.9rem 0 0 35.1rem;
    background: #fff;
  }
}
.p-about-fv .box_txt {
  font-size: 2rem;
  line-height: 2.1;
  margin-top: 5.3rem;
  padding-left: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-about-fv .box_txt {
    font-size: 2.8rem;
    line-height: 2.0714285714;
    margin-top: 3.8rem;
    padding-left: 4rem;
  }
}
.p-about-fv .box_txt + .box_txt {
  margin-top: 4.2rem;
}
@media screen and (max-width: 767px) {
  .p-about-fv .box_txt + .box_txt {
    margin-top: 5.8rem;
  }
}
.p-about-list {
  container-type: inline-size;
  position: relative;
  z-index: 1;
  padding-bottom: 14rem;
  overflow: clip;
}
@media screen and (max-width: 767px) {
  .p-about-list {
    padding-bottom: 17rem;
  }
}
.p-about-list::before {
  content: "";
  position: absolute;
  inset: 17.2rem 0 0;
  z-index: -1;
  background: #f2f2f2;
}
@media screen and (max-width: 767px) {
  .p-about-list::before {
    inset: calc(330 / var(--width-sp-design) * 100vw) 0 0;
  }
}
@media screen and (min-width: 768px) {
  .p-about-list .c-wrap {
    max-width: 111rem;
  }
}
@media screen and (max-width: 767px) {
  .p-about-list .c-wrap {
    width: 80%;
  }
}
.p-about-list .list_item {
  --_img-margin-inline: calc(50% - 50cqi) 0;
  --_img-border-radius: 0 2rem 2rem 0;
  --_box-margin-inline: auto 0;
  --_box-num-color: var(--color-yellow);
  --_box-txt-opacity: 0;
  --_box-txt-pos-x: 25% 0;
  display: grid;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-about-list .list_item {
    --_img-border-radius: 0 2.4rem 2.4rem 0;
  }
}
.p-about-list .list_item:nth-child(even) {
  --_img-margin-inline: auto calc(50% - 50cqi);
  --_img-border-radius: 2rem 0 0 2rem;
  --_box-margin-inline: 0;
  --_box-num-color: var(--color-brown);
  --_box-txt-pos-x: -25% 0;
}
@media screen and (max-width: 767px) {
  .p-about-list .list_item:nth-child(even) {
    --_img-border-radius: 2.4rem 0 0 2.4rem;
  }
}
.p-about-list .list_item:nth-child(n+2) {
  margin-top: 14rem;
}
@media screen and (max-width: 767px) {
  .p-about-list .list_item:nth-child(n+2) {
    margin-top: 11.9rem;
  }
}
.p-about-list .list_item:nth-child(1) {
  --_box-num-img-pos-top: -9.5rem;
}
@media screen and (max-width: 767px) {
  .p-about-list .list_item:nth-child(1) {
    --_box-num-img-pos-top: -11.7rem;
  }
}
.p-about-list .list_item:nth-child(2) {
  --_box-num-img-pos-top: -8.5rem;
}
@media screen and (max-width: 767px) {
  .p-about-list .list_item:nth-child(2) {
    --_box-num-img-pos-top: -11.4rem;
  }
}
.p-about-list .list_item:nth-child(3) {
  --_box-num-img-pos-top: -8.5rem;
}
@media screen and (max-width: 767px) {
  .p-about-list .list_item:nth-child(3) {
    --_box-num-img-pos-top: -10.7rem;
  }
}
.p-about-list .list_img {
  margin-inline: var(--_img-margin-inline);
  width: 45.8333333333cqi;
  border-radius: var(--_img-border-radius);
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-about-list .list_img {
    grid-row: 1;
    grid-column: 1;
  }
}
@media screen and (max-width: 767px) {
  .p-about-list .list_img {
    width: 82.5cqi;
  }
}
.p-about-list .list_box {
  --_box-num-img-opacity: 0;
  --_box-num-img-scale: 0;
  margin-top: 14.7rem;
}
@media screen and (min-width: 768px) {
  .p-about-list .list_box {
    grid-row: 1;
    grid-column: 1;
    margin-inline: var(--_box-margin-inline);
    width: 52rem;
  }
}
@media screen and (max-width: 767px) {
  .p-about-list .list_box {
    margin-top: 3.7rem;
  }
}
.p-about-list .list_box.is-bottom-action {
  --_box-num-img-opacity: 1;
  --_box-num-img-scale: 1;
  --_box-txt-opacity: 1;
  --_box-txt-pos-x: 0 0;
}
.p-about-list .list_box_num {
  font-family: var(--font-family-iskra);
  font-weight: 900;
  font-size: 13.3rem;
  line-height: 0.3609022556;
  letter-spacing: 0.025em;
  color: var(--_box-num-color);
  position: relative;
  padding: 0 0 3.2rem 12.6rem;
}
@media screen and (max-width: 767px) {
  .p-about-list .list_box_num {
    font-size: 15.8rem;
    padding: 0 0 3.8rem 17.5rem;
  }
}
.p-about-list .list_box_num_img {
  position: absolute;
  top: var(--_box-num-img-pos-top);
  left: 0;
  z-index: 1;
  width: 14.6rem;
  opacity: var(--_box-num-img-opacity);
  scale: var(--_box-num-img-scale);
  transform-origin: center bottom;
  transition: opacity var(--transition-base), scale var(--transition-base);
}
@media screen and (max-width: 767px) {
  .p-about-list .list_box_num_img {
    width: 19rem;
  }
}
.p-about-list .list_box_ttl {
  font-family: var(--font-family-mizolet);
  font-size: 4rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin-top: 6rem;
  opacity: var(--_box-txt-opacity);
  translate: var(--_box-txt-pos-x);
  transition: opacity var(--transition-base), translate var(--transition-base);
}
@media screen and (max-width: 767px) {
  .p-about-list .list_box_ttl {
    font-size: 5.4rem;
    line-height: 1.6296296296;
    letter-spacing: 0em;
    margin-top: 9.2rem;
  }
}
.p-about-list .list_box_txt {
  font-size: 2rem;
  line-height: 2;
  margin-top: 5rem;
  opacity: var(--_box-txt-opacity);
  translate: var(--_box-txt-pos-x);
  transition: opacity var(--transition-base), translate var(--transition-base);
}
@media screen and (max-width: 767px) {
  .p-about-list .list_box_txt {
    font-size: 2.8rem;
    line-height: 2.0714285714;
    margin-top: 5.6rem;
  }
}
.p-about-company .ttl {
  font-family: var(--font-family-mizolet);
  font-size: 3.4rem;
  line-height: 1.3529411765;
  color: #fff;
  text-align: center;
  padding-block: 2.7rem;
  border-block: 0.4rem solid #221714;
  background: var(--color-brown);
}
@media screen and (max-width: 767px) {
  .p-about-company .ttl {
    font-size: 5.2rem;
    line-height: 1.4615384615;
    padding-block: 5.1rem;
  }
}
.p-about-company .list {
  border-bottom: 0.4rem solid #221714;
}
.p-about-company .list_item {
  --_fig-label-pos-bottom: 4.5138888889vw;
}
@media screen and (min-width: 768px) {
  .p-about-company .list_item {
    display: flex;
    flex-direction: row-reverse;
    position: relative;
  }
  .p-about-company .list_item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    translate: -50% 0;
    width: 0.4rem;
    height: 100%;
    background: #221714;
  }
}
@media screen and (max-width: 767px) {
  .p-about-company .list_item {
    --_fig-label-pos-bottom: calc(135 / var(--width-sp-design) * 100vw);
  }
}
.p-about-company .list_item:nth-child(n+2) {
  border-top: 0.4rem solid #221714;
}
@media screen and (max-width: 767px) {
  .p-about-company .list_item:nth-child(2) {
    --_fig-label-pos-bottom: calc(98 / var(--width-sp-design) * 100vw);
  }
  .p-about-company .list_item:nth-child(2) .list_box_logo {
    padding-left: 2.1rem;
  }
}
.p-about-company .list_fig {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-about-company .list_fig {
    width: 50%;
    min-height: 37.5vw;
  }
}
@media screen and (min-width: 768px) {
  .p-about-company .list_fig_img {
    height: 100%;
  }
  .p-about-company .list_fig_img img {
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
  }
}
.p-about-company .list_fig_label {
  position: absolute;
  left: 50%;
  bottom: var(--_fig-label-pos-bottom);
  z-index: 1;
  translate: -50% 0;
  width: max-content;
  min-width: 38.6rem;
  border: 0.4rem solid #000;
  border-radius: var(--border-radius-infinity);
  opacity: 0;
  scale: 0;
  transform-origin: center top;
  transition: opacity var(--transition-base), scale var(--transition-base);
}
@media screen and (max-width: 767px) {
  .p-about-company .list_fig_label {
    min-width: 52.7rem;
  }
}
.p-about-company .list_fig_label.is-bottom-action {
  opacity: 1;
  scale: 1;
}
.p-about-company .list_fig_label_txt {
  font-family: var(--font-family-mizolet);
  font-size: 2.2rem;
  line-height: 1.5454545455;
  text-align: center;
  position: relative;
  z-index: 2;
  padding: 1.6rem 3.5rem;
  border-radius: inherit;
}
@media screen and (max-width: 767px) {
  .p-about-company .list_fig_label_txt {
    font-size: 3rem;
    line-height: 1.2666666667;
    padding: 2.7rem 4.95rem;
  }
}
.p-about-company .list_fig_label_txt::before {
  content: "";
  position: absolute;
  top: -2.4rem;
  left: 50%;
  z-index: -2;
  translate: -50% 0;
  scale: 1 -1;
  width: 3.9rem;
  height: 4.1rem;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 39 41"><path fill="white" d="M4,4.03l14.28,32.4c.44.48.99.54,1.22.54s.78-.06,1.22-.54L35,4.03H4Z"/><path d="M35,4.03l-14.28,32.4c-.44.48-.99.54-1.22.54s-.78-.06-1.22-.54L4,4.03h31M35,0H4C2.65,0,1.38.69.65,1.83-.09,2.98-.21,4.42.34,5.67l14.28,32.4c.17.39.41.76.7,1.08,1.07,1.18,2.59,1.86,4.18,1.86s3.11-.68,4.18-1.86c.29-.32.52-.68.7-1.08L38.66,5.67c.55-1.25.44-2.69-.3-3.83-.74-1.14-2-1.83-3.35-1.83h0Z"/></svg>') center/contain no-repeat;
}
.p-about-company .list_fig_label_txt::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .p-about-company .list_box {
    display: grid;
    place-content: center;
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .p-about-company .list_box {
    padding-block: 6.2rem 6.4rem;
    border-top: 0.4rem solid #221714;
  }
}
.p-about-company .list_box_inner {
  width: 42.2rem;
}
@media screen and (max-width: 767px) {
  .p-about-company .list_box_inner {
    margin-inline: auto;
    width: 80%;
  }
}
.p-about-company .list_box_logo {
  height: 17.4rem;
}
@media screen and (min-width: 768px) {
  .p-about-company .list_box_logo {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .p-about-company .list_box_logo {
    height: 26.4rem;
  }
}
.p-about-company .list_box_logo img {
  width: auto;
  height: 100%;
}
.p-about-company .list_box_txt {
  font-size: 2rem;
  line-height: 1.7;
  margin-top: 4.6rem;
}
@media screen and (max-width: 767px) {
  .p-about-company .list_box_txt {
    font-size: 2.8rem;
    line-height: 1.8571428571;
    margin-top: 6.8rem;
  }
}
.p-about-company .list_box_btn {
  margin-top: 3.7rem;
}
@media screen and (max-width: 767px) {
  .p-about-company .list_box_btn {
    margin-top: 8rem;
  }
}
.p-about-company .list_box_btn_link {
  font-family: var(--font-family-mizolet);
  font-size: 2rem;
  line-height: 2.2;
  display: block;
  position: relative;
  margin-inline: auto;
  padding-right: 4.7rem;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .p-about-company .list_box_btn_link {
    font-size: 3.4rem;
    line-height: 1.7058823529;
    padding-right: 7.3rem;
  }
}
.p-about-company .list_box_btn_link::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 3.2rem;
  height: 100%;
  background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 25.36"><polygon fill="%23221714" points="1.33 25.36 0 23.88 12.43 12.68 0 1.48 1.33 0 15.4 12.68 1.33 25.36"/><polygon fill="%23221714" points="17.93 25.36 16.6 23.88 29.03 12.68 16.6 1.48 17.93 0 32 12.68 17.93 25.36"/></svg>') center/contain no-repeat;
  transition: translate var(--transition-base);
}
@media screen and (max-width: 767px) {
  .p-about-company .list_box_btn_link::after {
    width: 5.4rem;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 42.71"><polygon fill="%23221714" points="2.66 42.71 0 39.76 20.42 21.36 0 2.95 2.66 0 26.36 21.36 2.66 42.71"/><polygon fill="%23221714" points="30.31 42.71 27.64 39.76 48.06 21.36 27.64 2.95 30.31 0 54 21.36 30.31 42.71"/></svg>') center/contain no-repeat;
  }
}
.p-about-company .list_box_btn_link:focus-visible {
  opacity: 1;
}
.p-about-company .list_box_btn_link:focus-visible::after {
  translate: 25% 0;
}
@media (any-hover: hover) {
  .p-about-company .list_box_btn_link:hover {
    opacity: 1;
  }
  .p-about-company .list_box_btn_link:hover::after {
    translate: 25% 0;
  }
}
.p-about-info {
  padding-top: 17rem;
}
@media screen and (max-width: 767px) {
  .p-about-info {
    padding-top: 17.2rem;
  }
}
.p-about-info .dlist {
  margin-top: 5.2rem;
}
@media screen and (min-width: 768px) {
  .p-about-info .dlist {
    margin-left: auto;
    width: 102.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-about-info .dlist {
    margin-top: 7.7rem;
  }
}
.p-about-info .dlist_item {
  padding: 4.3rem 1.5rem;
  border-top: 0.1rem solid #231815;
}
@media screen and (min-width: 768px) {
  .p-about-info .dlist_item {
    display: grid;
    grid-template-columns: 22.6rem 1fr;
  }
}
@media screen and (max-width: 767px) {
  .p-about-info .dlist_item {
    padding: 6rem 0;
    border-top-width: 0.2rem;
  }
}
.p-about-info .dlist_item:last-child {
  border-bottom: 0.1rem solid #231815;
}
@media screen and (max-width: 767px) {
  .p-about-info .dlist_item:last-child {
    border-bottom-width: 0.2rem;
  }
}
.p-about-info .dlist_theme {
  font-family: var(--font-family-mizolet);
  font-size: 2.2rem;
  line-height: 1.5454545455;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 767px) {
  .p-about-info .dlist_theme {
    font-size: 3.1rem;
    line-height: 1.6774193548;
    padding-inline: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-about-info .dlist_des {
    margin-top: 2rem;
  }
  .p-about-info .dlist_des:not(._col-1) {
    padding-inline: 4rem;
  }
}
.p-about-info .dlist_des._col-1 {
  grid-column: span 2;
}
.p-about-info .dlist_des + .dlist_des {
  margin-top: 3.8rem;
}
@media screen and (max-width: 767px) {
  .p-about-info .dlist_des + .dlist_des {
    margin-top: 4.2rem;
  }
}
.p-about-info .dlist_des_txt {
  font-size: 2rem;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .p-about-info .dlist_des_txt {
    font-size: 2.8rem;
    line-height: 1.8571428571;
  }
  .p-about-info .dlist_des_txt._sp-adjustment {
    letter-spacing: -0.02em;
  }
}
.p-about-info .dlist_des_txt + .dlist_des_txt {
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-about-info .dlist_des_txt + .dlist_des_txt {
    margin-top: 2.2rem;
  }
}
.p-about-info .dlist_des_map {
  display: inline-block;
  position: relative;
  margin-top: 0.4rem;
  padding-left: 2.7rem;
}
@media screen and (max-width: 767px) {
  .p-about-info .dlist_des_map {
    margin-top: 0;
    padding-left: 3.4rem;
  }
}
.p-about-info .dlist_des_map::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: 1.6rem;
  height: 2.2rem;
  background: url(../img/common/icon_spot.svg) center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-about-info .dlist_des_map::before {
    width: 2.2rem;
    height: 3rem;
  }
}
.p-about-info .dlist_des_img {
  border-radius: 2rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-about-info .dlist_des_img {
    border-radius: 2.4rem;
  }
}

/*# sourceMappingURL=about.css.map */