@charset "UTF-8";
/* ============================================
    エリア別スタイルは、ファイル末尾の
    .area--xxxxxx { } の中に記述してください。
   ============================================ */
.accc-top {
  padding-top: min(7.014vw, 101px);
}
@media only screen and (max-width: 767px) {
  .accc-top {
    padding-top: 14.359vw;
  }
}
.accc-top .mv {
  position: relative;
  height: min(52.014vw, 749px);
  background: linear-gradient(90deg, #ED0022 0%, #FF7D56 100%) no-repeat bottom/100% min(20.833vw, 300px), var(--background-light_gray);
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .accc-top .mv {
    height: 100%;
    background: linear-gradient(90deg, #ED0022 0%, #FF7D56 100%) no-repeat bottom/100% 50.513vw, var(--background-light_gray);
  }
}
.accc-top .mv__inner {
  position: relative;
  padding: min(4.514vw, 65px) calc((100% - min(76.389vw, 1100px)) / 2) min(4.167vw, 60px);
}
@media only screen and (max-width: 767px) {
  .accc-top .mv__inner {
    padding: 10.256vw calc((100% - 84.615vw) / 2) 23.077vw;
  }
}
.accc-top .mv__title {
  margin-bottom: min(1.389vw, 20px);
  text-align: center;
  font-family: var(--family-jp);
  font-size: var(--size-40px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-150);
}
@media only screen and (max-width: 767px) {
  .accc-top .mv__title {
    font-size: var(--size-40px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .accc-top .mv__title {
    font-family: var(--family-jp);
    font-size: var(--size-32px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-top .mv__title {
    font-size: var(--size-32px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .accc-top .mv__title {
    margin-bottom: 3.846vw;
  }
}
.accc-top .mv__text {
  margin-bottom: min(2.778vw, 40px);
  text-align: center;
  font-family: var(--family-jp);
  font-size: var(--size-16px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .accc-top .mv__text {
    font-size: var(--size-16px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-top .mv__text {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-top .mv__text {
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .accc-top .mv__text {
    margin-bottom: 7.692vw;
  }
}
.accc-top .mv__slider {
  position: relative;
  z-index: 1;
}
.accc-top .mv__slider .splide__track {
  overflow: visible;
}
.accc-top .mv__gallery li {
  position: relative;
}
.accc-top .mv__image {
  position: relative;
  width: min(48.611vw, 700px);
  aspect-ratio: 700/450;
  margin: 0 auto;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .accc-top .mv__image {
    width: 84.615vw;
    aspect-ratio: 330/212;
    border-radius: 6.41vw;
  }
}
.accc-top .mv__image::before {
  position: absolute;
  display: inline-block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: min(0.417vw, 6px) solid var(--background-white);
  border-radius: min(3.472vw, 50px);
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .accc-top .mv__image::before {
    border: 0.769vw solid var(--background-white);
    border-radius: 6.154vw;
  }
}
.accc-top .mv__image::after {
  position: absolute;
  display: inline-block;
  content: "";
  top: min(0.694vw, 10px);
  left: min(0.694vw, 10px);
  width: 100%;
  height: 100%;
  border-radius: min(3.472vw, 50px);
  background: rgba(0, 0, 0, 0.1);
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .accc-top .mv__image::after {
    top: 0.769vw;
    left: 0.769vw;
    border-radius: 6.154vw;
  }
}
.accc-top .mv__image img {
  height: auto;
  border: min(0.417vw, 6px) solid var(--background-white);
  border-radius: min(3.472vw, 50px);
}
@media only screen and (max-width: 767px) {
  .accc-top .mv__image img {
    border: 0.769vw solid var(--background-white);
    border-radius: 6.154vw;
  }
}
.accc-top .mv__copy {
  position: absolute;
  left: calc((100% - min(76.389vw, 1100px)) / 2);
  bottom: min(2.5vw, 36px);
  max-width: min(25.764vw, 371px);
  overflow-wrap: break-word;
  z-index: 5;
}
@media only screen and (max-width: 767px) {
  .accc-top .mv__copy {
    left: 50%;
    bottom: -14.872vw;
    width: 100%;
    max-width: 66.154vw;
    transform: translateX(-50%);
    text-align: center;
  }
}
.accc-top .mv__copy span {
  padding: 0 0.4em 0.12em;
  background: var(--background-white);
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  line-height: 1.9em !important;
  font-family: var(--family-jp);
  font-size: var(--size-32px);
  font-weight: var(--weight-bold);
}
@media only screen and (max-width: 767px) {
  .accc-top .mv__copy span {
    font-size: var(--size-22px);
  }
}
.accc-top .mv__slider-controller {
  position: absolute;
  top: 0;
  right: min(11.181vw, 161px);
  z-index: 5;
}
@media only screen and (max-width: 767px) {
  .accc-top .mv__slider-controller {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-5);
    top: auto;
    right: auto;
  }
}
.accc-top .mv__slider-pagination {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-10);
}
@media only screen and (max-width: 767px) {
  .accc-top .mv__slider-pagination {
    flex-direction: row;
  }
}
.accc-top .mv__slider-autoplay {
  display: inline-block;
  border-radius: 50%;
  width: min(1.667vw, 24px);
  height: min(1.667vw, 24px);
  background-position: center;
  background-size: min(1.667vw, 24px) min(1.667vw, 24px);
  background-repeat: no-repeat;
  background-image: url("/assets/img/component/icon/icon-player-start_black.svg");
}
@media only screen and (max-width: 767px) {
  .accc-top .mv__slider-autoplay {
    width: 6.154vw;
    height: 6.154vw;
    background-size: 6.154vw 6.154vw;
  }
}
.accc-top .mv__slider-autoplay:not([aria-pressed]) {
  width: min(1.667vw, 24px);
  height: min(1.667vw, 24px);
  background-position: center;
  background-size: min(1.667vw, 24px) min(1.667vw, 24px);
  background-repeat: no-repeat;
  background-image: url("/assets/img/component/icon/icon-player-stop_black.svg");
}
@media only screen and (max-width: 767px) {
  .accc-top .mv__slider-autoplay:not([aria-pressed]) {
    width: 6.154vw;
    height: 6.154vw;
    background-size: 6.154vw 6.154vw;
  }
}
.accc-top .mv__slider-indicator {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-10);
}
@media only screen and (max-width: 767px) {
  .accc-top .mv__slider-indicator {
    flex-direction: row;
  }
}
.accc-top .mv [data-js-slider-button-indicator] {
  display: inline-block;
  width: min(0.278vw, 4px);
  height: min(1.389vw, 20px);
  background: var(--background-white);
  transition: all var(--ease-in-out-200);
}
@media only screen and (max-width: 767px) {
  .accc-top .mv [data-js-slider-button-indicator] {
    width: 5.128vw;
    height: 1.026vw;
  }
}
.accc-top .mv [data-js-slider-button-indicator][aria-current] {
  background: var(--background-black);
}
.accc-top .mv__slider-navigation {
  display: none;
}
@media only screen and (max-width: 767px) {
  .accc-top .mv__slider-navigation {
    display: flex;
    align-items: center;
    gap: var(--space-5);
  }
}
.accc-top .mv__slider-button {
  display: inline-block;
  border-radius: 50%;
}
.accc-top .mv__slider-button[data-js-slider-button-prev] {
  transform: rotate(180deg);
  width: min(1.944vw, 28px);
  height: min(1.944vw, 28px);
  background-position: center;
  background-size: min(1.944vw, 28px) min(1.944vw, 28px);
  background-repeat: no-repeat;
  background-image: url("/assets/img/component/icon/icon-arrow-fill_white.svg");
}
@media only screen and (max-width: 767px) {
  .accc-top .mv__slider-button[data-js-slider-button-prev] {
    width: 7.179vw;
    height: 7.179vw;
    background-size: 7.179vw 7.179vw;
  }
}
.accc-top .mv__slider-button[data-js-slider-button-next] {
  width: min(1.944vw, 28px);
  height: min(1.944vw, 28px);
  background-position: center;
  background-size: min(1.944vw, 28px) min(1.944vw, 28px);
  background-repeat: no-repeat;
  background-image: url("/assets/img/component/icon/icon-arrow-fill_white.svg");
}
@media only screen and (max-width: 767px) {
  .accc-top .mv__slider-button[data-js-slider-button-next] {
    width: 7.179vw;
    height: 7.179vw;
    background-size: 7.179vw 7.179vw;
  }
}
.accc-top .accc-top__inner {
  padding-top: min(6.944vw, 100px);
  background-image: url(/assets/img/component/background/c-title_hero_type--primary_kind--other.svg);
  background-position: right max(-15.764vw, -227px) top min(27.778vw, 400px);
  background-repeat: no-repeat;
  background-size: min(70.486vw, 1015px) auto;
}
@media only screen and (max-width: 767px) {
  .accc-top .accc-top__inner {
    padding-top: 15.385vw;
    background-position: right -46.667vw top 170vw;
    background-size: 115.385vw auto;
  }
}
.accc-top .news {
  margin: 0 auto min(40.278vw, 580px);
  width: var(--container-width-pc);
}
@media only screen and (max-width: 767px) {
  .accc-top .news {
    margin: 0 auto 15.385vw;
    width: var(--container-width-sp);
  }
}
.accc-top .news__note {
  margin: min(1.389vw, 20px) 0 min(2.778vw, 40px);
  padding-left: 1em;
  text-indent: -1em;
  font-family: var(--family-jp);
  font-size: var(--size-14px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .accc-top .news__note {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-top .news__note {
    font-family: var(--family-jp);
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-top .news__note {
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-top .news__note {
    margin: 2.564vw 0 5.128vw;
  }
}
.accc-top .news__item {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  padding-bottom: var(--space-15);
  border-bottom: 1px solid var(--line-light_gray);
}
.accc-top .news__item:not(:first-child) {
  padding-top: var(--space-15);
}
.accc-top .news article {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: var(--space-5);
}
.accc-top .news a[href$=".pdf" i] .news__title::after {
  display: inline-block;
  width: min(1.25vw, 18px);
  height: min(1.25vw, 18px);
  background-position: center;
  background-size: min(1.25vw, 18px) min(1.25vw, 18px);
  background-repeat: no-repeat;
  background-image: url("/assets/img/component/icon/icon-pdf_primary-red.svg");
}
@media only screen and (max-width: 767px) {
  .accc-top .news a[href$=".pdf" i] .news__title::after {
    width: 4.615vw;
    height: 4.615vw;
    background-size: 4.615vw 4.615vw;
  }
}
.accc-top .news a[target=_blank] .news__title::after, .accc-top .news a[href^=http] .news__title::after {
  display: inline-block;
  width: min(1.25vw, 18px);
  height: min(1.25vw, 18px);
  background-position: center;
  background-size: min(1.25vw, 18px) min(1.25vw, 18px);
  background-repeat: no-repeat;
  background-image: url("/assets/img/component/icon/icon-blank_primary-red.svg");
}
@media only screen and (max-width: 767px) {
  .accc-top .news a[target=_blank] .news__title::after, .accc-top .news a[href^=http] .news__title::after {
    width: 4.615vw;
    height: 4.615vw;
    background-size: 4.615vw 4.615vw;
  }
}
.accc-top .news__data {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--space-10);
}
@media only screen and (max-width: 767px) {
  .accc-top .news__data {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    gap: var(--space-5);
  }
}
.accc-top .news__data .c-tag:hover {
  opacity: 1;
}
.accc-top .news__data .c-tag-list {
  gap: var(--space-5);
}
@media only screen and (max-width: 767px) {
  .accc-top .news__data .c-tag-list {
    gap: var(--space-5);
  }
}
.accc-top .news__date {
  display: inline-block;
  color: var(--text-gray);
  font-family: var(--family-jp);
  font-size: var(--size-14px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .accc-top .news__date {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-top .news__date {
    font-family: var(--family-jp);
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-top .news__date {
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
.accc-top .news__title {
  position: relative;
  font-family: var(--family-jp);
  font-size: var(--size-16px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .accc-top .news__title {
    font-size: var(--size-16px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-top .news__title {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-top .news__title {
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
.accc-top .news__title::after {
  display: none;
  content: "";
  margin-inline: min(0.278vw, 4px);
  margin-bottom: min(0.278vw, 4px);
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .accc-top .news__title::after {
    margin-inline: 1.026vw;
    margin-bottom: 1.026vw;
  }
}
.accc-top .news__btn {
  display: flex;
  margin: min(2.778vw, 40px) auto min(1.389vw, 20px);
  width: min(23.75vw, 342px);
}
@media only screen and (max-width: 767px) {
  .accc-top .news__btn {
    margin: 5.128vw auto;
    width: 81.795vw;
  }
}
.accc-top .news__blank {
  display: flex;
  margin: 0 auto;
}
.accc-top .about {
  position: relative;
  margin-bottom: min(8.333vw, 120px);
}
@media only screen and (max-width: 767px) {
  .accc-top .about {
    margin-bottom: 15.385vw;
  }
}
.accc-top .about__inner {
  width: 100%;
  padding: min(10.278vw, 148px) calc((100% - min(76.389vw, 1100px)) / 2) min(8.333vw, 120px);
  border-top-right-radius: min(5.556vw, 80px);
  border-top-left-radius: min(5.556vw, 80px);
  background: var(--secondary-light_yellow);
}
@media only screen and (max-width: 767px) {
  .accc-top .about__inner {
    position: relative;
    padding: 0;
    background: none;
  }
  .accc-top .about__inner::before {
    content: "";
    position: absolute;
    top: 6.41vw;
    left: 0;
    width: 100%;
    height: calc(100% - 23.077vw);
    background: var(--secondary-light_yellow);
    z-index: -1;
  }
}
.accc-top .about__head {
  position: absolute;
  width: min(93.056vw, 1340px);
  height: min(44.653vw, 643px);
  top: max(-29.306vw, -422px);
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border-radius: min(2.083vw, 30px);
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .accc-top .about__head {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    width: 100%;
    height: auto;
    border-radius: 5.128vw;
  }
}
.accc-top .about__head__bg {
  display: flex;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
.accc-top .about__head__inner {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  padding-left: min(8.333vw, 120px);
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .accc-top .about__head__inner {
    padding: 89.744vw 7.692vw 25.641vw;
  }
}
.accc-top .about__head__title {
  margin: max(-5.347vw, -77px) 0 min(4.236vw, 61px);
}
.accc-top .about__head__title h2 {
  color: var(--secondary-yellow);
}
@media only screen and (max-width: 767px) {
  .accc-top .about__head__title {
    margin: 0 0 5.128vw;
    gap: 2.564vw;
  }
}
.accc-top .about__head__wrap {
  width: min(32.639vw, 470px);
}
@media only screen and (max-width: 767px) {
  .accc-top .about__head__wrap {
    width: 100%;
  }
}
.accc-top .about__head__lead {
  font-family: var(--family-jp);
  font-size: var(--size-36px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-150);
}
@media only screen and (max-width: 767px) {
  .accc-top .about__head__lead {
    font-size: var(--size-36px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .accc-top .about__head__lead {
    font-family: var(--family-jp);
    font-size: var(--size-28px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-top .about__head__lead {
    font-size: var(--size-28px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
.accc-top .about__head__text {
  margin-top: min(1.389vw, 20px);
  font-family: var(--family-jp);
  font-size: var(--size-18px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .accc-top .about__head__text {
    font-size: var(--size-18px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-top .about__head__text {
    font-family: var(--family-jp);
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-top .about__head__text {
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-top .about__head__text {
    margin-top: 2.564vw;
  }
}
.accc-top .about__head__btn {
  margin-top: min(2.778vw, 40px);
}
@media only screen and (max-width: 767px) {
  .accc-top .about__head__btn {
    width: 63.846vw;
    margin: 5.128vw 10.385vw 0;
  }
}
.accc-top .about__business {
  position: relative;
  width: var(--container-width-pc);
  margin: 0 auto;
  padding: min(2.778vw, 40px) min(3.472vw, 50px);
  background: var(--secondary-yellow);
  border-radius: min(1.389vw, 20px);
  z-index: 3;
}
@media only screen and (max-width: 767px) {
  .accc-top .about__business {
    width: var(--container-width-sp);
    margin-top: -15.385vw;
    padding: 5.128vw 6.41vw 7.692vw;
    border-radius: 5.128vw;
  }
}
.accc-top .about__business__title {
  color: #fff;
  margin-bottom: min(2.083vw, 30px);
  font-family: var(--family-jp);
  font-size: var(--size-26px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-150);
}
@media only screen and (max-width: 767px) {
  .accc-top .about__business__title {
    font-size: var(--size-26px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .accc-top .about__business__title {
    font-family: var(--family-jp);
    font-size: var(--size-20px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-top .about__business__title {
    font-size: var(--size-20px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .accc-top .about__business__title {
    margin-bottom: 5.128vw;
  }
}
.accc-top .about__business__contents {
  display: grid;
  gap: min(2.778vw, 40px);
  padding: min(4.167vw, 60px);
  background: #fff;
  border-radius: min(1.389vw, 20px);
}
@media only screen and (max-width: 767px) {
  .accc-top .about__business__contents {
    gap: 5.128vw;
    padding: 5.128vw;
    border-radius: 3.846vw;
  }
}
.accc-top .about__business__item {
  display: flex;
  gap: min(2.778vw, 40px);
}
@media only screen and (max-width: 767px) {
  .accc-top .about__business__item {
    flex-direction: column;
    gap: 3.846vw;
  }
}
.accc-top .about__business__item__image {
  width: min(26.389vw, 380px);
  aspect-ratio: 380/258;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .accc-top .about__business__item__image {
    width: 100%;
  }
}
.accc-top .about__business__item__num {
  position: relative;
  display: inline-block;
  color: var(--secondary-yellow);
  font-family: var(--family-en);
  font-size: min(3.472vw, 50px);
  font-weight: var(--weight-light);
  line-height: 1;
  margin-bottom: min(1.389vw, 20px);
}
.accc-top .about__business__item__num::after {
  content: "";
  position: absolute;
  bottom: max(-0.417vw, -6px);
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--secondary-yellow);
}
@media only screen and (max-width: 767px) {
  .accc-top .about__business__item__num {
    font-size: 10.256vw;
    margin-bottom: 2.564vw;
  }
}
.accc-top .about__business__item__title {
  margin-bottom: min(0.694vw, 10px);
  font-family: var(--family-jp);
  font-size: var(--size-26px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-150);
}
@media only screen and (max-width: 767px) {
  .accc-top .about__business__item__title {
    font-size: var(--size-26px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .accc-top .about__business__item__title {
    font-family: var(--family-jp);
    font-size: var(--size-20px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-top .about__business__item__title {
    font-size: var(--size-20px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .accc-top .about__business__item__title {
    margin-bottom: 1.282vw;
  }
}
.accc-top .about__business__item__text {
  font-family: var(--family-jp);
  font-size: var(--size-16px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .accc-top .about__business__item__text {
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-top .about__business__item__text {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-top .about__business__item__text {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
.accc-top .sustainability {
  position: relative;
  margin-bottom: min(10.417vw, 150px);
  overflow: hidden;
}
.accc-top .sustainability::before {
  content: "";
  position: absolute;
  top: min(5.069vw, 73px);
  left: calc((100% - min(76.389vw, 1100px)) / 2 + min(13.75vw, 198px));
  width: 100%;
  height: calc(100% - min(31.25vw, 450px));
  background: var(--secondary-light_green);
  border-top-left-radius: min(5.556vw, 80px);
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .accc-top .sustainability {
    margin-bottom: 20.513vw;
  }
  .accc-top .sustainability::before {
    top: 23.077vw;
    left: 0;
    height: calc(100% - 53.846vw);
    border-top-left-radius: 12.821vw;
  }
}
.accc-top .sustainability__inner {
  padding: 0 calc((100% - min(76.389vw, 1100px)) / 2);
}
@media only screen and (max-width: 767px) {
  .accc-top .sustainability__inner {
    padding: 0 7.692vw;
  }
}
.accc-top .sustainability__title {
  margin-bottom: var(--space-20);
}
.accc-top .sustainability__title h2 {
  color: var(--secondary-green);
}
.accc-top .sustainability__wrap {
  display: flex;
  gap: min(4.444vw, 64px);
  margin-bottom: min(4.167vw, 60px);
}
@media only screen and (max-width: 767px) {
  .accc-top .sustainability__wrap {
    flex-direction: column;
    gap: 5.128vw;
    margin-bottom: 10.256vw;
  }
}
.accc-top .sustainability__text {
  width: min(47.222vw, 680px);
  font-family: var(--family-jp);
  font-size: var(--size-18px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .accc-top .sustainability__text {
    font-size: var(--size-18px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-top .sustainability__text {
    width: 100%;
  }
}
.accc-top .sustainability__btn {
  width: min(24.583vw, 354px);
}
@media only screen and (max-width: 767px) {
  .accc-top .sustainability__btn {
    width: 100%;
  }
}
.accc-top .sustainability__image {
  width: 100%;
  aspect-ratio: 2880/900;
}
@media only screen and (max-width: 767px) {
  .accc-top .sustainability__image {
    aspect-ratio: 780/420;
  }
}
.accc-top .products {
  position: relative;
  margin-bottom: min(10.417vw, 150px);
  padding: min(6.944vw, 100px) 0;
}
@media only screen and (max-width: 767px) {
  .accc-top .products {
    margin-bottom: 20.513vw;
    padding: 0 0 10.256vw;
  }
}
.accc-top .products::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(((100% - min(76.389vw, 1100px)) / 2 + min(13.889vw, 200px)) * -1);
  width: 100%;
  height: 100%;
  background: var(--secondary-light_orange);
  border-top-right-radius: min(5.556vw, 80px);
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .accc-top .products::before {
    top: 23.077vw;
    left: 0;
    height: calc(100% - 23.077vw);
    border-top-right-radius: 12.821vw;
  }
}
.accc-top .products__inner {
  display: flex;
  justify-content: space-between;
  padding: 0 calc((100% - min(76.389vw, 1100px)) / 2);
}
@media only screen and (max-width: 767px) {
  .accc-top .products__inner {
    flex-direction: column;
    padding: 0 7.692vw;
  }
}
.accc-top .products__text-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: min(28.75vw, 414px);
}
@media only screen and (max-width: 767px) {
  .accc-top .products__text-wrap {
    margin-bottom: 10.256vw;
    width: 100%;
  }
}
.accc-top .products__title {
  margin-bottom: min(1.389vw, 20px);
}
.accc-top .products__title h2 {
  color: var(--secondary-orange);
  transform: translateX(max(-0.625vw, -9px));
}
@media only screen and (max-width: 767px) {
  .accc-top .products__title {
    margin-bottom: 5.128vw;
  }
  .accc-top .products__title h2 {
    transform: translateX(0);
  }
}
.accc-top .products__text {
  margin-bottom: min(2.778vw, 40px);
  font-family: var(--family-jp);
  font-size: var(--size-18px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .accc-top .products__text {
    font-size: var(--size-18px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-top .products__text {
    font-family: var(--family-jp);
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-top .products__text {
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-top .products__text {
    margin-bottom: 5.128vw;
  }
}
.accc-top .products_btn {
  width: min(19.583vw, 282px);
}
@media only screen and (max-width: 767px) {
  .accc-top .products_btn {
    width: 100%;
  }
}
.accc-top .products__image {
  width: min(42.5vw, 612px);
  border-radius: min(1.389vw, 20px);
}
@media only screen and (max-width: 767px) {
  .accc-top .products__image {
    width: 100%;
  }
}
.accc-top .company {
  position: relative;
  padding-bottom: min(8.333vw, 120px);
}
.accc-top .company::before {
  content: "";
  position: absolute;
  top: min(35.208vw, 507px);
  left: 0;
  width: 100%;
  height: calc(100% - min(35.208vw, 507px));
  background: var(--secondary-light_blue);
  border-top-right-radius: min(5.556vw, 80px);
  border-top-left-radius: min(5.556vw, 80px);
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .accc-top .company {
    padding-bottom: 20.513vw;
  }
  .accc-top .company::before {
    top: 122.051vw;
    height: calc(100% - 122.051vw);
    border-top-right-radius: 12.821vw;
    border-top-left-radius: 12.821vw;
  }
}
.accc-top .company__inner {
  padding: 0 calc((100% - min(76.389vw, 1100px)) / 2);
}
@media only screen and (max-width: 767px) {
  .accc-top .company__inner {
    padding: 0 7.692vw;
  }
}
.accc-top .company__title {
  margin-bottom: min(5.556vw, 80px);
}
.accc-top .company__title h2 {
  color: var(--secondary-blue);
}
@media only screen and (max-width: 767px) {
  .accc-top .company__title {
    margin-bottom: 10.256vw;
  }
}
.accc-top .company__message {
  position: relative;
  width: 100%;
  height: auto;
  min-height: min(36.111vw, 520px);
  margin-bottom: var(--space-40);
}
@media only screen and (max-width: 767px) {
  .accc-top .company__message {
    min-height: auto;
  }
}
.accc-top .company__message__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: min(1.389vw, 20px);
  background-image: url(/assets/img/accc/top/company_bg_pc.webp);
  background-position: center top;
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: -1;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .accc-top .company__message__bg {
    border-radius: 5.128vw;
    background-image: url(/assets/img/accc/top/company_bg_sp.webp);
  }
}
.accc-top .company__message__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.accc-top .company__message__inner {
  display: grid;
  grid-template-columns: min(38.194vw, 550px) auto;
  grid-template-rows: auto;
  width: 100%;
  height: 100%;
  min-height: min(36.111vw, 520px);
}
@media only screen and (max-width: 767px) {
  .accc-top .company__message__inner {
    grid-template-columns: 100%;
    grid-template-rows: repeat(2, auto);
    padding: 7.692vw 6.41vw 0;
  }
}
.accc-top .company__message__person {
  position: relative;
  grid-area: 1/1/2/2;
}
@media only screen and (max-width: 767px) {
  .accc-top .company__message__person {
    grid-area: 2/1/3/2;
    width: 100%;
  }
}
.accc-top .company__message__person__image {
  position: absolute;
  left: max(-5.278vw, -76px);
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  .accc-top .company__message__person__image {
    display: flex;
    position: static;
    margin: 0 auto;
  }
  .accc-top .company__message__person__image img {
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
.accc-top .company__message__person__name {
  position: absolute;
  left: min(3.472vw, 50px);
  bottom: min(2.778vw, 40px);
}
.accc-top .company__message__person__name span {
  padding: 0 0.4em 0.12em;
  background: #fff;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.accc-top .company__message__person__name span.position {
  line-height: 1.9em !important;
  font-family: var(--family-jp);
  font-size: var(--size-16px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .accc-top .company__message__person__name span.position {
    font-size: var(--size-16px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-top .company__message__person__name span.position {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-top .company__message__person__name span.position {
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
.accc-top .company__message__person__name span.name {
  line-height: 1.8em !important;
  font-family: var(--family-jp);
  font-size: var(--size-36px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-150);
}
@media only screen and (max-width: 767px) {
  .accc-top .company__message__person__name span.name {
    font-size: var(--size-36px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .accc-top .company__message__person__name span.name {
    font-family: var(--family-jp);
    font-size: var(--size-28px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-top .company__message__person__name span.name {
    font-size: var(--size-28px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .accc-top .company__message__person__name {
    left: 0;
    bottom: 7.692vw;
  }
}
.accc-top .company__message__text {
  grid-area: 1/2/2/3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: min(32.778vw, 472px);
  padding: min(6.944vw, 100px) 0;
}
@media only screen and (max-width: 767px) {
  .accc-top .company__message__text {
    grid-area: 1/1/2/2;
    width: 100%;
    margin-bottom: 5.128vw;
    padding: 0;
  }
}
.accc-top .company__message__text__title {
  margin-bottom: var(--space-20);
}
.accc-top .company__message__text__body {
  margin-bottom: min(2.778vw, 40px);
  font-family: var(--family-jp);
  font-size: var(--size-18px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .accc-top .company__message__text__body {
    font-size: var(--size-18px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-top .company__message__text__body {
    font-family: var(--family-jp);
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-top .company__message__text__body {
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-top .company__message__text__body {
    margin-bottom: 5.128vw;
  }
}
.accc-top .company__message__text__btn {
  width: min(18.264vw, 263px);
}
@media only screen and (max-width: 767px) {
  .accc-top .company__message__text__btn {
    width: 100%;
  }
}
.accc-top .company__info__list {
  display: flex;
  gap: min(2.153vw, 31px);
  margin-bottom: var(--space-40);
}
@media only screen and (max-width: 767px) {
  .accc-top .company__info__list {
    flex-direction: column;
    gap: 5.128vw;
  }
}
.accc-top .company__info__btn {
  width: min(19.583vw, 282px);
  margin: 0 calc((100% - min(19.583vw, 282px)) / 2);
}
@media only screen and (max-width: 767px) {
  .accc-top .company__info__btn {
    width: 67.949vw;
    margin: 0 calc((100% - 67.949vw) / 2);
  }
}

.area--hokkaido .company__message__person__image {
  left: min(5.278vw, 76px);
  width: min(31.667vw, 456px);
  aspect-ratio: 912/1160;
}
@media only screen and (max-width: 767px) {
  .area--hokkaido .company__message__person__image {
    width: 66.41vw;
  }
}

.area--touhoku .company__message__person__image {
  left: min(8.403vw, 121px);
  width: min(25.278vw, 364px);
  aspect-ratio: 364/580;
}
@media only screen and (max-width: 767px) {
  .area--touhoku .company__message__person__image {
    width: 52.821vw;
  }
}

.area--kanshinetsu .company__message__person__image {
  left: min(3.611vw, 52px);
  width: min(32.708vw, 471px);
  aspect-ratio: 471/580;
}
@media only screen and (max-width: 767px) {
  .area--kanshinetsu .company__message__person__image {
    width: 68.462vw;
  }
}

.area--shutoken .company__message__person__image {
  left: min(2.917vw, 42px);
  width: min(35.347vw, 509px);
  aspect-ratio: 509/580;
}
@media only screen and (max-width: 767px) {
  .area--shutoken .company__message__person__image {
    width: 73.846vw;
  }
}

.area--chubu .company__message__person__image {
  left: min(5.208vw, 75px);
  width: min(30.694vw, 442px);
  aspect-ratio: 442/580;
}
@media only screen and (max-width: 767px) {
  .area--chubu .company__message__person__image {
    width: 64.103vw;
  }
}

.area--nishinihon .company__message__person__image {
  left: min(5.556vw, 80px);
  width: min(32.083vw, 462px);
  aspect-ratio: 462/580;
}
@media only screen and (max-width: 767px) {
  .area--nishinihon .company__message__person__image {
    width: 67.179vw;
  }
}

.area--kyushu .company__message__person__image {
  left: min(7.153vw, 103px);
  width: min(28.889vw, 416px);
  aspect-ratio: 416/580;
}
@media only screen and (max-width: 767px) {
  .area--kyushu .company__message__person__image {
    width: 60.513vw;
  }
}

@media print, screen and (min-width: 768px) {
  .area--kft .news__btn {
    width: min(35.972vw, 518px);
  }
}
.area--kft .company__message__person__image {
  left: min(8.542vw, 123px);
  width: min(26.806vw, 386px);
  aspect-ratio: 386/580;
}
@media only screen and (max-width: 767px) {
  .area--kft .company__message__person__image {
    width: 56.154vw;
  }
}

.area--yashima .company__message__person__image {
  left: min(2.778vw, 40px);
  width: min(34.861vw, 502px);
  aspect-ratio: 502/580;
}
@media only screen and (max-width: 767px) {
  .area--yashima .company__message__person__image {
    width: 73.077vw;
  }
}

.area--niigata .about__head__wrap {
  width: min(35.417vw, 510px);
}
@media only screen and (max-width: 767px) {
  .area--niigata .about__head__wrap {
    width: 100%;
  }
}
.area--niigata .company__message__person__image {
  left: min(2.778vw, 40px);
  width: min(32.847vw, 473px);
  aspect-ratio: 473/580;
}
@media only screen and (max-width: 767px) {
  .area--niigata .company__message__person__image {
    width: 68.718vw;
  }
}

@media print, screen and (min-width: 768px) {
  .area--deliciouscook .news__btn {
    width: min(28.542vw, 411px);
  }
}
.area--deliciouscook .company__message__person__image {
  left: min(5.486vw, 79px);
  width: min(27.431vw, 395px);
  aspect-ratio: 395/580;
}
@media only screen and (max-width: 767px) {
  .area--deliciouscook .company__message__person__image {
    width: 57.436vw;
  }
}

@media print, screen and (min-width: 768px) {
  .area--lxtp .news__btn {
    width: min(34.931vw, 503px);
  }
}
.area--lxtp .company__message__person__image {
  left: min(5.069vw, 73px);
  width: min(28.264vw, 407px);
  aspect-ratio: 407/580;
}
@media only screen and (max-width: 767px) {
  .area--lxtp .company__message__person__image {
    width: 59.231vw;
  }
}

@media print, screen and (min-width: 768px) {
  .area--tdlogitem .news__btn {
    width: min(25.417vw, 366px);
  }
}
.area--tdlogitem .company__message__person__image {
  left: min(6.458vw, 93px);
  width: min(29.306vw, 422px);
  aspect-ratio: 422/580;
}
@media only screen and (max-width: 767px) {
  .area--tdlogitem .company__message__person__image {
    width: 61.282vw;
  }
}

@media print, screen and (min-width: 768px) {
  .area--kbs .news__btn {
    width: min(30.486vw, 439px);
  }
}
.area--kbs .company__message__person__image {
  left: min(3.75vw, 54px);
  width: min(33.403vw, 481px);
  aspect-ratio: 481/580;
}
@media only screen and (max-width: 767px) {
  .area--kbs .company__message__person__image {
    width: 70vw;
  }
}
.area--kbs .hoken {
  height: min(25.417vw, 366px);
  background: linear-gradient(to bottom, #B8E5FF, #B8E5FF 74.864%, #8DCB3A 74.864%);
}
@media only screen and (max-width: 767px) {
  .area--kbs .hoken {
    height: 109.744vw;
    background: linear-gradient(to bottom, #B8E5FF, #B8E5FF 48.735%, #8DCB3A 48.735%);
  }
}
.area--kbs .hoken__inner {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.area--kbs .hoken__background {
  position: absolute;
  inset: 0;
  margin-inline: auto;
  width: var(--screen-width-pc);
}
.area--kbs .hoken__left-cloud {
  position: absolute;
  background: url("/assets/img/kbs/top/hoken-left-cloud.webp") no-repeat center/contain;
  width: min(21.806vw, 314px);
  height: min(9.097vw, 131px);
  left: min(12.917vw, 186px);
  top: min(9.931vw, 143px);
}
@media only screen and (max-width: 767px) {
  .area--kbs .hoken__left-cloud {
    width: 41.436vw;
    height: 17.279vw;
    left: 1.538vw;
    top: 36.154vw;
  }
}
.area--kbs .hoken__left-cloud--2 {
  left: min(31.667vw, 456px);
}
@media only screen and (max-width: 767px) {
  .area--kbs .hoken__left-cloud--2 {
    display: none;
  }
}
.area--kbs .hoken__right-cloud {
  position: absolute;
  background: url("/assets/img/kbs/top/hoken-right-cloud.webp") no-repeat center/contain;
  width: min(21.806vw, 314px);
  height: min(9.097vw, 131px);
  right: min(2.083vw, 30px);
  top: min(9.931vw, 143px);
}
@media only screen and (max-width: 767px) {
  .area--kbs .hoken__right-cloud {
    width: 41.436vw;
    height: 17.279vw;
    right: 1.282vw;
    top: 36.154vw;
  }
}
.area--kbs .hoken__frogs {
  position: absolute;
  width: min(31.111vw, 448px);
  height: min(8.542vw, 123px);
  top: min(12.431vw, 179px);
  left: min(17.708vw, 255px);
  background: url("/assets/img/kbs/top/hoken-frogs.webp") no-repeat center/contain;
}
@media only screen and (max-width: 767px) {
  .area--kbs .hoken__frogs {
    width: var(--container-width-sp);
    height: 23.667vw;
    top: 36.854vw;
    left: 7.692vw;
  }
}
.area--kbs .hoken__rainbow {
  position: absolute;
  background: url("/assets/img/kbs/top/hoken-rainbow.webp") no-repeat center/contain;
  top: min(2.222vw, 32px);
  left: 0;
  width: min(47.569vw, 685px);
  height: min(16.806vw, 242px);
}
@media only screen and (max-width: 767px) {
  .area--kbs .hoken__rainbow {
    width: 154.359vw;
    height: 54.615vw;
    top: 4.103vw;
    left: -27.179vw;
  }
}
.area--kbs .hoken__title {
  position: absolute;
  padding-top: min(1.736vw, 25px);
  padding-inline: min(4.306vw, 62px);
  top: min(4.115vw, 59.25px);
  left: min(13.264vw, 191px);
  width: min(50.417vw, 726px);
  height: min(6.854vw, 98.7px);
  background: url("/assets/img/kbs/top/hoken-speech-bubble-pc.webp") no-repeat center/contain;
  font-family: var(--family-jp);
  font-size: var(--size-26px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-150);
}
@media only screen and (max-width: 767px) {
  .area--kbs .hoken__title {
    font-size: var(--size-26px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .area--kbs .hoken__title {
    font-family: var(--family-jp);
    font-size: var(--size-20px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .area--kbs .hoken__title {
    font-size: var(--size-20px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .area--kbs .hoken__title {
    margin-inline: auto;
    padding-top: 3.59vw;
    padding-inline: 11.795vw;
    top: 10.256vw;
    left: 0;
    width: var(--container-width-sp);
    height: 25.308vw;
    background: url("/assets/img/kbs/top/hoken-speech-bubble-sp.webp") no-repeat center/contain;
  }
}
.area--kbs .hoken__content {
  position: absolute;
  inset: 0;
  margin-inline: auto;
  width: var(--container-width-pc);
}
@media only screen and (max-width: 767px) {
  .area--kbs .hoken__content {
    width: var(--container-width-sp);
  }
}
.area--kbs .hoken__content > div {
  position: absolute;
  width: min(31.111vw, 448px);
  right: min(5.417vw, 78px);
  bottom: min(4.167vw, 60px);
}
@media only screen and (max-width: 767px) {
  .area--kbs .hoken__content > div {
    margin-inline: auto;
    width: var(--container-width-sp);
    right: 0;
    bottom: 10.256vw;
  }
}
.area--kbs .hoken__content > div > p {
  text-align: center;
  margin-bottom: min(1.389vw, 20px);
  font-family: var(--family-jp);
  font-size: var(--size-18px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .area--kbs .hoken__content > div > p {
    font-size: var(--size-18px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .area--kbs .hoken__content > div > p {
    font-family: var(--family-jp);
    font-size: var(--size-16px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .area--kbs .hoken__content > div > p {
    font-size: var(--size-16px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .area--kbs .hoken__content > div > p {
    margin-bottom: 2.564vw;
  }
}
.area--kbs .hoken__content > div .c-button {
  display: flex;
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .area--kbs .hoken__content > div .c-button {
    width: 80.513vw;
  }
}

@media print, screen and (min-width: 768px) {
  .area--kbe .news__btn {
    width: min(32.986vw, 475px);
  }
}
.area--kbe .company__message__person__image {
  left: min(1.528vw, 22px);
  width: min(36.736vw, 529px);
  aspect-ratio: 529/580;
}
@media only screen and (max-width: 767px) {
  .area--kbe .company__message__person__image {
    width: 76.923vw;
  }
}/*# sourceMappingURL=accc-top.css.map */