/* Scss Document */
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanjp.css");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanmp.css");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanrp.css");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanjp_s.css");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanmp_s.css");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanrp_s.css");
.area01 {
  width: 100%;
  padding: 50px 0 120px;
}
.area01__inner {
  width: 93.75%;
  max-width: 1050px;
  margin: auto;
}
.area01__inner .sub {
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  margin-top: 12px;
  text-align: center;
}
.area01__inner .head_liner {
  margin-top: 18px;
  text-align: center;
  font: 300 20px/1.5 "Noto Sans JP", sans-serif;
}
.area01__inner .products .title {
  font-size: 24px;
  text-align: center;
  width: min(450px, 100%);
  margin: 62px auto 0;
  padding-bottom: 8px;
  border-bottom: 5px solid #000;
  letter-spacing: 0.3em;
  padding-right: 0.3em;
}
.area01__inner .products .text {
  font: 300 20px/36px YakuHanJPs, "Noto Sans JP", sans-serif;
  text-align: center;
  margin-top: 18px;
}
@media (width <= 480px) {
  .area01__inner .products .text {
    text-align: justify;
  }
}
.area01__inner .products .images {
  margin-top: 36px;
}
.area01__inner .products .images1 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
}
.area01__inner .products .images1 div {
  width: 330px;
}
.area01__inner .products .images2 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}
.area01__inner .products .images2 .item1 {
  width: 478px;
}
@media (width <= 480px) {
  .area01__inner .products .images2 .item1 {
    width: 100%;
  }
}
.area01__inner .products .images2 .item2 {
  width: 560px;
}
@media (width <= 480px) {
  .area01__inner .products .images2 .item2 {
    width: 100%;
  }
}
.area01__inner .products .images3 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 30px;
}
.area01__inner .products .images3 div {
  width: 480px;
}
@media (width <= 480px) {
  .area01__inner .products .images3 div {
    width: 100%;
  }
}
.area01__inner .products .images320 {
  width: 320px;
  margin-inline: auto;
}
.area01__inner .products .images396 {
  width: 396px;
  margin-inline: auto;
}
.area01__inner .products .images480 {
  width: 480px;
  margin-inline: auto;
}
@media (width <= 480px) {
  .area01__inner .products .images480 {
    width: 100%;
  }
}
.area01__inner .products .images560 {
  width: 560px;
  margin-inline: auto;
}
@media (width <= 480px) {
  .area01__inner .products .images560 {
    width: 100%;
  }
}
.area01__inner .products .images620 {
  width: 620px;
  margin-inline: auto;
}
@media (width <= 480px) {
  .area01__inner .products .images620 {
    width: 100%;
  }
}
.area01__inner .products .images670 {
  width: 670px;
  margin-inline: auto;
}
@media (width <= 480px) {
  .area01__inner .products .images670 {
    width: 100%;
  }
}
@media (width <= 480px) {
  .area01__inner br.hide_mobile {
    display: none;
  }
}
.area01__inner br.active_mobile {
  display: none;
}
@media (width <= 480px) {
  .area01__inner br.active_mobile {
    display: block;
  }
}/*# sourceMappingURL=product.css.map */