@charset "utf-8";
.fs-30 {
  font-size: 30px;
}

.fs-45 {
  font-size: 45px;
}

.bold {
  font-weight: bold;
}

.pink {
  color: #ef646b;
}
.main section p:not(:last-child) {
  margin-bottom: 0;
}
.heading4 {
  color: #fa657a;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 24px;
}

/* hero_block */
#hero_block .heading3 {
  text-align: center;
  color: #ef646b;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
    "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN",
    "Hiragino Kaku Gothic Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  border-bottom: none;
  position: relative;
  padding-bottom: 0;
}

#hero_block .heading3:before,
#hero_block .heading3:after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ef646b;
  width: 58px;
  height: 1px;
  top: 50%;
  transform: translateY(-50%);
}

#hero_block .heading3:before {
  left: 0;
}

#hero_block .heading3:after {
  right: 0;
}
.hero__bg_block {
  background: linear-gradient(0deg, #fef1f2 0%, #fff 106.67%);
  padding: 24px 40px;
  margin-top: 40px;
}
#hero_block .wrap-inner {
  margin: 16px auto;
  padding: 24px;
  background-color: #fff;
  border: 1px solid #fe9d9d;
}
#hero_block .wrap-inner h5 {
  color: var(---text-pink400, #fa657a);
  font-size: 16px;
  font-weight: 600;
  line-height: 130%;
  margin-bottom: 8px;
  margin-top: 0;
}
#hero_block .wrap-inner .list-fda {
  line-height: 30px;
  font-weight: 300;
}

/* trouble_block */
#trouble_block .trouble-wrap {
  background-color: #f6f6f6;
  padding: 24px;
  max-width: 100%;
}
#trouble_block .trouble-wrap-items {
  display: flex;
  flex-direction: row;
  column-gap: 24px;
  row-gap: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
}
#trouble_block .trouble-wrap-items li {
  font-size: 16px;
  font-weight: 400;
  line-height: 170%;
  position: relative;
  list-style: none;
  padding-left: 1.5em;
  margin: 0;
  width: calc(50% - 36px);
}
#trouble_block .trouble-wrap-items li::before {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 4px;
  background: url(../../../../assets/img/operation/icon-trouble-dot.png)
    no-repeat top/cover;
}

/* trouble_block */
#effect_block .effect-wrap {
  max-width: 100%;
}
#effect_block .effect-wrap-items {
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
}
#effect_block .effect-wrap-items li {
  background-color: #f6f6f6;
  padding: 8px 16px 8px 52px;
  font-size: 20px;
  font-weight: 300;
  line-height: 130%;
  position: relative;
  list-style: none;
  margin: 0;
  min-height: 58px;
  align-items: center;
  display: flex;
  width: calc(50% - 78px);
}
#effect_block .effect-wrap-items li::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../../../../assets/img/operation/icon-trouble-check.png)
    no-repeat top/cover;
}
/* safe_block */
.safe-reason-points {
    display: flex;
    flex-direction: column;
    gap: 48px;
    list-style: none;
    margin-top: 64px;
    margin-bottom: 160px;
  }
  .safe-reason-points li {
    margin: 0 !important;
    position: relative;
  }
  .safe-reason-points li::before {
    position: absolute;
    content: "";
    width: 154.148px;
    height: 53px;
    display: block;
    top: -39px;
    left: 8px;
  }
  .safe-reason-points li.item-01::before {
    background: url(../../../../assets/img/operation/icon-reason-point01.png)
      no-repeat top/cover;
  }
  .safe-reason-points li.item-02::before {
    background: url(../../../../assets/img/operation/icon-reason-point02.png)
      no-repeat top/cover;
  }
  .safe-reason-points li.item-03::before {
    background: url(../../../../assets/img/operation/icon-reason-point03.png)
      no-repeat top/cover;
  }
  .safe-reason-points li.item-04::before {
    background: url(../../../../assets/img/operation/icon-reason-point04.png)
      no-repeat top/cover;
  }
  .safe-reason-points li.item-05::before {
    background: url(../../../../assets/img/operation/icon-reason-point05.png) 
    no-repeat top / cover;
}
  .safe-reason-points .point-heading {
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    margin: 0;
    border-top: 1px solid #fe9d9d;
    border-right: 1px solid #fe9d9d;
    border-left: 1px solid #fe9d9d;
    background: #fef5f3;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
  }
  .safe-reason-points li p,
  .safe-reason-points li .inner-item {
    border: 1px solid #fe9d9d;
    border-top: none;
    background: #fff;
    padding: 16px 24px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
  }

  .safe-reason-points li .inner-item {
    display: flex;
    flex-direction: column;
  }
  .safe-reason-points li .inner-item dt {
    font-size: 18px;
    font-weight: 700;
    line-height: 130%;
    padding-left: 36px;
    position: relative;
    margin-bottom: 8px;
  }
  .safe-reason-points li .inner-item dt::before {
    position: absolute;
    content: "";
    width: 1lh;
    height: 1lh;
    display: block;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: url(../../../../assets/img/operation/icon-circle-check.svg)
      no-repeat top/cover;
  }
  .safe-reason-points li .inner-item dd {
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    gap: 40px;
  }
  .safe-reason-points li .inner-item dd:not(:last-of-type) {
    border-bottom: 1px dashed #fe9d9d;
    margin-bottom: 20px;
    padding-bottom: 16px;
  }
  
  .irradiated-light img {
    margin-top: 24px;
  }

  .img_item4 {
    margin: 16px 65px !important;
    width: 80% !important;
  }
  .img_item5 {
    margin: 16px 65px !important;
    width: 80% !important;
  }

/* sperb_block */
 .wrap-sperb-beem {
    display: flex;
    flex-direction: row-reverse;
    gap: 12px;
  }
 .wrap-sperb-beem p {
    font-weight: 500;
    line-height: 30px;
  }
 .wrap-sperb-beem img {
    max-width: 336px;
    height: auto;
  }
  .wrap-sperb-beem .tokutyou01 {
    max-width: 225px;
    height: auto;
  }

  /* point3 */
  .point3 {
    display: flex;
  }
  .imgpoint3 {
    width: 50% !important;
    max-width: 100%;
  }
  .point3 strong {
    width: 50%;
  }

  @media only screen and (max-width: 1200px) {
    /* hero_block */
    #hero_block .heading3:before,
    #hero_block .heading3:after {
      width: 20vw;
    }
  }
  

  @media only screen and (max-width: 599px) {
    .mgb96 {
      margin-bottom: 80px;
    }
    .heading4 {
      font-size: 20px;
      font-weight: 600;
      line-height: 28px;
    }

    .wrap-sperb-beem {
        display: block; /* Flexboxを無効にし、縦並びにする */
      }
    
      .wrap-sperb-beem img,
      .wrap-sperb-beem p {
        width: 100%; /* 画像とテキストの幅を画面いっぱいに広げる */
      }
    
  
    /* 	hero_block */
    #hero_block .heading3 {
      text-align: left;
      margin-bottom: 24px;
    }
  
    #hero_block .heading3:before,
    #hero_block .heading3:after {
      display: none;
    }
  
    #hero_block .hero__bg_block {
      padding: 0px 16px 24px;
      margin-top: 8px;
    }
    #trouble_block .trouble-wrap-items {
        flex-direction: column;
        gap: 12px;
    }
    #trouble_block .trouble-wrap-items li {
      width: 100%;
    }
    #effect_block .effect-wrap-items {
      flex-direction: column;
      gap: 12px;
    }
    #effect_block .effect-wrap-items li {
      width: 100%;
    }
    .point3 {
        display: block;
    }
    .point3 strong,
    .point3 .imgpoint3 {
    width: 100% !important;
    max-width: 100%;
    }

   .img_item4 {
    margin: 16px auto !important;
    width: 100% !important;
    }
    .img_item5 {
    margin: 16px auto !important;
    width: 100% !important;
   }
   .wrap-sperb-beem img {
    max-width: none;
    height: auto;
  }

}