@media screen and (max-width: 700px) {
  .hidden-sp {
    display: none;
  }
}
@media screen and (min-width: 701px) {
  .hidden-tb {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .hidden-pc {
    display: none;
  }
}
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 701px) {
  body {
    font-weight: 700;
  }
}

a:hover {
  opacity: 0.6;
}

.inner {
  margin-inline: 15px;
  padding-block: 33px 60px;
}
@media screen and (min-width: 701px) {
  .inner {
    margin-inline: 12.5vw;
    padding-block: 2.292vw 5.556vw;
  }
}

.head {
  position: relative;
}

.head-en {
  color: #F3F3F3;
  font-size: 56px;
  font-weight: 500;
}
@media screen and (min-width: 701px) {
  .head-en {
    font-size: 7.222vw;
  }
}

.head-ja {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 35px;
  width: 100%;
}
.head-ja span {
  font-size: 20px;
  font-weight: 700;
}
.head-ja img {
  width: 180px;
}
@media screen and (min-width: 701px) {
  .head-ja {
    top: 3.472vw;
  }
  .head-ja span {
    font-size: 2.5vw;
  }
  .head-ja img {
    width: 20.972vw;
  }
}

.header-inner {
  padding: 10px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 701px) {
  .header-inner {
    padding: 0.694vw 5.556vw;
  }
}

.header-logo img {
  width: 151px;
}
@media screen and (min-width: 701px) {
  .header-logo img {
    width: 15.694vw;
  }
}

.header-nav {
  display: none;
}
@media screen and (min-width: 701px) {
  .header-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2.778vw;
  }
}

.header-nav__link {
  font-size: 14px;
  font-weight: 700;
}
@media screen and (min-width: 1200px) {
  .header-nav__link {
    font-size: 1.389vw;
  }
}

.drawer-icon {
  width: 30px;
  height: 20px;
  position: relative;
  z-index: 51;
}
@media screen and (min-width: 701px) {
  .drawer-icon {
    display: none;
  }
}
.drawer-icon.is-checked .drawer-icon__bar:nth-of-type(1) {
  top: 10px;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.drawer-icon.is-checked .drawer-icon__bar:nth-of-type(2) {
  display: none;
}
.drawer-icon.is-checked .drawer-icon__bar:nth-of-type(3) {
  top: 10px;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}

.drawer-icon__bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 2px;
  border-radius: 6px;
  background: #111;
  -webkit-transition: top 0.3s linear, -webkit-transform 0.3s linear;
  transition: top 0.3s linear, -webkit-transform 0.3s linear;
  transition: transform 0.3s linear, top 0.3s linear;
  transition: transform 0.3s linear, top 0.3s linear, -webkit-transform 0.3s linear;
}
.drawer-icon__bar:nth-of-type(2) {
  top: 9px;
}
.drawer-icon__bar:nth-of-type(3) {
  top: 18px;
}

.drawer-content {
  width: 210px;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 50;
  padding-top: 58px;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
  background: #FFF;
}
.drawer-content.is-checked {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.drawer-content__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 25px;
}

.drawer-content__link {
  display: block;
  font-weight: 700;
  font-size: 18px;
}

.drawer-content__bottom {
  margin-top: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 28px;
}
.drawer-content__bottom a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
}
.drawer-content__bottom a img {
  width: 18.148px;
}
.drawer-content__bottom a span {
  font-weight: 700;
  font-size: 18px;
}

@media screen and (min-width: 701px) {
  .fv {
    background: url(../img/pc-fv.jpg) no-repeat center top/cover;
  }
}

.fv-inner {
  text-align: left;
}
.fv-inner img {
  margin-top: -10px;
}
@media screen and (min-width: 701px) {
  .fv-inner {
    padding-block: 10.347vw 10.764vw;
    padding-left: 12.5vw;
  }
}

.fv-content {
  padding-block: 50px;
  padding-left: 15px;
  background: #CCC;
  z-index: 5;
  position: relative;
}
.fv-content span {
  color: #FFF;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  font-size: 20px;
  font-weight: 700;
}
.fv-content p {
  margin-top: 20px;
  color: #FFF;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  font-size: 13px;
  font-weight: 600;
}
@media screen and (min-width: 701px) {
  .fv-content {
    padding: 0;
    background: none;
  }
  .fv-content span {
    color: #FFF;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
    font-size: 2.778vw;
    font-weight: 700;
  }
  .fv-content p {
    margin-top: 3.472vw;
    color: #FFF;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    font-size: 1.528vw;
    font-weight: 600;
  }
}

.nayami {
  background: #F3F3F3;
}

.nayami-inner {
  padding-block: 60px;
}
.nayami-inner h2 {
  font-size: 20px;
  font-weight: 700;
}
@media screen and (min-width: 701px) {
  .nayami-inner {
    padding-block: 5.556vw 6.181vw;
  }
  .nayami-inner h2 {
    font-size: 2.5vw;
  }
}

.nayami-container {
  margin-top: 30px;
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media screen and (min-width: 701px) {
  .nayami-container {
    margin-top: 4.167vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.389vw;
  }
}

.nayami-content {
  padding-block: 27px 26px;
  padding-left: 39px;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  gap: 28px;
  width: 345px;
  height: 100px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.nayami-content img {
  width: 20px;
}
.nayami-content p {
  font-size: 14px;
}
@media screen and (min-width: 701px) {
  .nayami-content {
    padding-block: 2.569vw 2.431vw;
    -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.25);
    width: 36.806vw;
    height: 9.722vw;
    gap: 2.431vw;
  }
  .nayami-content img {
    width: 2.083vw;
  }
  .nayami-content p {
    font-size: 1.389vw;
  }
}

.nayami-textarea {
  margin-top: 23px;
}
.nayami-textarea p {
  font-weight: 700;
  font-size: 14px;
}
.nayami-textarea p span {
  color: #19198F;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.05em;
}
.nayami-textarea p strong {
  font-size: 20px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
  background: linear-gradient(transparent 60%, #ff6 60%);
}
@media screen and (min-width: 701px) {
  .nayami-textarea {
    margin-top: 4.167vw;
  }
  .nayami-textarea p {
    font-weight: 700;
    font-size: 1.944vw;
  }
  .nayami-textarea p span {
    color: #19198F;
    font-size: 1.944vw;
  }
  .nayami-textarea p strong {
    font-size: 2.5vw;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
    background: linear-gradient(transparent 60%, #ff6 60%);
  }
}

.cta {
  background: url(../img/sp-cta.png) no-repeat center top/cover;
}
@media screen and (min-width: 701px) {
  .cta {
    background: url(../img/cta-bg.png) no-repeat center top/cover;
  }
}

.cta-inner {
  padding-block: 30px;
}
@media screen and (min-width: 701px) {
  .cta-inner {
    padding-block: 3.194vw 4.097vw;
  }
}

.cta-head {
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.cta-head h2 {
  font-size: 20px;
  font-weight: 700;
}
.cta-head p {
  font-size: 16px;
  font-weight: 700;
}
@media screen and (min-width: 701px) {
  .cta-head {
    gap: 0.625vw;
  }
  .cta-head h2 {
    font-size: 2.5vw;
  }
  .cta-head p {
    font-size: 1.667vw;
  }
}

.cta-container {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
@media screen and (min-width: 701px) {
  .cta-container {
    margin-top: 2.917vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.597vw;
  }
}

.cta-content {
  border-radius: 10px;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 345px;
  height: 100px;
}
.cta-content a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cta-content span {
  font-size: 13px;
  font-weight: 700;
}
.cta-content .cta-tel {
  gap: 10px;
}
.cta-content .cta-tel img {
  width: 30px;
}
.cta-content .cta-tel span {
  font-size: 30px;
  font-weight: 700;
}
.cta-content .cta-form {
  margin-top: 12px;
  gap: 13px;
  border-radius: 31px;
  background: #4B4BB0;
  width: 285px;
  height: 40px;
}
.cta-content .cta-form img {
  width: 20px;
}
.cta-content .cta-form span {
  font-size: 14px;
  font-weight: 600;
  color: #FFF;
}
@media screen and (min-width: 701px) {
  .cta-content {
    border-radius: 1.389vw;
    width: 36.806vw;
    height: 12.5vw;
  }
  .cta-content span {
    font-size: 1.389vw;
  }
  .cta-content .cta-tel {
    gap: 0.208vw;
  }
  .cta-content .cta-tel img {
    width: 4.167vw;
  }
  .cta-content .cta-tel span {
    font-size: 3.75vw;
  }
  .cta-content .cta-form {
    margin-top: 2.083vw;
    gap: 0.347vw;
    border-radius: 2.153vw;
    width: 27.222vw;
    height: 4.306vw;
  }
  .cta-content .cta-form img {
    width: 2.083vw;
  }
  .cta-content .cta-form span {
    font-size: 1.667vw;
  }
}

.reason-content {
  margin-top: 65px;
}
.reason-head .head-ja {
  top: 15px;
}
.reason-head .head-ja span {
  padding-bottom: 5px;
}
@media screen and (min-width: 701px) {
  .reason-head .head-ja {
    top: 2.5vw;
  }
  .reason-head .head-ja span {
    padding-bottom: 0.347vw;
  }
}

.operation {
  background: #F3F3F3;
}
.operation-head .head-en {
  color: #FFF;
}

.operation-container {
  margin-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media screen and (min-width: 701px) {
  .operation-container {
    margin-top: 4.167vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.389vw;
  }
}

.operation-content {
  padding: 15px 18px;
  background: #FFF;
  -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.operation-content h3 {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 700;
}
.operation-content p {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%; /* 150% */
}
@media screen and (min-width: 701px) {
  .operation-content {
    padding: 2.778vw 2.5vw;
    -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.25);
  }
  .operation-content h3 {
    margin-top: 0.903vw;
    font-size: 1.667vw;
  }
  .operation-content p {
    margin-top: 0.694vw;
    font-size: 1.111vw;
  }
}

.service-container {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
@media screen and (min-width: 701px) {
  .service-container {
    margin-top: 4.167vw;
    gap: 0.694vw;
  }
}

.service-content img {
  width: 345px;
  height: 188px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 701px) {
  .service-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .service-content img {
    width: 31.806vw;
    height: 17.361vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.service-body {
  padding-block: 10px 20px;
  width: 345px;
  background: #F3F3F3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.service-body p {
  font-size: 12px;
}
@media screen and (min-width: 701px) {
  .service-body {
    display: block;
    padding: 2.778vw 3.819vw;
    width: 43.194vw;
    height: 17.361vw;
    text-align: left;
  }
  .service-body p {
    margin-top: 0.694vw;
    font-size: 1.389vw;
    font-weight: 600;
  }
}

.service-body__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0.347vw;
}

.service-body__head-step {
  padding-bottom: 0.347vw;
  font-size: 16px;
  font-weight: 700;
}
@media screen and (min-width: 701px) {
  .service-body__head-step {
    font-size: 1.667vw;
  }
}

.service-body__head-num {
  font-size: 20px;
  font-weight: 700;
}
@media screen and (min-width: 701px) {
  .service-body__head-num {
    font-size: 2.5vw;
  }
}

.service-arrow img {
  width: 30px;
}
@media screen and (min-width: 701px) {
  .service-arrow img {
    width: 4.167vw;
  }
}

.service-form {
  margin-top: 20px;
  margin-inline: auto;
  padding-block: 10px;
  width: 285px;
  height: 40px;
  border-radius: 31px;
  background: #4B4BB0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 13px;
}
.service-form img {
  width: 20px;
  height: auto;
}
.service-form span {
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (min-width: 701px) {
  .service-form {
    margin-top: 1.806vw;
    padding-block: 0.903vw 0.972vw;
    width: 27.222vw;
    height: 4.306vw;
    border-radius: 2.153vw;
    gap: 0.347vw;
  }
  .service-form img {
    width: 2.083vw;
  }
  .service-form span {
    font-size: 1.667vw;
  }
}

.faq {
  background: #F3F3F3;
}

.faq-head .head-en {
  color: #FFF;
}

.faq-container {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
@media screen and (min-width: 701px) {
  .faq-container {
    margin-top: 2.431vw;
    gap: 1.389vw;
  }
}

.faq-content {
  padding-block: 20px 16px;
  padding-left: 20px;
  width: 345px;
  height: 100px;
  border-radius: 10px;
  background: #FFF;
  -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25);
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 701px) {
  .faq-content {
    padding-block: 2.431vw 2.917vw;
    padding-left: 4.931vw;
    width: 75vw;
    height: 13.889vw;
    border-radius: 0.694vw;
    -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.25);
  }
}

.faq-content__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  gap: 15px;
}
.faq-content__head span {
  color: #4B4BB0;
  font-size: 18px;
  font-weight: 700;
}
.faq-content__head p {
  padding-top: 0.347vw;
  font-size: 12px;
  font-weight: 700;
}
@media screen and (min-width: 701px) {
  .faq-content__head {
    gap: 1.389vw;
  }
  .faq-content__head span {
    font-size: 1.944vw;
  }
  .faq-content__head p {
    font-size: 1.667vw;
  }
}

.faq-content__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  gap: 15px;
}
.faq-content__body span {
  color: #E90000;
  font-size: 18px;
  font-weight: 700;
}
.faq-content__body p {
  padding-top: 0.347vw;
  font-size: 10px;
  font-weight: 500;
}
@media screen and (min-width: 701px) {
  .faq-content__body {
    margin-top: 2.083vw;
    gap: 1.389vw;
  }
  .faq-content__body span {
    font-size: 1.944vw;
  }
  .faq-content__body p {
    font-size: 1.389vw;
  }
}

.case-container {
  margin-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
.case-container img {
  width: 345px;
  height: 270px;
}
@media screen and (min-width: 701px) {
  .case-container {
    margin-top: 2.361vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2.083vw;
  }
  .case-container img {
    width: 23.611vw;
    height: 24.306vw;
  }
}

.contact {
  background: #F3F3F3;
}

.contact-head .head-en {
  color: #FFF;
}

.contact-text {
  margin-top: 14px;
  font-size: 12px;
  font-weight: 500;
}
@media screen and (min-width: 701px) {
  .contact-text {
    margin-top: 2.083vw;
    font-size: 1.389vw;
  }
}

.Form {
  margin-top: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
}
@media screen and (min-width: 701px) {
  .Form {
    margin-top: 2.431vw;
    gap: 1.389vw;
  }
}

.Form-Item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
}
@media screen and (min-width: 701px) {
  .Form-Item {
    gap: 0.347vw;
  }
}

.Form-Item-Label {
  font-size: 14px;
  font-weight: 500;
}
@media screen and (min-width: 701px) {
  .Form-Item-Label {
    font-size: 1.389vw;
  }
}

.Form-Item-Label-Required {
  color: #E90000;
  font-size: 12px;
  font-weight: 500;
}
@media screen and (min-width: 701px) {
  .Form-Item-Label-Required {
    font-size: 1.389vw;
  }
}

.Form-Item-Input {
  padding-left: 6px;
  border-radius: 5px;
  border: 1px solid #CCC;
  background: #FFF;
  width: 345px;
  height: 28px;
}
@media screen and (min-width: 701px) {
  .Form-Item-Input {
    padding-left: 1.389vw;
    border-radius: 0.694vw;
    border: 2px solid #CCC;
    width: 75vw;
    height: 2.778vw;
    font-size: 1.389vw;
  }
}

.Form-Item-Name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
.Form-Item-Name input {
  width: 168px;
  height: 28px;
}
@media screen and (min-width: 701px) {
  .Form-Item-Name {
    gap: 3.472vw;
  }
  .Form-Item-Name input {
    width: 35.764vw;
    height: 2.778vw;
    font-size: 1.389vw;
  }
}

.Form-Item-Name-Block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.Form-Item-Textarea {
  border: 1px solid #CCC;
  background: #FFF;
  width: 345px;
  height: 120px;
  border-radius: 5px;
}
@media screen and (min-width: 701px) {
  .Form-Item-Textarea {
    border: 2px solid #CCC;
    width: 75vw;
    height: 8.333vw;
    border-radius: 0.694vw;
  }
}

.Form-Btn {
  margin-top: 20px;
  color: #FFF;
  font-size: 18px;
  font-weight: 600;
  background: #4B4BB0;
  border-radius: 5px;
  width: 250px;
  height: 50px;
  border: none;
}
@media screen and (min-width: 701px) {
  .Form-Btn {
    margin-top: 2.778vw;
    font-size: 1.944vw;
    width: 27.778vw;
    height: 5.556vw;
    border-radius: 0.694vw;
  }
  .Form-Btn:hover {
    opacity: 0.6;
  }
}

.news-container {
  margin-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 701px) {
  .news-container {
    margin-top: 2.083vw;
  }
}

.news-content {
  padding-block: 20px;
  border-top: 2px solid #CCC;
  border-bottom: 2px solid #CCC;
  width: 100%;
  text-align: left;
}
.news-content + .news-content {
  border-top: none;
}
.news-content p {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 600;
}
@media screen and (min-width: 701px) {
  .news-content {
    padding-block: 2.083vw;
  }
  .news-content p {
    margin-top: 1.389vw;
    font-size: 1.389vw;
  }
}

.news-content__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.news-content__date img {
  width: 14px;
}
.news-content__date span {
  color: #ACACAC;
  font-size: 12px;
  font-weight: 700;
}
@media screen and (min-width: 701px) {
  .news-content__date {
    gap: 0.347vw;
  }
  .news-content__date img {
    width: 1.389vw;
  }
  .news-content__date span {
    font-size: 1.111vw;
  }
}

.news-btn {
  margin-top: 30px;
  margin-inline: auto;
  padding-block: 14px;
  border-radius: 5px;
  background: #4B4BB0;
  width: 250px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
.news-btn span {
  color: #FFF;
  font-size: 18px;
  font-weight: 700;
}
.news-btn img {
  height: 12px;
}
@media screen and (min-width: 701px) {
  .news-btn {
    margin-top: 4.167vw;
    padding-block: 1.597vw;
    border-radius: 0.694vw;
    width: 27.778vw;
    height: 5.556vw;
    gap: 1.389vw;
  }
  .news-btn span {
    font-size: 1.944vw;
  }
  .news-btn img {
    height: 1.389vw;
  }
}

.company {
  background: #F3F3F3;
}

.company-head .head-en {
  color: #FFF;
}

.Company-List {
  margin-top: 14px;
  padding-block: 30px;
  padding-left: 30px;
  background: #FFF;
}
@media screen and (min-width: 701px) {
  .Company-List {
    margin-top: 2.361vw;
    padding-block: 4.167vw;
    padding-left: 5vw;
  }
}

.Company-Item {
  padding-block: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 48px;
  text-align: left;
}
@media screen and (min-width: 701px) {
  .Company-Item {
    padding-block: 1.042vw;
    gap: 8.958vw;
  }
}

.Company-Item-Title {
  width: 100px;
  font-size: 10px;
  font-weight: 700;
}
@media screen and (min-width: 701px) {
  .Company-Item-Title {
    width: 17.847vw;
    font-size: 1.25vw;
  }
}

.Company-Item-Data {
  font-size: 10px;
  font-weight: 500;
}
@media screen and (min-width: 701px) {
  .Company-Item-Data {
    font-size: 1.25vw;
  }
}

.map iframe {
  width: 100%;
  height: 200px;
}
@media screen and (min-width: 701px) {
  .map iframe {
    width: 100%;
    height: 27.778vw;
  }
}

.footer {
  padding-block: 30px;
}
@media screen and (min-width: 701px) {
  .footer {
    padding-block: 0.694vw;
  }
}

.footer-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}
@media screen and (min-width: 701px) {
  .footer-inner {
    margin-inline: 12.5vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
    gap: 3.194vw;
  }
}

.footer-logo img {
  width: 55px;
}
@media screen and (min-width: 701px) {
  .footer-logo img {
    width: 7.639vw;
  }
}

.footer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.footer-nav a {
  font-size: 12px;
}
@media screen and (min-width: 701px) {
  .footer-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.389vw;
  }
  .footer-nav a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.389vw;
    font-size: 1.389vw;
  }
  .footer-nav a::after {
    content: "";
    width: 0.139vw;
    height: 2.083vw;
    background: #000;
  }
  .footer-nav a:nth-last-child(1)::after {
    content: "";
    display: none;
  }
}