.brandSect__head {
  color: #004b90;
}

@media print, screen and (min-width: 768px) {
  .brandSect__head + .brandSect__cont {
    margin-top: 80px;
  }
}

@media screen and (max-width: 768px) {
  .brandSect__head + .brandSect__cont {
    margin-top: 60px;
  }
}

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

@media print, screen and (min-width: 768px) {
  .brandSect__cont {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 56px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (max-width: 768px) {
  .brandSect__cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media print, screen and (min-width: 768px) {
  .brandSect__item:nth-child(1) {
    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: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 520px;
  }
}

@media print, screen and (min-width: 768px) {
  .brandSect__item:nth-child(1) .txt {
    margin-top: 60px;
  }
}

@media screen and (max-width: 768px) {
  .brandSect__item:nth-child(1) .txt {
    margin-top: 60px;
  }
}

.brandSect__item:nth-child(1) .brandSect__heading {
  background-color: #004b90;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media print, screen and (min-width: 768px) {
  .brandSect__item:nth-child(1) .brandSect__heading {
    padding: 15px 0;
  }
}

@media screen and (max-width: 768px) {
  .brandSect__item:nth-child(1) .brandSect__heading {
    padding: 10px 31px;
  }
}

@media print, screen and (min-width: 768px) {
  .brandSect__item:nth-child(1) .brandSect__heading + .caption {
    margin-top: 27px;
  }
}

@media screen and (max-width: 768px) {
  .brandSect__item:nth-child(1) .brandSect__heading + .caption {
    margin-top: 27px;
  }
}

@media print, screen and (min-width: 768px) {
  .brandSect__item:nth-child(2) {
    width: 630px;
  }
}

@media screen and (max-width: 768px) {
  .brandSect__item:nth-child(2) {
    margin-top: 80px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.brandSect__item:nth-child(3) {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

@media print, screen and (min-width: 768px) {
  .brandSect__item:nth-child(3) {
    gap: 10px;
    width: 630px;
  }
}

@media screen and (max-width: 768px) {
  .brandSect__item:nth-child(3) {
    gap: 8px;
    margin: 40px -32px 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.brandSect__item:nth-child(3) .photo:not(:nth-last-child(-n+2)) {
  grid-column: auto / span 2;
}

@media print, screen and (min-width: 768px) {
  .brandSect__item:nth-child(4) {
    width: 515px;
  }
}

@media screen and (max-width: 768px) {
  .brandSect__item:nth-child(4) {
    margin-top: 40px;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

.brandSect__item:nth-child(4) .brandSect__heading {
  line-height: 1.5;
  letter-spacing: 0;
}

.brandSect__item:nth-child(4) .brandSect__heading:before {
  content: '';
  margin-top: calc((1 - 1.5) * .5em);
}

.brandSect__item:nth-child(4) .brandSect__heading:after {
  margin-bottom: calc((1 - 1.5) * .5em);
}

.brandSect__item:nth-child(4) .brandSect__heading:before, .brandSect__item:nth-child(4) .brandSect__heading:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

@media print, screen and (min-width: 768px) {
  .brandSect__item:nth-child(4) .brandSect__heading {
    font-size: 28px;
  }
}

@media screen and (max-width: 768px) {
  .brandSect__item:nth-child(4) .brandSect__heading {
    font-size: 20px;
    margin: 0 -5px;
  }
}

.brandSect__item:nth-child(4) .brandSect__heading .strong {
  color: #004b90;
}

@media print, screen and (min-width: 768px) {
  .brandSect__item:nth-child(4) .brandSect__heading .strong {
    font-size: 40px;
  }
}

@media screen and (max-width: 768px) {
  .brandSect__item:nth-child(4) .brandSect__heading .strong {
    font-size: 28px;
  }
}

@media print, screen and (min-width: 768px) {
  .brandSect__desc {
    margin-top: 56px;
  }
}

@media screen and (max-width: 768px) {
  .brandSect__desc {
    margin-top: 24px;
  }
}

.brandSect__descTtl {
  background-color: #111111;
  color: #ffffff;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .brandSect__descTtl {
    font-size: 16px;
    padding: 16px 0;
  }
}

@media screen and (max-width: 768px) {
  .brandSect__descTtl {
    font-size: 16px;
    padding: 16px 0;
  }
}

.brandSect__descList {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(7, 1fr);
}

@media print, screen and (min-width: 768px) {
  .brandSect__descList {
    gap: 10px 12px;
    margin-top: 24px;
  }
}

@media screen and (max-width: 768px) {
  .brandSect__descList {
    gap: 10px 12px;
    margin-top: 24px;
  }
}

.brandSect__descList .item {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}

.brandSect__descList .item .cont {
  line-height: 1.5;
  letter-spacing: 0;
}

.brandSect__descList .item .cont:before {
  content: '';
  margin-top: calc((1 - 1.5) * .5em);
}

.brandSect__descList .item .cont:after {
  margin-bottom: calc((1 - 1.5) * .5em);
}

.brandSect__descList .item .cont:before, .brandSect__descList .item .cont:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

@media print, screen and (min-width: 768px) {
  .brandSect__descList .item .cont {
    font-size: 14px;
    width: calc(100% - 21px);
  }
}

@media screen and (max-width: 768px) {
  .brandSect__descList .item .cont {
    font-size: 12px;
    width: calc(100% - 15px);
  }
}

.brandSect__descList .item .num {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 1 / 1;
  background-color: #111111;
  border-radius: 50%;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0;
  line-height: 0;
}

@media print, screen and (min-width: 768px) {
  .brandSect__descList .item .num {
    font-size: 11px;
    width: 16px;
  }
}

@media screen and (max-width: 768px) {
  .brandSect__descList .item .num {
    font-size: 10px;
    width: 14px;
  }
}

.brandSect__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

@media print, screen and (min-width: 768px) {
  .brandSect__bottom {
    margin: 120px auto 0;
    width: 1200px;
  }
}

@media screen and (max-width: 768px) {
  .brandSect__bottom {
    margin-top: 60px;
  }
}

.highwayAccessSect {
  position: relative;
  z-index: 1;
}

@media print, screen and (min-width: 768px) {
  .highwayAccessSect {
    padding: 140px 0 120px;
  }
}

@media screen and (max-width: 768px) {
  .highwayAccessSect {
    padding: 56px 0 80px;
  }
}

.highwayAccessSect:after {
  width: calc(100vw - var(--scrollbar));
  background-color: #eeead9;
  content: '';
  left: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}

@media print, screen and (min-width: 768px) {
  .highwayAccessSect:after {
    margin-left: calc(((100vw - var(--scrollbar)) - 1320px) / -2);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1320px) {
  .highwayAccessSect:after {
    margin-left: -20px;
    width: calc(100% + 40px);
  }
}

@media screen and (max-width: 768px) {
  .highwayAccessSect:after {
    margin-left: -32px;
  }
}

@media print, screen and (min-width: 768px) {
  .highwayAccessSect:after {
    aspect-ratio: 1440 / 300;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
            clip-path: polygon(50% 100%, 0 0, 100% 0);
  }
}

@media screen and (max-width: 768px) {
  .highwayAccessSect:after {
    aspect-ratio: 390 / 240;
    -webkit-clip-path: polygon(50% 100%, 100% 70%, 100% 0, 0 0, 0% 70%);
            clip-path: polygon(50% 100%, 100% 70%, 100% 0, 0 0, 0% 70%);
  }
}

.highwayAccessSect__head {
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .highwayAccessSect__head + .highwayAccessSect__cont {
    margin-top: 180px;
  }
}

@media screen and (max-width: 768px) {
  .highwayAccessSect__head + .highwayAccessSect__cont {
    margin-top: 80px;
  }
}

.highwayAccessSect__head .enTtl {
  color: #727171;
}

@media print, screen and (min-width: 768px) {
  .highwayAccessSect__head .enTtl + .highwayAccessSect__lead {
    margin-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  .highwayAccessSect__head .enTtl + .highwayAccessSect__lead {
    margin-top: 20px;
  }
}

.highwayAccessSect__lead {
  line-height: 1.5;
  letter-spacing: 0;
}

.highwayAccessSect__lead:before {
  content: '';
  margin-top: calc((1 - 1.5) * .5em);
}

.highwayAccessSect__lead:after {
  margin-bottom: calc((1 - 1.5) * .5em);
}

.highwayAccessSect__lead:before, .highwayAccessSect__lead:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

@media print, screen and (min-width: 768px) {
  .highwayAccessSect__lead {
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  .highwayAccessSect__lead {
    font-size: calc(18 / 390 * 100vw);
  }
}

.highwayAccessSect__cont {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .highwayAccessSect__cont {
    margin: 0 -12px;
  }
}

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

@media print, screen and (min-width: 768px) {
  .highwayAccessSect .highwayInfo {
    gap: 60px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (max-width: 768px) {
  .highwayAccessSect .highwayInfo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(60 / 390 * 100vw);
  }
}

.highwayAccessSect .highwayInfo__item {
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  .highwayAccessSect .highwayInfo__item {
    max-width: 280px;
  }
}

.highwayAccessSect .highwayInfo__body {
  margin-top: 16px;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .highwayAccessSect .highwayInfo__ttl {
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  .highwayAccessSect .highwayInfo__ttl {
    font-size: calc(24 / 390 * 100vw);
  }
}

.highwayAccessSect .highwayInfo__txt {
  border-top: 1px solid #000000;
  font-size: 16px;
}

@media print, screen and (min-width: 768px) {
  .highwayAccessSect .highwayInfo__txt {
    font-size: 18px;
    margin-top: 14px;
    padding-top: 14px;
  }
}

@media screen and (max-width: 768px) {
  .highwayAccessSect .highwayInfo__txt {
    font-size: calc(18 / 390 * 100vw);
    margin-top: 14px;
    padding-top: 14px;
  }
}

.highwayAccessSect .highwayInfo__txt .small {
  color: #333333;
  font-size: 10px;
}

.highwayAccessSect .highwayInfo__cap {
  color: #333333;
  margin-top: 10px;
}

@media print, screen and (min-width: 768px) {
  .highwayAccessSect .highwayInfo__cap {
    font-size: 12px;
  }
}

@media screen and (max-width: 768px) {
  .highwayAccessSect .highwayInfo__cap {
    font-size: calc(12 / 390 * 100vw);
  }
}

.infoSect {
  margin: 0 auto;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .infoSect {
    width: 860px;
  }
}

.infoSect__heading {
  line-height: 1.5;
  letter-spacing: .05em;
}

.infoSect__heading:before {
  content: '';
  margin-top: calc((1 - 1.5) * .5em);
}

.infoSect__heading:after {
  margin-bottom: calc((1 - 1.5) * .5em);
}

.infoSect__heading:before, .infoSect__heading:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

@media print, screen and (min-width: 768px) {
  .infoSect__heading {
    font-size: 48px;
  }
}

@media screen and (max-width: 768px) {
  .infoSect__heading {
    font-size: 30px;
  }
}

.infoSect__cont {
  border-top: 1px solid rgba(0, 0, 0, 0.5);
}

@media print, screen and (min-width: 768px) {
  .infoSect__cont {
    margin-top: 32px;
    padding-top: 32px;
  }
}

@media screen and (max-width: 768px) {
  .infoSect__cont {
    margin-top: 20px;
    padding-top: 30px;
  }
}

.infoSect__txt {
  line-height: 1.5;
  letter-spacing: .05em;
}

.infoSect__txt:before {
  content: '';
  margin-top: calc((1 - 1.5) * .5em);
}

.infoSect__txt:after {
  margin-bottom: calc((1 - 1.5) * .5em);
}

.infoSect__txt:before, .infoSect__txt:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

@media print, screen and (min-width: 768px) {
  .infoSect__txt {
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  .infoSect__txt {
    font-size: 16px;
  }
}

@media print, screen and (min-width: 768px) {
  .infoSect__txt + .infoSect__heading {
    margin-top: 30px;
  }
}

@media screen and (max-width: 768px) {
  .infoSect__txt + .infoSect__heading {
    margin-top: 20px;
  }
}

@media print, screen and (min-width: 768px) {
  .infoSect__txt + .caption {
    margin-top: 16px;
  }
}

@media screen and (max-width: 768px) {
  .infoSect__txt + .caption {
    letter-spacing: 0;
    margin-top: 16px;
  }
}

@media print, screen and (min-width: 768px) {
  .infoSect__guide {
    margin-top: 56px;
  }
}

@media screen and (max-width: 768px) {
  .infoSect__guide {
    margin-top: 56px;
  }
}

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

@media print, screen and (min-width: 768px) {
  .infoSect__guide .cvGuide {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 30px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (max-width: 768px) {
  .infoSect__guide .cvGuide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}

.infoSect__guide .cvGuide__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: .05em;
  line-height: 1;
}

@media print, screen and (min-width: 768px) {
  .infoSect__guide .cvGuide__ttl {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 16px;
    gap: 10px;
  }
}

@media screen and (max-width: 768px) {
  .infoSect__guide .cvGuide__ttl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 14px;
    gap: 8px;
  }
}

@media print, screen and (min-width: 768px) {
  .infoSect__guide .cvGuide__ttl .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
  }
}

@media screen and (max-width: 768px) {
  .infoSect__guide .cvGuide__ttl .icon {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

@media print, screen and (min-width: 768px) {
  .infoSect__guide .cvGuide__ttl .icon .arrow {
    width: 14px;
  }
}

@media screen and (max-width: 768px) {
  .infoSect__guide .cvGuide__ttl .icon .arrow {
    width: 14px;
  }
}

@media screen and (max-width: 768px) {
  .infoSect__guide .cvGuide__ttl .icon .arrow:not(:first-child) {
    display: none;
  }
}

.infoSect__guide .cvGuide__ttl .icon .arrow:nth-child(2) {
  opacity: .6;
}

.infoSect__guide .cvGuide__ttl .icon .arrow:nth-child(3) {
  opacity: .3;
}

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

@media print, screen and (min-width: 768px) {
  .infoSect__guide .cvGuide__list {
    gap: 24px;
  }
}

@media screen and (max-width: 768px) {
  .infoSect__guide .cvGuide__list {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}

@media print, screen and (min-width: 768px) {
  .kawagoeSect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 60px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.locationSect {
  position: relative;
  z-index: 1;
}

@media print, screen and (min-width: 768px) {
  .locationSect {
    padding: 140px 0 229px;
  }
}

@media screen and (max-width: 768px) {
  .locationSect {
    padding: 80px 0;
  }
}

.locationSect:after {
  width: calc(100vw - var(--scrollbar));
  background-color: rgba(255, 255, 255, 0.7);
  content: '';
  left: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}

@media print, screen and (min-width: 768px) {
  .locationSect:after {
    margin-left: calc(((100vw - var(--scrollbar)) - 1320px) / -2);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1320px) {
  .locationSect:after {
    margin-left: -20px;
    width: calc(100% + 40px);
  }
}

@media screen and (max-width: 768px) {
  .locationSect:after {
    margin-left: -32px;
  }
}

@media print, screen and (min-width: 768px) {
  .locationSect:after {
    aspect-ratio: 1440 / 300;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
            clip-path: polygon(50% 100%, 0 0, 100% 0);
  }
}

@media screen and (max-width: 768px) {
  .locationSect:after {
    aspect-ratio: 390 / 240;
    -webkit-clip-path: polygon(50% 100%, 100% 70%, 100% 0, 0 0, 0% 70%);
            clip-path: polygon(50% 100%, 100% 70%, 100% 0, 0 0, 0% 70%);
  }
}

.locationSect__head {
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .locationSect__head + .locationSect__cont {
    margin-top: 120px;
  }
}

@media screen and (max-width: 768px) {
  .locationSect__head + .locationSect__cont {
    margin-top: 60px;
  }
}

.locationSect__head .enTtl {
  color: #727171;
}

@media print, screen and (min-width: 768px) {
  .locationSect__head .enTtl + .locationSect__lead {
    margin-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  .locationSect__head .enTtl + .locationSect__lead {
    margin-top: 40px;
  }
}

.locationSect__lead {
  line-height: 2;
  letter-spacing: 0;
}

.locationSect__lead:before {
  content: '';
  margin-top: calc((1 - 2) * .5em);
}

.locationSect__lead:after {
  margin-bottom: calc((1 - 2) * .5em);
}

.locationSect__lead:before, .locationSect__lead:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

@media print, screen and (min-width: 768px) {
  .locationSect__lead {
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  .locationSect__lead {
    font-size: 18px;
  }
}

.locationSect__cont {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .locationSect__cont {
    margin: 0 -22px;
  }
}

.locationSect__cont .pinchInFigure {
  position: relative;
  z-index: 1;
}

.locationSect__cont .pinchInFigure .photo:before, .locationSect__cont .pinchInFigure .photo:after {
  background: no-repeat center / cover;
  content: '';
  inset: 0;
  opacity: 0;
  position: absolute;
}

.locationSect__cont .pinchInFigure .photo:before {
  background-image: url("../imgs/img-location-map-figure-01.png");
  -webkit-transform: translate(0, 5%);
          transform: translate(0, 5%);
  -webkit-transition: .8s ease .8s;
  transition: .8s ease .8s;
  z-index: 1;
}

.locationSect__cont .pinchInFigure .photo:after {
  background-image: url("../imgs/img-location-map-figure-02.png");
  -webkit-transition: .8s ease 1.4s;
  transition: .8s ease 1.4s;
}

.locationSect__cont .pinchInFigure.sai-animate .photo:before, .locationSect__cont .pinchInFigure.sai-animate .photo:after {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

@media print, screen and (min-width: 768px) {
  .locationSect__cont + .locationSect__collages {
    margin-top: 140px;
  }
}

@media screen and (max-width: 768px) {
  .locationSect__cont + .locationSect__collages {
    margin-top: 80px;
  }
}

.locationSect__collages {
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .locationSect__collages {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.locationSect__collages > .caption {
  padding-top: 10px;
  position: absolute;
  top: 100%;
}

@media print, screen and (min-width: 768px) {
  .locationSect__collages > .caption {
    right: 0;
  }
}

@media screen and (max-width: 768px) {
  .locationSect__collages > .caption {
    left: 0;
  }
}

.locationSect__ttl {
  color: #727171;
  font-family: "EB Garamond", serif;
  font-weight: 500;
  letter-spacing: .08em;
}

@media print, screen and (min-width: 768px) {
  .locationSect__ttl {
    font-size: 48px;
    line-height: .7;
  }
}

@media screen and (max-width: 768px) {
  .locationSect__ttl {
    font-size: 40px;
    line-height: 1.2;
  }
}

@media screen and (max-width: 768px) {
  .locationSect__ttl + * {
    margin-top: 20px;
  }
}

.locationSect__block {
  position: relative;
  z-index: 1;
}

.locationSect__block .locationSect__ttl,
.locationSect__block .locationSect__lead {
  white-space: nowrap;
}

@media print, screen and (min-width: 768px) {
  .locationSect__block .locationSect__ttl,
  .locationSect__block .locationSect__lead {
    position: absolute;
  }
}

@media print, screen and (min-width: 768px) {
  .locationSect__block .locationSect__ttl {
    left: 0;
    top: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .locationSect__block .locationSect__lead {
    right: calc(100% + 296px);
    top: 96px;
  }
}

@media print, screen and (min-width: 768px) {
  .locationSect__block:nth-child(1) {
    margin-right: auto;
  }
}

.locationSect__block:nth-child(1) .locationSect__inner:after {
  background-image: url("../imgs/img-location-illust-01.png");
}

@media print, screen and (min-width: 768px) {
  .locationSect__block:nth-child(1) .locationSect__inner:after {
    right: -165px;
    top: 270px;
    width: 250px;
  }
}

@media screen and (max-width: 768px) {
  .locationSect__block:nth-child(1) .locationSect__inner:after {
    bottom: 60px;
    left: 6px;
    width: 100px;
  }
}

@media print, screen and (min-width: 768px) {
  .locationSect__block:nth-child(1) .locationSect__inner > *:nth-child(1) {
    margin-top: 46px;
  }
}

@media screen and (max-width: 768px) {
  .locationSect__block:nth-child(1) .locationSect__inner > *:nth-child(1) {
    margin: 0 10px 0 auto;
    width: 266px;
  }
}

.locationSect__block:nth-child(1) .locationSect__inner > *:nth-child(1):after {
  background-color: rgba(238, 157, 114, 0.2);
}

@media print, screen and (min-width: 768px) {
  .locationSect__block:nth-child(1) .locationSect__inner > *:nth-child(1):after {
    left: 427px;
    top: 167px;
    width: 300px;
  }
}

@media screen and (max-width: 768px) {
  .locationSect__block:nth-child(1) .locationSect__inner > *:nth-child(1):after {
    left: -60px;
    top: 108px;
    width: 136px;
  }
}

@media screen and (max-width: 768px) {
  .locationSect__block:nth-child(1) .locationSect__inner > *:nth-child(2) {
    margin: 0 -8px 0 auto;
    width: 137px;
  }
}

.locationSect__block:nth-child(1) .locationSect__inner > *:nth-child(2) .capIn {
  left: 0;
  right: auto;
}

@media print, screen and (min-width: 768px) {
  .locationSect__block:nth-child(2) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

@media screen and (max-width: 768px) {
  .locationSect__block:nth-child(2) {
    margin-top: 36px;
  }
}

@media print, screen and (min-width: 768px) {
  .locationSect__block:nth-child(2) .locationSect__inner {
    margin-right: -60px;
    margin-top: 111px;
    width: 626px;
  }
}

@media screen and (max-width: 768px) {
  .locationSect__block:nth-child(2) .locationSect__inner {
    display: grid;
    grid-template-columns: 1fr 1fr .77235772357fr;
    margin: 16px -11px 0 -11px;
    z-index: 2;
  }
}

.locationSect__block:nth-child(2) .locationSect__inner:before {
  background-image: url("../imgs/img-location-illust-02.png");
}

@media print, screen and (min-width: 768px) {
  .locationSect__block:nth-child(2) .locationSect__inner:before {
    right: calc(100% + 53px);
    top: -61px;
    width: 250px;
  }
}

@media screen and (max-width: 768px) {
  .locationSect__block:nth-child(2) .locationSect__inner:before {
    bottom: calc(100% - 14px);
    right: 3px;
    width: 100px;
  }
}

.locationSect__block:nth-child(2) .locationSect__inner:after {
  background-image: url("../imgs/img-location-illust-03.png");
}

@media print, screen and (min-width: 768px) {
  .locationSect__block:nth-child(2) .locationSect__inner:after {
    left: 123px;
    top: calc(100% - 87px);
    width: 250px;
  }
}

@media screen and (max-width: 768px) {
  .locationSect__block:nth-child(2) .locationSect__inner:after {
    bottom: -52px;
    right: 0;
    width: 100px;
  }
}

@media screen and (max-width: 768px) {
  .locationSect__block:nth-child(2) .locationSect__inner > *:nth-child(1) {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
  }
}

.locationSect__block:nth-child(2) .locationSect__inner > *:nth-child(1):before {
  background: rgba(144, 144, 144, 0.2);
}

@media screen and (max-width: 768px) {
  .locationSect__block:nth-child(2) .locationSect__inner > *:nth-child(1):before {
    bottom: calc(100% - 24px);
    left: calc(100% - 33px);
    width: 91px;
  }
}

.locationSect__block:nth-child(2) .locationSect__inner > *:nth-child(1):after {
  background: rgba(57, 162, 198, 0.2);
}

@media screen and (max-width: 768px) {
  .locationSect__block:nth-child(2) .locationSect__inner > *:nth-child(1):after {
    left: 181px;
    top: 93px;
    width: 107px;
  }
}

@media screen and (max-width: 768px) {
  .locationSect__block:nth-child(2) .locationSect__inner > *:nth-child(2) {
    margin-top: 32px;
  }
}

@media screen and (max-width: 768px) {
  .locationSect__block:nth-child(2) .locationSect__inner > *:nth-child(4), .locationSect__block:nth-child(2) .locationSect__inner > *:nth-child(5) {
    width: 121px;
  }
}

@media print, screen and (min-width: 768px) {
  .locationSect__block:nth-child(3) .locationSect__inner {
    margin-top: 317px;
    width: 460px;
  }
}

@media screen and (max-width: 768px) {
  .locationSect__block:nth-child(3) .locationSect__inner {
    margin-top: 40px;
  }
}

.locationSect__block:nth-child(3) .locationSect__inner:after {
  background-image: url("../imgs/img-location-illust-04.png");
}

@media print, screen and (min-width: 768px) {
  .locationSect__block:nth-child(3) .locationSect__inner:after {
    bottom: -23px;
    right: 347px;
    width: 260px;
  }
}

@media screen and (max-width: 768px) {
  .locationSect__block:nth-child(3) .locationSect__inner:after {
    left: 0;
    top: 166px;
    width: 100px;
  }
}

@media screen and (max-width: 768px) {
  .locationSect__block:nth-child(3) .locationSect__inner > *:nth-child(1) {
    margin: 0 15px 0 auto;
    width: 266px;
  }
}

.locationSect__block:nth-child(3) .locationSect__inner > *:nth-child(1):after {
  background: rgba(57, 162, 198, 0.2);
}

@media print, screen and (min-width: 768px) {
  .locationSect__block:nth-child(3) .locationSect__inner > *:nth-child(1):after {
    left: -144px;
    top: -68px;
    width: 282px;
  }
}

@media screen and (max-width: 768px) {
  .locationSect__block:nth-child(3) .locationSect__inner > *:nth-child(1):after {
    right: 209px;
    top: 105px;
    width: 118px;
  }
}

.locationSect__block:nth-child(3) .locationSect__inner > *:nth-child(2) {
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .locationSect__block:nth-child(3) .locationSect__inner > *:nth-child(2) {
    width: 124px;
  }
}

.locationSect__inner {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  z-index: 1;
}

@media print, screen and (min-width: 768px) {
  .locationSect__inner {
    gap: 20px;
  }
}

@media screen and (max-width: 768px) {
  .locationSect__inner {
    gap: 4px;
  }
}

.locationSect__inner:before, .locationSect__inner:after {
  aspect-ratio: 1 / 1;
  background: no-repeat center / cover;
  content: '';
  opacity: 0;
  position: absolute;
  -webkit-transform: translate(0, 5%);
          transform: translate(0, 5%);
  -webkit-transition: .8s ease .8s;
  transition: .8s ease .8s;
  z-index: 2;
}

.locationSect__inner > * {
  position: relative;
  z-index: 1;
}

.locationSect__inner > *:before, .locationSect__inner > *:after {
  aspect-ratio: 1 / 1;
  content: '';
  opacity: 0;
  position: absolute;
  -webkit-transform: translate(0, -5%);
          transform: translate(0, -5%);
  -webkit-transition: .8s ease .8s;
  transition: .8s ease .8s;
  z-index: -1;
}

.locationSect__inner.sai-animate:before, .locationSect__inner.sai-animate:after {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.locationSect__inner.sai-animate > *:before, .locationSect__inner.sai-animate > *:after {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.mainVisual {
  overflow: hidden;
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .mainVisual {
    aspect-ratio: 1440 / 800;
  }
}

@media screen and (max-width: 768px) {
  .mainVisual {
    aspect-ratio: 780 / 1200;
  }
}

@media print, screen and (min-width: 768px) {
  .mainVisual.is-loaded .mainVisual__ttl {
    -webkit-transform: translate(-50%, 0) rotate(10.5deg) scale(1, 1);
            transform: translate(-50%, 0) rotate(10.5deg) scale(1, 1);
  }
}

@media screen and (max-width: 768px) {
  .mainVisual.is-loaded .mainVisual__ttl {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 78%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 78%);
  }
}

.mainVisual.is-loaded .mainVisual__ttl .photo {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.mainVisual__ttl {
  background-color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  -webkit-transform-origin: left;
          transform-origin: left;
  z-index: 2;
}

@media print, screen and (min-width: 768px) {
  .mainVisual__ttl {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: calc(72 / 800 * 100%);
    left: 50%;
    padding: calc(8 / 1805 * 100%) 0 calc(14 / 1805 * 100%);
    top: calc(310 / 1440 * 100%);
    -webkit-transform: translate(-50%, 0) rotate(10.5deg) scale(0, 1);
            transform: translate(-50%, 0) rotate(10.5deg) scale(0, 1);
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease;
    width: calc(1805 / 1440 * 100%);
  }
}

@media screen and (max-width: 768px) {
  .mainVisual__ttl {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-clip-path: polygon(0 0, 0% 0, 0% 100%, 0 78%);
            clip-path: polygon(0 0, 0% 0, 0% 100%, 0 78%);
    height: 179px;
    left: 0;
    padding-top: 20px;
    top: 0;
    -webkit-transition: -webkit-clip-path 1s ease;
    transition: -webkit-clip-path 1s ease;
    transition: clip-path 1s ease;
    transition: clip-path 1s ease, -webkit-clip-path 1s ease;
    width: 100%;
  }
}

.mainVisual__ttl .photo {
  opacity: 0;
  -webkit-transform: translate(0, 10%);
          transform: translate(0, 10%);
  -webkit-transition: 1s ease 1.4s;
  transition: 1s ease 1.4s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

@media print, screen and (min-width: 768px) {
  .mainVisual__ttl .photo {
    aspect-ratio: 823 / 43;
    width: calc(823 / 1805 * 100%);
  }
}

@media screen and (max-width: 768px) {
  .mainVisual__ttl .photo {
    width: 256px;
  }
}

@media print, screen and (min-width: 768px) {
  .mainVisual__ttl .photo__pic, .mainVisual__ttl .photo__image {
    height: 100%;
    width: auto;
  }
}

.mainVisual__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  inset: 0;
  position: absolute;
}

@media screen and (max-width: 768px) {
  .mainVisual__inner {
    padding-top: 133px;
  }
}

.mainVisualCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
  position: relative;
  z-index: 1;
}

.mainVisualCard__head {
  opacity: 0;
  position: static;
  -webkit-transition: opacity 1.8s ease 1.8s;
  transition: opacity 1.8s ease 1.8s;
  z-index: 2;
}

@media print, screen and (min-width: 768px) {
  .mainVisualCard__head {
    width: calc(380 / 1440 * 100%);
  }
}

@media screen and (max-width: 768px) {
  .mainVisualCard__head {
    padding: 0 20px;
    width: 180px;
  }
}

.is-loaded .mainVisualCard__head {
  opacity: 1;
}

.mainVisualCard__cv {
  pointer-events: auto;
}

@media print, screen and (min-width: 768px) {
  .mainVisualCard__cv {
    display: grid;
    gap: calc(20 / 380 * 100%);
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 768px) {
  .mainVisualCard__cv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    width: 140px;
  }
}

.mainVisualCard__cvLink {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.2);
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .mainVisualCard__cvLink {
    aspect-ratio: 180 / 40;
    font-size: calc(14 / 1440 * 100vw);
    letter-spacing: .1em;
  }
}

@media screen and (max-width: 768px) {
  .mainVisualCard__cvLink {
    aspect-ratio: 280 / 70;
    font-size: 12px;
    letter-spacing: 0;
  }
}

.mainVisualCard__cvItem:nth-child(1) .mainVisualCard__cvLink {
  background-color: #ae0e2b;
}

.mainVisualCard__cvItem:nth-child(2) .mainVisualCard__cvLink {
  background-color: #000000;
}

.mainVisualCard__cvLink .arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

@media print, screen and (min-width: 768px) {
  .mainVisualCard__cvLink .arrow {
    right: calc(10 / 1440 * 100vw);
    width: calc(8 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .mainVisualCard__cvLink .arrow {
    right: 6px;
    width: 6px;
  }
}

.mainVisualCard__cvLink .arrow .svgIcon {
  overflow: visible;
}

.mainVisualCard__bg {
  inset: 0;
  position: absolute;
  -webkit-transition: -webkit-clip-path 1s ease;
  transition: -webkit-clip-path 1s ease;
  transition: clip-path 1s ease;
  transition: clip-path 1s ease, -webkit-clip-path 1s ease;
  z-index: -1;
}

.mainVisualCard__body {
  opacity: 0;
  position: absolute;
  -webkit-transform: translate(0, 5%);
          transform: translate(0, 5%);
  -webkit-transition: 1s ease .6s;
  transition: 1s ease .6s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

@media print, screen and (min-width: 768px) {
  .mainVisualCard__body {
    inset: 0;
  }
}

.is-loaded .mainVisualCard__body {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

@media print, screen and (min-width: 768px) {
  .mainVisualCard:nth-child(1) {
    height: calc(574 / 800 * 100%);
  }
}

@media screen and (max-width: 768px) {
  .mainVisualCard:nth-child(1) {
    height: 270px;
    z-index: 3;
  }
}

.mainVisualCard:nth-child(1) .mainVisualCard__bg {
  background-color: #ee9c72;
}

@media print, screen and (min-width: 768px) {
  .mainVisualCard:nth-child(1) .mainVisualCard__bg {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
            clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  }
}

@media screen and (max-width: 768px) {
  .mainVisualCard:nth-child(1) .mainVisualCard__bg {
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
            clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  }
}

@media print, screen and (min-width: 768px) {
  .is-loaded .mainVisualCard:nth-child(1) .mainVisualCard__bg {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 36%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 36%);
  }
}

@media screen and (max-width: 768px) {
  .is-loaded .mainVisualCard:nth-child(1) .mainVisualCard__bg {
    -webkit-clip-path: polygon(0 0.6%, 100% 17%, 100% 70%, 0 100%);
            clip-path: polygon(0 0.6%, 100% 17%, 100% 70%, 0 100%);
  }
}

@media print, screen and (min-width: 768px) {
  .mainVisualCard:nth-child(1) .mainVisualCard__head {
    margin: calc(60 / 1440 * 100%) 0 0 calc(350 / 1440 * 100%);
  }
}

@media screen and (max-width: 768px) {
  .mainVisualCard:nth-child(1) .mainVisualCard__head {
    margin: 40px 0 77px 0;
  }
}

@media print, screen and (min-width: 768px) {
  .mainVisualCard:nth-child(1) .mainVisualCard__logo {
    margin: 0 0 calc(-11 / 340 * 100%) calc(-20 / 340 * 100%);
    width: calc(340 / 380 * 100%);
  }
}

@media screen and (max-width: 768px) {
  .mainVisualCard:nth-child(1) .mainVisualCard__logo {
    margin: 0 -8px -8px -20px;
  }
}

@media print, screen and (min-width: 768px) {
  .mainVisualCard:nth-child(1) .mainVisualCard__lead {
    position: absolute;
    right: calc(80 / 1440 * 100%);
    top: calc(80 / 1440 * 100%);
    width: calc(18 / 1440 * 100%);
  }
}

@media screen and (max-width: 768px) {
  .mainVisualCard:nth-child(1) .mainVisualCard__lead {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .mainVisualCard:nth-child(1) .mainVisualCard__body {
    right: 0;
    top: 8px;
    width: 252px;
  }
}

@media print, screen and (min-width: 768px) {
  .mainVisualCard:nth-child(1) .mainVisualCard__body .photo__capIn {
    bottom: calc(120 / 534 * 100%);
    right: calc(30 / 1440 * 100%);
  }
}

@media screen and (max-width: 768px) {
  .mainVisualCard:nth-child(1) .mainVisualCard__body .photo__capIn {
    bottom: 158px;
    right: 136px;
    text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px;
  }
}

@media print, screen and (min-width: 768px) {
  .mainVisualCard:nth-child(2) {
    height: calc(564 / 800 * 100%);
    margin-top: calc(-337 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .mainVisualCard:nth-child(2) {
    height: 279px;
    margin-top: -81px;
    z-index: 4;
  }
}

.mainVisualCard:nth-child(2) .mainVisualCard__bg {
  background-color: #39a2c6;
}

@media print, screen and (min-width: 768px) {
  .mainVisualCard:nth-child(2) .mainVisualCard__bg {
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
            clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  }
}

@media screen and (max-width: 768px) {
  .mainVisualCard:nth-child(2) .mainVisualCard__bg {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
            clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  }
}

@media print, screen and (min-width: 768px) {
  .is-loaded .mainVisualCard:nth-child(2) .mainVisualCard__bg {
    -webkit-clip-path: polygon(0 0, 100% 51%, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 51%, 100% 100%, 0 100%);
  }
}

@media screen and (max-width: 768px) {
  .is-loaded .mainVisualCard:nth-child(2) .mainVisualCard__bg {
    -webkit-clip-path: polygon(0 29%, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 29%, 100% 0, 100% 100%, 0 100%);
  }
}

@media print, screen and (min-width: 768px) {
  .mainVisualCard:nth-child(2) .mainVisualCard__head {
    margin: auto calc(170 / 1440 * 100%) calc(32 / 1440 * 100%) auto;
  }
}

@media screen and (max-width: 768px) {
  .mainVisualCard:nth-child(2) .mainVisualCard__head {
    margin: 20px 0 auto auto;
  }
}

@media print, screen and (min-width: 768px) {
  .mainVisualCard:nth-child(2) .mainVisualCard__logo {
    margin: 0 auto;
    width: calc(230 / 380 * 100%);
  }
}

@media screen and (max-width: 768px) {
  .mainVisualCard:nth-child(2) .mainVisualCard__logo {
    left: 0;
    position: absolute;
    top: 14px;
    width: 175px;
  }
}

@media print, screen and (min-width: 768px) {
  .mainVisualCard:nth-child(2) .mainVisualCard__lead {
    margin: calc(9 / 380 * 100%) auto calc(12 / 380 * 100%);
    width: calc(262 / 380 * 100%);
  }
}

@media screen and (max-width: 768px) {
  .mainVisualCard:nth-child(2) .mainVisualCard__lead {
    margin: 0 -10px 0 -36.5px;
    width: 186.5px;
  }
}

.mainVisualCard:nth-child(2) .mainVisualCard__body {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

@media screen and (max-width: 768px) {
  .mainVisualCard:nth-child(2) .mainVisualCard__body {
    bottom: -20px;
    left: 0;
    width: 332px;
  }
}

@media screen and (max-width: 768px) {
  .mainVisualCard:nth-child(2) .mainVisualCard__body .photo__capInLeft {
    bottom: 30px;
  }
}

@media print, screen and (min-width: 768px) {
  .supplySect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.trainAccessSect {
  position: relative;
  z-index: 1;
}

@media print, screen and (min-width: 768px) {
  .trainAccessSect {
    padding: 140px 0 0;
  }
}

@media screen and (max-width: 768px) {
  .trainAccessSect {
    padding: 56px 0 0;
  }
}

.trainAccessSect:after {
  width: calc(100vw - var(--scrollbar));
  background-color: #c8deeb;
  content: '';
  left: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}

@media print, screen and (min-width: 768px) {
  .trainAccessSect:after {
    margin-left: calc(((100vw - var(--scrollbar)) - 1320px) / -2);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1320px) {
  .trainAccessSect:after {
    margin-left: -20px;
    width: calc(100% + 40px);
  }
}

@media screen and (max-width: 768px) {
  .trainAccessSect:after {
    margin-left: -32px;
  }
}

@media print, screen and (min-width: 768px) {
  .trainAccessSect:after {
    aspect-ratio: 1440 / 300;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
            clip-path: polygon(50% 100%, 0 0, 100% 0);
  }
}

@media screen and (max-width: 768px) {
  .trainAccessSect:after {
    aspect-ratio: 390 / 240;
    -webkit-clip-path: polygon(50% 100%, 100% 70%, 100% 0, 0 0, 0% 70%);
            clip-path: polygon(50% 100%, 100% 70%, 100% 0, 0 0, 0% 70%);
  }
}

.trainAccessSect__head {
  text-align: center;
}

.trainAccessSect__head .enTtl {
  color: #0096be;
}

@media print, screen and (min-width: 768px) {
  .trainAccessSect__head .enTtl + .trainAccessSect__lead {
    margin-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  .trainAccessSect__head .enTtl + .trainAccessSect__lead {
    margin-top: 20px;
  }
}

.trainAccessSect__lead {
  line-height: 1.5;
  letter-spacing: 0;
}

.trainAccessSect__lead:before {
  content: '';
  margin-top: calc((1 - 1.5) * .5em);
}

.trainAccessSect__lead:after {
  margin-bottom: calc((1 - 1.5) * .5em);
}

.trainAccessSect__lead:before, .trainAccessSect__lead:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

@media print, screen and (min-width: 768px) {
  .trainAccessSect__lead {
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  .trainAccessSect__lead {
    font-size: calc(18 / 390 * 100vw);
  }
}

.trainAccessSect__cont {
  position: relative;
  width: 100%;
  z-index: 1;
}

@media print, screen and (min-width: 768px) {
  .trainAccessSect__cont {
    margin-top: 170px;
    padding-block: 80px;
  }
}

@media screen and (max-width: 768px) {
  .trainAccessSect__cont {
    margin-top: 20px;
    padding-block: calc(80 / 390 * 100vw) calc(120 / 390 * 100vw);
  }
}

.trainAccessSect__cont:after {
  background-color: #eaf3f8;
  content: '';
  inset: 0;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: calc(100vw - var(--scrollbar));
  z-index: -1;
}

@media print, screen and (min-width: 768px) {
  .trainAccessSect__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 60px;
  }
}

@media print, screen and (min-width: 768px) {
  .trainAccessSect__inner + .trainAccessSect__inner {
    margin-top: 60px;
  }
}

@media screen and (max-width: 768px) {
  .trainAccessSect__inner + .trainAccessSect__inner {
    margin-top: 56px;
  }
}

.trainAccessSect__copy {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 1 / 1;
  background-color: #0096be;
  border-radius: 50%;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  line-height: 1.5;
}

.trainAccessSect__copy:before {
  content: '';
  margin-top: calc((1 - 1.5) * .5em);
}

.trainAccessSect__copy:after {
  margin-bottom: calc((1 - 1.5) * .5em);
}

.trainAccessSect__copy:before, .trainAccessSect__copy:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

@media print, screen and (min-width: 768px) {
  .trainAccessSect__copy {
    font-size: 20px;
    padding: 50px;
  }
}

@media screen and (max-width: 768px) {
  .trainAccessSect__copy {
    font-size: calc(14 / 390 * 100vw);
    margin-inline: auto;
    max-width: calc(154 / 390 * 100vw);
    padding: calc(32 / 390 * 100vw);
  }
}

.trainInfo__head {
  border-bottom: 1px solid #000000;
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  .trainInfo__head {
    padding-bottom: 24px;
  }
}

@media screen and (max-width: 768px) {
  .trainInfo__head {
    padding-bottom: 24px;
  }
}

.trainInfo__icon {
  display: block;
  margin-inline: auto;
  width: auto;
}

@media print, screen and (min-width: 768px) {
  .trainInfo__icon {
    max-height: 32px;
  }
}

@media screen and (max-width: 768px) {
  .trainInfo__icon {
    max-height: calc(32 / 390 * 100vw);
  }
}

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

@media print, screen and (min-width: 768px) {
  .trainInfo__cont {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 60px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 24px;
  }
}

@media screen and (max-width: 768px) {
  .trainInfo__cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(24 / 390 * 100vw);
    margin-top: 24px;
  }
}

.trainInfo__item {
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  .trainInfo__item {
    max-width: 255px;
  }
}

.trainInfo__body {
  margin-top: 16px;
  text-align: center;
}

.trainInfo__ttl {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-font-feature-settings: 'palt';
          font-feature-settings: 'palt';
  gap: 5px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.trainInfo__ttl .station {
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

@media print, screen and (min-width: 768px) {
  .trainInfo__ttl .station {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .trainInfo__ttl .station {
    font-size: calc(20 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .trainInfo__ttl .station .large {
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  .trainInfo__ttl .station .large {
    font-size: calc(28 / 390 * 100vw);
  }
}

.trainInfo__ttl .separator {
  border-top: 1px dashed rgba(153, 153, 153, 0.4);
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 1px;
  max-width: 100%;
}

@media print, screen and (min-width: 768px) {
  .trainInfo__ttl .separator {
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 768px) {
  .trainInfo__ttl .separator {
    padding-bottom: calc(10 / 390 * 100vw);
  }
}

.trainInfo__ttl .minute {
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

@media print, screen and (min-width: 768px) {
  .trainInfo__ttl .minute {
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  .trainInfo__ttl .minute {
    font-size: calc(20 / 390 * 100vw);
  }
}

.trainInfo__ttl .minute .num {
  color: #807041;
}

@media print, screen and (min-width: 768px) {
  .trainInfo__ttl .minute .num {
    font-size: 32px;
  }
}

@media screen and (max-width: 768px) {
  .trainInfo__ttl .minute .num {
    font-size: calc(32 / 390 * 100vw);
  }
}

.trainInfo__lead {
  margin-top: 16px;
}

@media print, screen and (min-width: 768px) {
  .trainInfo__lead {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .trainInfo__lead {
    font-size: calc(14 / 390 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .trainInfo + .trainInfo {
    margin-top: 50px;
  }
}

@media print, screen and (min-width: 768px) {
  .lineInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 60px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 24px;
  }
}

@media screen and (max-width: 768px) {
  .lineInfo {
    -webkit-column-gap: calc(20 / 390 * 100vw);
       -moz-column-gap: calc(20 / 390 * 100vw);
            column-gap: calc(20 / 390 * 100vw);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 40px;
    row-gap: calc(56 / 390 * 100vw);
  }
}

.lineInfo__item {
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  .lineInfo__item {
    max-width: 185px;
  }
}

@media screen and (max-width: 768px) {
  .lineInfo__item {
    max-width: 100%;
  }
}

.lineInfo__head {
  height: 100%;
  width: auto;
}

@media print, screen and (min-width: 768px) {
  .lineInfo__head {
    max-height: 32px;
  }
}

@media screen and (max-width: 768px) {
  .lineInfo__head {
    max-height: calc(32 / 390 * 100vw);
  }
}

.lineInfo__head img {
  display: block;
  height: 100%;
  width: auto;
}

@media print, screen and (min-width: 768px) {
  .lineInfo__thumb {
    margin-top: 16px;
  }
}

@media screen and (max-width: 768px) {
  .lineInfo__thumb {
    margin-top: 16px;
  }
}

.uspSect {
  width: calc(100vw - var(--scrollbar));
  color: #ffffff;
}

@media print, screen and (min-width: 768px) {
  .uspSect {
    margin-left: calc(((100vw - var(--scrollbar)) - 1320px) / -2);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1320px) {
  .uspSect {
    margin-left: -20px;
    width: calc(100% + 40px);
  }
}

@media screen and (max-width: 768px) {
  .uspSect {
    margin-left: -32px;
  }
}

@media print, screen and (min-width: 768px) {
  .uspSect {
    display: grid;
    gap: 60px;
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
    padding-bottom: 60px;
  }
}

.uspSect__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  text-align: center;
  z-index: 1;
}

@media print, screen and (min-width: 768px) {
  .uspSect__head {
    gap: 16px;
    padding-top: 56px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect__head {
    gap: 10px;
    padding-top: 40px;
  }
}

.uspSect__target {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 1;
}

@media print, screen and (min-width: 768px) {
  .uspSect__target {
    gap: 16px;
    padding-top: 36px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect__target {
    gap: 10px;
    padding-top: 25px;
  }
}

.uspSect__target:after {
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  content: '';
  left: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: -1;
}

@media print, screen and (min-width: 768px) {
  .uspSect__target:after {
    width: 220px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect__target:after {
    width: 154px;
  }
}

.uspSect__target .en {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: 600;
  letter-spacing: 0;
  line-height: .8;
}

@media print, screen and (min-width: 768px) {
  .uspSect__target .en {
    font-size: 30px;
    gap: 16px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect__target .en {
    font-size: 21px;
    gap: 10px;
  }
}

@media print, screen and (min-width: 768px) {
  .uspSect__target .en .ttl {
    font-size: 50px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect__target .en .ttl {
    font-size: 35px;
  }
}

.uspSect__target .ja {
  font-weight: 400;
}

@media print, screen and (min-width: 768px) {
  .uspSect__target .ja {
    font-size: 18px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect__target .ja {
    font-size: 13px;
  }
}

.uspSect__ttl {
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  position: relative;
  z-index: 1;
}

@media print, screen and (min-width: 768px) {
  .uspSect__ttl {
    font-size: 20px;
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect__ttl {
    font-size: 14px;
    padding-bottom: 27px;
  }
}

@media print, screen and (min-width: 768px) {
  .uspSect__visual {
    grid-row: 1 / 3;
  }
}

.uspSect__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media print, screen and (min-width: 768px) {
  .uspSect__list {
    gap: 20px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect__list {
    gap: 20px;
    padding: 0 32px;
  }
}

.uspSect__item {
  border-bottom: 1px solid currentColor;
  letter-spacing: 0;
  line-height: 1.5;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .uspSect__item {
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect__item {
    padding-bottom: 20px;
  }
}

.uspSect__item sup {
  font-size: 10px;
  vertical-align: text-top;
}

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

@media print, screen and (min-width: 768px) {
  .uspSect__guide {
    gap: 16px;
    margin-top: 60px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect__guide {
    gap: 16px;
    margin-top: 40px;
  }
}

.uspSect__guide .ttl {
  font-family: "Zen Old Mincho", "Noto Sans JP", serif;
  letter-spacing: 0;
  line-height: 1;
}

@media print, screen and (min-width: 768px) {
  .uspSect__guide .ttl {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect__guide .ttl {
    font-size: 16px;
  }
}

.uspSect--genix {
  background: linear-gradient(249deg, #de8657 4.29%, #f6b595 97.09%);
  color: #111111;
  font-family: "Noto Sans JP", sans-serif;
}

@media print, screen and (min-width: 768px) {
  .uspSect--genix {
    grid-template-columns: .43255813953fr 1fr;
    padding-left: calc(148 / 1440 * 100%);
  }
}

.uspSect--genix .uspSect__target:after {
  background-color: #fab694;
}

.uspSect--genix .uspSect__target .en {
  font-family: "Anton", sans-serif;
  font-weight: 400;
}

@media print, screen and (min-width: 768px) {
  .uspSect--genix .uspSect__visual {
    grid-column: 2 / 3;
  }
}

.uspSect--genix .uspSect__item .en,
.uspSect--genix .uspSect__item .num {
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  line-height: 1.2;
}

.uspSect--genix .uspSect__item:nth-child(1) {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: right;
}

@media print, screen and (min-width: 768px) {
  .uspSect--genix .uspSect__item:nth-child(1) {
    font-size: 16px;
    gap: 5px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect--genix .uspSect__item:nth-child(1) {
    font-size: 18px;
    gap: 5px;
  }
}

.uspSect--genix .uspSect__item:nth-child(1) .en {
  line-height: .7;
}

@media print, screen and (min-width: 768px) {
  .uspSect--genix .uspSect__item:nth-child(1) .en {
    font-size: 60px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect--genix .uspSect__item:nth-child(1) .en {
    font-size: 65px;
  }
}

@media print, screen and (min-width: 768px) {
  .uspSect--genix .uspSect__item:nth-child(2) {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect--genix .uspSect__item:nth-child(2) {
    font-size: 18px;
  }
}

@media print, screen and (min-width: 768px) {
  .uspSect--genix .uspSect__item:nth-child(2) .en {
    font-size: 32px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect--genix .uspSect__item:nth-child(2) .en {
    font-size: 32px;
  }
}

@media print, screen and (min-width: 768px) {
  .uspSect--genix .uspSect__item:nth-child(2) .en .num {
    font-size: 50px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect--genix .uspSect__item:nth-child(2) .en .num {
    font-size: 50px;
  }
}

@media print, screen and (min-width: 768px) {
  .uspSect--genix .uspSect__item:nth-child(3), .uspSect--genix .uspSect__item:nth-child(4) {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect--genix .uspSect__item:nth-child(3), .uspSect--genix .uspSect__item:nth-child(4) {
    font-size: 16px;
  }
}

@media print, screen and (min-width: 768px) {
  .uspSect--genix .uspSect__item:nth-child(3) .num, .uspSect--genix .uspSect__item:nth-child(4) .num {
    font-size: 34px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect--genix .uspSect__item:nth-child(3) .num, .uspSect--genix .uspSect__item:nth-child(4) .num {
    font-size: 34px;
  }
}

.uspSect--genix .uspSect__item:nth-child(3) .large, .uspSect--genix .uspSect__item:nth-child(4) .large {
  font-weight: 700;
}

@media print, screen and (min-width: 768px) {
  .uspSect--genix .uspSect__item:nth-child(3) .large, .uspSect--genix .uspSect__item:nth-child(4) .large {
    font-size: 30px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect--genix .uspSect__item:nth-child(3) .large, .uspSect--genix .uspSect__item:nth-child(4) .large {
    font-size: 30px;
  }
}

.uspSect--genix .uspSect__item:nth-child(3) .medium, .uspSect--genix .uspSect__item:nth-child(4) .medium {
  font-weight: 700;
}

@media print, screen and (min-width: 768px) {
  .uspSect--genix .uspSect__item:nth-child(3) .medium, .uspSect--genix .uspSect__item:nth-child(4) .medium {
    font-size: 28px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect--genix .uspSect__item:nth-child(3) .medium, .uspSect--genix .uspSect__item:nth-child(4) .medium {
    font-size: 28px;
  }
}

@media print, screen and (min-width: 768px) {
  .uspSect--genix .uspSect__item:nth-child(5) {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect--genix .uspSect__item:nth-child(5) {
    font-size: 16px;
  }
}

.uspSect--genix .uspSect__item:nth-child(5) .en {
  font-weight: 500;
}

@media print, screen and (min-width: 768px) {
  .uspSect--genix .uspSect__item:nth-child(5) .en {
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect--genix .uspSect__item:nth-child(5) .en {
    font-size: 20px;
  }
}

@media print, screen and (min-width: 768px) {
  .uspSect--genix .uspSect__item:nth-child(5) .en .medium {
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect--genix .uspSect__item:nth-child(5) .en .medium {
    font-size: 24px;
  }
}

.uspSect--genix .uspSect__item:nth-child(5) .en .large {
  font-weight: 700;
}

@media print, screen and (min-width: 768px) {
  .uspSect--genix .uspSect__item:nth-child(5) .en .large {
    font-size: 34px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect--genix .uspSect__item:nth-child(5) .en .large {
    font-size: 34px;
  }
}

.uspSect--vanfortier {
  background: linear-gradient(101deg, #39a2c6 4.12%, #107b9f 101.98%);
}

@media print, screen and (min-width: 768px) {
  .uspSect--vanfortier {
    grid-template-columns: 1fr .43255813953fr;
    padding-right: calc(148 / 1440 * 100%);
  }
}

@media print, screen and (min-width: 768px) {
  .uspSect--vanfortier .uspSect__head {
    grid-column: 2 / 3;
  }
}

.uspSect--vanfortier .uspSect__target:after {
  background-color: #4ab1d4;
}

@media print, screen and (min-width: 768px) {
  .uspSect--vanfortier .uspSect__visual {
    grid-column: 1 / 2;
  }
}

.uspSect--vanfortier .uspSect__visual .photo__capIn + .capIn {
  bottom: 50%;
}

.uspSect--vanfortier .uspSect__item .en,
.uspSect--vanfortier .uspSect__item .num {
  display: inline-block;
  line-height: 1.2;
}

.uspSect--vanfortier .uspSect__item:nth-child(1) {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: right;
}

@media print, screen and (min-width: 768px) {
  .uspSect--vanfortier .uspSect__item:nth-child(1) {
    font-size: 18px;
    gap: 5px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect--vanfortier .uspSect__item:nth-child(1) {
    font-size: 18px;
    gap: 5px;
  }
}

.uspSect--vanfortier .uspSect__item:nth-child(1) .en {
  line-height: 1;
}

@media print, screen and (min-width: 768px) {
  .uspSect--vanfortier .uspSect__item:nth-child(1) .en {
    font-size: 65px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect--vanfortier .uspSect__item:nth-child(1) .en {
    font-size: 65px;
  }
}

@media print, screen and (min-width: 768px) {
  .uspSect--vanfortier .uspSect__item:nth-child(2) {
    font-size: 18px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect--vanfortier .uspSect__item:nth-child(2) {
    font-size: 18px;
  }
}

.uspSect--vanfortier .uspSect__item:nth-child(2) .large {
  font-weight: 900;
}

@media print, screen and (min-width: 768px) {
  .uspSect--vanfortier .uspSect__item:nth-child(2) .large {
    font-size: 28px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect--vanfortier .uspSect__item:nth-child(2) .large {
    font-size: 28px;
  }
}

.uspSect--vanfortier .uspSect__item:nth-child(3) {
  font-weight: 900;
}

@media print, screen and (min-width: 768px) {
  .uspSect--vanfortier .uspSect__item:nth-child(3) {
    font-size: 28px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect--vanfortier .uspSect__item:nth-child(3) {
    font-size: 28px;
  }
}

@media print, screen and (min-width: 768px) {
  .uspSect--vanfortier .uspSect__item:nth-child(4) {
    font-size: 22px;
  }
}

@media screen and (max-width: 768px) {
  .uspSect--vanfortier .uspSect__item:nth-child(4) {
    font-size: 22px;
  }
}

@media print, screen and (min-width: 768px) {
  .top-information {
    padding: 80px 0;
  }
}

@media screen and (max-width: 768px) {
  .top-information {
    padding: 60px 0;
  }
}

@media print, screen and (min-width: 768px) {
  .top-brand {
    padding: 140px 0;
  }
}

@media screen and (max-width: 768px) {
  .top-brand {
    padding: 80px 0;
  }
}