@media screen and (min-width: 767px) {
  .commonTopTitleArea .gridArea .headTitleArea h1 {
    font-size: clamp(1.25rem, 0.143rem + 2.31vw, 1.875rem);
  }
}
.headTitleWrap h2 {
  font-size: clamp(30px, 2.6vw, 36px);
  font-weight: 900;
  letter-spacing: -0.015em;
}
.headTitleWrap .en {
  font-style: italic;
  font-weight: 900;
  font-size: clamp(15px, 1.1vw, 16px);
  letter-spacing: 0;
  color: #001A72;
}

@media screen and (max-width: 767px) {
  .headTitleWrap h2 {
    font-size: clamp(20px, 5.5vw, 26px);
  }
}
.secTop {
  margin-bottom: 80px;
}
.secTop .wrap {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: clamp(1.25rem, -5.393rem + 13.86vw, 5rem);
}
.secTop .wrap .title {
  font-size: clamp(26px, 1.9vw, 30px);
  font-weight: bold;
  color: #001A72;
  letter-spacing: 0.012em;
}
.secTop .wrap .title + p {
  font-size: clamp(15px, 1.1vw, 16px);
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .secTop {
    margin-bottom: 40px;
  }
  .secTop .wrap {
    display: grid;
    grid-template-columns: 1fr;
  }
  .secTop .wrap .title {
    font-size: clamp(26px, 1.9vw, 30px);
  }
  .secTop .wrap .title + p {
    font-size: clamp(15px, 1.1vw, 16px);
  }
}
.secNavSustainabilityArea {
  padding-bottom: 120px;
  background: #001A72;
}
.secNavSustainabilityArea nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px 40px;
  padding: 68px 0;
}
.secNavSustainabilityArea .titleWrap {
  padding-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.secNavSustainabilityArea .titleWrap h3 {
  font-size: clamp(26px, 1.9vw, 30px);
  font-weight: 900;
  color: #fff;
}
.secNavSustainabilityArea .titleWrap h3 + .en {
  font-weight: 900;
  font-size: clamp(15px, 1.1vw, 16px);
  color: #fff;
}

@media screen and (max-width: 767px) {
  .secNavSustainabilityArea nav {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20;
    padding: 50px 0;
  }
  .secNavSustainabilityArea .titleWrap {
    padding-top: 16px;
  }
  .secNavSustainabilityArea .titleWrap h3 {
    font-size: clamp(28px, 7vw, 30px);
  }
  .secNavSustainabilityArea .titleWrap h3 + .en {
    font-size: clamp(15px, 1.1vw, 16px);
  }
}
@media screen and (max-width: 550px) {
  .secNavSustainabilityArea .titleWrap img {
    width: 50px;
  }
  .secNavSustainabilityArea .titleWrap .detail .brClass {
    display: block !important;
  }
}
@media screen and (max-width: 400px) {
  .tl-kensyo {
    font-size: 25px !important;
  }
}
.plicyArea {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid #fff;
  height: 200px;
}
.plicyArea .titleWrap {
  padding: 0 40px;
}
.plicyArea .imgArea {
  background-image: url(../images/policy.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .plicyArea {
    grid-template-columns: 1fr;
    height: 100%;
  }
  .plicyArea .imgArea {
    height: clamp(6.25rem, 2.844rem + 13.62vw, 9.375rem);
  }
  .plicyArea .titleWrap {
    height: clamp(6.25rem, 2.844rem + 13.62vw, 9.375rem);
    padding: 0 20px;
  }
}/*# sourceMappingURL=style.css.map */