@charset "UTF-8";
/*==========================================
変数 inc.scss
===========================================*/
/*==========================================
変数 fonts.scss
===========================================*/
/*==================================================================
 イロドリの特徴
===================================================================*/
.page-features .fv {
  border-bottom: 1px solid #ccc;
}
.page-features .sec01 {
  padding: clamp(75px, 15vw, 150px) 5vw;
}
.page-features .sec01_head {
  margin-bottom: clamp(60px, 12vw, 120px);
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-features .sec01_head_s {
  margin-bottom: 10px;
  font-size: clamp(1.6rem, 3vw, 3.6rem);
  line-height: 1.667;
  letter-spacing: 0.1em;
}
.page-features .sec01_head_l {
  font-size: clamp(3rem, 7.5vw, 9rem);
  line-height: 1;
  letter-spacing: 0.1em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-features .sec01_head_l .orange {
  color: #ff8433;
}
.page-features .sec01_head_line {
  height: 1em;
}
.page-features .sec01_head_line-left {
  margin-right: 0.6em;
}
.page-features .sec01_head_line-right {
  margin-left: 0.6em;
}
.page-features .reasonList {
  max-width: 1720px;
  margin: 0 auto;
}
.page-features .reasonList_item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.page-features .reasonList_item:nth-child(n+2) {
  margin-top: clamp(60px, 12vw, 120px);
}
@media screen and (min-width: 577px) {
  .page-features .reasonList_item:nth-child(even) .reasonList_iconWrap {
    left: -13.4em;
  }
}
@media screen and (min-width: 577px) {
  .page-features .reasonList_item:nth-child(even) .reasonList_txtBox {
    padding: 0 6% 0 7%;
  }
}
@media screen and (max-width: 1200px) {
  .page-features .reasonList_item:nth-child(even) .reasonList_txtBox {
    padding-left: 0;
  }
}
.page-features .reasonList_imgBox {
  width: 50%;
  position: relative;
  z-index: -3;
}
@media screen and (max-width: 576px) {
  .page-features .reasonList_imgBox {
    width: 100%;
    margin-top: clamp(35px, 10vw, 50px);
    order: 3;
  }
}
.page-features .reasonList_img {
  width: 100%;
  aspect-ratio: 82/62;
  object-fit: cover;
}
.page-features .reasonList_iconWrap {
  width: 26.8em;
  height: 26.8em;
  font-size: clamp(0.5rem, 0.75vw, 1rem);
  background: #fff;
  border-radius: 50%;
  display: grid;
  place-items: center;
  position: absolute;
  top: calc(50% - 13.4em);
  right: -13.4em;
  z-index: 3;
}
@media screen and (max-width: 576px) {
  .page-features .reasonList_iconWrap {
    font-size: clamp(0.25rem, 1vw, 0.5rem);
    top: -13.4em;
    right: calc(50% - 13.4em);
  }
}
.page-features .reasonList_icon-01 {
  width: 7.8em;
}
.page-features .reasonList_icon-02 {
  width: 6.7em;
}
.page-features .reasonList_icon-03 {
  width: 10.65em;
}
.page-features .reasonList_icon-04 {
  width: 9em;
}
.page-features .reasonList_txtBox {
  width: 50%;
  padding: 0 7% 0 6%;
}
@media screen and (max-width: 1200px) {
  .page-features .reasonList_txtBox {
    padding-right: 0;
  }
}
@media screen and (max-width: 576px) {
  .page-features .reasonList_txtBox {
    width: 100%;
    padding: 0;
  }
}
.page-features .reasonList_num {
  padding-bottom: 1.25em;
  margin-bottom: 1.75em;
  font-size: clamp(1.5rem, 1.5vw, 2rem);
  line-height: 1;
  font-weight: bold;
  letter-spacing: 0.2em;
  position: relative;
}
@media screen and (max-width: 576px) {
  .page-features .reasonList_num {
    font-size: clamp(1.5rem, 4vw, 2rem);
  }
}
.page-features .reasonList_num::after {
  content: "";
  width: 5em;
  height: 0.2em;
  background: #ff8433;
  position: absolute;
  bottom: 0;
  left: 0;
}
.page-features .reasonList_num .num {
  font-size: clamp(3rem, 3vw, 4rem);
  letter-spacing: 0.2em;
}
@media screen and (max-width: 576px) {
  .page-features .reasonList_num .num {
    font-size: clamp(3rem, 8vw, 4rem);
  }
}
.page-features .reasonList_ttl {
  margin-bottom: 2.334em;
  font-size: clamp(2rem, 2.7vw, 3.6rem);
  line-height: 1.167;
  font-weight: bold;
}
@media screen and (max-width: 576px) {
  .page-features .reasonList_ttl {
    margin-bottom: 30px;
    font-size: clamp(1.8rem, 5vw, 3rem);
  }
}
.page-features .reasonList_txt {
  font-size: clamp(1.2rem, 1.5vw, 2rem);
  line-height: 2.3;
  font-weight: 500;
}
@media screen and (max-width: 576px) {
  .page-features .reasonList_txt {
    font-size: clamp(1.4rem, 3.2vw, 1.6rem);
  }
}/*# sourceMappingURL=features.css.map */