/*=============================================
 Slider
==============================================*/
.carousel__item .txt-en {
  font-size: 32px;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .carousel__item .txt-en {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .carousel__item .txt-en {
    font-size: 12px;
  }
}
.carousel__item h2 {
  margin-top: 20px;
  margin-bottom: 4px;
}
@media (max-width: 1024px) {
  .carousel__item h2 {
    margin-top: 4px;
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .carousel__item h2 {
    margin-top: 15px;
    margin-bottom: 4px;
  }
}
.carousel__item .txt-jp--small {
  line-height: 1.2;
}
@media (max-width: 360px) {
  .carousel__item--1 h2 {
    font-size: 17px;
  }
}
@media (max-width: 1115px) {
  .carousel__item--2 h2 {
    font-size: 58px;
  }
}
@media (max-width: 1024px) {
  .carousel__item--2 h2 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .carousel__item--2 h2 {
    font-size: 24px;
  }
}
@media (max-width: 418px) {
  .carousel__item--2 h2 {
    font-size: 20px;
  }
}
@media (max-width: 360px) {
  .carousel__item--2 h2 {
    font-size: 17px;
  }
}
@media (max-width: 360px) {
  .carousel__item--2 .txt-en {
    font-size: 10px;
  }
}

/*=============================================
 Section 2
==============================================*/
.section2 {
  position: relative;
  display: block;
}
@media (max-width: 1390px) {
  .section2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: static;
  }
}
@media (max-width: 1024px) {
  .section2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.section2 figure {
  width: 69%;
  margin-left: 0;
}
@media (max-width: 1390px) {
  .section2 figure {
    width: 60%;
  }
}
@media (max-width: 1300px) {
  .section2 figure {
    width: 52%;
  }
}
@media (max-width: 1245px) {
  .section2 figure {
    width: 50%;
  }
}
@media (max-width: 1160px) {
  .section2 figure {
    width: 45%;
  }
}
@media (max-width: 1024px) {
  .section2 figure {
    width: 100%;
  }
}
.section2__txt {
  position: absolute;
  top: 36.7%;
  right: 40px;
  margin-left: 0;
}
@media (max-width: 1390px) {
  .section2__txt {
    position: static;
    margin-left: -11%;
  }
}
@media (max-width: 1300px) {
  .section2__txt {
    margin-left: -9%;
  }
}
@media (max-width: 1245px) {
  .section2__txt {
    margin-left: -12.5%;
  }
}
@media (max-width: 1160px) {
  .section2__txt {
    margin-left: -13%;
  }
}
@media (max-width: 1024px) {
  .section2__txt {
    position: static;
    margin-left: 0;
  }
}
.section2__txt h2 {
  background: url("images/bg_line.png") no-repeat left bottom;
}
.section2__txt h3 {
  margin-top: -7px;
  text-transform: uppercase;
  line-height: 1.35;
}
@media (max-width: 767px) {
  .section2__txt h3 {
    margin-top: 0;
  }
}
@media (max-width: 395px) {
  .section2__txt h3 {
    font-size: 20px;
  }
}
@media (max-width: 335px) {
  .section2__txt h3 {
    font-size: 18px;
  }
}

/*=============================================
 Section 3
==============================================*/
.section3 .solutions__item h3 span + span {
  margin-top: 0;
}
@media (max-width: 335px) {
  .section3 .solutions__item h3 {
    font-size: 16px;
  }
}

/*=============================================
 Section 4
==============================================*/
@media (max-width: 767px) {
  .section4 h2 {
    font-size: 28px;
  }
}
.section4 .step-list .step-item {
  height: 56px;
  padding: 0;
  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;
}
@media (max-width: 1024px) {
  .section4 .step-list .step-item {
    height: 38px;
  }
}
.section4 .step-list .step-item:nth-child(1) span {
  margin-left: 2px;
}
@media (max-width: 1340px) {
  .section4 .step-list .step-item:nth-child(1) span {
    margin-left: 10px;
  }
}
@media (max-width: 1024px) {
  .section4 .step-list .step-item:nth-child(1) span {
    margin-left: 2px;
  }
}
.section4 .step-list .step-item:nth-child(2) {
  width: 268px;
}
@media (max-width: 1340px) {
  .section4 .step-list .step-item:nth-child(2) {
    width: 169px;
  }
}
@media (max-width: 1024px) {
  .section4 .step-list .step-item:nth-child(2) {
    width: 181px;
  }
}
.section4 .step-list .step-item:nth-child(2) span {
  margin-left: 12px;
}
@media (max-width: 1340px) {
  .section4 .step-list .step-item:nth-child(2) span {
    margin-left: 25px;
  }
}
.section4 .step-list .step-item:nth-child(3) {
  width: 409px;
}
@media (max-width: 1340px) {
  .section4 .step-list .step-item:nth-child(3) {
    width: 260px;
  }
}
@media (max-width: 1024px) {
  .section4 .step-list .step-item:nth-child(3) {
    width: 122px;
    top: -9px;
  }
}
.section4 .step-list .step-item:nth-child(3) span {
  margin-left: -10px;
}
@media (max-width: 1340px) {
  .section4 .step-list .step-item:nth-child(3) span {
    margin-left: 25px;
  }
}
@media (max-width: 1024px) {
  .section4 .step-list .step-item:nth-child(3) span {
    font-size: 12px;
    margin-left: 15px;
    line-height: 1.3;
  }
}
.section4 .step-list .step-item:nth-child(4) {
  width: 180px;
}
@media (max-width: 1340px) {
  .section4 .step-list .step-item:nth-child(4) {
    width: 160px;
  }
}
@media (max-width: 1024px) {
  .section4 .step-list .step-item:nth-child(4) {
    width: 100px;
    top: -1px;
  }
}
.section4 .step-list .step-item:nth-child(4) span {
  margin-left: 20px;
}
@media (max-width: 1340px) {
  .section4 .step-list .step-item:nth-child(4) span {
    margin-left: 25px;
  }
}
@media (max-width: 1024px) {
  .section4 .step-list .step-item:nth-child(4) span {
    font-size: 12px;
    margin-left: 26px;
    position: relative;
    z-index: 99;
  }
}
.section4 .step-list .step-item:nth-child(5) {
  width: 214px;
  position: relative;
  top: -11px;
}
@media (max-width: 1024px) {
  .section4 .step-list .step-item:nth-child(5) {
    width: 149px;
    top: -9px;
  }
}
.section4 .step-list .step-item:nth-child(5) span {
  font-size: 18px;
  line-height: 22px;
}
@media (max-width: 1024px) {
  .section4 .step-list .step-item:nth-child(5) span {
    font-size: 12px;
    line-height: 1.3;
  }
}
.section4 .step-list .step-item:before {
  border-top-width: 28px;
  border-bottom-width: 28px;
}
@media (max-width: 1024px) {
  .section4 .step-list .step-item:before {
    border-top-width: 19px;
    border-bottom-width: 19px;
  }
}
.section4 .step-list .step-item:after {
  border-top-width: 28px;
  border-bottom-width: 28px;
}
@media (max-width: 1024px) {
  .section4 .step-list .step-item:after {
    border-top-width: 19px;
    border-bottom-width: 19px;
  }
}
.section4 .step-list .step-item span {
  font-size: 20px;
}
@media (max-width: 1024px) {
  .section4 .step-list .step-item span {
    font-size: 14px;
  }
}
.section4 .flow__box {
  height: 317px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 5px 20px;
}
@media (max-width: 1340px) {
  .section4 .flow__box {
    height: 250px;
    max-height: 250px;
  }
}
@media (max-width: 1024px) {
  .section4 .flow__box {
    height: auto;
    max-height: initial;
    padding: 12px 5px 10px;
  }
}
@media (max-width: 767px) {
  .section4 .flow__box {
    padding: 12px 10px 16px;
    min-height: 211px;
  }
}
.section4 .flow__box h3 {
  line-height: 1.2;
}
.section4 .flow__box h3 span {
  display: block;
}
@media (max-width: 1024px) {
  .section4 .flow__box h3 span {
    margin-left: 0;
  }
}
.section4 .flow__box .caption {
  margin-top: 0;
}
@media (max-width: 1024px) {
  .section4 .flow__box .caption {
    font-weight: 500;
  }
}
.section4 .flow__box .caption--oneline {
  margin-top: 5px;
}
@media (max-width: 767px) {
  .section4 .flow__box .caption--oneline {
    margin-top: 8px;
  }
}
.section4 .flow__group {
  height: 222px;
  max-height: 222px;
}
@media (max-width: 1340px) {
  .section4 .flow__group {
    height: 170px;
    max-height: 170px;
  }
}
@media (max-width: 1024px) {
  .section4 .flow__group {
    height: auto;
    max-height: initial;
  }
}
@media (max-width: 767px) {
  .section4 .flow__group {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.section4 .flow__item--1 {
  margin-top: 11px;
}
@media (max-width: 767px) {
  .section4 .flow__item--1 {
    margin-top: 0;
  }
}
.section4 .flow__item--1 .caption {
  margin-right: 0;
}
.section4 .flow__item--1 img {
  top: -35px;
}
@media (max-width: 767px) {
  .section4 .flow__item--1 img {
    top: -15px;
  }
}
.section4 .flow__item--4 figure {
  margin-top: -19px;
}
@media (max-width: 767px) {
  .section4 .flow__item--4 figure {
    margin-top: 0;
  }
}
@media (max-width: 1340px) {
  .section4 .flow__item--4 img {
    width: 110px;
  }
}
@media (max-width: 1024px) {
  .section4 .flow__item--4 img {
    width: 84px;
  }
}
@media (max-width: 767px) {
  .section4 .flow__item--4 img {
    width: 102px;
  }
}
.section4 .flow__item--6 figure {
  margin-top: -7px;
}
.section4 .label p {
  padding: 0 5px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.section4 .label p.sp-small {
  font-size: 12px;
}
.section4 .label p.sp-small2 {
  font-size: 9px;
}
@media (max-width: 345px) {
  .section4 .label--3 p:nth-child(2) {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    font-size: 10px;
  }
}

/*=============================================
 Section 5
==============================================*/
.section5 .block:nth-child(2) .thumb figure img {
  margin-bottom: 12px;
}
.section5 .block:nth-child(3) .thumb figure img {
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .section5 .block .para ul {
    max-width: 464px;
  }
}
@media (max-width: 767px) {
  .section5 .block .para ul {
    max-width: 335px;
  }
}
.section5 .block .para ul li {
  font-size: 22px;
}
@media (max-width: 1245px) {
  .section5 .block .para ul li {
    font-size: 20px;
  }
}
@media (max-width: 1160px) {
  .section5 .block .para ul li {
    font-size: 18px;
  }
}
@media (max-width: 1024px) {
  .section5 .block .para ul li {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .section5 .block .para ul li {
    font-size: 18px;
    line-height: 26px;
  }
}
@media (max-width: 345px) {
  .section5 .block .para ul li {
    font-size: 18px;
  }
}
.section5 .block .tags p {
  padding: 0;
}
.section5 .block .thumb {
  padding-top: 32px;
  padding-bottom: 32px;
}

.break1300 {
  display: none;
}
@media (max-width: 1300px) {
  .break1300 {
    display: block;
  }
}
@media (max-width: 1024px) {
  .break1300 {
    display: none;
  }
}

.break1100 {
  display: none;
}
@media (max-width: 1100px) {
  .break1100 {
    display: block;
  }
}
@media (max-width: 1024px) {
  .break1100 {
    display: none;
  }
}

.break1040 {
  display: none;
}
@media (max-width: 1040px) {
  .break1040 {
    display: block;
  }
}
@media (max-width: 1024px) {
  .break1040 {
    display: none;
  }
}

.w266 {
  width: 266px;
}

.w238 {
  width: 238px;
}

.w262 {
  width: 262px;
}

.w318 {
  width: 318px;
}

/*=============================================
 Section 6
==============================================*/
.section6 .box__item {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding-top: 26px;
}
.section6 .box__item:nth-child(2) h3, .section6 .box__item:nth-child(3) h3 {
  margin-bottom: 7px;
}
.section6 .box__item:nth-child(2) p, .section6 .box__item:nth-child(3) p {
  line-height: 22px;
}
@media (max-width: 767px) {
  .section6 .note {
    max-width: 310px;
    margin-left: auto;
    margin-right: auto;
  }
}