/*!
global > color
------------------------------
*/
/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
/*!
global > mixin
------------------------------
*/
@media screen and (min-width: 768px) {
  .p_about_child .child_mv__main {
    padding-right: clamp(
      0.5625rem,
      1.4423076923vw + -0.1298076923rem,
      1.3125rem
  );
  }
}

@media screen and (min-width: 768px) {
  .p_about_child .c_boxcontact {
    padding: 101px 0 100px;
  }
}

.feeling {
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  .feeling {
    margin-top: 105px;
  }
}
.feeling_intro .txt {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .feeling_intro .txt {
    margin-top: 15px;
  }
}
.feeling_reason {
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  .feeling_reason {
    margin-top: 103px;
  }
}
.feeling_reason__grid {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .feeling_reason__grid {
    gap: 20px;
    margin-top: 30px;
  }
}
.feeling_reason__grid .item {
  width: 100%;
  background-color: #707070;
  padding: 14px;
}
@media screen and (min-width: 768px) {
  .feeling_reason__grid .item {
    width: clamp(33.33% - 13.3333333333px, (1024px - 100vw) * 1000, 50% - 10px);
    padding: 49px 30px 50px 36px;
  }
}
@media screen and (min-width: 768px) {
  .feeling_reason__grid .item:nth-child(1) {
    padding-left: 42px;
  }
}
@media screen and (min-width: 768px) {
  .feeling_reason__grid .item:nth-child(3) {
    padding-left: 46px;
  }
}
.feeling_reason__grid .item .txt {
  color: #fff;
  line-height: 1.6666666667;
  font-weight: 400;
  margin-top: 0;
}
.feeling_about {
  margin-top: 60px;
  padding-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .feeling_about {
    margin-top: 169px;
    padding-bottom: 138px;
  }
}
.feeling_about .txt {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .feeling_about .txt {
    margin-top: 20px;
  }
}
.feeling_about_grid {
  display: flex;
  gap: 20px;
  align-items: center;
  flex-direction: column-reverse;
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .feeling_about_grid {
    width: calc(50% + 510px + 20px);
    max-width: 100%;
    gap: clamp(
      0rem,
      2.8846153846vw + -1.3846153846rem,
      1.5rem
  );
    flex-direction: row;
    margin-top: 82px;
  }
}
@media screen and (min-width: 768px) {
  .feeling_about_grid + .feeling_about_grid {
    margin-top: 128px;
  }
}
.feeling_about_grid .item_photo {
  padding: 0 20px;
}
@media screen and (min-width: 768px) {
  .feeling_about_grid .item_photo {
    width: clamp(58.8617886179% - 24px, (1200px - 100vw) * 1000, 100%);
    padding: 0;
  }
}
.feeling_about_grid .item_main {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 768px) {
  .feeling_about_grid .item_main {
    width: clamp(41.1382113821%, (1200px - 100vw) * 1000, 100%);
    padding-top: 17px;
  }
}
@media screen and (min-width: 768px) {
  .feeling_about_grid .item_main .title_mod {
    padding-left: 5px;
  }
}
.feeling_about_grid .item_main .txt_15 {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .feeling_about_grid .item_main .txt_15 {
    margin-top: 17px;
    padding-left: 5px;
  }
}
@media screen and (min-width: 768px) {
  .feeling_about_grid.reverse {
    flex-direction: row-reverse;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  .feeling_about_grid.reverse .item_main {
    padding-top: 6px;
  }
}
@media screen and (min-width: 768px) {
  .feeling_about_grid.reverse .item_main .title_mod {
    padding-left: 0;
  }
}
/*# sourceMappingURL=about_child.css.map */
