.commonWidth {
  max-width: 1200px;
  width: 90%;
}

@media screen and (max-width: 767px) {
  .topTitleArea .titleEn {
    font-size: clamp(2.5rem, 1.51rem + 4.28vw, 3.563rem);
  }
}
.secTop {
  padding: 60px 0;
  border-top: 1px solid #4a4a4a;
  border-bottom: 1px solid #4a4a4a;
  margin-bottom: 88px;
}
.secTop h2 {
  font-size: clamp(38px, 3.33vw, 40px);
  font-weight: bold;
  padding-bottom: 24px;
}
.secTop p {
  font-size: clamp(15px, 1.39vw, 20px);
}

@media screen and (max-width: 767px) {
  .secTop {
    margin-top: 20px;
    padding: 30px 0;
    margin-bottom: 60px;
  }
  .secTop h2 {
    font-size: clamp(1.313rem, 0.555rem + 3.27vw, 2.125rem);
  }
}
.secSupport {
  background: url(../../top/images/bg_noise.jpg) center top repeat;
}
.secSupport .wrap {
  padding: 85px 0;
}
.secSupport .wrap h2 {
  font-size: clamp(22px, 1.94vw, 28px);
  color: #c50118;
  font-weight: bold;
  padding-bottom: 48px;
}
.secSupport .wrap .gridArea {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.secSupport .wrap .gridArea .content {
  background: #ffffff;
  display: grid;
  grid-template-rows: max-content 1fr;
  gap: 0;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.secSupport .wrap .gridArea .content .imgArea {
  text-align: center;
}
.secSupport .wrap .gridArea .content .imgArea.img1 {
  padding-top: 24px;
}
.secSupport .wrap .gridArea .content .txArea {
  padding: 16px 35px 24px;
}
.secSupport .wrap .gridArea .content .txArea .inner {
  display: flex;
  gap: 10px;
  padding-bottom: 8px;
  align-items: center;
}
.secSupport .wrap .gridArea .content .txArea .inner h3 {
  margin-left: 0;
  padding-bottom: 0;
}
.secSupport .wrap .gridArea .content .txArea .num {
  font-style: italic;
  color: #c50118;
  font-size: clamp(24px, 2.71vw, 39px);
  font-weight: bold;
  line-height: 1;
}
.secSupport .wrap .gridArea .content .txArea h3 {
  font-size: clamp(22px, 1.81vw, 26px);
  font-weight: bold;
  padding-bottom: 8px;
  line-height: 150%;
}
.secSupport .wrap .gridArea .content .txArea p {
  font-size: clamp(16px, 1.25vw, 18px);
  font-weight: 500;
}
.secSupport .wrap .gridArea .content:last-child .txArea {
  padding: 24px 35px;
}

@media screen and (min-width: 1341px) {
  .secSupport .wrap .gridArea .content .imgArea.img1 img {
    width: 280px;
    height: auto;
  }
}
@media screen and (min-width: 1001px) {
  .secSupport .wrap .gridArea .content:last-of-type {
    grid-column: 1/3;
  }
  .secSupport .wrap .gridArea .content .imgArea {
    min-height: 386px;
  }
}
@media screen and (max-width: 1000px) {
  .secSupport .wrap .gridArea {
    grid-template-columns: 1fr;
  }
  .secSupport .wrap .gridArea .content {
    gap: 0;
  }
  .secSupport .wrap .gridArea .content:last-of-type {
    gap: 0;
  }
  .secSupport .wrap .gridArea .content:last-of-type .txArea {
    padding: 30px 35px;
  }
}
@media screen and (max-width: 767px) {
  .secSupport .wrap {
    padding: 60px 0;
  }
  .secSupport .wrap h2 {
    padding-bottom: 30px;
  }
  .secSupport .wrap .gridArea .content .txArea {
    padding: 25px 20px;
  }
  .secSupport .wrap .gridArea .content .txArea h3 {
    font-size: 20px;
    line-height: 150%;
  }
  .secSupport .wrap .gridArea .content .txArea p {
    font-size: 15px;
  }
  .secSupport .wrap .gridArea .content:last-of-type .txArea {
    padding: 25px 20px;
  }
}
.secLocal {
  padding: 88px 0 0;
}
.secLocal .gridArea {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  align-items: center;
  gap: 20px;
}
.secLocal .gridArea .txArea h2 {
  font-size: clamp(22px, 1.94vw, 28px);
  font-weight: bold;
  color: #c50118;
  padding-bottom: 40px;
}
.secLocal .gridArea .txArea p {
  font-weight: bold;
  font-size: clamp(15px, 1.39vw, 20px);
  line-height: 200%;
}

@media screen and (max-width: 767px) {
  .secLocal {
    padding: 60px 0 0;
  }
  .secLocal .gridArea {
    grid-template-columns: 1fr;
  }
  .secLocal .gridArea .txArea h2 {
    font-size: 20px;
    padding-bottom: 20px;
  }
}/*# sourceMappingURL=style.css.map */