@charset "UTF-8";
body {
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 800px) {
  .u-desktop {
    display: none;
  }
}

.u-mobile {
  display: none;
}
@media screen and (max-width: 800px) {
  .u-mobile {
    display: block;
  }
}

/* リキッドレイアウト対応 */
html {
  font-size: 16px;
}
@media (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  html {
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  html {
    font-size: 16px;
  }
}

/* pcの電話番号発信対応 */
a[href^="tel:"] {
  pointer-events: none;
}
a {
  text-decoration: none;
  color: inherit;
}

img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core root defaults */
/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
  width: 100%;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Blur images when they have no alt attribute */
img:not([alt]) {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
  -webkit-filter: blur(10px);
          filter: blur(10px);
}

/* フォームリセット */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

.find {
  padding: min(2.7777777778vw, 40px) 0 min(4.1666666667vw, 60px);
  background-color: #174EA1;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .find {
    padding: 7.6923076923vw 0 17.9487179487vw;
  }
}

.find__upper {
  padding: min(5.7638888889vw, 83px) 0 min(4.1666666667vw, 60px);
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 800px) {
  .find__upper {
    padding: 7.6923076923vw 0;
  }
}

.find__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.find__title {
  text-align: center;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(2.9166666667vw, 42px);
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.1em;
  margin-bottom: min(2.0833333333vw, 30px);
}
.find__title span {
  font-family: "Lato", sans-serif;
  font-size: min(1.1111111111vw, 16px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 800px) {
  .find__title {
    font-size: 7.1794871795vw;
    line-height: 1.5;
    margin-bottom: 2.5641025641vw;
  }
  .find__title span {
    display: inline-block;
    font-size: 4.1025641026vw;
    margin-bottom: 2.5641025641vw;
  }
}

.find__sub {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(0.9722222222vw, 14px);
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0;
}
@media screen and (max-width: 800px) {
  .find__sub {
    font-size: 3.3333333333vw;
  }
}

.find__container {
  position: relative;
  max-width: min(78.75vw, 1134px);
  margin: 0 auto;
  padding: min(1.3888888889vw, 20px) 0;
}
@media screen and (max-width: 800px) {
  .find__container {
    max-width: 100%;
    padding: 5.1282051282vw 0 2.5641025641vw;
  }
}

.find__picture {
  width: 100%;
  display: block;
}

.find__pin--01 {
  position: absolute;
  top: 20%;
  left: 68%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.find__pin--02 {
  position: absolute;
  top: 12%;
  left: 49%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.find__pin--03 {
  position: absolute;
  top: 38%;
  left: 54%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.find__pin--04 {
  position: absolute;
  top: 7%;
  left: 41%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.find__pin--05 {
  position: absolute;
  top: 39%;
  left: 26%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.find__pin--06 {
  position: absolute;
  top: 48%;
  left: 63%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.find__pin--07 {
  position: absolute;
  top: 25%;
  left: 76%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.find__pin--08 {
  position: absolute;
  top: 17%;
  left: 58%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.find__pin {
  width: min(2.7777777778vw, 40px);
  padding: 0;
  cursor: pointer;
	z-index: 2;
}
@media screen and (max-width: 800px) {
  .find__pin {
    width: 4.6153846154vw;
  }
}

.find__pin.active .find__click--pc {
  display: none;
}
@media screen and (max-width: 800px) {
  .find__pin.active .find__click--sp {
    display: block;
    background-color: #EA5504;
    color: #fff;
  }
}
.find__pin.active {
  z-index: 10;
}
.find__pin.active .find__card {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
  pointer-events: auto;
}
@media screen and (max-width: 800px) {
  .find__pin.active .find__card {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}

.find__click {
  color: #EA5504;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: Bold;
  font-size: min(1.1111111111vw, 16px);
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  padding: min(4.1666666667vw, 6px) min(1.3888888889vw, 20px);
  background-color: #fff;
  border-radius: 34px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateY(100%) translateX(-50%);
          transform: translateY(100%) translateX(-50%);
}
@media screen and (max-width: 800px) {
  .find__click {
    font-size: max(10px, 2.8205128205vw);
    padding: 0.5128205128vw 4.8717948718vw;
  }
}

.find__click--pc {
  display: block;
}
@media screen and (max-width: 800px) {
  .find__click--pc {
    display: none;
  }
}

.find__click--sp {
  display: none;
}
@media screen and (max-width: 800px) {
  .find__click--sp {
    display: block;
  }
}

.find__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(15px);
          transform: translateX(-50%) translateY(15px);
  z-index: 10;
  width: min(20.8333333333vw, 300px);
  height: min(22.9166666667vw, 330px);
  border: 2px solid #EA5504;
  border-radius: 4px;
  padding: min(1.3888888889vw, 20px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.35s ease, visibility 0.35s ease, -webkit-transform 0.35s ease;
  transition: opacity 0.35s ease, visibility 0.35s ease, -webkit-transform 0.35s ease;
  transition: opacity 0.35s ease, visibility 0.35s ease, transform 0.35s ease;
  transition: opacity 0.35s ease, visibility 0.35s ease, transform 0.35s ease, -webkit-transform 0.35s ease;
  pointer-events: none;
}

.find__img {
  margin-bottom: min(1.3888888889vw, 20px);
}

.find__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  margin-bottom: min(0.625vw, 9px);
}
@media screen and (max-width: 800px) {
  .find__head {
    margin-bottom: 2.5641025641vw;
  }
}

.find__label {
  display: inline-block;
  padding: 2px 3px;
  background-color: #EA5504;
  color: #fff;
  font-family: "Lato", sans-serif;
  font-size: min(1.1111111111vw, 16px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 800px) {
  .find__label {
    font-size: 4.1025641026vw;
    padding: 0.5128205128vw 0.7692307692vw;
  }
}

.find__card-img {
  margin-bottom: 5.1282051282vw;
}

.find__card-title {
  color: #EA5504;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(1.3888888889vw, 20px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 800px) {
  .find__card-title {
    font-size: 5.1282051282vw;
  }
}

.find__card-text {
  color: #121A26;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(0.9722222222vw, 14px);
  font-weight: 600;
  line-height: 1.8;
  letter-spacing: 0;
}
@media screen and (max-width: 800px) {
  .find__card-text {
    color: #EA5504;
    font-size: 3.3333333333vw;
  }
}

.find__swiper {
  max-width: 1440px;
  margin: 0 auto;
}

.swiper--find {
  overflow: visible;
}

.find__swiper-slide {
  background: #fff;
  padding: min(2.7777777778vw, 40px);
}
@media screen and (max-width: 800px) {
  .find__swiper-slide {
    padding: 5.1282051282vw;
    min-height: 310px;
  }
}

.swiper-slide.active .find__swiper-slide {
  background-color: #EA5504;
}
.swiper-slide.active .find__swiper-slide .find__label {
  background-color: #fff;
  color: #EA5504;
}
.swiper-slide.active .find__swiper-slide .find__card-title {
  color: #fff;
}
.swiper-slide.active .find__swiper-slide .find__card-text {
  color: #fff;
}

.swiper--find__nav {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateY(150%) translateX(-50%);
          transform: translateY(150%) translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7.6923076923vw;
}

.swiper--find .swiper-button-prev {
  display: none;
}
@media screen and (max-width: 800px) {
  .swiper--find .swiper-button-prev {
    display: block;
    position: relative;
    margin: 0;
    border-radius: 50%;
    background-color: #fff;
    left: auto;
    width: 7.6923076923vw;
    height: 7.6923076923vw;
  }
  .swiper--find .swiper-button-prev::before {
    content: "";
    border-left: 0.7692307692vw solid #174EA1;
    border-bottom: 0.7692307692vw solid #174EA1;
    width: 3.0769230769vw;
    height: 3.0769230769vw;
    bottom: 0;
    right: 2.0512820513vw;
    margin: auto;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

.swiper--find .swiper-button-next {
  display: none;
}
@media screen and (max-width: 800px) {
  .swiper--find .swiper-button-next {
    display: block;
    position: relative;
    margin: 0;
    border-radius: 50%;
    background-color: #fff;
    left: auto;
    width: 7.6923076923vw;
    height: 7.6923076923vw;
  }
  .swiper--find .swiper-button-next::before {
    content: "";
    margin: auto;
    position: absolute;
    border-right: 0.7692307692vw solid #174EA1;
    border-top: 0.7692307692vw solid #174EA1;
    width: 3.0769230769vw;
    height: 3.0769230769vw;
    top: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    right: 2.5641025641vw;
    bottom: 0;
  }
}

.swiper--find .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal {
  position: static;
  color: #fff;
  font-family: "Lato", sans-serif;
  font-size: clamp(10px, 1.1111111111vw, 16px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  top: max(-8.1944444444vw, -118px);
  right: min(9.7222222222vw, 140px);
  left: auto;
  bottom: auto;
  display: none;
}
@media screen and (max-width: 800px) {
  .swiper--find .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 3.0769230769vw;
    top: -10.7692307692vw;
    right: 5.1282051282vw;
  }
}

@media screen and (max-width: 800px) {
  .find__pin.active {
    /* アニメーションの指定 */
    -webkit-animation: fuwafuwa 2s infinite ease-in-out;
            animation: fuwafuwa 2s infinite ease-in-out;
  }
}

@-webkit-keyframes fuwafuwa {
  0%, 100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}

@keyframes fuwafuwa {
  0%, 100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
.footer {
  padding-bottom: min(4.1666666667vw, 60px);
}
@media screen and (max-width: 800px) {
  .footer {
    padding-bottom: 9.2307692308vw;
  }
}

.footer__upper {
  border-top: 1px solid #182130;
  border-bottom: 1px solid #182130;
  margin-bottom: min(4.1666666667vw, 60px);
}
@media screen and (max-width: 800px) {
  .footer__upper {
    border-bottom: none;
    margin-bottom: 7.6923076923vw;
  }
}

.footer__container {
  max-width: 1440px;
  padding: 0 min(8.3333333333vw, 120px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .footer__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
  }
}

.footer__content {
  width: 33.3333333333%;
  border-right: 1px solid #182130;
  padding: min(2.4305555556vw, 35px) 0;
}
.footer__content:first-child {
  border-left: 1px solid #182130;
}
.footer__content:hover .footer__head {
  text-decoration: underline;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .footer__content {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #182130;
    padding: 8.9743589744vw 0;
  }
}

.footer__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(0.6944444444vw, 10px);
}
@media screen and (max-width: 800px) {
  .footer__text {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 46.1538461538vw;
    margin: auto;
  }
}

.footer__head {
  color: #182130;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(0.9722222222vw, 14px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .footer__head {
    font-size: 3.5897435897vw;
  }
}

.footer__icon {
  width: min(1.25vw, 18px);
}
@media screen and (max-width: 800px) {
  .footer__icon {
    width: 4.6153846154vw;
  }
}

.footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer__logo {
  width: min(15.0694444444vw, 217px);
  margin-bottom: min(1.3888888889vw, 20px);
}
@media screen and (max-width: 800px) {
  .footer__logo {
    width: 55.641025641vw;
    margin-bottom: 5.1282051282vw;
  }
}

.footer__company {
  color: #182130;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(1.1111111111vw, 16px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: min(0.6944444444vw, 10px);
}
@media screen and (max-width: 800px) {
  .footer__company {
    font-size: 4.1025641026vw;
    margin-bottom: 2.5641025641vw;
  }
}

.footer__message {
  color: #182130;
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(10px, 0.8333333333vw, 12px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 800px) {
  .footer__message {
    font-size: 3.0769230769vw;
  }
}

.fv {
  overflow: hidden;
  position: relative;
  height: 100vh;
}
@media screen and (max-width: 800px) {
  .fv {
    height: 216.1538461538vw;
  }
}

.fv__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.fv__bg-image {
  width: 101.3888888889vw;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
@media screen and (max-width: 800px) {
  .fv__bg-image {
    width: 169.4871794872vw;
  }
}

.fv-opening__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.fv-main__bg {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.fv__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.fv__logo {
  width: min(17.4305555556vw, 251px);
  height: min(18.5416666667vw, 267px);
  margin-bottom: min(2.0833333333vw, 30px);
  position: relative;
}
@media screen and (max-width: 800px) {
  .fv__logo {
    width: min(51.7948717949vw, 320px);
    height: min(55.3846153846vw, 340px);
    margin-bottom: 7.6923076923vw;
  }
}

.fv-opening__logo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fv-main__logo {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fv__catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .fv__catch {
    margin-bottom: -20px;
  }
}

.fv__copy {
  color: #fff;
  font-family: Noto Sans JP;
  font-weight: 700;
  font-style: Bold;
  font-size: min(3.75vw, 54px);
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 20%;
  text-align: center;
  margin-bottom: min(1.3888888889vw, 20px);
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width: 800px) {
  .fv__copy {
    font-size: min(8.7179487179vw, 50px);
    margin-bottom: 5.1282051282vw;
  }
}

.fv__mini {
  color: #fff;
  font-family: Noto Sans JP;
  font-weight: 700;
  font-style: Bold;
  font-size: min(1.3888888889vw, 20px);
  leading-trim: NONE;
  line-height: 150%;
  letter-spacing: 10%;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .fv__mini {
    font-size: min(5.1282051282vw, 32px);
  }
}

.fv__sub {
  color: #fff;
  font-family: Lato;
  font-weight: 700;
  font-style: Italic;
  font-size: min(3.3333333333vw, 48px);
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 10%;
  text-align: center;
  margin-top: -40px;
}
@media screen and (max-width: 800px) {
  .fv__sub {
    font-size: min(10.2564102564vw, 64px);
		margin-top: -80px;
  }
}

.fv__text {
  color: #121A26;
  font-family: Noto Sans JP;
  font-weight: 700;
  font-style: Bold;
  font-size: min(1.1111111111vw, 16px);
  leading-trim: NONE;
  line-height: 180%;
  letter-spacing: 10%;
  text-align: center;
  margin-bottom: min(2.0833333333vw, 30px);
}
@media screen and (max-width: 800px) {
  .fv__text {
    font-size: min(3.3333333333vw, 20px);
    margin-bottom: 7.6923076923vw;
  }
}

.fv.is-main .fv__copy {
  color: #EA5B04;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
.fv.is-main .fv__copy span {
  color: #1D50A2;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
.fv.is-main .fv__mini {
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  color: #1D50A2;
}
.fv.is-main .fv__sub {
  color: #EA5B04;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
.fv.is-main .fv__sub span {
  color: #1D50A2;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}

body.is-fixed {
  overflow: hidden;
  height: 100%;
}

header {
  height: 88px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99;
}
@media screen and (max-width: 800px) {
  header {
    height: clamp(60px, 16.1333333333vw, 121px);
  }
}

.header__inner {
  height: 100%;
  padding: 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 999;
}
@media screen and (max-width: 800px) {
  .header__inner {
    padding: 0 5.1282051282vw;
  }
}

.header__title {
  width: min(11.3888888889vw, 164px);
}
@media screen and (max-width: 800px) {
  .header__title {
    width: 33.5897435897vw;
  }
}

.header__logo-normal {
  display: block;
}

.header__logo-white {
  display: none;
}

header.open .header__logo-normal {
  display: none;
}
header.open .header__logo-white {
  display: block;
}

.header__container {
  width: min(100vw, 1440px);
  height: 100vh;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .header__container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 28.9743589744vw;
  }
}

.header__links {
  width: min(72.2222222222vw, 1040px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(34.7222222222vw, 50px);
  padding: min(8.6111111111vw, 124px) min(8.3333333333vw, 124px) min(4.1666666667vw, 124px);
}
@media screen and (max-width: 800px) {
  .header__links {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding: 25.641025641vw 5.1282051282vw 0;
  }
}

.header__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.header__link::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
}
@media screen and (max-width: 800px) {
  .header__link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.header__start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 10px;
}

.header__number {
  width: min(4.6527777778vw, 67px);
}
@media screen and (max-width: 800px) {
  .header__number {
    width: 5.8974358974vw;
  }
}

.header__item {
  color: #fff;
  font-family: "Lato", sans-serif;
  font-size: min(2.0833333333vw, 30px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;
}
@media screen and (max-width: 800px) {
  .header__item {
    font-size: 3.3333333333vw;
  }
}

.header__end {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(1.6666666667vw, 24px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 800px) {
  .header__end {
    font-size: 3.3333333333vw;
  }
}

.header__bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 27.7777777778vw;
}
@media screen and (max-width: 800px) {
  .header__bg {
    position: static;
    width: 100%;
  }
}

/* 画面の高さが800px以上のとき */
@media (min-height: 800px) {
  .header__bg {
    bottom: 0;
  }
}
/* 画面の高さが800px未満のとき */
@media (max-height: 799px) {
  .header__bg {
    bottom: auto;
  }
}
.header__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
  width: 80px;
  height: 48px;
  padding: 11px 16px;
  background-color: #174EA1;
}
@media screen and (max-width: 800px) {
  .header__button {
    width: 13.8461538462vw;
    height: 10.2564102564vw;
    padding: 2.8205128205vw 1.7948717949vw 1.7948717949vw;
  }
}
.header__button:hover {
  opacity: 0.7;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header__button-line {
  width: 100%;
  height: 9px;
  position: relative;
}
.header__button-line span {
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header__button-line span:nth-child(1) {
  top: 0;
  left: 0;
}
.header__button-line span:nth-child(2) {
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 800px) {
  .header__button-line {
    height: 1.9230769231vw;
  }
  .header__button-line span {
    height: 0.5128205128vw;
  }
}

.header__button-menu {
  width: 100%;
}

.header__menu-blue {
  display: none;
}

.open .header__button .header__button-line span {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.open .header__button .header__button-line span:nth-child(1) {
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
  top: 3px;
}
.open .header__button .header__button-line span:nth-child(2) {
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
  bottom: 3px;
}
@media screen and (max-width: 800px) {
  .open .header__button {
    background-color: #fff;
  }
  .open .header__button .header__button-line span {
    background-color: #004098;
  }
  .open .header__button .header__button-line span:nth-child(1) {
    top: 0.5128205128vw;
  }
  .open .header__button .header__button-line span:nth-child(2) {
    bottom: 0.5128205128vw;
  }
  .open .header__button .header__menu-normal {
    display: none;
  }
  .open .header__button .header__menu-blue {
    display: block;
  }
}

.header__nav-sp {
  overscroll-behavior: contain;
  overflow-y: scroll;
  z-index: 99;
  margin: 0 auto;
  height: 100vh;
  background-color: #004098;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0.6s ease, opacity 0.6s ease;
  transition: visibility 0.6s ease, opacity 0.6s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header__nav-sp.open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header__fixed {
  overflow: hidden;
}

.history {
  position: relative;
  padding-top: min(2.7777777778vw, 40px);
}
@media screen and (max-width: 800px) {
  .history {
    padding-top: 5.1282051282vw;
  }
}

.history__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.history__wrapper {
  max-width: 1440px;
  margin: 0 auto;
  padding-top: min(6.3888888889vw, 92px);
  position: relative;
}
.history__wrapper::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #fff;
  opacity: 0.3;
  position: absolute;
  top: 0;
  left: min(12.5vw, 180px);
}
@media screen and (max-width: 800px) {
  .history__wrapper {
    padding-top: 7.6923076923vw;
  }
  .history__wrapper::before {
    left: 19.4871794872vw;
  }
}

.history__container {
  position: relative;
  padding: 0 min(8.3333333333vw, 120px);
}
@media screen and (max-width: 800px) {
  .history__container {
    padding: 0 2.5641025641vw;
  }
}

.history__container--1946 {
  margin-bottom: min(8.3333333333vw, 120px);
}
.history__container--1946 .history__contents {
  gap: min(6.8055555556vw, 98px);
}
.history__container--1946 .history__end {
  margin-top: min(4.1666666667vw, 60px);
}
.history__container--1946 .history__picture01 {
  width: min(24.0277777778vw, 346px);
  position: absolute;
  top: min(3.2638888889vw, 47px);
  right: 0;
}
@media screen and (max-width: 800px) {
  .history__container--1946 {
    padding-right: 3.5897435897vw;
    margin-bottom: 35.8974358974vw;
  }
  .history__container--1946 .history__contents {
    gap: 4.6153846154vw;
  }
  .history__container--1946 .history__end {
    margin-top: 42.3076923077vw;
  }
  .history__container--1946 .history__picture01 {
    width: 54.8717948718vw;
    position: absolute;
    top: 0;
    left: 24.8717948718vw;
  }
}

.history__container--1966 {
  margin-bottom: min(19.4444444444vw, 280px);
}
.history__container--1966 .history__contents {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.history__container--1966 .history__picture02 {
  width: min(17.0138888889vw, 245px);
  position: absolute;
  top: max(-4.1666666667vw, -60px);
  left: min(28.2638888889vw, 407px);
}
.history__container--1966 .history__picture03 {
  width: min(21.9444444444vw, 316px);
  position: absolute;
  top: min(10vw, 144px);
  left: 0;
}
@media screen and (max-width: 800px) {
  .history__container--1966 {
    margin-bottom: 63.3333333333vw;
  }
  .history__container--1966 .history__contents {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 5.1282051282vw;
  }
  .history__container--1966 .history__end {
    margin-top: 10.2564102564vw;
  }
  .history__container--1966 .history__picture02 {
    width: 54.6153846154vw;
    position: absolute;
    top: -28.2051282051vw;
    right: 0;
  }
  .history__container--1966 .history__picture03 {
    width: 45.1282051282vw;
    position: absolute;
    top: 74.8717948718vw;
    left: 0;
  }
}

.history__container--1975 {
  margin-bottom: min(9.0277777778vw, 130px);
}
.history__container--1975 .history__contents {
  gap: min(6.5972222222vw, 95px);
}
.history__container--1975 .history__end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(2.7777777778vw, 40px);
  margin-top: min(-6.25vw, -90px);
}
.history__container--1975 .history__block:nth-child(2) {
  margin-left: min(25.4166666667vw, 366px);
}
.history__container--1975 .history__picture04 {
  width: min(27.3611111111vw, 394px);
  position: absolute;
  top: max(-12.5694444444vw, -181px);
  right: min(8.3333333333vw, 120px);
}
.history__container--1975 .history__picture05 {
  width: min(24.5833333333vw, 354px);
  position: absolute;
  top: min(13.2638888889vw, 191px);
  left: min(17.2222222222vw, 248px);
}
@media screen and (max-width: 800px) {
  .history__container--1975 {
    margin-bottom: 51.2820512821vw;
  }
  .history__container--1975 .history__contents {
    gap: 4.358974359vw;
  }
  .history__container--1975 .history__end {
    margin-top: -12.8205128205vw;
    gap: 48.7179487179vw;
  }
  .history__container--1975 .history__block:nth-child(2) {
    margin-left: 0;
  }
  .history__container--1975 .history__picture04 {
    width: 41.0256410256vw;
    position: absolute;
    top: -47.6923076923vw;
    right: 11.2820512821vw;
  }
  .history__container--1975 .history__picture05 {
    width: 51.2820512821vw;
    position: absolute;
    top: 51.2820512821vw;
    left: 19.4871794872vw;
  }
}

.history__container--1987 {
  margin-bottom: min(3.4722222222vw, 50px);
}
.history__container--1987 .history__contents {
  gap: min(6.5972222222vw, 95px);
}
.history__container--1987 .history__end {
  margin-top: min(3.4722222222vw, 50px);
}
.history__container--1987 .history__picture06 {
  width: min(23.8888888889vw, 344px);
  position: absolute;
  top: max(-3.2638888889vw, -47px);
  right: 0;
}
@media screen and (max-width: 800px) {
  .history__container--1987 {
    margin-bottom: 44.6153846154vw;
  }
  .history__container--1987 .history__contents {
    gap: 4.358974359vw;
  }
  .history__container--1987 .history__end {
    margin-top: 0;
  }
  .history__container--1987 .history__picture06 {
    width: 74.358974359vw;
    position: absolute;
    top: -43.5897435897vw;
    left: 0;
  }
}

.history__container--1990 {
  margin-bottom: min(6.7361111111vw, 97px);
}
.history__container--1990 .history__contents {
  gap: min(30.2777777778vw, 436px);
}
.history__container--1990 .history__end {
  margin-top: min(5vw, 72px);
}
.history__container--1990 .history__picture07 {
  width: min(12.5vw, 180px);
  position: absolute;
  top: min(2.2222222222vw, 32px);
  left: min(30.8333333333vw, 444px);
}
@media screen and (max-width: 800px) {
  .history__container--1990 {
    margin-bottom: 26.9230769231vw;
  }
  .history__container--1990 .history__contents {
    gap: 1.5384615385vw;
  }
  .history__container--1990 .history__end {
    margin-top: 24.358974359vw;
  }
  .history__container--1990 .history__picture07 {
    width: 40.2564102564vw;
    position: absolute;
    top: -36.9230769231vw;
    left: auto;
    right: 12.8205128205vw;
  }
}

.history__container--2010 {
  margin-bottom: min(6.25vw, 90px);
}
.history__container--2010 .history__contents {
  gap: min(4.8611111111vw, 70px);
}
.history__container--2010 .history__end {
  margin-top: min(2.0833333333vw, 30px);
}
.history__container--2010 .history__picture08 {
  width: min(27.3611111111vw, 394px);
  position: absolute;
  top: max(-2.0833333333vw, -30px);
  right: min(8.3333333333vw, 120px);
}
@media screen and (max-width: 800px) {
  .history__container--2010 {
    margin-bottom: 7.6923076923vw;
  }
  .history__container--2010 .history__contents {
    gap: 1.5384615385vw;
  }
  .history__container--2010 .history__end {
    margin-top: 24.358974359vw;
  }
  .history__container--2010 .history__picture08 {
    width: 51.2820512821vw;
    position: absolute;
    top: -19.2307692308vw;
    right: 0;
  }
}

.history__container--future {
  padding-bottom: min(15.9722222222vw, 230px);
}
.history__container--future .history__contents {
  gap: min(22.2222222222vw, 320px);
}
.history__container--future .history__end {
  margin-top: min(2.2222222222vw, 32px);
}
.history__container--future .history__picture09 {
  width: min(31.25vw, 450px);
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 800px) {
  .history__container--future {
    padding-bottom: 53.8461538462vw;
  }
  .history__container--future .history__contents {
    gap: 1.5384615385vw;
  }
  .history__container--future .history__end {
    margin-top: 8.7179487179vw;
  }
  .history__container--future .history__picture09 {
    width: 76.9230769231vw;
    position: absolute;
  }
}

.history__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.history__start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
@media screen and (max-width: 800px) {
  .history__start {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.history__era {
  color: #fff;
  font-family: "Lato", sans-serif;
  font-size: min(4.4444444444vw, 64px);
  font-weight: 300;
  font-style: italic;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 800px) {
  .history__era {
    font-size: 7.6923076923vw;
  }
}

.history__sub {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(10px, 0.9722222222vw, 14px);
  font-weight: 600;
  line-height: 1.8;
  letter-spacing: 0;
  opacity: 0.6;
}
@media screen and (max-width: 800px) {
  .history__sub {
    font-weight: 500;
    text-align: center;
    line-height: 1.4;
    font-size: 3.0769230769vw;
  }
  .history__sub span {
    font-size: 2.5641025641vw;
  }
}

.history__end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.history__head {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(2.2222222222vw, 32px);
  font-weight: 600;
  line-height: 1.8;
  letter-spacing: 0;
  margin-bottom: min(1.3888888889vw, 20px);
}
@media screen and (max-width: 800px) {
  .history__head {
    line-height: 1.6;
    font-size: 5.1282051282vw;
    margin-bottom: 5.1282051282vw;
  }
}

.history__text {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(10px, 0.9722222222vw, 14px);
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0;
  opacity: 0.6;
}
@media screen and (max-width: 800px) {
  .history__text {
    font-size: max(10px, 3.3333333333vw);
  }
}

.history__br {
  display: none;
}

@media (max-width: 900px) {
  .history__br {
    display: block;
  }
}
.inner {
  width: 100%;
  max-width: 1250px;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto;
  background-color: greenyellow;
}
@media screen and (max-width: 800px) {
  .inner {
    padding-right: 20px;
    padding-left: 20px;
    background-color: blue;
  }
}

.people {
  padding-top: min(2.7777777778vw, 40px);
}
@media screen and (max-width: 800px) {
  .people {
    padding-top: 7.6923076923vw;
  }
}

.people__container {
  overflow: hidden;
  max-width: 1440px;
  margin: 0 auto;
}

.people__upper {
  padding: min(4.1666666667vw, 60px) min(8.3333333333vw, 120px);
  max-width: 1440px;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .people__upper {
    padding: 7.6923076923vw 5.1282051282vw;
  }
}

.people__title {
  color: #EA5B04;
}
.people__title h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(2.9166666667vw, 42px);
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.1em;
}
.people__title span {
  color: #1D50A2;
}
@media screen and (max-width: 800px) {
  .people__title h3 {
    font-size: 7.1794871795vw;
    line-height: 1.5;
  }
}

.people__sub {
  display: inline-block;
  font-family: "Lato", sans-serif;
  font-size: min(1.1111111111vw, 16px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 800px) {
  .people__sub {
    font-size: 3.0769230769vw;
    margin-bottom: 2.5641025641vw;
  }
}

.people__swiper {
  max-width: 1440px;
  margin: 0 auto;
}

.swiper--people {
  overflow: visible;
}

.swiper--people .swiper-slide:nth-child(odd) .people__slide {
  background-color: #174EA1;
}
.swiper--people .swiper-slide:nth-child(odd) .people__label {
  color: #174EA1;
}
.swiper--people .swiper-slide:nth-child(even) .people__slide {
  background-color: #EA5504;
}
.swiper--people .swiper-slide:nth-child(even) .people__label {
  color: #EA5504;
}

.people__slide {
  padding: min(2.0833333333vw, 30px) min(2.0833333333vw, 30px) min(1.3888888889vw, 20px);
}
@media screen and (max-width: 800px) {
  .people__slide {
    padding: 5.1282051282vw;
  }
}

.people__img {
  margin-bottom: min(1.3888888889vw, 20px);
}
.people__img img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 480/240;
}
@media screen and (max-width: 800px) {
  .people__img {
    margin-bottom: 5.1282051282vw;
  }
  .people__img img {
    aspect-ratio: 260/140;
  }
}

.people__label {
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #fff;
  padding: 3px 2px;
  font-family: "Lato", sans-serif;
  font-size: clamp(10px, 0.9722222222vw, 14px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: min(1.3888888889vw, 20px);
}
@media screen and (max-width: 800px) {
  .people__label {
    padding: 1.0256410256vw 0.5128205128vw;
    font-size: 3.0769230769vw;
    margin-bottom: 2.5641025641vw;
  }
}

.people__head {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(1.6666666667vw, 24px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: min(1.3888888889vw, 20px);
}
@media screen and (max-width: 800px) {
  .people__head {
    font-size: 5.1282051282vw;
    line-height: 1.6;
    margin-bottom: 2.5641025641vw;
  }
}

.people__text {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(0.9722222222vw, 14px);
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0;
  padding-bottom: min(1.3888888889vw, 20px);
}
@media screen and (max-width: 800px) {
  .people__text {
    padding-bottom: 5.1282051282vw;
    font-size: 3.3333333333vw;
  }
}

.people__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(1.3888888889vw, 20px);
  margin-top: auto;
  border-top: 1px solid rgba(255, 255, 255, .4);
  padding-top: min(1.3888888889vw, 20px);
}
@media screen and (max-width: 800px) {
  .people__bottom {
    gap: 2.5641025641vw;
    padding-top: 5.1282051282vw;
  }
}

.people__circle {
  border-radius: 50%;
  width: min(5vw, 72px);
  height: min(4.8611111111vw, 70px);
}
@media screen and (max-width: 800px) {
  .people__circle {
    width: 18.4615384615vw;
    min-width: 18.4615384615vw;
    height: 17.9487179487vw;
  }
}

.people__end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(0.6944444444vw, 10px);
}
@media screen and (max-width: 800px) {
  .people__end {
    gap: 2.0512820513vw;
  }
}

.people__sentence {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(1.6666666667vw, 24px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
	-webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width: 800px) {
  .people__sentence {
    font-size: 5.1282051282vw;
    line-height: 1.6;
  }
}

.people__initial {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(1.25vw, 18px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 800px) {
  .people__initial {
    font-size: 4.6153846154vw;
  }
}

.people__department {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(10px, 0.8333333333vw, 12px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.8;
}
@media screen and (max-width: 800px) {
  .people__department {
    font-size: 3.0769230769vw;
    line-height: 1.5;
  }
}

.swiper--people .swiper-slide {
  height: auto;
}
.swiper--people .swiper-slide .people__slide {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.swiper--people.js-fadein-from-bottom {
  opacity: 0;
  visibility: hidden;
}

.swiper--people .swiper-button-prev {
  top: max(-8.3333333333vw, -120px);
  right: clamp(120px, 12.9861111111vw, 187px);
  left: auto;
  width: min(4.1666666667vw, 60px);
  height: min(4.1666666667vw, 60px);
  border-radius: 50%;
  background-color: #174EA1;
  z-index: 10;
}
.swiper--people .swiper-button-prev::before {
  content: "";
  border-left: clamp(4px, 0.3472222222vw, 5px) solid #fff;
  border-bottom: clamp(4px, 0.3472222222vw, 5px) solid #fff;
  bottom: 0;
  height: min(1.3888888889vw, 20px);
  width: min(1.3888888889vw, 20px);
  margin: auto;
  position: absolute;
  right: min(1.25vw, 18px);
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media screen and (max-width: 800px) {
  .swiper--people .swiper-button-prev {
    top: -20.5128205128vw;
    right: 14.358974359vw;
    width: 7.6923076923vw;
    height: 7.6923076923vw;
  }
  .swiper--people .swiper-button-prev::before {
    border-left: 0.7692307692vw solid #fff;
    border-bottom: 0.7692307692vw solid #fff;
    width: 3.0769230769vw;
    height: 3.0769230769vw;
    right: 2.0512820513vw;
  }
}

.swiper--people .swiper-button-next {
  top: max(-8.3333333333vw, -120px);
  right: min(4.1666666667vw, 60px);
  left: auto;
  width: min(4.1666666667vw, 60px);
  height: min(4.1666666667vw, 60px);
  border-radius: 50%;
  background-color: #174EA1;
  z-index: 10;
}
.swiper--people .swiper-button-next::before {
  content: "";
  border-right: clamp(4px, 0.3472222222vw, 5px) solid #fff;
  border-top: clamp(4px, 0.3472222222vw, 5px) solid #fff;
  bottom: 0;
  height: min(1.3888888889vw, 20px);
  width: min(1.3888888889vw, 20px);
  margin: auto;
  position: absolute;
  right: min(1.6666666667vw, 24px);
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media screen and (max-width: 800px) {
  .swiper--people .swiper-button-next {
    top: -20.5128205128vw;
    right: 5.1282051282vw;
    width: 7.6923076923vw;
    height: 7.6923076923vw;
  }
  .swiper--people .swiper-button-next::before {
    border-right: 0.7692307692vw solid #fff;
    border-top: 0.7692307692vw solid #fff;
    width: 3.0769230769vw;
    height: 3.0769230769vw;
    right: 2.5641025641vw;
  }
}

.swiper--people .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal {
  color: #174EA1;
  font-family: "Lato", sans-serif;
  font-size: clamp(10px, 1.1111111111vw, 16px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  top: max(-8.1944444444vw, -118px);
  right: min(9.7222222222vw, 140px);
  left: auto;
  bottom: auto;
}
@media screen and (max-width: 800px) {
  .swiper--people .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal {
    font-size: 3.0769230769vw;
    top: -10.7692307692vw;
    right: 5.1282051282vw;
  }
}

.section-title {
  position: relative;
}
.section-title::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
}
.section-title--blue {
  color: #174EA1;
}
.section-title--blue::before {
  background-color: #174EA1;
}
.section-title--white {
  color: #fff;
}
.section-title--white::before {
  background-color: #fff;
}

.section-title__inner {
  padding: 0 min(4.1666666667vw, 60px);
  margin: 0 auto;
  max-width: 1440px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 800px) {
  .section-title__inner {
    padding: 0 5.1282051282vw;
  }
}

.section-title__en {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 10px;
}
@media screen and (max-width: 800px) {
  .section-title__en {
    gap: 8px;
  }
}

.section-title__number {
  width: min(4.1666666667vw, 60px);
}
@media screen and (max-width: 800px) {
  .section-title__number {
    width: 5.8974358974vw;
  }
}

.section-title__text {
  font-family: "Lato", sans-serif;
  font-size: min(2.0833333333vw, 30px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;
}
@media screen and (max-width: 800px) {
  .section-title__text {
    font-size: 3.3333333333vw;
  }
}

.section-title__jp {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(1.6666666667vw, 24px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 800px) {
  .section-title__jp {
    font-size: 3.3333333333vw;
  }
}

.special {
  padding: min(4.8611111111vw, 70px) 0 min(2.0833333333vw, 30px);
}
@media screen and (max-width: 800px) {
  .special {
    padding: 7.6923076923vw 0;
  }
}

.special__upper {
  margin-top: min(4.1666666667vw, 60px);
  border-top: 1px solid #174EA1;
  border-bottom: 1px solid #174EA1;
}
@media screen and (max-width: 800px) {
  .special__upper {
    margin-top: 7.6923076923vw;
    border-top: none;
  }
}

.special__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 1440px;
  padding: 0 min(8.3333333333vw, 120px);
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .special__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 5.1282051282vw;
  }
}

.special__start {
  padding: min(2.0833333333vw, 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  border-left: 1px solid #174EA1;
  border-right: 1px solid #174EA1;
  width: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: min(28.4722222222vw, 410px);
}
@media screen and (max-width: 800px) {
  .special__start {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #174EA1;
    padding: 0 0 7.6923076923vw;
    width: 100%;
    height: auto;
  }
}

.special__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  background-color: #174EA1;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(2.2222222222vw, 32px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.1em;
  padding-bottom: 2px;
}
@media screen and (max-width: 800px) {
  .special__title {
    margin-right: auto;
    font-size: 6.1538461538vw;
    line-height: 1.06;
    letter-spacing: 0;
  }
}

.special__img {
  width: min(11.875vw, 171px);
}
@media screen and (max-width: 800px) {
  .special__img {
    width: min(43.8461538462vw, 300px);
    position: static;
    -webkit-transform: none;
            transform: none;
    margin: 7.6923076923vw 0;
  }
}

.special__text {
  color: #121A26;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(0.9722222222vw, 14px);
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0;
}
@media screen and (max-width: 800px) {
  .special__text {
    font-size: 3.5897435897vw;
  }
}

.special__end {
  border-right: 1px solid #174EA1;
  padding: min(2.0833333333vw, 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 50%;
  gap: min(2.3611111111vw, 34px);
}
@media screen and (max-width: 800px) {
  .special__end {
    border-right: none;
    padding: 7.6923076923vw 0;
    width: 100%;
    gap: 7.6923076923vw;
  }
}

.special__movie {
  width: 100%;
}
.special__movie iframe {
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}
@media screen and (max-width: 800px) {
  .special__movie {
    height: 51.2820512821vw;
  }
}

.special__bottom {
  margin-top: min(2.0833333333vw, 30px);
}
@media screen and (max-width: 800px) {
  .special__bottom {
    margin-top: 7.6923076923vw;
  }
}

.special__slide {
  position: relative;
}

.special__zoom {
  position: absolute;
  top: 0;
  right: 0;
  width: min(2.2222222222vw, 32px);
}
@media screen and (max-width: 800px) {
  .special__zoom {
    width: 8.2051282051vw;
  }
}

/* ポップアップオーバーレイ */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(18, 26, 38, 0.92);
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  cursor: pointer;
}
.popup-overlay.is-active {
  opacity: 1;
  visibility: visible;
}
.popup-overlay__inner {
  max-width: 90vw;
  max-height: 85vh;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.popup-overlay.is-active .popup-overlay__inner {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.popup-overlay__img {
  max-width: 100%;
  max-height: 85vh;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 4px;
}
.popup-overlay__close {
  position: absolute;
  top: min(2.0833333333vw, 30px);
  right: min(2.0833333333vw, 30px);
  width: min(3.4722222222vw, 50px);
  height: min(3.4722222222vw, 50px);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.popup-overlay__close span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  background-color: #fff;
}
.popup-overlay__close span:first-child {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.popup-overlay__close span:last-child {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (max-width: 800px) {
  .popup-overlay__close {
    top: 5.1282051282vw;
    right: 5.1282051282vw;
    width: 10.2564102564vw;
    height: 10.2564102564vw;
  }
}

.test {
  font-size: 20px;
  font-size: 1.25rem;
  background-color: #000;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .test {
    background-color: red;
    font-size: 50px;
  }
}

.top-message {
  margin-top: min(4.1666666667vw, 60px);
}
@media screen and (max-width: 800px) {
  .top-message {
    margin-top: 10.2564102564vw;
  }
}

.top-message__container {
  max-width: 1440px;
  padding: min(4.1666666667vw, 60px) min(8.3333333333vw, 120px) min(20.4861111111vw, 295px);
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .top-message__container {
    padding: 7.6923076923vw 5.1282051282vw 87.1794871795vw;
  }
}

.top-message__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: min(5.8333333333vw, 84px);
}
@media screen and (max-width: 800px) {
  .top-message__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.top-message__start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 800px) {
  .top-message__start {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: contents;
  }
}

.top-message__title {
  color: #174ea1;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(2.7777777778vw, 40px);
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0;
  margin-bottom: min(2.7777777778vw, 40px);
}
@media screen and (max-width: 800px) {
  .top-message__title {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    text-align: center;
    margin-right: calc(50% - 50vw);
    font-size: 5.641025641vw;
    font-weight: 700;
    margin-bottom: 2.0833333333vw;
  }
}

.top-message__block01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: min(2.7777777778vw, 40px);
}
@media screen and (max-width: 800px) {
  .top-message__block01 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-bottom: 2.0833333333vw;
  }
}

.top-message__block02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: min(1.0416666667vw, 15px);
}
@media screen and (max-width: 800px) {
  .top-message__block02 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-bottom: 2.0833333333vw;
  }
}

.top-message__block03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 800px) {
  .top-message__block03 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}

.top-message__sub-title {
  margin-bottom: min(1.3888888889vw, 20px);
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 800px) {
  .top-message__sub-title {
    margin-bottom: 5.1282051282vw;
  }
}
.top-message__sub-title span {
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(10px, 2.2222222222vw, 32px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.1em;
  padding-bottom: 3px;
  z-index: 1;
  --bgTextX: 0%;
}
.top-message__sub-title span::before {
  content: "";
  background-color: #174ea1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.top-message__sub-title span::after {
  content: "";
  background-color: #174ea1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-clip-path: inset(0 0 0 var(--bgTextX));
          clip-path: inset(0 0 0 var(--bgTextX));
}
@media screen and (max-width: 800px) {
  .top-message__sub-title span {
    font-size: 6.1538461538vw;
    padding-bottom: 4px;
  }
}

.top-message__text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(10px, 0.9722222222vw, 14px);
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0;
}
@media screen and (max-width: 800px) {
  .top-message__text {
    font-size: max(10px, 3.3333333333vw);
  }
}

.top-message__end {
  max-width: 275px;
  min-width: clamp(183px, 19.0972222222vw, 275px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 800px) {
  .top-message__end {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    min-width: auto;
    max-width: 37.4358974359vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
  }
}

.top-message__president {
  margin-bottom: min(1.3888888889vw, 20px);
}
@media screen and (max-width: 800px) {
  .top-message__president {
		max-width: 30.7692307692vw;
    margin-bottom: 2.0512820513vw;
  }
}

.top-message__word {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: row;
  align-items: end;
  gap: 8px;
}
@media screen and (max-width: 800px) {
  .top-message__word {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 8px;
  }
}

.top-message__company {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(10px, 0.8333333333vw, 12px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 800px) {
  .top-message__company {
    text-align: center;
    font-size: max(10px, 2.5641025641vw);
  }
}

.top-message__name {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(1.25vw, 18px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 800px) {
  .top-message__name {
    font-size: 4.1025641026vw;
  }
}

.top-message__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

:root { /* 16 / 1440 ≒ 1.11 */
}

@media (min-width: 1440px) {
  :root {
    --card-gap:16px;
  }
}
.trust {
  padding-top: min(2.7777777778vw, 40px);
  padding-bottom: min(5.5555555556vw, 80px);
}
@media screen and (max-width: 800px) {
  .trust {
    padding-top: 7.6923076923vw;
    padding-bottom: 15.3846153846vw;
  }
}

.trust__wrapper {
  padding-top: min(4.1666666667vw, 60px);
}
@media screen and (max-width: 800px) {
  .trust__wrapper {
    padding-top: 7.6923076923vw;
  }
}

.trust__title {
  text-align: center;
  color: #1D50A2;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(2.9166666667vw, 42px);
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.1em;
  margin-bottom: min(2.7777777778vw, 40px);
}
.trust__title .trust__color {
  color: #EA5B04;
}
@media screen and (max-width: 800px) {
  .trust__title {
    font-size: 7.1794871795vw;
    line-height: 1.5;
  }
}

.trust__sub {
  display: block;
  text-align: center;
  color: #1D50A2;
  font-family: "Lato", sans-serif;
  font-size: min(1.1111111111vw, 16px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.2em;
}
.trust__sub .trust__color {
  color: #EA5B04;
}
@media screen and (max-width: 800px) {
  .trust__sub {
    font-size: 3.0769230769vw;
  }
}

.trust__container {
  max-width: 1440px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.11vw;
  padding: 0 min(7.2222222222vw, 104px);
}
@media screen and (max-width: 900px) {
  .trust__container {
    padding: 0 4.4444444444vw;
  }
}
@media screen and (max-width: 800px) {
  .trust__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 5.1282051282vw;
    gap: 5.1282051282vw;
  }
}

.trust__frame {
  width: calc(33.33333% - 0.74vw);
  height: min(27.7777777778vw, 400px);
  position: relative;
  padding: min(1.3888888889vw, 20px);
  padding-bottom: min(2.7777777778vw, 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.trust__frame[data-space=small] {
  padding-bottom: min(1.3888888889vw, 20px);
}
.trust__frame[data-space=middle] {
  padding-bottom: min(2.0833333333vw, 30px);
}
.trust__frame:nth-child(even) {
  border: 1px solid #1D50A2;
  color: #174EA1;
}
.trust__frame:nth-child(even) .trust__number {
  background-color: #174EA1;
}
.trust__frame:nth-child(odd) {
  border: 1px solid #EA5504;
  color: #EA5504;
}
.trust__frame:nth-child(odd) .trust__number {
  background-color: #EA5504;
}
@media screen and (max-width: 800px) {
  .trust__frame {
    width: min(89.7435897436vw, 600px);
    height: min(89.7435897436vw, 660px);
    padding: 5.1282051282vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .trust__frame[data-space=small] {
    padding-bottom: 5.1282051282vw;
  }
  .trust__frame[data-space=middle] {
    padding-bottom: 5.1282051282vw;
  }
}

.trust__number {
  width: min(2.7777777778vw, 40px);
  height: min(2.7777777778vw, 40px);
  color: #fff;
  font-family: "Lato", sans-serif;
  font-size: min(1.6666666667vw, 24px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 800px) {
  .trust__number {
    width: 8.2051282051vw;
    height: 8.2051282051vw;
    font-size: 5.1282051282vw;
  }
}

.trust__head {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(2.2222222222vw, 32px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .trust__head {
    font-size: 6.1538461538vw;
  }
}

.trust__main--01 {
  width: min(15.6944444444vw, 226px);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}
@media screen and (max-width: 800px) {
  .trust__main--01 {
    width: min(40vw, 280px);
    position: static;
    top: auto;
    left: auto;
    -webkit-transform: none;
            transform: none;
  }
}

.trust__main--02 {
  width: min(15.6944444444vw, 226px);
}
@media screen and (max-width: 800px) {
  .trust__main--02 {
    width: min(40vw, 280px);
  }
}

.trust__main--03 {
  width: min(19.8611111111vw, 286px);
}
@media screen and (max-width: 800px) {
  .trust__main--03 {
    width: min(50.2564102564vw, 370px);
  }
}

.trust__main--04 {
  width: min(14.3055555556vw, 206px);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}
@media screen and (max-width: 800px) {
  .trust__main--04 {
    width: min(37.1794871795vw, 260px);
    position: static;
    top: auto;
    left: auto;
    -webkit-transform: none;
            transform: none;
  }
}

.trust__main--05 {
  width: min(15.6944444444vw, 226px);
}
@media screen and (max-width: 800px) {
  .trust__main--05 {
    width: min(38.2051282051vw, 264px);
    margin: 7.6923076923vw 0;
  }
}

.trust__main--06 {
  width: min(24.5833333333vw, 354px);
}
@media screen and (max-width: 800px) {
  .trust__main--06 {
    width: min(64.1025641026vw, 480px);
  }
}

.trust__main--07,
.trust__main--08,
.trust__main--09 {
  width: min(19.6527777778vw, 283px);
}
@media screen and (max-width: 800px) {
  .trust__main--07,
  .trust__main--08,
  .trust__main--09 {
    width: min(48.9743589744vw, 370px);
  }
}

.trust__main--10 {
  width: min(16.6666666667vw, 240px);
}
@media screen and (max-width: 800px) {
  .trust__main--10 {
    width: min(49.2307692308vw, 370px);
    margin: 2.5641025641vw 0;
  }
}

.trust__main--11 {
  width: min(16.25vw, 234px);
}
@media screen and (max-width: 800px) {
  .trust__main--11 {
    width: min(36.9230769231vw, 260px);
    margin: 5.1282051282vw 0;
  }
}

.trust__main--12 {
  width: min(22.7777777778vw, 328px);
}
@media screen and (max-width: 800px) {
  .trust__main--12 {
    width: min(70.7692307692vw, 520px);
    margin: 7.6923076923vw 0;
  }
}

.trust__text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(10px, 0.9722222222vw, 14px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.01em;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .trust__text {
    font-size: 3.3333333333vw;
  }
}
/*# sourceMappingURL=styles.css.map */