@charset "utf-8";

@media print, screen {
  #dispatch {
    background-color: var(--grayf2-color);
  }
  #dispatch .mv__normal {
    background-image: url(../../images/src/dispatch/img_mv.png);
  }
  #dispatch .tit__jp {
    margin-bottom: 40px;
    color: var(--main-color);
    font-size: 40px;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    letter-spacing: 0.03em;
    text-indent: 0.03em;
  }
  #dispatch .tit__en {
    margin-bottom: 20px;
    color: var(--main-color);
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.03em;
    text-indent: 0.03em;
  }
  #dispatch .sec01 {
    margin: 0 auto;
    padding: 100px 0 60px;
    width: 100%;
    max-width: 1200px;
  }
  #dispatch .sec01 .lead {
    font-size: 20px;
    font-weight: 700;
    line-height: 2;
    text-align: center;
    letter-spacing: 0.1em;
    text-indent: 0.1em;
  }
  #dispatch .sec01 .lead span {
    color: var(--orange-color);
    font-weight: 700;
  }
  #dispatch .sec01 .block {
    align-items: center;
    margin: 0 auto;
    padding: 40px 0;
    width: 100%;
    max-width: 816px;
  }
  #dispatch .sec01 .block .bk__text {
    width: 44%;
    font-size: 18px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  #dispatch .sec01 .block .bk__text span {
    font-weight: 700;
  }
  #dispatch .sec01 .block .bk__img {
    width: 48.8%;
  }
  #dispatch .sec01 .copy__block {
    margin: 0 auto 30px;
    padding: 40px 0;
    width: 100%;
    max-width: 685px;
    font-size: 24px;
    font-weight: 700;
    line-height: 2;
    letter-spacing: 0.1em;
    text-indent: 0.1em;
    text-align: center;
    background-color: var(--white);
    position: relative;
  }
  #dispatch .sec01 .copy__block p {
    font-weight: 700;
  }
  #dispatch .sec01 .copy__block span.upper,
  #dispatch .sec01 .copy__block span.lower {
    width: 51px;
    position: absolute;
  }
  #dispatch .sec01 .copy__block span.upper {
    left: 36px;
    top: -15px;
  }
  #dispatch .sec01 .copy__block span.lower {
    right: 36px;
    bottom: -15px;
    transform: rotate(180deg);
  }
  #dispatch .sec01 .copy__large {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.03em;
    text-indent: 0.03em;
  }
}
@media screen and (max-width: 1300px) {
  #dispatch .tit__jp {
    margin-bottom: 3vw;
    font-size: 3vw;
  }
  #dispatch .tit__en {
    margin-bottom: 1.538vw;
    font-size: 1.538vw;
  }
  #dispatch .sec01 {
    padding: 7.692vw 0 4.615vw;
    width: 92.307%;
  }
  #dispatch .sec01 .lead {
    font-size: 1.538vw;
  }
  #dispatch .sec01 .block {
    padding: 3vw 0;
    width: 62.769%;
  }
  #dispatch .sec01 .block .bk__text {
    font-size: 1.384vw;
  }
  #dispatch .sec01 .copy__block {
    margin: 0 auto 2.3vw;
    padding: 3vw 0;
    width: 52.692%;
    font-size: 1.846vw;
  }
  #dispatch .sec01 .copy__block span.upper,
  #dispatch .sec01 .copy__block span.lower {
    width: 3.923vw;
  }
  #dispatch .sec01 .copy__block span.upper {
    left: 2.769vw;
    top: -1.153vw;
  }
  #dispatch .sec01 .copy__block span.lower {
    right: 2.769vw;
    bottom: -1.153vw;
  }
  #dispatch .sec01 .copy__large {
    font-size: 2.769vw;
  }
}
@media screen and (max-width: 768px) {
  #dispatch .mv__normal {
    background: none;
  }
  #dispatch .tit__jp {
    margin-bottom: 40px;
    font-size: 6.28vw;
    line-height: 1.3;
  }
  #dispatch .tit__en {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1;
  }
  #dispatch .sec01 {
    padding: 15.7vw 0 7.246vw;
    width: 100%;
    max-width: inherit;
  }
  #dispatch .sec01 .lead {
    font-size: 4.347vw;
    line-height: 1.7;
  }
  #dispatch .sec01 .block {
    flex-direction: column-reverse;
    padding: 9.661vw 0;
    width: 82.125%;
    max-width: inherit;
  }
  #dispatch .sec01 .block .bk__text {
    width: 100%;
    font-size: 3.864vw;
  }
  #dispatch .sec01 .block .bk__img {
    padding: 0 0 10vw;
    width: 100%;
  }
  #dispatch .sec01 .copy__block {
    margin: 0 auto 5.434vw;
    padding: 4.83vw 0;
    width: 89.371%;
    max-width: inherit;
    font-size: 3.864vw;
    line-height: 1.5;
  }
  #dispatch .sec01 .copy__block p + p {
    margin-top: 3.864vw;
  }
  #dispatch .sec01 .copy__block span.upper,
  #dispatch .sec01 .copy__block span.lower {
    width: 7.246vw;
  }
  #dispatch .sec01 .copy__block span.upper {
    left: 0;
    top: -3.623vw;
  }
  #dispatch .sec01 .copy__block span.lower {
    right: 0;
    bottom: -3.623vw;
    transform: rotate(180deg);
  }
  #dispatch .sec01 .copy__large {
    font-size: 4.83vw;
  }
}

@media print, screen {
  #dispatch .sec02 {
    margin: 0 auto;
    padding: 60px 0;
    width: 100%;
    max-width: 1200px;
  }
  #dispatch .sec02 .tit__jp {
    color: var(--black);
  }
  #dispatch .sec02 .tit__en {
    color: var(--black);
  }
  #dispatch .sec02 .scene__box {
    padding: 40px 0;
    width: 100%;
    border: 1px solid var(--orange-color);
    position: relative;
  }
  #dispatch .sec02 .scene__box + .scene__box {
    margin-top: 20px;
  }
  #dispatch .sec02 .scene__box .scene__tit {
    color: var(--orange-color);
    font-size: 32px;
    font-weight: 700;
    line-height: 2;
    text-align: center;
    letter-spacing: 0.1em;
    text-indent: 0.1em;
  }
  #dispatch .sec02 .scene__box .scene__copy {
    font-size: 24px;
    font-weight: 700;
    line-height: 2;
    text-align: center;
    letter-spacing: 0.1em;
    text-indent: 0.1em;
  }
  #dispatch .sec02 .scene__box .scene__inner {
    align-items: center;
    margin: 0 auto;
    padding: 25px 0 0;
    width: 100%;
    max-width: 1000px;
  }
  #dispatch .sec02 .scene__box .scene__inner .scene__img {
    width: 32.7%;
    max-width: 327px;
  }
  #dispatch .sec02 .scene__box .scene__inner .scene__text {
    width: 61%;
    max-width: 610px;
    font-size: 18px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  #dispatch .sec02 .scene__box:nth-of-type(2) {
    background: url(../../images/src/dispatch/ill.svg) no-repeat right 90px
      bottom 42px;
    background-size: 80px auto;
  }
}
@media screen and (max-width: 1300px) {
  #dispatch .sec02 {
    padding: 4.615vw 0;
    width: 92.307%;
  }
  #dispatch .sec02 .scene__box {
    padding: 3vw 0;
  }
  #dispatch .sec02 .scene__box + .scene__box {
    margin-top: 1.538vw;
  }
  #dispatch .sec02 .scene__box .scene__tit {
    font-size: 2vw;
  }
  #dispatch .sec02 .scene__box .scene__copy {
    font-size: 1.846vw;
  }
  #dispatch .sec02 .scene__box .scene__inner {
    padding: 1.923vw 0 0;
    width: 76.923%;
  }
  #dispatch .sec02 .scene__box .scene__inner .scene__text {
    font-size: 1.384vw;
  }
  #dispatch .sec02 .scene__box:nth-of-type(2) {
    background-position: right 6.923vw bottom 3.23vw;
    background-size: 6.153vw auto;
  }
}
@media screen and (max-width: 768px) {
  #dispatch .sec02 {
    padding: 7.246vw 0;
    width: 94.2%;
    max-width: inherit;
  }
  #dispatch .sec02 .scene__box {
    padding: 9.661vw 0;
  }
  #dispatch .sec02 .scene__box + .scene__box {
    margin-top: 4.83vw;
  }
  #dispatch .sec02 .scene__box .scene__tit {
    font-size: 4.83vw;
  }
  #dispatch .sec02 .scene__box .scene__copy {
    font-size: 4.347vw;
    line-height: 1.77;
  }
  #dispatch .sec02 .scene__box .scene__inner {
    padding: 4.83vw 0 0;
    width: 87.18%;
    max-width: inherit;
  }
  #dispatch .sec02 .scene__box .scene__inner .scene__img {
    width: 100%;
    max-width: inherit;
  }
  #dispatch .sec02 .scene__box .scene__inner .scene__text {
    padding: 4.83vw 0 0;
    width: 100%;
    font-size: 3.864vw;
    line-height: 1.75;
  }
  #dispatch .sec02 .scene__box:nth-of-type(2) {
    background-position: right 2.173vw bottom 3vw;
    background-size: 13.526vw auto;
  }
}
@media print, screen {
  #dispatch .sec03 {
    margin: 0 auto;
    padding: 60px 0 120px;
    width: 100%;
    max-width: 940px;
  }
  #dispatch .sec03 .why__block {
    gap: 20px 0;
    margin: 0 auto;
    width: 100%;
  }
  #dispatch .sec03 .why__block li {
    padding: 40px 0;
    width: 48.93%;
    max-width: 460px;
    text-align: center;
    background-color: var(--white);
    border-radius: 14px;
  }
  #dispatch .sec03 .why__block li .why__icon {
    margin: 0 auto 20px;
    width: 16.3%;
    max-width: 75px;
  }
  #dispatch .sec03 .why__block li .why__tit {
    margin-bottom: 10px;
    color: var(--main-color);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.1em;
    text-indent: 0.1em;
  }
  #dispatch .sec03 .why__block li .why__copy {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: 0.1em;
    text-indent: 0.1em;
  }
}
@media screen and (max-width: 1000px) {
  #dispatch .sec03 {
    padding: 6vw 0 12vw;
    width: 94%;
  }
  #dispatch .sec03 .why__block {
    gap: 2vw 0;
  }
  #dispatch .sec03 .why__block li {
    padding: 4vw 0;
  }
  #dispatch .sec03 .why__block li .why__icon {
    margin: 0 auto 2vw;
  }
  #dispatch .sec03 .why__block li .why__tit {
    margin-bottom: 1vw;
    font-size: 2.4vw;
  }
  #dispatch .sec03 .why__block li .why__copy {
    font-size: 1.8vw;
  }
}
@media screen and (max-width: 768px) {
  #dispatch .sec03 {
    padding: 7.246vw 0 14.5vw;
    width: 94.2%;
    max-width: inherit;
  }
  #dispatch .sec03 .why__block {
    gap: 2.14vw 0;
  }
  #dispatch .sec03 .why__block li {
    display: flex;
    justify-content: space-between;
    padding: 4.83vw 6vw;
    width: 100%;
    max-width: inherit;
    box-sizing: border-box;
  }
  #dispatch .sec03 .why__block li .why__icon {
    margin: 0;
    width: 17.64%;
    max-width: inherit;
  }
  #dispatch .sec03 .why__block li .sp__box {
    width: 76%;
    text-align: left;
  }
  #dispatch .sec03 .why__block li .why__tit {
    margin-bottom: 10px;
    font-size: 5.314vw;
  }
  #dispatch .sec03 .why__block li .why__copy {
    font-size: 3.381vw;
    line-height: 2;
  }
}
@media print, screen {
  #dispatch .sec04 {
    margin: 0 auto;
    padding: 120px 0;
    width: 100%;
    background-color: var(--white);
  }
  #dispatch .sec04 .inner {
    margin: 0 auto;
    padding: 0 0 40px;
    width: 100%;
    max-width: 940px;
  }
  #dispatch .sec04 .inner .rquest__block {
    align-items: center;
    padding: 40px 60px;
    width: 100%;
    border: 3px solid var(--main-color);
    border-radius: 9999px;
    box-sizing: border-box;
  }
  #dispatch .sec04 .inner .rquest__block .rquest__icon {
    width: 13.414%;
    max-width: 110px;
  }
  #dispatch .sec04 .inner .rquest__block .rquest__text {
    width: 82.56%;
    max-width: 677px;
  }
  #dispatch .sec04 .inner .rquest__block .rquest__text .text__step {
    margin-bottom: 15px;
    color: var(--main-color);
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.03em;
  }
  #dispatch .sec04 .inner .rquest__block .rquest__text .text__copy {
    margin-bottom: 25px;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.06em;
  }
  #dispatch .sec04 .inner .rquest__block .rquest__text .text__lead {
    font-size: 18px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  #dispatch .sec04 .inner .img__arrow {
    margin: 17px auto 10px;
    width: 50px;
  }
  #dispatch .sec04 .btn__contact {
    margin: 0 auto;
    width: 100%;
    max-width: 880px;
  }
  #dispatch .sec04 .btn__contact a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 115px;
    background-color: var(--orange-color);
    border: 1px solid var(--orange-color);
    border-radius: 14px;
  }
  #dispatch .sec04 .btn__contact a span {
    padding: 10px 0 10px 83px;
    color: var(--white);
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.2em;
    background: url(../../images/src/dispatch/arrow.svg) no-repeat left center;
    background-size: 54px auto;
  }
  #dispatch .sec04 .btn__contact a:hover {
    background-color: var(--white);
  }
  #dispatch .sec04 .btn__contact a:hover span {
    color: var(--orange-color);
    background-image: url(../../images/src/dispatch/arrow03.svg);
  }
}
@media screen and (max-width: 1300px) {
  #dispatch .sec04 .btn__contact {
    width: 92.307%;
  }
  #dispatch .sec04 .btn__contact a {
    height: 10.923vw;
  }
  #dispatch .sec04 .btn__contact a span {
    padding: 7.692vw 0 7.692vw 6.384vw;
    font-size: 1.846vw;
    background-size: 4.153vw auto;
  }
}
@media screen and (max-width: 1000px) {
  #dispatch .sec04 {
    padding: 12vw 0;
  }
  #dispatch .sec04 .inner {
    padding: 0 0 4vw;
    width: 94%;
  }
  #dispatch .sec04 .inner .rquest__block {
    padding: 4vw 6vw;
  }
  #dispatch .sec04 .inner .rquest__block .rquest__text .text__step {
    margin-bottom: 1.5vw;
    font-size: 2vw;
  }
  #dispatch .sec04 .inner .rquest__block .rquest__text .text__copy {
    margin-bottom: 2.5vw;
    font-size: 3vw;
  }
  #dispatch .sec04 .inner .rquest__block .text__lead {
    font-size: 1.8vw;
  }
  #dispatch .sec04 .inner .img__arrow {
    margin: 1.7vw auto 1vw;
    width: 5vw;
  }
}
@media screen and (max-width: 768px) {
  #dispatch .sec04 {
    padding: 9.661vw 0;
    width: 94.2%;
  }
  #dispatch .sec04 .inner {
    padding: 0 0 40px;
    width: 100%;
    max-width: inherit;
  }
  #dispatch .sec04 .inner .rquest__block {
    align-items: flex-start;
    padding: 4vw 5.434vw;
    border-radius: 20px;
  }
  #dispatch .sec04 .inner .rquest__block .rquest__icon {
    width: 20.588%;
    max-width: inherit;
  }
  #dispatch .sec04 .inner .rquest__block .rquest__text {
    width: 72%;
    max-width: inherit;
  }
  #dispatch .sec04 .inner .rquest__block .rquest__text .text__step {
    margin-bottom: 15px;
    font-size: 3.864vw;
  }
  #dispatch .sec04 .inner .rquest__block .rquest__text .text__copy {
    margin-bottom: 2.415vw;
    font-size: 3.864vw;
    line-height: 1.5;
  }
  #dispatch .sec04 .inner .rquest__block .text__lead {
    font-size: 3.381vw;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  #dispatch .sec04 .inner .img__arrow {
    margin: 2.3vw auto 1.2vw;
    width: 7.246vw;
  }
  #dispatch .sec04 .btn__contact {
    max-width: inherit;
  }
  #dispatch .sec04 .btn__contact a {
    height: 25.12vw;
  }
  #dispatch .sec04 .btn__contact a span {
    padding: 0 0 0 13.285vw;
    font-size: 3.864vw;
    line-height: 1.5;
    background-size: 8.937vw auto;
  }
}
@media print, screen {
  #dispatch .sec05 {
    margin: 0 auto;
    padding: 120px 0;
    width: 100%;
    max-width: 1244px;
  }
  #dispatch .sec05 .tit__jp {
    color: var(--black);
  }
  #dispatch .sec05 .tit__en {
    color: var(--black);
  }
  #dispatch .sec05 .case__block {
    margin-bottom: 40px;
    width: 100%;
  }
  #dispatch .sec05 .case__block li {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    width: 23.794%;
    max-width: 296px;
    font-size: 18px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.1em;
    text-indent: 0.1em;
    text-align: center;
    background-color: var(--white);
    border-radius: 14px;
  }
  #dispatch .sec05 .case__text {
    margin-bottom: 120px;
    font-size: 18px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.1em;
    text-indent: 0.1em;
    text-align: center;
  }
  #dispatch .sec05 .case__text small {
    font-size: 14px;
    font-weight: 500;
  }
}
@media screen and (max-width: 1300px) {
  #dispatch .sec05 {
    padding: 9.23vw 0;
    width: 95.692%;
  }
  #dispatch .sec05 .case__block {
    margin-bottom: 3vw;
  }
  #dispatch .sec05 .case__block li {
    padding: 1.538vw 0;
    font-size: 1.384vw;
  }
  #dispatch .sec05 .case__text {
    margin-bottom: 9.23vw;
    font-size: 1.384vw;
  }
  #dispatch .sec05 .case__text small {
    font-size: 1.076vw;
  }
}
@media screen and (max-width: 768px) {
  #dispatch .sec05 {
    padding: 14.5vw 0;
    max-width: inherit;
  }
  #dispatch .sec05 .case__block {
    margin: 0 auto 40px;
    width: 72.463%;
  }
  #dispatch .sec05 .case__block li {
    padding: 4.83vw 0;
    width: 100%;
    max-width: inherit;
    font-size: 3.864vw;
  }
  #dispatch .sec05 .case__block li + li {
    margin-top: 2vw;
  }
  #dispatch .sec05 .case__text {
    margin: 0 auto 20vw;
    width: 82.125%;
    font-size: 3.864vw;
    text-align: left;
  }
  #dispatch .sec05 .case__text small {
    font-size: 2.898vw;
  }
}