@charset "utf-8";
/* CSS Document */
.top_a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(40px, 5vw, 80px);
  width: 100%;
  margin: auto;
}
.top_a .leftbox, .top_a .rightbox {
  width: 25%;
}
.top_a .txtbox {
  width: 42%;
  align-items: center;
  text-align: center;
  min-width: 600px;
}
.top_a .imgbox {
  overflow: hidden;
  border-radius: 8px;
}
.top_a .imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.top_a .leftbox .imgbox {
  aspect-ratio: 4 / 5;
}
.top_a .rightbox {
  display: flex;
  flex-direction: column;
  gap: clamp(50px, 6vw, 90px);
}
.top_a .rightbox .imgbox:first-child {
  width: 78%;
  aspect-ratio: 16 / 10;
  margin-left: auto;
}
.top_a .rightbox .imgbox:last-child {
  width: 68%;
  aspect-ratio: 1 / 1;
}
.top_a .titlebox1 .entitle2 {
  letter-spacing: 0.14em;
  line-height: 1;
}
.top_a h2 {
  line-height: 1.8;
  letter-spacing: 0.12em;
}
.top_a .txtbox p {
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1080px) {
  .top_a {
    flex-direction: column;
  }
  .top_a .leftbox, .top_a .rightbox, .top_a .txtbox {
    width: 100%;
  }
  .top_a .txtbox {
    min-width: 0;
  }
  .top_a .leftbox .imgbox {
    width: 70%;
    max-width: 400px;
    margin: 0 auto;
  }
  .top_a .rightbox {
    flex-direction: row;
    gap: 20px;
  }
  .top_a .rightbox .imgbox:first-child, .top_a .rightbox .imgbox:last-child {
    width: calc(50% - 10px);
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
      .top_a .txtbox {
    padding: 0 20px;
  }
  .top_a .txtbox p {
    text-align: left;
  }
}
@media screen and (max-width: 576px) {

}
.cate2 {
  position: relative;
  z-index: 1;
}
.reason_about_wrap {
  max-width: 1280px;
  margin: 0 auto;
      gap: clamp(70px, 8vw, 120px);
}
.reason_about_item {
  align-items: center;
  justify-content: space-between;
  gap: clamp(40px, 6vw, 90px);
  margin-bottom: 100px;
}
.reason_about_item:last-child {
  margin-bottom: 0;
}
.reason_about_item_reverse {
  flex-direction: row-reverse;
}
.reason_about_item .imgbox {
 width: calc((100% - clamp(40px, 6vw, 90px)) * 0.42);
  border-radius: 10px;
  overflow: hidden;
}
.reason_about_item .imgbox img {
  width: 100%;
  height: auto;
  display: block;
}
.reason_about_item .txtbox {
  position: relative;
  width: calc((100% - clamp(40px, 6vw, 90px)) * 0.58);
}
.reason_about_wrap .numbox {
  position: relative;
  margin-bottom: 10px;
}
.reason_about_wrap .numbox .entitle3 {
  line-height: 1;
}
.reason_about_wrap .reason_bg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: rgba(178, 136, 160, 0.12);
  font-size: clamp(52px, 8vw, 90px);
  line-height: 1;
  letter-spacing: 0.08em;
  z-index: -1;
}
.reason_about_wrap h2 {
  text-align: center;
  letter-spacing: 0.12em;
}
.reason_about_item .catch {
  text-align: center;
  letter-spacing: 0.08em;
  padding-bottom: 16px;
  border-bottom: none;
  background-image: radial-gradient(circle, #DBB4DB 2px, transparent 2.2px);
  background-size: 10px 6px;
  background-repeat: repeat-x;
  background-position: left bottom;
    text-align: left;
}
.reason_about_item .txtbox > p {
  letter-spacing: 0.08em;
}

@media screen and (max-width: 768px) {
  .reason_about_item, .reason_about_item_reverse {
    flex-direction: column;
  }
  .reason_about_item .imgbox, .reason_about_item .txtbox {
    width: 100%;
  }
  .reason_about_item .imgbox {
    max-width: 520px;
  }
}
@media screen and (max-width: 576px) {
  .reason_about_item {
    margin-bottom: 70px;
  }
  .reason_about_item h2, .reason_about_item .catch {
    text-align: left;
  }
}
.cate3 {
  position: relative;
  z-index: 1;
  background: #F4EEF2;
}

.cate3_lead p {
  letter-spacing: 0.08em;
  line-height: 2;
}

.machine_wrap {
  max-width: 1280px;
  margin: 0 auto;
  gap: clamp(50px, 18vw, 120px);
}

.machine_wrap .machine_item {
  align-items: flex-start;
  gap: clamp(20px, 6vw, 90px);
}

.machine_wrap .machine_item .imgbox {
  width: calc((100% - clamp(20px, 6vw, 90px)) * 0.30);
  border-radius: 10px;
  overflow: hidden;
}

.machine_wrap .machine_item .imgbox img {
  width: 100%;
  height: auto;
  display: block;
}

.machine_wrap .machine_item .txtbox {
  width: calc((100% - clamp(20px, 6vw, 90px)) * 0.70);
}

.machine_wrap .machine_item .txtbox h2 {
  letter-spacing: 0.12em;
}

.machine_wrap .machine_item .txtbox > p {
  letter-spacing: 0.08em;
}

.machine_wrap .machine_detail {
  justify-content: space-between;
  gap: clamp(25px, 4vw, 50px);
    align-items: flex-start;
}

.machine_wrap .machine_detail .detailbox {
  width: calc((100% - clamp(25px, 4vw, 50px) * 2) / 3);
}

.machine_wrap .machine_detail .iconbox {
  height: 48px;
  margin-bottom: 12px;
}

.machine_wrap .machine_detail .iconbox img {
  height: 42px;
  width: auto;
  display: block;
}

.machine_wrap .machine_detail .detailbox > p {
  letter-spacing: 0.08em;
}

.machine_wrap .machine_detail .listbox {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.machine_wrap .machine_detail .list_item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.machine_wrap .machine_detail .list_item i {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
  color: #D6B3C7;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  flex-shrink: 0;
}

.machine_wrap .machine_detail .list_item p {
  line-height: 1.7;
  font-weight: 400;
  letter-spacing: 0.06em;
}

.machine_wrap .machine_detail .detailbox .lineheight22 {
  letter-spacing: 0.08em;
}

@media screen and (max-width: 1080px) {
  .machine_wrap .machine_item {
    flex-direction: column;
    align-items: flex-start;
      gap:30px;
  }
    .machine_wrap .machine_item h3{
        text-align: center;
    }
  .machine_wrap .machine_item .imgbox,
  .machine_wrap .machine_item .txtbox {
    width: 100%;
  }

  .machine_wrap .machine_item .imgbox {
    max-width: 520px;
      margin: 0 auto;
  }
    .machine_wrap .machine_detail .listbox {

    }
.cate3_lead p{
        text-align: left;
    }
}

@media screen and (max-width: 768px) {
  .machine_wrap .machine_detail {
    flex-direction: column;
      
  }

  .machine_wrap .machine_detail .detailbox {
    width: 100%;
      max-width: 400px;
   margin: 0 auto;
  }
}
.section04 .box_wrap4 {
  align-items: flex-start;
  justify-content: flex-start;
  gap: clamp(30px, 8vw, 50px);
}

.section04 .leftbox {
  width: calc((100% - clamp(30px, 8vw, 50px)) * 0.4);
}

.section04 .rightbox {
  width: calc((100% - clamp(30px, 8vw, 50px)) * 0.6);
}
.section04 .leftbox .imgbox {
    width: 100%;
    max-width: 600px;
    aspect-ratio: 320 / 390;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
}
@media screen and (max-width: 1080px) {

    
  .section04 .leftbox,
  .section04 .rightbox {
    width: 100%;
  }
.section04 .leftbox .imgbox {
    width: 100%;
    max-width: 400px;
    aspect-ratio: 320 / 390;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
}
  .section04 .rightbox {
    text-align: center;
      max-width: 600px;
      margin: 0 auto;
  }
    }
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px) {}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px) {}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px) {}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px) {}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px) {}