/*!
global > color
------------------------------
*/
/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
.p_point .greeting__cap, .p_point .sec_cap {
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .p_point .greeting__cap, .p_point .sec_cap {
    font-size: 1.125rem;
  }
}

.p_point .attp_item__order, .p_point .about .list__item .note {
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .p_point .attp_item__order, .p_point .about .list__item .note {
    font-size: 1.25rem;
  }
}

/*!
global > mixin
------------------------------
*/
.p_point {
  padding-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .p_point {
    padding-bottom: 177px;
  }
}
.p_point .greeting {
  margin-top: 47px;
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .p_point .greeting {
    margin-top: 63px;
  }
}
.p_point .greeting__mv {
  max-width: 615px;
  margin-inline: auto;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p_point .greeting__mv img {
    margin-left: 15px;
    margin-top: -10px;
  }
}
.p_point .greeting__ttl {
  margin-top: 52px;
  color: #E8020F;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p_point .greeting__ttl {
    margin-top: 80px;
  }
}
.p_point .greeting__cap {
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.7;
  margin-top: 33px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p_point .greeting__cap {
    text-align: center;
    margin-top: 45px;
  }
}
.p_point .greeting__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 52px;
  position: relative;
  z-index: 0;
}
.p_point .greeting__images::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 53.3333333333vw;
  background-color: #FEF5F6;
  z-index: -1;
  top: max(-7.875vw, -126px);
  -webkit-transform: skewY(8deg);
          transform: skewY(8deg);
}
@media screen and (min-width: 768px) {
  .p_point .greeting__images::before {
    height: 670px;
  }
}
.p_point .greeting__images::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 670px;
  background-color: #FEF5F6;
  z-index: -1;
  bottom: max(-14.5625vw, -233px);
  -webkit-transform: skewY(8deg);
          transform: skewY(8deg);
  display: none;
}
@media screen and (min-width: 768px) {
  .p_point .greeting__images::after {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .p_point .greeting__images {
    margin-top: 70px;
  }
}
.p_point .greeting .image_item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.p_point .solution {
  position: relative;
  z-index: 1;
  margin-top: 77px;
}
@media screen and (min-width: 768px) {
  .p_point .solution {
    margin-top: 103px;
  }
}
.p_point .solution__list {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  margin-top: 72px;
}
@media screen and (min-width: 768px) {
  .p_point .solution__list {
    gap: 40px;
    margin-top: 97px;
  }
}
.p_point .solution__list_item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.p_point .solution__list_ttl {
  margin-top: 11px;
  color: #E8020F;
}
@media screen and (min-width: 768px) {
  .p_point .solution__list_ttl {
    margin-top: 15px;
  }
}
.p_point .solution__list_txt {
  margin-top: 7px;
}
@media screen and (min-width: 768px) {
  .p_point .solution__list_txt {
    margin-top: 10px;
  }
}
.p_point .solution__decor {
  position: absolute;
  z-index: 0;
  top: -16.5vw;
  right: -16vw;
  width: 50.75vw;
  height: 50.125vw;
}
.p_point .attp {
  margin-top: 25px;
  background-color: #F9F9F9;
  padding-top: 92px;
  padding-bottom: 92px;
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .p_point .attp {
    padding-top: 185px;
    padding-bottom: 255px;
  }
}
.p_point .attp::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 44vw;
  background-color: #FFFFFF;
  clip-path: polygon(100% 0, 0 0, 0 28%);
  z-index: -1;
  top: 0;
  left: 0;
}
.p_point .attp::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 44vw;
  background-color: #FFFFFF;
  clip-path: polygon(100% 100%, 100% 72%, 0 100%);
  z-index: -1;
  bottom: 0;
  left: 0;
}
.p_point .attp__cap {
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .p_point .attp__cap {
    margin-bottom: 92px;
  }
}
@media screen and (min-width: 768px) {
  .p_point .attp_item {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  .p_point .attp_item__content {
    width: 45.9677419355%;
  }
}
.p_point .attp_item__img {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .p_point .attp_item__img {
    margin-top: 0;
    padding-top: 4px;
    padding-left: 20px;
    width: 50%;
  }
}
.p_point .attp_item__order {
  font-weight: 700;
  color: #E8020F;
}
.p_point .attp_item__ttl {
  margin-top: 15px;
}
.p_point .attp_item__ttl br {
  display: none;
}
@media screen and (min-width: 1300px) {
  .p_point .attp_item__ttl {
    white-space: nowrap;
  }
  .p_point .attp_item__ttl br {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .p_point .attp_item__ttl {
    margin-top: 20px;
  }
}
.p_point .attp_item__cap {
  margin-top: 30px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p_point .attp_item__cap {
    padding-right: 10px;
    margin-top: 40px;
  }
}
.p_point .attp_item + .attp_item {
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  .p_point .attp_item + .attp_item {
    margin-top: 98px;
  }
}
@media screen and (min-width: 768px) {
  .p_point .attp_item:nth-of-type(2) .attp_item__img {
    padding-top: 20px;
  }
}
.p_point .attp_item_reverse .attp_item__content {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.p_point .attp_item_reverse .attp_item__img {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (min-width: 768px) {
  .p_point .attp_item_reverse .attp_item__img {
    padding-top: 4px;
    padding-left: 0;
    padding-right: 20px;
  }
}
.p_point .about {
  position: relative;
  z-index: 1;
  position: relative;
  z-index: 0;
}
.p_point .about::after {
  content: "";
  clip-path: polygon(0 0, 100% 34.4%, 100% 100%, 0 67%);
  background-color: #FEF5F6;
  position: absolute;
  z-index: -1;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 668px;
}
@media screen and (min-width: 768px) {
  .p_point .about::after {
    top: 336px;
    -webkit-transform: none;
            transform: none;
  }
}
@media screen and (min-width: 768px) {
  .p_point .about {
    margin-top: -25px;
  }
}
.p_point .about .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 42px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  row-gap: 45px;
}
@media screen and (min-width: 768px) {
  .p_point .about .list {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-top: 57px;
    -webkit-column-gap: clamp(0.9375rem, 7.2115384615vw + -2.5240384615rem, 4.6875rem);
       -moz-column-gap: clamp(0.9375rem, 7.2115384615vw + -2.5240384615rem, 4.6875rem);
            column-gap: clamp(0.9375rem, 7.2115384615vw + -2.5240384615rem, 4.6875rem);
  }
}
.p_point .about .list__item {
  -ms-flex-preferred-size: 284px;
      flex-basis: 284px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.p_point .about .list__item .note {
  text-align: center;
  font-weight: 700;
  color: #E8020F;
}
@media screen and (min-width: 768px) {
  .p_point .about .list__item .note {
    margin-top: -10px;
  }
}
@media screen and (min-width: 768px) {
  .p_point .about .list__item:last-of-type .item__mttl span:first-of-type {
    margin-left: 7px;
  }
  .p_point .about .list__item:last-of-type .item__mttl span:nth-of-type(2) {
    margin-left: 5px;
  }
  .p_point .about .list__item:last-of-type .item__mttl span:nth-of-type(3) {
    margin-left: 13px;
  }
}
.p_point .about .item__main {
  border: 1px solid #DEDEDE;
  background-color: #FFFFFF;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-inline: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (min-width: 768px) {
  .p_point .about .item__main {
    padding-bottom: 43px;
    padding-top: 40px;
    padding-inline: 15px;
  }
}
.p_point .about .item__ttl {
  text-align: center;
}
.p_point .about .item__mttl {
  text-align: center;
  margin-top: 3px;
}
.p_point .about .item__mttl .num {
  font-size: 2.5rem;
  font-weight: 700;
  color: #E8020F;
  line-height: 1.35;
}
@media screen and (min-width: 768px) {
  .p_point .about .item__mttl .num {
    font-size: clamp(2.5rem, 2.4038461538vw + 1.3461538462rem, 3.75rem);
  }
}
.p_point .about .item__mttl .text {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p_point .about .item__mttl .text {
    font-size: clamp(1.0625rem, 0.3605769231vw + 0.8894230769rem, 1.25rem);
  }
}
.p_point .about .item__mttl .text > span {
  display: inline-block;
}
.p_point .about .item__mttl .text:nth-of-type(4) {
  display: inline-block;
  width: 50px;
  line-height: 1;
}
.p_point .about .item__icon {
  width: 100%;
  max-width: 254px;
  height: 144px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px;
  margin-inline: auto;
}
.p_point .about .item__icon img {
  width: auto;
  max-width: 100%;
}
.p_point .about .item__note {
  margin-top: 15px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p_point .about .item__note {
    margin-top: 20px;
    font-size: clamp(0.6875rem, 0.3605769231vw + 0.5144230769rem, 0.875rem);
  }
}
.p_point .consider {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  margin-top: 78px;
}
@media screen and (min-width: 768px) {
  .p_point .consider {
    gap: 35px;
    margin-top: 157px;
  }
}
.p_point .consider .c_card__txt {
  margin-top: 9px;
}
@media screen and (min-width: 768px) {
  .p_point .consider .c_card__txt {
    margin-top: 18px;
  }
}
.p_point .sec_cap {
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.7;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .p_point .sec_cap {
    text-align: center;
    margin-top: 40px;
  }
}
/*# sourceMappingURL=point.css.map */