/* CSS Document */
.sp-only {
  display: none;
}

@media screen and (max-width: 767px) {
  .sp-only {
    display: block;
  }
}

.banner_coo {
  position: relative;
}

.banner_coo_text {
  position: absolute;
  top: 3vw;
  margin-left: min(430px, 35vw);
}

.banner_coo_text_lead {
  font-size: min(27px, 2vw);
  color: #fff;
  font-weight: 700;
  line-height: 1.8;
}

.banner_coo_text_title {
  font-size: clamp(14px, 27px, 2vw);
  color: #fff;
  margin-top: min(64px, 8.33vw);
  margin-right: 1.5vw;
  text-align: right;
}

.banner_coo_text_name {
  font-size: clamp(14px, 30px, 2vw);
}

.banner_coo .parts-buttonLink {
  position: absolute;
  margin-bottom: 0;
  right: clamp(20px, 3.125vw, 50px);
  bottom: clamp(20px, 3.125vw, 50px);
}

.banner_coo .parts-buttonLink-link {
  padding: 1.389vw 3.472vw;
  min-height: inherit;
}

@media screen and (width < 768px) {
.banner_coo_text {
  margin-top: 5%;
  margin-right: 5%;
  margin-left: 35.20vw;
}

.banner_coo_text_lead {
  font-size: min(27px, 3.73vw);
}

.banner_coo_text_title {
  font-size: min(24px, 3.46vw);
}

.banner_coo_text_name {
  font-size: min(26px, 3.46vw);
}

.banner_coo .parts-buttonLink {
  right: 5.33vw;
  bottom: 5.33vw;
  max-width: 57.33vw;
}

.banner_coo .parts-buttonLink-link {
  padding: 2.66vw 2.66vw;
  min-height: inherit;
}
}

@media screen and (width < 375px) {
.banner_coo_text {
  margin-left: 34.2vw;
}
}


.feature{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.text2{
  grid-column:2 / 4;
}

@media (max-width: 768px) {
.feature {
grid-template-columns: 1fr;
grid-template-areas:
  "text1"
  "img1"
  "text2"
  "img2"
  "img3";
}

.text1 { grid-area: text1; }
.img1  { grid-area: img1; }
.text2 { grid-area: text2; }
.img2  { grid-area: img2; }
.img3  { grid-area: img3; }
}