@charset "shift_jis";
/************************************
    Values
************************************/
.page-values .wrapper {
  padding: 17.8117048346vw 0 0;
}
.page-values .pagetitle__container {
  position: relative;
}
.page-values .pagetitle__container .breadcrumbs {
  margin-bottom: 8.1424936387vw;
  padding: 0;
}
.page-values .pagetitle__container .pagetitle {
  font-size: 7.1246819338vw;
  letter-spacing: 0.05em;
  margin-bottom: 10.1781170483vw;
}
.page-values .section__wrapper-gradation {
  background: linear-gradient(179.98deg, rgba(201, 218, 242, 0.5) 0.38%, rgba(244, 200, 181, 0.1) 60.22%, rgba(201, 218, 242, 0.55) 100.35%);
}
.page-values .section__wrapper-gradation p + p {
  padding-top: 6.106870229vw;
}
.page-values .section__wrapper * {
  letter-spacing: 0.05em;
}
.page-values .section__inner {
  padding: 16.2849872774vw 6.106870229vw;
}
.page-values .section__inner-full {
  padding: 0;
}
.page-values .section [id] {
  scroll-margin-top: 140px;
}

.section-group {
  background-color: rgba(255, 255, 255, 0.5);
}
.section-group .section__content .sectionContent__inner {
  padding: 16.2849872774vw 6.106870229vw 16.2849872774vw;
}
.section-group .section__content-management .ttl--h2 {
  font-family: "Noto Sans JP", sans-serif;
}
.section-group .section__content-management .ttl--h2__category {
  color: #033d8a;
  display: block;
  font-size: 4.5801526718vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-bottom: 4.0712468193vw;
}
.section-group .section__content-management .ttl--h2__image {
  display: flex;
  width: 77.0992366412vw;
}
.section-group .section__content-management .content__lead {
  font-size: 3.8167938931vw;
  letter-spacing: 0.05em;
  line-height: 2.2;
}
.section-group .section__content-management .image__item {
  line-height: 0;
}
.section-group .section__content-management .image__item img {
  border-radius: 32px;
  -webkit-filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.16));
          filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.16));
}
.section-group .section__content-management .image-single {
  width: 63.6132315522vw;
}
.section-group .section__content-management .image-column .image__item:nth-of-type(1) {
  width: 61.0687022901vw;
}
.section-group .section__content-management .image-column .image__item:nth-of-type(2) {
  width: 45.8015267176vw;
}

.section-birth .ttl--h2,
.section-birth .content__lead,
.section-birth .image,
.section-local .ttl--h2,
.section-local .content__lead,
.section-local .image,
.section-change .ttl--h2,
.section-change .content__lead,
.section-change .image {
  letter-spacing: 0.05em;
}
.section-birth .ttl--h2,
.section-local .ttl--h2,
.section-change .ttl--h2 {
  align-items: flex-start;
  display: flex;
  flex-direction: row-reverse;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
}
.section-birth .ttl--h2-vertical span,
.section-local .ttl--h2-vertical span,
.section-change .ttl--h2-vertical span {
  color: #033d8a;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-feature-settings: initial; /* 20250707 縦書き文字左右中央揃え */
}
.section-birth .ttl--h2 span,
.section-local .ttl--h2 span,
.section-change .ttl--h2 span {
  display: block;
  font-size: 6.6157760814vw;
  letter-spacing: 0.1em;
  line-height: 1em;
}
.section-birth .ttl--h2 span:first-child,
.section-local .ttl--h2 span:first-child,
.section-change .ttl--h2 span:first-child {
  margin-left: 2.0356234097vw;
}
.section-birth .content__lead,
.section-local .content__lead,
.section-change .content__lead {
  line-height: 2.2em;
}

.section-birth .section__inner {
  display: flex;
}
.section-birth .section__inner .ttl--h2 {
  margin-bottom: 0;
  order: 1;
}
.section-birth .section__inner .content__lead {
  order: 3;
}
.section-birth .section__inner .image {
  width: 64.5vw;
}

.section-local .section__inner {
  display: flex;
  flex-wrap: wrap;
}
.section-local .section__inner .ttl--h2 {
  order: 1;
  z-index: 1;
}
.section-local .section__inner .ttl--h2 span {
  letter-spacing: 0.2em;
}
.section-local .section__inner .content__lead {
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, 0.6);
  order: 3;
  padding: 6.106870229vw;
  width: calc(100% - 6.106870229vw);
  z-index: 1;
}
.section-local .section__inner .image {
  margin-left: 6.106870229vw;
  margin-top: -40.7124681934vw;
  order: 2;
  width: calc(100% - 6.106870229vw);
  z-index: 0;
}
.section-local .section__inner .image picture {
  display: flex;
}

.section-change .section__inner {
  display: flex;
}
.section-change .section__inner .ttl--h2 {
  width: 15.2671755725vw;
}
.section-change .section__inner .ttl--h2 span {
  letter-spacing: 0.2em;
}
.section-embody .content__lead {
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, 0.6);
  padding: 6.106870229vw;
  width: calc(100% - 6.106870229vw);
}
.section-embody .content__bg {
  background: url(../../images/brand/values/img_values04_sp.jpg) no-repeat;
  background-size: 100% 76.3358778626vw;
}

.section-ending {
  padding: 16.2849872774vw 0 30.534351145vw;
}
.section-ending .content__slogan {
  display: flex;
}
.section-ending .content__slogan .ttl--h2 {
  display: flex;
  flex-direction: column;
  font-family: "Noto Sans JP", sans-serif;
  margin-bottom: 16.2849872774vw;
  width: 78.1170483461vw;
}
.section-ending .content__slogan .ttl--h2__category {
  align-items: center;
  color: #033d8a;
  display: flex;
  font-size: 4.5801526718vw;
  font-weight: 500;
  height: 6.6157760814vw;
  justify-content: center;
  letter-spacing: 0.05em;
  line-height: 6.6157760814vw;
  margin-bottom: 4.0712468193vw;
}
.section-ending .content__slogan .ttl--h2__category span {
  font-size: 4.0712468193vw;
}
.section-ending .content__slogan .ttl--h2__image {
  display: flex;
  width: 77.0992366412vw;
}
.section-ending .content__logo {
  margin: 0 auto;
  width: 66.76844784vw; /* 20250717変更(40.7124681934vw) */
}
@media all and (min-width: 1024px) {
  .page-values .wrapper {
    padding: min(9.7222222222vw, 140px) 0 0;
  }
  .page-values .pagetitle__container .breadcrumbs {
    margin-bottom: min(2.7777777778vw, 40px);
    padding: 0;
    width: 100%;
  }
  .page-values .pagetitle__container .pagetitle {
    flex-wrap: wrap;
    font-size: min(3.3333333333vw, 48px);
    margin-bottom: min(2.7777777778vw, 40px);
  }
  .page-values .pagetitle__inner {
    margin: min(4.4444444444vw, 64px) auto;
  }
  .page-values .section__wrapper {
    background-image: url(../../images/brand/imb_bg_circle1_lower.svg), url(../../images/brand/imb_bg_circle2_lower.svg);
    background-position: calc(50% - min(26.9444444444vw, 388px)) min(-11.8055555556vw, -170px), calc(50% + min(30.2083333333vw, 435px)) min(19.1666666667vw, 276px);
    background-repeat: no-repeat;
    background-size: min(48.6111111111vw, 700px) min(46.8055555556vw, 674px), min(48.6111111111vw, 700px) min(47.9166666667vw, 690px);
  }
  .page-values .section__wrapper-gradation {
    padding: min(4.1666666667vw, 60px) 0 min(8.3333333333vw, 120px);
  }
  .page-values .section__wrapper-gradation p {
    font-size: min(1.25vw, 18px);
    line-height: 2.2em;
  }
  .page-values .section__wrapper-gradation p + p {
    padding-top: min(1.6666666667vw, 24px);
  }
  .page-values .section__inner {
    padding: min(4.4444444444vw, 64px) min(10.4166666667vw, 150px);
  }
  .page-values .section__inner-full {
    padding: 0;
  }
  .section-group .section__content .sectionContent__inner {
    margin-left: auto;
    margin-right: auto;
    padding: min(5.5555555556vw, 80px) min(10.4166666667vw, 150px);
    width: min(100vw, 1440px);
  }
  .section-group .section__content-management .sectionContent__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .section-group .section__content-management .ttl--h2__category {
    font-size: min(1.25vw, 18px);
    margin-bottom: min(1.1111111111vw, 16px);
  }
  .section-group .section__content-management .ttl--h2__image {
    width: min(24.4444444444vw, 352px);
  }
  .section-group .section__content-management .content {
    display: flex;
    gap: min(5vw, 72px);
  }
  .section-group .section__content-management .content:first-child {
    margin-bottom: min(1.1111111111vw, 16px);
  }
  .section-group .section__content-management .content__lead {
    font-size: min(1.1111111111vw, 16px);
    line-height: 1.8;
    margin-top: min(3.0555555556vw, 44px);
  }
  .section-group .section__content-management .image-single {
    width: min(25vw, 360px);
  }
  .section-group .section__content-management .image-column {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: min(-5.5555555556vw, -80px);
    width: 100%;
  }
  .section-group .section__content-management .image-column .image__item:nth-of-type(1) {
    margin-right: min(6.9444444444vw, 100px);
    width: min(27.7777777778vw, 400px);
  }
  .section-group .section__content-management .image-column .image__item:nth-of-type(2) {
    margin-top: min(12.5vw, 180px);
    width: min(19.4444444444vw, 280px);
  }
  .section-birth .ttl--h2 span,
  .section-local .ttl--h2 span,
  .section-change .ttl--h2 span {
    font-size: min(3.1944444444vw, 46px);
  }
  .section-birth .ttl--h2 span:first-child,
  .section-local .ttl--h2 span:first-child,
  .section-change .ttl--h2 span:first-child {
    margin-left: min(1.6666666667vw, 24px);
  }
  .section-birth .section__inner {
    align-items: center;
    gap: min(4.1666666667vw, 60px);
    padding-bottom: min(6.9444444444vw, 100px);
  }
  .section-birth .section__inner .ttl--h2 {
    order: 2;
  }
  .section-birth .section__inner .content__lead {
    order: 1;
    width: min(32.7777777778vw, 472px);
  }
  .section-birth .section__inner .image {
    top: min(5.2777777778vw, 76px);
    width: 44.5vw;
  }
  .section-local .section__inner {
    justify-content: center;
    margin-left: auto;
  }
  .section-local .section__inner .ttl--h2 {
    margin-right: min(4.1666666667vw, 60px);
  }
  .section-local .section__inner .content__lead {
    order: 2;
    padding: min(2.7777777778vw, 40px);
    width: min(56.3888888889vw, 812px);
  }
  .section-local .section__inner .image {
    margin-left: auto;
    margin-top: -217px;
    order: 3;
    width: calc(100vw - min(10.4166666667vw, 150px));
  }
  .section-change .section__inner {
    align-items: center;
    gap: min(3.8194444444vw, 55px);
    margin-bottom: min(11.1111111111vw, 160px);
    margin-top: min(11.1111111111vw, 160px);
    padding: 0;
    width: min(86.1111111111vw, 1240px);
  }
  .section-change .section__inner .ttl--h2 {
    order: 1;
    width: min(7.5vw, 108px);
  }
  .section-change .section__inner .image {
    height: min(45.8333333333vw, 660px);
    order: 2;
    width: min(27.7777777778vw, 400px);
  }
  .section-change .section__inner .content__lead {
    width: min(43.1944444444vw, 622px);
  }
  .section-embody .section__inner {
    padding-bottom: min(9.8611111111vw, 142px);
    position: relative;
  }
  .section-embody .content__lead {
    background: rgba(255, 255, 255, 0.7);
    left: calc(50% + min(-5.5555555556vw, -80px));
    padding: min(2.7777777778vw, 40px);
    position: absolute;
    top: min(6.9444444444vw, 100px);
    width: min(50.0694444444vw, 721px);
  }
  .section-embody .content__bg {
    background: url(../../images/brand/values/img_values04.jpg) no-repeat;
    background-size: cover;
    height: min(41.6666666667vw, 600px);
    position: relative;
    top: 0;
  }
  .section-ending {
    margin: 0 auto;
    padding: 0;
    width: min(62.7777777778vw, 904px);
  }
  .section-ending .content__slogan {
    gap: min(8.3333333333vw, 120px);
    justify-content: center;
  }
  .section-ending .content__slogan .ttl--h2 {
    margin-bottom: min(4.4444444444vw, 64px);
    width: min(27.2222222222vw, 392px);
  }
  .section-ending .content__slogan .ttl--h2__category {
    height: min(1.8055555556vw, 26px);
    line-height: min(1.8055555556vw, 26px);
    margin-bottom: min(1.1111111111vw, 16px);
  }
  .section-ending .content__slogan .ttl--h2__category span {
    font-size: min(1.25vw, 18px);
  }
  .section-ending .content__slogan .ttl--h2__image {
    width: min(27.2222222222vw, 392px);
  }
  .section-ending .content__logo {
    width: min(27.6666666667vw, 378px); /* 20250717変更(16.6666666667vw, 240px) */
  }
}
@media screen and (max-width: 1023px) {
  .page-values .pagetitle__container {
    margin-bottom: min(4.4444444444vw, 64px);
    z-index: -1;
  }
  .page-values .section__wrapper {
    background-image: url(../../images/brand/imb_bg_circle1_lower.svg), url(../../images/brand/imb_bg_circle2_lower.svg);
    background-position: -47.3282442748vw -12.7226463104vw, 37.1501272265vw 131.8066157761vw;
    background-repeat: no-repeat;
    background-size: 117.5572519084vw 115.7760814249vw, 117.8117048346vw 116.0305343511vw;
  }
  .section-group .section__content-management .sectionContent__inner {
    padding-top: 16.2849872774vw;
  }
  .section-group .section__content-management .ttl--h2__image--slogan2 {
    margin-bottom: 0vw;
    width: 81.0432569975vw;
  }
  .section-group .section__content-management .content:first-child {
    margin-bottom: 20.3562340967vw;
  }
  .section-group .section__content-management .image-single {
    margin-bottom: 6.106870229vw;
    margin-left: auto;
    margin-right: auto;
  }
  .section-group .section__content-management .image-column .image__item:nth-of-type(1) {
    margin-bottom: 6.106870229vw;
    margin-right: auto;
  }
  .section-group .section__content-management .image-column .image__item:nth-of-type(2) {
    margin-left: auto;
  }
  .section-birth .section__inner {
    flex-wrap: wrap;
    padding: 10.1781170483vw 0 30.534351145vw 0;
  }
  .section-birth .section__inner .ttl--h2 {
    margin-left: 10.1781170483vw;
  }
  .section-birth .section__inner .content__lead {
    padding: 10.1781170483vw 6.106870229vw 0;
  }
  .section-birth .section__inner .image {
    margin-top: 13.7404580153vw;
  }
  .section-local .section__inner .ttl--h2 {
    background: rgba(236, 234, 238, 0.6);
    margin-left: 20.3562340967vw;
    padding: 2.5445292621vw;
  }
  .section-local .section__inner .content__lead {
    margin-top: -5.0890585242vw;
  }
  .section-change .section__inner {
    align-items: start;
    flex-wrap: wrap;
    gap: 15.2671755725vw 10.1781170483vw;
    padding: 30.534351145vw 6.106870229vw;
  }
  .section-change .section__inner .ttl--h2 {
    margin-top: 1.272264631vw;
  }
  .section-change .section__inner .image {
    height: 76.3358778626vw;
    margin-left: -6.106870229vw;
    margin-top: 5.0890585242vw;
    width: 64.1221374046vw;
  }
  .section-embody .content__lead {
    margin-left: auto;
    margin-top: -12.7226463104vw;
  }
  .section-embody .content__bg {
    padding-top: 76.3358778626vw;
  }
  .section-ending .content__slogan {
    align-items: center;
    flex-direction: column;
  }
  .section-ending .content__slogan .ttl--h2__image--slogan2 {
    margin-bottom: 0vw;
  }
}