@charset "UTF-8";
/* ----------------------------------------------
　PC設定
------------------------------------------------*/
#container .p-contactBox {
  margin-top: 0;
}

#container #contents .breadcrumb {
  padding: var(--m10px) 0;
}
#container #contents .p-feature {
  padding-top: var(--m50);
  padding-bottom: var(--m200);
  background-color: var(--white01);
}
#container #contents .p-feature .wrapper {
  max-width: 1400px;
}
#container #contents .p-feature__chara {
  width: min(7.5625vw, 121px);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}
#container #contents .p-feature__chara .chara {
  width: 100%;
  position: relative;
  z-index: 2;
  animation: jump 1.5s infivnite ease-in-out;
}
#container #contents .p-feature__chara .shadow {
  width: 72.72%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  transform: translateY(40%);
}
#container #contents .p-feature__carIllst {
  width: min(9.8125vw, 157px);
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
  text-align: right;
}
#container #contents .p-feature__carIllst .chara {
  width: 88.53503%;
}
#container #contents .p-feature__carIllst .shadow {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 94.2675%;
  z-index: -1;
  transform: translate(-53%, 40%);
}
#container #contents .p-feature__box {
  display: flex;
  flex-wrap: wrap;
}
#container #contents .p-feature__box:not(:last-of-type) {
  margin-bottom: var(--m70);
}
#container #contents .p-feature__box:nth-of-type(odd) {
  flex-direction: row-reverse;
}
#container #contents .p-feature__box:nth-of-type(odd) .p-feature__box__textArea {
  margin-left: -10.71%;
}
#container #contents .p-feature__box:nth-of-type(even) .p-feature__box__textArea {
  margin-right: -10.71%;
}
#container #contents .p-feature__box__textArea {
  width: 57.14%;
  position: relative;
  z-index: 2;
}
#container #contents .p-feature__box__textArea__num {
  font-size: var(--fs30_50);
  font-weight: 800;
  color: var(--red01);
  line-height: 1;
  aspect-ratio: 152/128;
  background: url(/images/feature/ill_crown.svg) center/100% no-repeat;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 10;
  margin: 0 auto -2.8%;
  padding: 1em 0.92em 0;
}
#container #contents .p-feature__box__textArea__inner {
  position: relative;
  z-index: 2;
  padding: var(--m55) var(--m60);
}
#container #contents .p-feature__box__textArea__inner::before, #container #contents .p-feature__box__textArea__inner::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #Fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: var(--m20);
}
#container #contents .p-feature__box__textArea__inner::after {
  top: 5px;
  left: 5px;
  z-index: -2;
  background-color: var(--maincol);
}
#container #contents .p-feature__box__textArea__title {
  font-size: var(--fs20_30);
  font-weight: 600;
  text-align: center;
  padding: var(--m30) 0 var(--m25);
  border-top: 4px solid var(--maincol);
  border-bottom: 4px solid var(--maincol);
  margin-bottom: var(--m35);
}
#container #contents .p-feature__box__textArea__title .emp {
  font-weight: 600;
  color: var(--red01);
}
#container #contents .p-feature__box__textArea__catch {
  margin-bottom: var(--m20);
  font-size: var(--fs18_24);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: var(--yellow01);
  text-decoration-thickness: 5px;
}
#container #contents .p-feature__box__textArea__catch .emp {
  font-weight: 600;
  color: var(--red01);
}
#container #contents .p-feature__box__textArea__text {
  font-size: var(--fs14_18);
  line-height: 2;
}
#container #contents .p-feature__box__image {
  width: 53.57%;
  position: relative;
  z-index: 1;
}

/* ----------------------------------------------
　PAD以下設定
------------------------------------------------*/
@media all and (max-width: 980px) {
  #container #contents .p-feature .accentTitle {
    width: 100%;
    padding: 0 5%;
    margin-left: 0;
    margin-right: 0;
  }
  #container #contents .p-feature__box {
    flex-direction: column-reverse !important;
  }
  #container #contents .p-feature__box__textArea {
    width: 100%;
    margin: -5% auto 0 !important;
  }
  #container #contents .p-feature__box__image {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }
}
/* ----------------------------------------------
　SP調整
------------------------------------------------*/
@media all and (max-width: 600px) {
  #container #contents .p-feature .accentTitle {
    padding: 0 2%;
  }
  #container #contents .p-feature__chara {
    display: none;
  }
  #container #contents .p-feature__carIllst {
    display: none;
  }
  #container #contents .p-feature__box__textArea__inner {
    padding: var(--m55) var(--m30);
  }
}