/* default settings */
/* CUSTOM STYLES */
/* =================================================================== */
.header {
  height: 61.4375rem;
  height: 60.125rem;
}
@media (max-width: 767px) {
  .header {
    height: 52.75rem;
  }
}

@media (max-width: 767px) {
  .main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

.img-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
}
@media (max-width: 767px) {
  .img-fixed {
    top: 13.3125rem;
    height: 23.4375rem;
  }
}
.img-fixed img, .img-fixed video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.img-fixed #video-kv-loop {
  display: none;
}

.scroll {
  position: absolute;
  right: 5.1875rem;
  bottom: 4.625rem;
  width: 14.0625rem;
  height: 14.0625rem;
  border-radius: 50%;
  z-index: 9;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
@media (max-width: 767px) {
  .scroll {
    right: 0;
    left: 0;
    bottom: 0;
    width: 11.125rem;
    height: 11.125rem;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .scroll:hover {
    opacity: 0.8;
  }
}
.scroll a {
  display: block;
  position: relative;
  border-radius: 50%;
}
.scroll-circle {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  will-change: transform;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 30s;
  animation-duration: 30s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: guideBgAnime;
  animation-name: guideBgAnime;
}
.scroll-arrow {
  width: 1.875rem;
  height: 1.625rem;
  background: url("../../common/img/arrow-right.svg") no-repeat center center;
  background-size: 100%;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  position: absolute;
  top: 7.5rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-animation: 2s ease-in-out infinite alternate scrollArrowAnime;
          animation: 2s ease-in-out infinite alternate scrollArrowAnime;
}
@media (max-width: 767px) {
  .scroll-arrow {
    width: 1.3125rem;
    height: 1.3125rem;
    top: 6.25rem;
    -webkit-animation: 2s ease-in-out infinite alternate scrollArrowAnimeSP;
            animation: 2s ease-in-out infinite alternate scrollArrowAnimeSP;
  }
}

.section-1 {
  padding: 0 0 14.5rem 0;
  z-index: 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .section-1 {
    padding: 6.4375rem 0 12.5rem 0;
  }
}
.section-1 .inner {
  position: relative;
}
@media (min-width: 768px) {
  .section-1 .inner {
    max-width: 81.9375rem;
  }
}
@media (max-width: 767px) {
  .section-1 .inner {
    max-width: 22.75rem;
    margin: 0 auto 0 1.25rem;
  }
}
.section-1 .txt-color {
  mix-blend-mode: difference;
  -webkit-mix-blend-mode: difference;
}
.section-1 .txt {
  font-weight: 900;
  font-size: 2.5rem;
  line-height: 4.9375rem;
  letter-spacing: 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .section-1 .txt {
    font-size: 1.420625rem;
    line-height: 2.80625rem;
  }
}
.section-1 .txt + .txt {
  margin-top: 5rem;
}
@media (max-width: 767px) {
  .section-1 .txt + .txt {
    margin-top: 2.875rem;
  }
}
.section-1 .txt + .txt.txt-large {
  font-size: 3rem;
  margin-top: 4.8125rem;
}
@media (max-width: 767px) {
  .section-1 .txt + .txt.txt-large {
    font-size: 1.705rem;
    margin: 2.5rem 0 3.125rem 0;
  }
}
.section-1 .ttl-blur {
  font-family: Arial Black, Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 10.9rem;
  line-height: 12.625rem;
  letter-spacing: -0.022em;
  margin: 2.6875rem 0 2.25rem 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .section-1 .ttl-blur {
    font-size: 3rem;
    line-height: 3.5rem;
    letter-spacing: -0.02em;
    margin: 1.375rem 0 1.5625rem 0;
  }
}
.section-1 .ttl-blur::after {
  position: absolute;
  content: "";
  top: -18.3125rem;
  left: -2.875rem;
  right: 0;
  bottom: 0;
  background: url("/assets/img/top/ttl-blur.png") no-repeat center top;
  background-size: 99.9375rem;
  z-index: -1;
}
@media (max-width: 767px) {
  .section-1 .ttl-blur::after {
    top: -5.25rem;
    left: -0.875rem;
    background: url("/assets/img/top/ttl-blur.png") no-repeat center top;
    background-size: 27.875rem;
  }
}
.section-1 .ttl-blur .txt-blur {
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: shadows;
  animation-name: shadows;
}
.section-1 .ttl-blur-video {
  position: relative;
  mix-blend-mode: screen;
}
.section-1 .ttl-blur-video video {
  width: 99.9375rem;
  height: auto;
  margin: -15.75rem -10.625rem -19.0625rem -10.625rem;
}
@media (max-width: 767px) {
  .section-1 .ttl-blur-video video {
    width: 27.875rem;
    margin: -3.875rem -10.625rem -4.3125rem -2.9375rem;
  }
}
.section-1 .ttl-blur-video #video-ttl-blur2, .section-1 .ttl-blur-video #video-ttl-blur3 {
  position: absolute;
  top: 0;
  left: 0;
}
.section-1 .sub-ttl {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-size: 3.25rem;
  line-height: 4.75rem;
  letter-spacing: -0.02em;
}
@media (max-width: 767px) {
  .section-1 .sub-ttl {
    font-size: 1.8125rem;
    line-height: 2.8125rem;
    letter-spacing: 0;
  }
}

.bg {
  position: relative;
  background: #000;
  overflow: hidden;
}
.bg .bg-video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.bg .bg-video video {
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .bg .bg-video video {
    width: 150%;
  }
}

.section-2 {
  position: relative;
  padding: 6.5625rem 0 6.4375rem 0;
}
@media (max-width: 767px) {
  .section-2 {
    padding: 0.4375rem 0 0.5625rem 0;
  }
}
.section-2 .inner {
  position: relative;
}
.section-2 .news-ttl {
  font-family: Arial Black, Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 4.5625rem;
  line-height: 5.25rem;
  letter-spacing: -0.05em;
  margin: 0 0 1.875rem 0;
}
@media (max-width: 767px) {
  .section-2 .news-ttl {
    font-size: 2.5rem;
    line-height: 5.25rem;
    letter-spacing: -0.05em;
    padding-right: 0.125rem;
    margin: 0 0 0.25rem 0;
  }
}
.section-2 .list-item {
  border-top: 1px solid #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.8125rem 1.25rem 0.875rem 1.25rem;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
@media (max-width: 767px) {
  .section-2 .list-item {
    padding: 1rem 0.5625rem 1.0625rem 0.5625rem;
  }
}
.section-2 .list-item:last-child {
  border-bottom: 1px solid #FFFFFF;
}
.section-2 .news-date {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 8.4375rem;
  margin: auto 0;
  font-family: Arial Black, Arial, Helvetica, sans-serif;
  font-weight: 900;
}
@media (max-width: 767px) {
  .section-2 .news-date {
    width: 6.125rem;
    padding: 0.375rem 0 0 0;
  }
}
.section-2 .news-date .yy-mm {
  min-width: 2.875rem;
  text-align: center;
  margin: auto 0.5rem auto 0;
  padding: 0.4375rem 0 0 0;
}
@media (max-width: 767px) {
  .section-2 .news-date .yy-mm {
    min-width: 2.0625rem;
    margin: auto 0.4375rem auto 0;
    padding: 0.25rem 0 0 0;
  }
}
.section-2 .news-date .yy-mm .year {
  font-size: 1.125rem;
  line-height: 100%;
  letter-spacing: 0;
  display: block;
}
@media (max-width: 767px) {
  .section-2 .news-date .yy-mm .year {
    font-size: 0.75rem;
    line-height: 1;
  }
}
.section-2 .news-date .yy-mm .month {
  font-size: 1.3125rem;
  line-height: 100%;
  letter-spacing: 0;
  display: block;
}
@media (max-width: 767px) {
  .section-2 .news-date .yy-mm .month {
    font-size: 0.875rem;
    line-height: 1;
  }
}
.section-2 .news-date .day {
  font-size: 3rem;
  line-height: 1;
  letter-spacing: -0.03em;
  margin: auto 0;
  display: block;
}
@media (max-width: 767px) {
  .section-2 .news-date .day {
    font-size: 2rem;
  }
}
.section-2 .news-label {
  width: 3.875rem;
  height: 1.5rem;
  border-radius: 1.25rem;
  border: 1px solid #FFFFFF;
  background: #000000;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 0.6875rem;
  line-height: 0;
  letter-spacing: -0.05em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin: auto 0.875rem auto 0;
  padding: 0 0 0.125rem 0;
}
@media (min-width: 768px) {
  .mac .section-2 .news-label {
    padding: 0 0 0 0;
  }
}
@media (max-width: 767px) {
  .section-2 .news-label {
    width: 3.875rem;
    height: 1.5rem;
    font-size: 0.6875rem;
    margin: 0 0 0.5rem 0;
    padding: 0 0 0 0;
  }
}
.section-2 .news-content {
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.5rem;
  word-break: break-all;
  margin: auto 0;
  width: calc(100% - 4.75rem);
}
@media (max-width: 767px) {
  .section-2 .news-content {
    margin: 0;
    width: 100%;
  }
}
.section-2 .news-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 10.9375rem);
}
@media (max-width: 767px) {
  .section-2 .news-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    width: 14.5rem;
  }
}

.section-3 {
  padding: 3.625rem 0 4.625rem 0;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .section-3 {
    padding: 1.75rem 0 2.375rem 0;
  }
}
.section-3 .bg-video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
@media (max-width: 767px) {
  .section-3 .bg-video {
    top: 23.125rem;
    left: -50%;
    right: 50%;
  }
}
.section-3 .bg-video video {
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .section-3 .bg-video video {
    width: 150%;
  }
}
.section-3 .inner {
  position: relative;
}
.section-3 .title-en {
  font-size: 7.5rem;
  line-height: 7.5rem;
  letter-spacing: -0.04em;
  margin: 0 0 0.9375rem 0;
}
@media (max-width: 767px) {
  .section-3 .title-en {
    font-size: 3.25rem;
    line-height: 5.625rem;
    margin: 0 0 -0.3125rem 0;
    padding: 0 0.3125rem 0 0;
  }
}
.section-3 .title-en .lp-0 {
  letter-spacing: 0;
}
.section-3 .title-en .lp-1 {
  margin-left: -0.25rem;
}
@media (max-width: 767px) {
  .section-3 .title-en .lp-1 {
    margin-left: -0.125rem;
  }
}
.section-3 .sub-ttl {
  margin: 0 0 1.25rem 0;
}
@media (max-width: 767px) {
  .section-3 .sub-ttl {
    margin: 0 0 1.125rem 0;
  }
}
.section-3 .ttl {
  margin: 4.375rem 0 1.875rem 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-size: 2.1875rem;
  line-height: 2.875rem;
  letter-spacing: 0;
  text-align: center;
}
@media (max-width: 767px) {
  .section-3 .ttl {
    font-size: 1.75rem;
    line-height: 2.4375rem;
    margin: 1.3125rem 0 2.125rem 0;
  }
}
.section-3 .ttl .txt-small {
  font-size: 1.625rem;
  display: inline-block;
  margin: 0 0 -0.25rem 0;
}
@media (max-width: 767px) {
  .section-3 .ttl .txt-small {
    font-size: 1.375rem;
    margin: 0 0 -0.125rem 0;
  }
}
@media (min-width: 768px) {
  .section-3 .overview-group {
    max-width: 60.5rem;
    margin: 0 auto 5.75rem auto;
  }
}
@media (max-width: 767px) {
  .section-3 .overview-group {
    max-width: 16.875rem;
    margin: 0 auto 0.9375rem auto;
    gap: 1.2025rem 0;
  }
}
.section-3 .overview-item {
  border-radius: 18.75rem;
  width: 18.75rem;
  height: 18.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media (max-width: 767px) {
  .section-3 .overview-item {
    border-radius: 16.875rem;
    width: 16.875rem;
    height: 16.875rem;
  }
}
.section-3 .overview-item > * {
  position: relative;
  z-index: 1;
}
.section-3 .overview-item::before {
  position: absolute;
  content: "";
  top: -1.5625rem;
  left: -1.5625rem;
  right: -1.5625rem;
  bottom: -1.5625rem;
  border-radius: 100%;
  background: url("../../img/top/overview-item01.png") no-repeat center center;
  background-size: 100%;
}
@media (max-width: 767px) {
  .section-3 .overview-item::before {
    background: url("../../img/top/overview-item01-sp.png") no-repeat center center;
    background-size: 100%;
    top: -1.4375rem;
    left: -1.4375rem;
    right: -1.4375rem;
    bottom: -1.4375rem;
  }
}
.section-3 .overview-item:nth-child(2)::before {
  background: url("../../img/top/overview-item02.png") no-repeat center center;
  background-size: 100%;
}
@media (max-width: 767px) {
  .section-3 .overview-item:nth-child(2)::before {
    background: url("../../img/top/overview-item02-sp.png") no-repeat center center;
    background-size: 100%;
  }
}
.section-3 .overview-item:nth-child(3)::before {
  background: url("../../img/top/overview-item03.png") no-repeat center center;
  background-size: 100%;
}
@media (max-width: 767px) {
  .section-3 .overview-item:nth-child(3)::before {
    background: url("../../img/top/overview-item03-sp.png") no-repeat center center;
    background-size: 100%;
  }
}
.section-3 .overview-ttl {
  font-family: Arial Black, Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 2.9375rem;
  line-height: 100%;
  letter-spacing: -0.03em;
  text-align: center;
  margin: 0 auto 0 auto;
}
@media (max-width: 767px) {
  .section-3 .overview-ttl {
    font-size: 2.625rem;
    margin: 0 auto 0 auto;
  }
}
.section-3 .overview-ttl span {
  display: inline-block;
  border-bottom: 0.1875rem solid #FFFFFF;
  padding: 0 0 0.25rem 0;
}
@media (max-width: 767px) {
  .section-3 .overview-ttl span {
    border-bottom: 0.1875rem solid #FFFFFF;
    padding: 0 0 0.1875rem 0;
  }
}
.section-3 .overview-txt {
  min-height: 7.5625rem;
  font-weight: 900;
  font-size: 1.0625rem;
  line-height: 1.8125rem;
  letter-spacing: 0;
  text-align: center;
  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;
  margin: 0.75rem 0 -1.375rem 0;
}
@media (max-width: 767px) {
  .section-3 .overview-txt {
    min-height: 7.125rem;
    font-size: 0.875rem;
    line-height: 1.625rem;
    margin: 0.375rem 0 -1.375rem 0;
  }
}
.section-3 .btn-cus {
  text-align: right;
}

.section-4 {
  background: #000;
  position: relative;
  overflow: hidden;
  padding: 8.6875rem 0 20.625rem 0;
}
@media (max-width: 767px) {
  .section-4 {
    padding: 2.0625rem 1.25rem 1.75rem 1.25rem;
  }
}
.section-4 .slider-for {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 767px) {
  .section-4 .slider-for {
    top: 0.25rem;
  }
}
.section-4 .slider-for .slick-track, .section-4 .slider-for .slick-list {
  height: 100%;
}
.section-4 .slider-for .asia {
  background: url("/assets/img/top/missions-bg.jpg") no-repeat center top, #000;
  background-size: 125.625rem;
}
@media (max-width: 767px) {
  .section-4 .slider-for .asia {
    background: url("/assets/img/top/missions-bg-sp.jpg") no-repeat center top, #000;
    background-size: 100%;
  }
}
.section-4 .slider-for .america {
  background: url("/assets/img/top/missions-bg02.jpg") no-repeat left calc(50% - 5.1875rem) top, #000;
  background-size: 216.5rem;
}
@media (max-width: 767px) {
  .section-4 .slider-for .america {
    background: url("/assets/img/top/missions-bg02-sp.jpg") no-repeat center top, #000;
    background-size: 100%;
  }
}
.section-4 .slider-for .europe {
  background: url("/assets/img/top/missions-bg03.jpg") no-repeat left calc(50% - 32.25rem) top, #000;
  background-size: 213.625rem;
}
@media (max-width: 767px) {
  .section-4 .slider-for .europe {
    background: url("/assets/img/top/missions-bg03-sp.jpg") no-repeat center top, #000;
    background-size: 100%;
  }
}
.section-4 .title-en {
  font-size: 7.5rem;
  line-height: 7.5rem;
  margin: 0 0 1.5rem calc(50% - 38.625rem);
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .section-4 .title-en {
    font-size: 3.25rem;
    line-height: 4.71875rem;
    margin: 0 0 0.8125rem 0;
  }
}
.section-4 .sub-ttl {
  margin: 0 0 3.75rem calc(50% - 37.8125rem);
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .section-4 .sub-ttl {
    line-height: 2rem;
    margin: 0 0 20.125rem 0;
  }
}
.section-4 .txt {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .section-4 .txt {
    margin: 0 0 16.625rem 0;
  }
}
.section-4 .box {
  width: 32.1875rem;
  padding: 2.125rem 2.875rem 3.75rem 2.3125rem;
  border-radius: 1.4375rem;
  background: rgba(0, 0, 0, 0.45);
  margin: 0 auto 0 calc(50% - 1.125rem);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
@media (max-width: 767px) {
  .section-4 .box {
    background: rgba(53, 53, 53, 0.4);
    width: 20.8125rem;
    height: 38.75rem;
    padding: 2rem 1rem 2.75rem 1rem;
    border-radius: 1rem;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .section-4 .box .area {
    width: auto;
    height: 6.6875rem;
    margin: 0 0 1.25rem -1.25rem;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .section-4 .box .area {
    height: 4.125rem;
    margin: 0 0 0.875rem 0;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .section-4 .box .area img {
    width: auto;
    height: 100%;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .section-4 .box .area img {
    margin: 0 auto;
  }
}
.section-4 .box .slider .slide-bg {
  background: #000;
  border-radius: 0.9375rem;
  padding: 2.25rem 2.375rem 2.1875rem 2.375rem;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .section-4 .box .slider .slide-bg {
    border-radius: 0.625rem;
    padding: 1.5rem 1.6875rem 1.5rem 1.625rem;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 0.875rem;
    line-height: 1.5rem;
    width: 18.5rem;
  }
}
.section-4 .box .slider-txt {
  margin: 0 0.125rem 1.375rem 0;
  min-height: 11rem;
}
@media (max-width: 767px) {
  .section-4 .box .slider-txt {
    margin: 0 0 1.0625rem 0;
    min-height: 16.5rem;
  }
}
.section-4 .box .slider-img img {
  border-radius: 0.75rem;
}
@media (max-width: 767px) {
  .section-4 .box .slider-img img {
    border-radius: 0.5rem;
  }
}
.section-4 .box .slider .slick-list {
  overflow: visible;
}
.section-4 .box .slider .slick-prev,
.section-4 .box .slider .slick-next {
  top: auto;
  bottom: -11.125rem;
  -webkit-transform: translate(0, calc(-50% - 0.875rem));
          transform: translate(0, calc(-50% - 0.875rem));
}
@media (max-width: 767px) {
  .section-4 .box .slider .slick-prev,
  .section-4 .box .slider .slick-next {
    bottom: auto;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    top: -0.625rem;
  }
}
.section-4 .box .slider .slick-prev:focus-visible,
.section-4 .box .slider .slick-next:focus-visible,
.section-4 .box .slider .slick-prev.btn-click,
.section-4 .box .slider .slick-next.btn-click {
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 6.0625rem;
  height: 6.0625rem;
}
@media (max-width: 767px) {
  .section-4 .box .slider .slick-prev:focus-visible,
  .section-4 .box .slider .slick-next:focus-visible,
  .section-4 .box .slider .slick-prev.btn-click,
  .section-4 .box .slider .slick-next.btn-click {
    -webkit-transform: translate(0, -0.4375rem);
            transform: translate(0, -0.4375rem);
    width: 4.5rem;
    height: 4.5rem;
  }
}
.section-4 .box .slider .slick-prev:focus-visible::before,
.section-4 .box .slider .slick-next:focus-visible::before,
.section-4 .box .slider .slick-prev.btn-click::before,
.section-4 .box .slider .slick-next.btn-click::before {
  width: 2rem;
  height: 1.6875rem;
}
@media (max-width: 767px) {
  .section-4 .box .slider .slick-prev:focus-visible::before,
  .section-4 .box .slider .slick-next:focus-visible::before,
  .section-4 .box .slider .slick-prev.btn-click::before,
  .section-4 .box .slider .slick-next.btn-click::before {
    width: 1.4375rem;
    height: 1.25rem;
  }
}
.section-4 .box .slider .slick-prev {
  left: -4.1875rem;
}
@media (max-width: 767px) {
  .section-4 .box .slider .slick-prev {
    left: -2.25rem;
  }
}
@media (min-width: 768px) {
  .section-4 .box .slider .asia {
    position: absolute;
    width: 30.9375rem;
    top: -2.4375rem;
    left: calc(50% - 42.0625rem);
    z-index: 1;
  }
}
@media (min-width: 768px) {
  .section-4 .box .slider .europe {
    position: absolute;
    width: 36.875rem;
    top: -2.0625rem;
    left: calc(50% - 48.125rem);
    z-index: 1;
  }
}
@media (min-width: 768px) {
  .section-4 .box .slider .america {
    position: absolute;
    width: 37.8125rem;
    top: -2.0625rem;
    left: calc(50% - 49rem);
    z-index: 1;
  }
}

.section-5 {
  padding: 13.125rem 0 17.25rem 0;
  background: url("/assets/img/top/business-bg.jpg") no-repeat center center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .section-5 {
    padding: 1.75rem 0 24.0625rem 0;
    background: url("/assets/img/top/business-bg-sp.jpg") no-repeat center top, #272727;
    background-size: cover;
  }
}
.section-5 .bg-video {
  position: absolute;
  top: 9.375rem;
  left: 0;
  right: 0;
}
@media (max-width: 767px) {
  .section-5 .bg-video {
    top: 31.25rem;
  }
}
.section-5 .bg-video video {
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .section-5 .bg-video video {
    width: 150%;
  }
}
.section-5 .inner {
  position: relative;
}
.section-5 .title-en {
  font-size: 7.5rem;
  line-height: 7.5rem;
  margin: 0 0 1.5625rem 0;
}
@media (max-width: 767px) {
  .section-5 .title-en {
    font-size: 3.25rem;
    line-height: 4.25rem;
    padding: 0 0.3125rem 0 0;
    margin: 0 0 1.125rem 0;
  }
}
.section-5 .sub-ttl {
  margin: 0 0 1.3125rem 0;
}
@media (max-width: 767px) {
  .section-5 .sub-ttl {
    margin: 0 0 1.125rem 0;
  }
}
.section-5 .btn-cus {
  margin: -4.25rem -1.25rem 0 0;
  text-align: right;
}
@media (max-width: 767px) {
  .section-5 .btn-cus {
    margin: 1.5625rem 0 0 0;
  }
}

.section-6 {
  padding: 5.4375rem 0 2.6875rem;
  background: #000;
}
@media (max-width: 767px) {
  .section-6 {
    padding: 2.5625rem 0 0.625rem 0;
  }
}

.accordian {
  width: 100%;
}
.accordian .head-parent {
  padding: 2.125rem 1.875rem 2.5625rem 10.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
}
@media (max-width: 767px) {
  .accordian .head-parent {
    padding: 1.25rem 3.75rem 1.9375rem 0.625rem;
    min-height: 11.875rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.accordian .head-parent::before {
  position: absolute;
  content: "";
  top: 0;
  left: 1.625rem;
  right: 0;
  bottom: 0;
  height: 2.6875rem;
  width: 3.1875rem;
  margin: auto 0;
  background: url("../../common/img/arrow-right.svg") no-repeat center center;
  background-size: 100%;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  margin: auto 0;
}
@media (max-width: 767px) {
  .accordian .head-parent::before {
    top: auto;
    left: auto;
    bottom: 2.1875rem;
    right: 0.8125rem;
    height: 2.375rem;
    width: 2.8125rem;
  }
}
@media (min-width: 768px) {
  .accordian .head-parent:hover {
    opacity: 0.8;
  }
}
.accordian .head-parent p {
  font-size: 1.625rem;
  font-weight: 600;
}
@media (max-width: 767px) {
  .accordian .head-parent p {
    font-size: 7.6923076923vw;
  }
}
.accordian .accordion-ttl-en {
  font-family: Arial Black, Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 3.4375rem;
  line-height: 5.625rem;
  letter-spacing: -0.05em;
  margin: auto 1.75rem auto 0;
  background: radial-gradient(48.84% 266.34% at 65.51% 60.58%, #51FA97 23.08%, #24C3A3 61.88%, #4BAB27 100%);
  background-clip: text;
  padding-right: 0.625rem;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 767px) {
  .accordian .accordion-ttl-en {
    font-size: 2.625rem;
    line-height: 2.9375rem;
    margin: 0 0 0.9375rem 0;
  }
}
.accordian .accordion-ttl-jp {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-size: 1.625rem;
  line-height: 1.875rem;
  letter-spacing: 0;
  margin: auto 0;
}
@media (max-width: 767px) {
  .accordian .accordion-ttl-jp {
    font-size: 1.375rem;
    line-height: 1.875rem;
    margin: 0;
  }
}
.accordian .title-en {
  font-size: 4rem;
  line-height: 5.625rem;
  letter-spacing: -0.05em;
  padding: 0 0.3125rem 0.625rem 0;
}
@media (max-width: 767px) {
  .accordian .title-en {
    font-size: 2.3125rem;
    line-height: 3.125rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 0.3125rem 0 0;
    margin: 0 -0.625rem 0 0;
  }
}
.accordian .title-jp {
  font-size: 1.25rem;
  line-height: 2.25rem;
  letter-spacing: 0;
  font-weight: 900;
  margin: 0 0 0.625rem 0;
}
@media (max-width: 767px) {
  .accordian .title-jp {
    font-size: 1rem;
    margin: 0 0 0.5rem 0;
  }
}
@media (max-width: 767px) {
  .accordian .accordion-txt {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.accordian .accordion-row + .accordion-row {
  margin: 3.125rem 0 0 0;
}
@media (max-width: 767px) {
  .accordian .accordion-row + .accordion-row {
    margin: 0.9375rem 2.0625rem 0 2.0625rem;
  }
}
.accordian .accordion-img {
  margin: -1rem -1.34375rem 0 -1.34375rem;
}
@media (max-width: 767px) {
  .accordian .accordion-img {
    margin: -1.0625rem -1.28125rem 0 -1.375rem;
  }
}
.accordian .accordion-group-ttl {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-size: 1.625rem;
  line-height: 1.875rem;
  margin: 0 0 1.875rem 0;
}
@media (max-width: 767px) {
  .accordian .accordion-group-ttl {
    font-size: 1rem;
    line-height: 2.25rem;
    margin: 0 0 0 0;
  }
}
.accordian .accordion-group + .accordion-group {
  padding: 3.125rem 0 0 0;
  margin: 3.125rem 0 0 0;
  border-top: 0.0625rem solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 767px) {
  .accordian .accordion-group + .accordion-group {
    padding: 0.5rem 0 0 0;
    margin: 1.3125rem 0 0 0;
  }
}
.accordian .faq-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.accordian .head-child {
  padding: 1.625rem 5rem 1.1875rem 1.5625rem;
  position: relative;
  cursor: pointer;
}
@media (min-width: 768px) {
  .accordian .head-child:hover {
    opacity: 0.8;
  }
}
@media (max-width: 767px) {
  .accordian .head-child {
    padding: 1.125rem 2.875rem 0.8125rem 1.125rem;
  }
}
.accordian .head-child::before {
  position: absolute;
  content: "";
  top: 1.875rem;
  left: auto;
  right: 1.4375rem;
  bottom: 0;
  height: 1.125rem;
  width: 1.375rem;
  margin: auto 0;
  background: url("../../common/img/arrow-right.svg") no-repeat center center;
  background-size: 100%;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  margin: 0;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
@media (max-width: 767px) {
  .accordian .head-child::before {
    top: 1.5rem;
    right: 1.25rem;
    height: 0.8125rem;
    width: 1rem;
  }
}
.accordian .head-child .q {
  background: #4BAB27;
  color: #fff;
  width: 2.0625rem;
  height: 2.0625rem;
  padding: 0 0 0.125rem 0;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1rem;
  line-height: 100%;
  letter-spacing: -0.05em;
  font-weight: 700;
  text-align: center;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  margin: 0.1875rem 0.9375rem 0 0;
  margin: 0 0.9375rem 0 0;
}
@media (min-width: 768px) {
  .mac .accordian .head-child .q {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .accordian .head-child .q {
    width: 1.375rem;
    height: 1.375rem;
    font-size: 0.75rem;
    margin: 0rem 0.3125rem 0 0;
  }
}
.accordian .head-child .q-txt {
  width: calc(100% - 3rem);
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: 0;
}
@media (max-width: 767px) {
  .accordian .head-child .q-txt {
    width: calc(100% - 1.6875rem);
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.accordian .level-2-content {
  padding: 0 0.625rem;
}
@media (max-width: 767px) {
  .accordian .level-2-content {
    padding: 0 1.25rem;
  }
}
.accordian .level-2-content .desc {
  border-top: 0.0625rem solid #fff;
  padding: 1.6875rem 1.0625rem 1.5625rem 1.0625rem;
  margin: 0.375rem 0 0 0;
}
@media (max-width: 767px) {
  .accordian .level-2-content .desc {
    padding: 0.875rem 0 0.875rem 0;
    margin: 0;
  }
}
.accordian .level-1 {
  border-bottom: 0.0625rem solid #fff;
}
.accordian .level-1:first-child {
  border-top: 0.0625rem solid #fff;
}
.accordian .level-1:nth-child(2) .accordion-ttl-en {
  letter-spacing: 0.02em;
}
@media (min-width: 768px) {
  .accordian .level-1:nth-child(2) .accordion-ttl-en {
    margin-right: 1.4375rem;
  }
}
.accordian .level-1-content {
  display: none;
  padding: 3.25rem 4.4375rem;
}
@media (max-width: 767px) {
  .accordian .level-1-content {
    padding: 0.5625rem 1.375rem 1.875rem 1.375rem;
  }
}
.accordian .level-1-content.content-img-text {
  padding: 3.125rem 6.875rem;
}
@media (max-width: 767px) {
  .accordian .level-1-content.content-img-text {
    padding: 0.5rem 1.875rem 0.5625rem 2.1875rem;
  }
}
.accordian .level-1.active .head-parent::before {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.accordian .level-2 {
  background: #343434;
  border-radius: 0.625rem;
}
.accordian .level-2.active .head-child::before {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  top: 2.125rem;
}
@media (max-width: 767px) {
  .accordian .level-2.active .head-child::before {
    top: 1.5rem;
  }
}
.accordian .level-2 .a {
  background: #fff;
  color: #4BAB27;
  width: 1.9375rem;
  height: 1.9375rem;
  padding: 0 0 0.125rem 0;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1rem;
  line-height: 100%;
  letter-spacing: -0.05em;
  font-weight: 700;
  text-align: center;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  margin: 0.5625rem 0.9375rem 0.375rem 0;
}
@media (min-width: 768px) {
  .mac .accordian .level-2 .a {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .accordian .level-2 .a {
    width: 1.375rem;
    height: 1.375rem;
    font-size: 0.75rem;
    margin: 0rem 0.3125rem 0 0;
  }
}
.accordian .level-2 .a-txt {
  line-height: 1.5rem;
  font-weight: 400;
  width: calc(100% - 2.875rem);
  margin: auto 0;
}
@media (max-width: 767px) {
  .accordian .level-2 .a-txt {
    width: calc(100% - 1.6875rem);
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.accordian .level-2 + .level-2 {
  margin-top: 1.25rem;
}
@media (max-width: 767px) {
  .accordian .level-2 + .level-2 {
    margin-top: 1.7948717949vw;
  }
}
.accordian .level-2-content {
  display: none;
}
.section-btn {
  background: #000;
}

.footer {
  background: #000;
}