@charset "UTF-8";
/* Layout */
.l-section.type-inner {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.l-section.type-outer {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.l-section__header {
  margin-bottom: clamp(15px, 4vw, 30px);
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: clamp(10px, 2.083vw, 17px) !important;
}
.l-section__header-desc {
  text-align: center;
}
@media screen and (max-width: 700px) {
  .l-section__header-desc {
    text-align: left;
  }
}
.l-section__box {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

/* Project */
.p-reward__title-inner-icn {
  width: 86px;
  top: 0;
  left: -20%;
}
.p-reward__lady {
  padding: 0;
}
.p-reward__lady::before {
  display: none;
}
.p-reward__lady .p-chatLady__block-t::after {
  display: none;
}
@media screen and (max-width: 700px) {
  .p-reward__lady .p-chatLady__block-data--head {
    margin-top: -20px;
  }
}
.p-reward__lady .c-block {
  position: relative;
  border-radius: 20px;
}
.p-reward__lady .c-block::after {
  position: absolute;
  display: block;
  content: "";
  width: 25px;
  height: 38px;
  top: -20px;
  left: 50%;
  transform: translateX(-15px);
  background: url(../img/fuki.svg) no-repeat;
  background-size: contain;
}
.p-reward__mid h2 {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 0 50px;
}
.p-reward__mid h2 img {
  display: inline;
  vertical-align: bottom;
}
.p-reward__mid-inner {
  margin-top: -25px;
  text-align: center;
  background: #eee;
}
@media screen and (min-width: 701px) {
  .p-reward__mid-inner {
    margin-top: -45px;
  }
}
.p-reward__mid-inner img {
  display: inline;
  vertical-align: bottom;
}
.p-reward__mid-txt {
  padding-left: clamp(20px, 4.167vw, 30px);
  padding-right: clamp(20px, 4.167vw, 30px);
}

.p_reward__block-head {
  position: relative;
  padding-bottom: clamp(26px, 5.417vw, 30px);
}
.p_reward__block-head::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #5c665b;
  background-image: repeating-linear-gradient(-45deg, #fff, #fff 4px, transparent 0, transparent 8px);
}
.p_reward__block-head-ttl {
  text-align: center;
}
.p_reward__block-head-ttl-inner {
  position: relative;
  font-size: clamp(18px, 3.75vw, 20px);
  display: inline-block;
  padding: clamp(20px, 4.167vw, 20px) clamp(55px, 11.458vw, 55px) 0;
  white-space: nowrap;
}
.p_reward__block-head-ttl-inner-icn {
  position: absolute;
  display: block;
  content: "";
  top: 10px;
  left: 50%;
}
.p_reward__block-head-ttl-inner::before, .p_reward__block-head-ttl-inner::after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  background-size: cover;
}
.p_reward__block-head-ttl-inner::before {
  left: 0;
}
.p_reward__block-head-ttl-inner::after {
  right: 0;
}
.p_reward__block--party .p_reward__block-head-ttl-inner-icn {
  width: 42px;
  height: 24px;
  transform: translateX(-25px);
}
.p_reward__block--party .p_reward__block-head-ttl-inner::before {
  width: 53px;
  height: 31px;
  background-image: url(../img/reward_party_ttl02.png);
}
.p_reward__block--party .p_reward__block-head-ttl-inner::after {
  width: 40px;
  height: 47px;
  background-image: url(../img/reward_party_ttl03.png);
}
.p_reward__block--2s .p_reward__block-head-ttl-inner-icn {
  width: 43px;
  height: 14px;
  transform: translateX(-50%);
}
.p_reward__block--2s .p_reward__block-head-ttl-inner-icn.type-two-way {
  width: 100px;
  height: 24px;
}
.p_reward__block--2s .p_reward__block-head-ttl-inner::before {
  width: 42px;
  height: 40px;
  background-image: url(../img/index/reward_2s_ttl02.png);
}
.p_reward__block--2s .p_reward__block-head-ttl-inner::after {
  width: 46px;
  height: 31px;
  background-image: url(../img/index/reward_2s_ttl03.png);
}
.p_reward__block-head-txt {
  margin-top: clamp(7px, 1.458vw, 10px);
}
@media screen and (min-width: 701px) {
  .p_reward__block-head-txt {
    text-align: center;
  }
}
.p_reward__block-body {
  position: relative;
  margin-top: clamp(26px, 5.417vw, 30px);
}
@media screen and (min-width: 701px) {
  .p_reward__block-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.p_reward__block-body--party__01, .p_reward__block-body--party__02 {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 701px) {
  .p_reward__block-body--party__01 {
    width: 39%;
  }
}
@media screen and (min-width: 701px) {
  .p_reward__block-body--party__02 {
    width: 40%;
  }
}
.p_reward__block-body--party__mid {
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 700px) {
  .p_reward__block-body--party__mid {
    margin-top: 40px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 701px) {
  .p_reward__block-body--party__mid {
    margin-top: 40px;
    position: absolute;
  }
}
.p_reward__block-body--party__mid img {
  display: inline-block;
}
@media screen and (min-width: 701px) {
  .p_reward__block-body--2s {
    width: 47.5%;
  }
}
.p_reward__block-body-box .p_reward__block-body-title {
  font-size: clamp(18px, 3.75vw, 20px);
  text-align: center;
  line-height: 1.5;
}
.p_reward__block-body-box .p_reward__block-body-title strong {
  color: #d2405c;
}
.p_reward__block-body-box .p_reward__block-body-txt {
  font-size: clamp(14px, 2.917vw, 14px);
  margin-top: clamp(7px, 1.458vw, 10px);
}
.p_reward__block-body-box .p_reward__block-body-img {
  margin-top: clamp(15px, 3.125vw, 20px);
}
.p_reward__block-body-price {
  padding: clamp(10px, 2.083vw, 15px);
  margin-top: clamp(10px, 2.083vw, 15px);
}
.p_reward__block-body-price dt {
  text-align: center;
  font-size: clamp(14px, 2.917vw, 14px);
  letter-spacing: -0.01em;
  line-height: 1.4;
}
.p_reward__block-body-price dt p:not(:first-child) {
  margin-top: 0.5em;
}
.p_reward__block-body-price dt em {
  font-style: normal;
  font-weight: bold;
  font-size: clamp(16px, 3.333vw, 18px);
}
.p_reward__block-body-price dt strong {
  font-size: clamp(18px, 3.75vw, 20px);
  color: #d2405c;
}
.p_reward__block-body-price dd {
  text-align: center;
  margin-top: clamp(10px, 2.083vw, 15px);
  padding: clamp(10px, 2.083vw, 15px);
  background: #fff;
  font-weight: bold;
  font-size: clamp(16px, 3.333vw, 18px);
  line-height: 1.2;
}
.p_reward__block-body-price dd strong {
  font-size: clamp(32px, 6.667vw, 38px);
  color: #d2405c;
}
.p_reward__block-body-price dd span {
  font-size: clamp(24px, 5vw, 26px);
}
.p_reward__block-body--party__01 .p_reward__block-body-price {
  background-image: repeating-linear-gradient(-45deg, #fff, #fff 4px, transparent 0, transparent 6px);
  background-color: #d9d9d9;
}
.p_reward__block-body--party__01 dd strong {
  color: #333 !important;
}
.p_reward__block-body--party__02 .p_reward__block-body-price {
  background-image: repeating-linear-gradient(-45deg, #fff, #fff 4px, transparent 0, transparent 6px);
  background-color: #efdf95;
}
.p_reward__block-body--1s .p_reward__block-body-price {
  background-image: repeating-linear-gradient(-45deg, #fff, #fff 4px, transparent 0, transparent 6px);
  background-color: #f7c1d5;
}
@media screen and (max-width: 700px) {
  .p_reward__block-body--2s:not(:first-child) {
    margin-top: clamp(25px, 5.208vw, 30px);
  }
}
.p_reward__block-body--2s .p_reward__block-body-price {
  background-image: repeating-linear-gradient(-45deg, #fff, #fff 4px, transparent 0, transparent 6px);
  background-color: #f7c1d5;
}

.p-reward-panel__wrap {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.p-reward-panel__box {
  border-radius: 8px;
  padding: 1rem;
  background: #f8f8f3;
}
.p-reward-panel__box-title {
  text-align: center;
  font-weight: 700;
  margin-bottom: 0.5rem;
  font-size: 1.1em;
}
.p-reward-panel__box-desc {
  font-size: 0.9em;
}

.p-message__title {
  margin-bottom: 1rem;
}
.p-message__desc {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: 100%;
}
@media screen and (min-width: 701px) {
  .p-message__desc {
    align-items: center;
  }
}
@media screen and (min-width: 701px) {
  .p-message__desc p {
    text-align: center;
  }
}

.p-card__wrap {
  display: flex;
}
@media screen and (min-width: 701px) {
  .p-card__wrap {
    flex-wrap: wrap;
    align-items: stretch;
    gap: 12px 2%;
  }
}
@media screen and (max-width: 700px) {
  .p-card__wrap {
    flex-direction: column;
    column-gap: 1rem;
    row-gap: 1rem;
  }
}
.p-card__wrap.align-top {
  align-items: flex-start;
}
.p-card__wrap.align-middle {
  align-items: center;
}
.p-card__wrap.align-bottom {
  align-items: flex-end;
}
.p-card__wrap.align-stretch {
  align-items: stretch;
}
.p-card__wrap.align-baseline {
  align-items: baseline;
}
.p-card__wrap.type-scroll {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
@media screen and (max-width: 700px) {
  .p-card__wrap.type-scroll {
    flex-direction: row;
  }
}
@media screen and (min-width: 701px) {
  .p-card__column--two .p-card__box {
    width: 49%;
  }
  .p-card__column--three .p-card__box {
    width: 32%;
  }
  .p-card__column--four .p-card__box {
    width: 23.5%;
  }
  .p-card__column--five .p-card__box {
    width: 18.4%;
  }
  .p-card__column--six {
    gap: 8px 1%;
  }
  .p-card__column--six .p-card__box {
    width: 15.8%;
  }
}
@media screen and (max-width: 700px) {
  .p-card__column--six {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 2%;
    flex-direction: row;
  }
  .p-card__column--six .p-card__box {
    width: 49%;
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 701px) {
  .p-shift-rule__schedule {
    height: 90px;
  }
  .p-shift-rule__schedule picture,
  .p-shift-rule__schedule img {
    max-width: none;
    height: 100%;
    width: auto;
  }
}
@media screen and (max-width: 700px) {
  .p-shift-rule__schedule-02 picture,
  .p-shift-rule__schedule-02 img {
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 701px) {
  .p-shift-rule__box {
    display: flex;
    column-gap: 1rem;
  }
}
@media screen and (max-width: 700px) {
  .p-shift-rule__box {
    position: relative;
    padding-top: 5rem;
  }
}
.p-shift-rule__image {
  width: 280px;
}
@media screen and (min-width: 701px) {
  .p-shift-rule__image {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (max-width: 700px) {
  .p-shift-rule__image {
    width: 240px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5rem;
  }
}
.p-shift-rule__image-inner {
  position: relative;
}
.p-shift-rule__image-inner:before {
  content: "";
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 1;
}
.p-shift-rule__image-inner.type-heart:before {
  background: url("../img/shift-rule/icon_heart.png") no-repeat center center/contain;
  right: -18px;
  top: 12px;
}
.p-shift-rule__image-inner.type-star:before {
  background: url("../img/shift-rule/icon_star.png") no-repeat center center/contain;
  left: -12px;
  bottom: 20px;
}
.p-shift-rule__image-inner.type-wood:before {
  background: url("../img/shift-rule/icon_wood.png") no-repeat center center/contain;
  right: -12px;
  top: 20px;
}
.p-shift-rule__image-inner.type-ribon:before {
  background: url("../img/shift-rule/icon_ribon.png") no-repeat center center/contain;
  left: -10px;
  bottom: 14px;
  width: 60px;
}
@media screen and (min-width: 701px) {
  .p-shift-rule__info {
    flex: 1;
  }
}
.p-shift-rule__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  row-gap: 4px;
}
@media screen and (max-width: 700px) {
  .p-shift-rule__title {
    position: absolute;
    top: 0;
    width: 100%;
  }
}
@media screen and (min-width: 701px) {
  .p-shift-rule__title {
    margin-bottom: 1rem;
  }
}
.p-shift-rule__title img {
  width: 100px;
}
@media screen and (max-width: 700px) {
  .p-shift-rule__title img {
    width: 90px;
  }
}
.p-shift-rule__list li {
  display: flex;
  gap: 8px;
  padding-bottom: 8px;
  line-height: 1.4;
  font-size: 0.9em;
}
.p-shift-rule__list li:not(:last-child) {
  margin-bottom: 8px;
  border-bottom: 1px dashed rgb(113, 105, 105);
}
.p-shift-rule__list li:before {
  content: "";
  flex-shrink: 0;
  margin-top: 3px;
  width: 14px;
  height: 14px;
  background: url("../img/shift-rule/icon_point_pink.png") no-repeat center center/contain;
}
@media screen and (max-width: 700px) {
  .p-shift-rule__list li:before {
    width: 10px;
    height: 10px;
    margin-top: 5px;
  }
}
.p-shift-rule__message {
  position: relative;
  background-color: #fef3d8;
  border-radius: 12px;
  padding: 3rem;
}
@media screen and (max-width: 700px) {
  .p-shift-rule__message {
    padding: 1.5rem;
  }
}
.p-shift-rule__message:before, .p-shift-rule__message:after {
  content: "";
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
}
@media screen and (max-width: 700px) {
  .p-shift-rule__message:before, .p-shift-rule__message:after {
    width: 40px;
    height: 40px;
  }
}
.p-shift-rule__message:before {
  background: url("../img/shift-rule/icon_flower_left.png") no-repeat center center/contain;
  top: -15px;
  left: -5px;
}
@media screen and (max-width: 700px) {
  .p-shift-rule__message:before {
    top: -13px;
    left: -4px;
  }
}
.p-shift-rule__message:after {
  background: url("../img/shift-rule/icon_flower_right.png") no-repeat center center/contain;
  bottom: -13px;
  right: -5px;
}
@media screen and (max-width: 700px) {
  .p-shift-rule__message:after {
    bottom: -11px;
    right: -5px;
  }
}
.p-shift-rule__message p {
  font-size: 0.9em;
}

.p-shift-work__title {
  text-align: center;
}
.p-shift-work__title img {
  width: 300px;
}
@media screen and (min-width: 701px) {
  .p-shift-work__desc {
    text-align: center;
  }
}

.p-counter__container {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.p-counter__box {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 700px) {
  .p-counter__box {
    flex-direction: column;
    position: relative;
    padding-top: 55px;
  }
  .p-counter__box:before {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    width: 406px;
    height: 200px;
  }
}
@media screen and (min-width: 701px) {
  .p-counter__box {
    justify-content: space-between;
  }
  .p-counter__box:nth-child(even) {
    flex-direction: row-reverse;
  }
  .p-counter__box:nth-child(even) picture {
    display: flex;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 701px) {
  .p-counter__box-item {
    width: 47%;
  }
}
.p-counter__image {
  position: relative;
}
@media screen and (max-width: 700px) {
  .p-counter__image {
    text-align: center;
  }
}
.p-counter__image img {
  position: relative;
}
@media screen and (min-width: 701px) {
  .p-counter__image img {
    max-width: none;
  }
}
@media screen and (max-width: 700px) {
  .p-counter__image img {
    width: 90%;
    display: inline;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 701px) {
  .p-counter__info {
    position: relative;
  }
}
.p-counter__title {
  text-align: center;
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1.6;
}
@media screen and (min-width: 701px) {
  .p-counter__title {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 700px) {
  .p-counter__title {
    position: absolute;
    top: 0;
    width: 100%;
  }
}
.p-counter__title span {
  position: relative;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-counter__title span:before, .p-counter__title span:after {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10px;
  height: 100%;
  content: "";
  border-top: solid 1px;
  border-bottom: solid 1px;
}
.p-counter__title span:before {
  border-left: solid 1px;
  left: 0;
}
.p-counter__title span:after {
  border-right: solid 1px;
  right: 0;
}
.p-counter__message {
  position: relative;
  background-color: #fff;
  border-radius: 12px;
  padding: 2rem;
}
@media screen and (max-width: 700px) {
  .p-counter__message {
    padding: 1.5rem;
  }
}
.p-counter__message:before, .p-counter__message:after {
  content: "";
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
}
@media screen and (max-width: 700px) {
  .p-counter__message:before, .p-counter__message:after {
    width: 40px;
    height: 40px;
  }
}
.p-counter__message:before {
  background: url("../img/shift-rule/icon_flower_left.png") no-repeat center center/contain;
  top: -15px;
  left: -5px;
}
@media screen and (max-width: 700px) {
  .p-counter__message:before {
    top: -13px;
    left: -4px;
  }
}
.p-counter__message:after {
  background: url("../img/shift-rule/icon_flower_right.png") no-repeat center center/contain;
  bottom: -13px;
  right: -5px;
}
@media screen and (max-width: 700px) {
  .p-counter__message:after {
    bottom: -11px;
    right: -5px;
  }
}
.p-counter__message p {
  text-align: center;
}

@media screen and (max-width: 700px) {
  .p-area--slice01 .p-counter__box:before {
    background: url(../img/countermeasures/bg_white_yellow_sp.png) no-repeat center center/contain;
  }
  .p-area--slice02 .p-counter__box:before {
    background: url(../img/countermeasures/bg_white_blue_sp.png) no-repeat center center/contain;
  }
}
@media screen and (min-width: 701px) {
  .p-area--slice01 .p-counter__box:nth-child(1) .p-counter__image img, .p-area--slice01 .p-counter__box:nth-child(2) .p-counter__image img, .p-area--slice01 .p-counter__box:nth-child(3) .p-counter__image img {
    width: 435px;
  }
  .p-area--slice01 .p-counter__box:nth-child(3) .p-counter__image img {
    width: 416px;
  }
  .p-area--slice01 .p-counter__box:nth-child(4) .p-counter__image img {
    width: 416px;
  }
  .p-area--slice01 .p-counter__box:nth-child(5) .p-counter__image img {
    width: 406px;
  }
  .p-area--slice02 .p-counter__box:nth-child(1) .p-counter__image img {
    width: 406px;
  }
  .p-area--slice02 .p-counter__box:nth-child(2) .p-counter__image img {
    width: 443px;
  }
  .p-area--slice02 .p-counter__box:nth-child(3) .p-counter__image img {
    width: 406px;
  }
  .p-area--slice02 .p-counter__box:nth-child(4) .p-counter__image img {
    width: 417px;
  }
}
.p-counter-mibare__wrap {
  display: flex;
  align-items: center;
  column-gap: 1.5rem;
}
@media screen and (max-width: 700px) {
  .p-counter-mibare__wrap {
    column-gap: 0rem;
  }
}
.p-counter-mibare__image {
  width: 35%;
}
.p-counter-mibare__text {
  flex: 1;
}

.p-counter-aribai__wrap {
  display: flex;
  align-items: center;
  column-gap: 1.5rem;
}
@media screen and (max-width: 700px) {
  .p-counter-aribai__wrap {
    column-gap: 0rem;
  }
}
.p-counter-aribai__image {
  width: 35%;
}
@media screen and (max-width: 700px) {
  .p-counter-aribai__image {
    width: 50%;
  }
}
.p-counter-aribai__text {
  flex: 1;
}

@media screen and (max-width: 700px) {
  .p-counter-summary {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

/* メッセージ */
.p-quit-message {
  display: flex;
  padding-bottom: 3rem;
}
@media screen and (min-width: 701px) {
  .p-quit-message {
    align-items: center;
    column-gap: 2rem;
  }
}
@media screen and (max-width: 700px) {
  .p-quit-message {
    flex-direction: column;
    row-gap: 3rem;
  }
}
.p-quit-message__image {
  position: relative;
  width: 55%;
}
@media screen and (max-width: 700px) {
  .p-quit-message__image {
    width: 100%;
  }
}
.p-quit-message__image:before, .p-quit-message__image:after {
  content: "";
  display: block;
  position: absolute;
}
.p-quit-message__image:before {
  width: 50%;
  padding-top: 28.6%;
  background: url(../img/quit/txt_left.png) no-repeat center center/contain;
  top: 31%;
  left: -4%;
}
@media screen and (max-width: 700px) {
  .p-quit-message__image:before {
    top: 40%;
  }
}
.p-quit-message__image:after {
  width: 58%;
  padding-top: 22%;
  background: url(../img/quit/txt_right.png) no-repeat center center/contain;
  bottom: -19%;
  right: -2%;
}
@media screen and (max-width: 700px) {
  .p-quit-message__image:after {
    width: 55%;
    padding-top: 20%;
    bottom: -18%;
  }
}
.p-quit-message__text {
  flex: 1;
}

.p-quit-promise__title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  row-gap: 8px;
  position: relative;
  width: 100%;
  text-align: center;
}
.p-quit-promise__title::after {
  display: block;
  content: "";
  position: static;
  width: 200px;
  height: 2px;
  background: repeating-linear-gradient(-45deg, #6aba91, #6aba91 5px, rgba(106, 186, 145, 0) 5px, rgba(106, 186, 145, 0) 10px);
}

/* 安心して */
.p-quit-safe__title {
  text-align: center;
}
.p-quit-safe__icon {
  width: 151px;
}
@media screen and (max-width: 700px) {
  .p-quit-safe__icon {
    width: 100px;
  }
}

.p-system-reason__box {
  padding: 2.5rem 0;
}
@media screen and (max-width: 700px) {
  .p-system-reason__box {
    padding: 1.5rem 0;
  }
}
.p-system-reason__image {
  margin-bottom: 1.5rem;
}
.p-system-reason__info-title {
  margin-bottom: 1rem !important;
  max-width: none !important;
}
@media screen and (max-width: 700px) {
  .p-system-reason__info-title {
    display: block !important;
  }
}
@media screen and (min-width: 701px) {
  .p-system-reason__info-title {
    width: 500px;
  }
}
.p-system-reason__info-desc p {
  text-align: center;
}
@media screen and (max-width: 700px) {
  .p-system-reason__info-desc p {
    text-align: left;
  }
}
.p-system-reason__info-desc p:not(:last-child) {
  margin-bottom: 0.7rem;
}

/* Project */
.c-list--disc {
  padding-left: 1.5rem;
}
.c-list--disc li {
  list-style: disc;
}

.c-list li {
  position: relative;
  padding-left: 1.5em;
}
.c-list li:not(:first-child) {
  margin-top: 0.5em;
}
.c-list li::before {
  position: absolute;
  content: "・";
  top: 0;
  left: 0;
}

.c-list--n > li {
  position: relative;
  counter-increment: l-num;
  padding-left: 1.5em;
}
.c-list--n > li::before {
  position: absolute;
  left: 0;
  top: 0;
  content: counter(l-num) ".";
}
.c-list--n > li:not(:first-child) {
  margin-top: 0.5em;
}

.c-list--n__ch > li {
  position: relative;
  counter-increment: l-num_ch;
  padding-left: 1.8em;
}
.c-list--n__ch > li::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "(" counter(l-num_ch) ")";
}
.c-list--n__ch > li:not(:first-child) {
  margin-top: 0.5em;
}

.c-list--num li {
  position: relative;
  counter-increment: num;
  padding-left: 25px;
}
.c-list--num li::before {
  position: absolute;
  left: 0;
  top: 0.3em;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  content: counter(num);
  font-size: 14px;
  border: solid 1px #000;
  font-weight: bold;
}
.c-list--num li:not(:first-child) {
  margin-top: 0.5em;
}
.c-list--num__p li {
  padding-left: 30px;
}
.c-list--num__p li::before {
  position: absolute;
  left: 0;
  top: 2px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  content: counter(num);
  font-size: 14px;
  border: solid 2px #df709a;
  font-weight: bold;
  color: #df709a;
  background: #fff;
}

body {
  position: relative;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*-- block elemnts --*/
.p-area--block.mrg-zero {
  padding: 0;
}

.p-area--block-title {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: clamp(22px, 4.583vw, 30px);
}
.p-area--block-title span {
  position: relative;
  display: block;
  margin-top: 10px;
  padding-bottom: clamp(20px, 4.167vw, 25px);
  width: 100%;
  line-height: 1.4;
}
.p-area--block-title span::before {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 9px;
  border-bottom: solid 2px #2c2c2c;
  max-width: 400px;
}
.p-area--block-title span::after {
  position: absolute;
  display: block;
  content: "";
  left: 50%;
  background-repeat: no-repeat;
  background-position: center center;
}
.p-area--block-title--ch span::before {
  border-top: solid 2px #e5c273;
}
.p-area--block-title--ch span::after {
  bottom: -4px;
  transform: translateX(-10px);
  width: 24px;
  height: 20px;
  background-image: url(../img/index/block01_title_bot.png);
  background-size: 17px 17px;
  background-color: #fffbcc;
}
.p-area--block-title--cl span::before {
  border-top: solid 2px #dd98c7;
}
.p-area--block-title--cl span::after {
  bottom: -6px;
  transform: translateX(-16px);
  width: 40px;
  height: 20px;
  background-image: url(../img/index/block02_title_bot.png);
  background-size: 32px 16px;
  background-color: #ffe2f6;
}
.p-area--block-title--sup span::before {
  border-top: solid 2px #25b5c7;
}
.p-area--block-title--sup span::after {
  bottom: -6px;
  transform: translateX(-16px);
  width: 28px;
  height: 20px;
  background-image: url(../img/index/block03_title_bot.png);
  background-size: 20px 20px;
  background-color: #dff3f7;
}
.p-area--block-title--sy span::before {
  border-top: solid 2px #b5c988;
}
.p-area--block-title--sy span::after {
  bottom: -6px;
  transform: translateX(-16px);
  width: 28px;
  height: 20px;
  background-image: url(../img/index/block04_title_bot.png);
  background-size: 20px 20px;
  background-color: #e7fee3;
}
.p-area--block-title--his span {
  width: 80%;
}
.p-area--block-title--his span::before {
  border-top: solid 2px #e5c273;
}
.p-area--block-title--his span::after {
  bottom: -4px;
  transform: translateX(-10px);
  width: 24px;
  height: 20px;
  background-image: url(../img/history/ttlicon.png);
  background-size: 19px 21px;
  background-color: #dff3f7;
}
.p-area--block-title--vis span {
  width: 80%;
}
.p-area--block-title--vis span::before {
  border-top: solid 2px #b0d25e;
}
.p-area--block-title--vis span::after {
  bottom: -4px;
  transform: translateX(-10px);
  width: 34px;
  height: 20px;
  background-image: url(../img/vision/ha-to.png);
  background-size: 19px 21px;
  background-color: #e7fee3;
}
.p-area--block-title--rule span::before {
  border-top: solid 2px #af9c5c;
}
.p-area--block-title--rule span::after {
  bottom: -4px;
  transform: translateX(-25px);
  width: 50px;
  height: 20px;
  background-image: url(../img/recruit/rib.png);
  background-size: 37px 19px;
  background-color: #fff;
}

.p-staff__title {
  text-align: center;
}
.p-staff__title span {
  font-size: clamp(18px, 3.75vw, 28px);
  position: relative;
  display: inline-block;
  line-height: 1.4;
  padding: 20px 50px;
}
.p-staff__title span::before {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  width: 40px;
  height: 45px;
  background: url(../img/index/staff_ttl.png);
  background-size: cover;
}
.p-staff__title span::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  right: 0;
  width: 40px;
  height: 45px;
  background: url(../img/index/staff_ttl.png);
  background-size: cover;
  transform: scaleX(-1);
}

.c-system__title {
  position: relative;
  text-align: center;
}
.c-system__title-inner {
  display: inline-block;
  position: relative;
  font-size: clamp(20px, 4.167vw, 24px);
  padding-top: 20px;
  padding-bottom: 10px;
}
.c-system__title-inner-icn {
  position: absolute;
  display: block;
  content: "";
  width: 86px;
  top: 0;
  left: -20%;
}
.c-system__title-inner::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #5c665b;
  background-image: repeating-linear-gradient(-45deg, #e7fee3, #e7fee3 4px, transparent 0, transparent 8px);
}

.p-flow__title-inner-icn {
  width: 45px;
  top: 10px;
  left: -20%;
}

.c-slide-01 .slick-slide {
  margin-right: 1.2vw !important;
  margin-left: 1.2vw !important;
}

.c-slide-01 .slick-arrow {
  z-index: 2 !important;
  width: 40px;
  height: 40px;
}

.c-slide-01 .slick-next {
  right: 8px !important;
  transform: rotate(180deg) translateY(20px);
}

.c-slide-01 .slick-prev {
  left: 8px !important;
}

.c-slide-01 .slick-arrow:before {
  content: "" !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

.c-slide-01 .slick-next:before {
  background: url(../img/index/lady_slick_arw.png) !important;
  background-size: contain !important;
}

.c-slide-01 .slick-prev:before {
  background: url(../img/index/lady_slick_arw.png) !important;
  background-size: contain !important;
}

.c-slide-01 .slick-dots li button:before {
  font-size: 30px;
  color: #ffffff;
  opacity: 1 !important;
}

.c-slide-01 .slick-dots li.slick-active button:before {
  color: #dc6c96;
}

.c-slide-02 .slick-slide {
  margin-right: 1.2vw !important;
  margin-left: 1.2vw !important;
}
@media screen and (min-width: 701px) {
  .c-slide-02 .slick-slide {
    margin-right: 0.8vw !important;
    margin-left: 0.8vw !important;
  }
}

.c-slide-02 .slick-arrow {
  z-index: 2 !important;
  width: 40px;
  height: 40px;
}

.c-slide-02 .slick-next {
  right: 8px !important;
  transform: rotate(180deg) translateY(20px);
}
@media screen and (min-width: 701px) {
  .c-slide-02 .slick-next {
    right: -8px !important;
  }
}

.c-slide-02 .slick-prev {
  left: 8px !important;
}
@media screen and (min-width: 701px) {
  .c-slide-02 .slick-prev {
    left: -8px !important;
  }
}

.c-slide-02 .slick-arrow:before {
  content: "" !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

.c-slide-02 .slick-next:before {
  background: url(../img/index/staff_slick_arw.png) !important;
  background-size: contain !important;
}

.c-slide-02 .slick-prev:before {
  background: url(../img/index/staff_slick_arw.png) !important;
  background-size: contain !important;
}

.c-slide-02 .slick-dots li button:before {
  font-size: 30px;
  color: #ffffff;
  opacity: 1 !important;
}

.c-slide-02 .slick-dots li.slick-active button:before {
  color: #1872a0;
}

.slick-dotted.slick-slider {
  margin-bottom: 40px;
}

.slick-dots {
  bottom: -35px;
}

/* ----- */
.p-pageheading {
  position: relative;
  overflow: hidden;
  padding-bottom: 50px;
}
@media screen and (min-width: 960px) {
  .p-pageheading {
    padding-bottom: 90px;
  }
}

.p-maintitle {
  background: url(../img/bg_maintitle.png) repeat-x center center;
  background-size: cover;
}
.p-maintitle__inner {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  height: clamp(200px, 41.667vw, 320px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url(../img/light.png) no-repeat center center;
}
.p-maintitle__inner-ttl {
  background: url(../img/line_maintitle.png) no-repeat center bottom;
  font-size: clamp(22px, 4.583vw, 34px);
  padding-bottom: clamp(30px, 6.25vw, 50px);
  background-size: clamp(190px, 39.583vw, 380px) clamp(11px, 2.292vw, 23px);
  text-align: center;
}
@media screen and (max-width: 700px) {
  .p-maintitle__inner-ttl {
    line-height: 1.4;
  }
}
@media screen and (min-width: 701px) {
  .p-maintitle__inner-ttl:not(.nobr) br {
    display: none;
  }
}
.p-maintitle__inner-lead {
  font-size: clamp(12px, 2.5vw, 18px);
  padding-top: clamp(15px, 3.125vw, 20px);
  text-align: center;
}
.p-maintitle::before {
  position: absolute;
  display: block;
  content: "";
  width: 183px;
  height: 126px;
  top: -60px;
  transform: translateX(-280px);
  left: 50%;
  background: url(../img/img_maintitle01.png) no-repeat;
  background-size: cover;
}
@media screen and (min-width: 960px) {
  .p-maintitle::before {
    top: -145px;
    transform: translateX(-600px);
    width: 353px;
    height: 332px;
    background: url(../img/img_maintitle01_pc.png) no-repeat;
    background-size: cover;
  }
}
.p-maintitle::after {
  position: absolute;
  display: block;
  content: "";
  width: 182px;
  height: 115px;
  transform: translateX(250px);
  right: 50%;
  bottom: 0;
  background: url(../img/img_maintitle02.png) no-repeat;
  background-size: cover;
}
@media screen and (min-width: 960px) {
  .p-maintitle::after {
    transform: translateX(640px);
    width: 389px;
    height: 231px;
    background: url(../img/img_maintitle02_pc.png) no-repeat;
    background-size: cover;
  }
}

#breadcrumbs {
  position: relative;
  z-index: 2;
  max-width: 960px;
  margin: -35px auto 0;
  padding: 0 clamp(20px, 4.167vw, 30px);
  letter-spacing: -0.05em;
  font-size: clamp(10px, 2.083vw, 14px);
}
@media screen and (min-width: 960px) {
  #breadcrumbs {
    margin-top: -55px;
  }
}
#breadcrumbs ul {
  display: flex;
  flex-wrap: wrap;
}
#breadcrumbs br {
  display: none;
}
#breadcrumbs .breadcrumb-top {
  background: url(../img/icn_home.png) no-repeat left center;
  background-size: 11px 10px;
  padding-left: 15px;
}

/*
.p-bread {
  position: relative;
  z-index: 2;
  max-width: 960px;
  margin: -35px auto 0;
  padding: 0 m.clamps(20, 30);
  letter-spacing: -0.05em;

  @include m.mq(pc-on) {
    margin-top: -55px;
  }

  .p-bread__list {
    display: flex;
    font-size: m.clamps(10, 14);

    .p-bread__list--item {
      &:first-child {
        background: url(../img/icn_home.png) no-repeat left center;
        background-size: 11px 10px;
        padding-left: 15px;
      }

      &:not(:first-child) {
        background: url(../img/arw_bread.png) no-repeat left center;
        background-size: 4px 6px;
        padding-left: 10px;
        margin-left: 10px;
      }
    }
  }
}
*/
.p-mainlead {
  margin-top: clamp(30px, 6.25vw, 40px);
}
.p-mainlead .p-mainlead__lead {
  font-size: clamp(16px, 3.333vw, 18px);
  text-align: center;
}

.p-mainlead {
  margin-top: clamp(30px, 6.25vw, 40px);
}
.p-mainlead .p-mainlead__lead {
  font-size: clamp(16px, 3.333vw, 18px);
  text-align: center;
  font-weight: bold;
}
.p-mainlead .p-mainlead__lead-p {
  font-size: clamp(14px, 2.917vw, 16px);
}
@media screen and (min-width: 701px) {
  .p-mainlead .p-mainlead__lead-p {
    text-align: center;
  }
}

.l-container {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 700px) {
  .l-container {
    flex-direction: column;
  }
}
@media screen and (min-width: 701px) {
  .l-container__main {
    width: 62%;
  }
}
@media screen and (min-width: 701px) {
  .l-container__sub {
    width: 34%;
  }
}
@media screen and (max-width: 700px) {
  .l-container__sub {
    margin-top: 50px;
  }
}

.l-2col {
  display: flex;
}
@media screen and (min-width: 701px) {
  .l-2col {
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 700px) {
  .l-2col {
    flex-direction: column;
  }
}
@media screen and (min-width: 701px) {
  .l-2col--align-top {
    align-items: flex-start;
  }
}
@media screen and (min-width: 701px) {
  .l-2col > div {
    width: 48.5%;
  }
}
.l-2col .l-2col__item--ph {
  text-align: center;
}
.l-2col .l-2col__item--ph img {
  display: inline;
}
@media screen and (max-width: 700px) {
  .l-2col .l-2col__item--txt {
    margin-top: 20px;
    padding: 0 10px;
  }
}
@media screen and (max-width: 700px) {
  .l-2col .l-2col__box:not(:first-child) {
    margin-top: 10px;
  }
}

.p-area {
  margin-top: clamp(20px, 4.167vw, 40px);
}

/*-- title elemnts --*/
.index--ttl.tbig {
  font-size: clamp(22px, 4.583vw, 30px);
}
.index--ttl .index--ttl--icon {
  width: 73vw;
}
@media screen and (min-width: 701px) {
  .index--ttl .index--ttl--icon {
    width: 400px;
  }
}
.index--ttl span::before {
  left: 50%;
  transform: translateX(-50%);
  min-width: 300px;
}
@media screen and (min-width: 701px) {
  .index--ttl span::before {
    min-width: 500px;
  }
}
.index--ttl span::after {
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  width: 42px;
  height: 23px;
  background-size: 38px 23px;
  background-position: center center;
}
@media screen and (min-width: 701px) {
  .index--ttl span::after {
    bottom: -12px;
    width: 57px;
    height: 32px;
    background-size: 53px 32px;
  }
}
.index--ttl__fea span::before {
  border-top: solid 2px #e5c273;
}
.index--ttl__fea span::after {
  background-image: url(../img/index/tbot-feature.webp);
  background-color: #fffbcc;
}
.index--ttl__poi span::before {
  border-top: solid 2px #f69a95;
}
.index--ttl__poi span::after {
  background-image: url(../img/index/tbot-point.webp);
  background-color: #fff;
}
.index--ttl__cla span::before {
  border-top: solid 2px #dd98c7;
}
.index--ttl__cla span::after {
  background-image: url(../img/index/tbot-clady.webp);
  background-color: #ffe2f6;
}
.index--ttl__wor span::before {
  border-top: solid 2px #b5c988;
}
.index--ttl__wor span::after {
  background-image: url(../img/index/tbot-work.webp);
  background-color: #fff;
}
.index--ttl__sup span::before {
  border-top: solid 2px #25b5c7;
}
.index--ttl__sup span::after {
  background-image: url(../img/index/tbot-support.webp);
  background-color: #dff3f7;
}
.index--ttl__mib span::before {
  display: none !important;
}
.index--ttl__mib span::after {
  display: none !important;
}
.index--ttl__che {
  padding-bottom: clamp(25px, 5.208vw, 30px);
  background-image: url(../img/index/tbot-cheer.webp);
  background-position: bottom center;
  background-size: 340px 56px;
  background-repeat: no-repeat;
}
@media screen and (min-width: 701px) {
  .index--ttl__che {
    background-size: 462px 76px;
  }
}
.index--ttl__che span::before {
  display: none !important;
}
.index--ttl__che span::after {
  display: none !important;
}
.index--ttl__fee {
  padding-bottom: clamp(10px, 2.083vw, 15px);
  background-image: url(../img/index/tbot-feel.webp);
  background-position: bottom center;
  background-size: 252px 20px;
  background-repeat: no-repeat;
}
@media screen and (min-width: 701px) {
  .index--ttl__fee {
    background-size: 438px 35px;
  }
}
.index--ttl__fee span::before {
  display: none !important;
}
.index--ttl__fee span::after {
  display: none !important;
}
.index--ttl__faq span::after {
  background-image: url(../img/index/tbot-faq.webp);
  background-color: #fff;
}

.p-step {
  letter-spacing: -0.05em;
}
.p-step .p-step__item {
  position: relative;
  padding: clamp(35px, 7.292vw, 40px) clamp(20px, 4.167vw, 60px) clamp(30px, 6.25vw, 35px);
  background: #fff;
  box-shadow: 0px 4px 16px 0px rgba(121, 121, 121, 0.3);
  counter-increment: num;
}
.p-step .p-step__item:not(:first-child) {
  margin-top: clamp(25px, 5.208vw, 45px);
}
.p-step .p-step__item::before {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-15px);
  content: counter(num);
  display: block;
  background: #e3709e;
  color: #fff;
  font-weight: bold;
  font-size: clamp(15px, 3.125vw, 16px);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .p-step .p-step__item::before {
    top: -20px;
    transform: translateX(-20px);
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}

.p-blockpt01 {
  display: flex;
}
@media screen and (max-width: 959px) and (min-width: 701px) {
  .p-blockpt01 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
.p-blockpt01 .p-blockpt01__box {
  flex: 1;
}
@media screen and (min-width: 960px) {
  .p-blockpt01 .p-blockpt01__box {
    padding: 20px 0;
  }
}
@media screen and (min-width: 960px) {
  .p-blockpt01 {
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 959px) {
  .p-blockpt01 {
    flex-direction: column;
  }
}
@media screen and (min-width: 960px) {
  .p-blockpt01 .p-blockpt01__box_01 {
    padding-right: 7%;
  }
}
@media screen and (min-width: 960px) {
  .p-blockpt01 .p-blockpt01__box_02 {
    padding-left: 7%;
  }
}

@media screen and (max-width: 959px) {
  .p-blockpt01__box .p-title__sub {
    margin-left: clamp(30px, 6.25vw, 40px);
    margin-right: clamp(30px, 6.25vw, 40px);
  }
}
.p-blockpt01__box:first-child {
  position: relative;
}
@media screen and (max-width: 959px) {
  .p-blockpt01__box:first-child {
    padding-bottom: 50px;
    margin-bottom: 40px;
  }
}
.p-blockpt01__box:first-child::before {
  position: absolute;
  display: block;
  content: "";
}
@media screen and (max-width: 959px) {
  .p-blockpt01__box:first-child::before {
    bottom: 0;
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: 20px;
    height: 16px;
    background: url(../img/line_kazari_y.svg) repeat-x center top;
    background-size: cover;
  }
}
@media screen and (min-width: 960px) {
  .p-blockpt01__box:first-child::before {
    top: 0;
    right: -8px;
    width: 16px;
    height: 100%;
    background: url(../img/line_kazari_t.svg) repeat-y top center;
    background-size: cover;
  }
}

.p-blockpt01__box--ph {
  position: relative;
  margin-top: 20px;
}
@media screen and (max-width: 959px) {
  .p-blockpt01__box--ph {
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 960px) {
  .p-blockpt01__box--ph {
    padding-bottom: clamp(10px, 2.083vw, 20px);
  }
}
.p-blockpt01__box--ph::before {
  position: absolute;
  display: block;
  content: "";
  z-index: -1;
  bottom: 0;
  width: calc(100% - clamp(20px, 4.167vw, 30px));
  height: calc(100% - clamp(20px, 4.167vw, 30px));
  background: #ffe2f6;
}

@media screen and (max-width: 959px) {
  .p-blockpt01__box_01 .p-blockpt01__box--ph {
    margin-right: clamp(20px, 4.167vw, 30px);
    padding-right: 10px;
  }
}
@media screen and (min-width: 960px) {
  .p-blockpt01__box_01 .p-blockpt01__box--ph::before {
    width: 100%;
    left: clamp(10px, 2.083vw, 20px);
  }
}
@media screen and (max-width: 959px) {
  .p-blockpt01__box_01 .p-blockpt01__box--ph::before {
    right: 0;
  }
}

@media screen and (max-width: 959px) {
  .p-blockpt01__box_02 .p-blockpt01__box--ph {
    margin-left: clamp(20px, 4.167vw, 30px);
    padding-left: 10px;
  }
}
@media screen and (min-width: 960px) {
  .p-blockpt01__box_02 .p-blockpt01__box--ph::before {
    width: 100%;
    right: clamp(10px, 2.083vw, 20px);
  }
}
@media screen and (max-width: 959px) {
  .p-blockpt01__box_02 .p-blockpt01__box--ph::before {
    left: 0;
  }
}

.p-blockpt01__box--txt {
  margin-top: 20px;
  font-size: 14px;
}
@media screen and (max-width: 959px) {
  .p-blockpt01__box--txt {
    margin-left: 30px;
    margin-right: 30px;
  }
}

@media screen and (min-width: 960px) {
  .p-blockpt01__box--btn {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 960px) {
  .p-blockpt01__box--btn .c-btn__main a {
    height: 72px;
    line-height: 72px;
  }
}

.p-box {
  background: #fff;
  box-shadow: 0px 4px 16px 0px rgba(121, 121, 121, 0.3);
  padding: clamp(30px, 6.25vw, 40px);
}
.p-box__bar-y {
  border-top: solid 6px #ddd144;
}

@media screen and (min-width: 960px) {
  .p-feature .p-box__ph {
    max-width: 150px;
  }
}
@media screen and (max-width: 959px) {
  .p-feature .p-box__ph {
    max-width: 110px;
  }
}
.p-feature .p-box__ph {
  margin-left: auto;
  margin-right: auto;
}

.p-box__set--head {
  margin-top: clamp(10px, 2.083vw, 20px);
  font-size: clamp(16px, 3.333vw, 18px);
  font-weight: bold;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-box__set--inner {
  margin-top: clamp(15px, 3.125vw, 24px);
}

.l-grid1 {
  display: grid;
  grid-gap: 25px;
}
@media screen and (min-width: 701px) {
  .l-grid1 {
    grid-gap: 20px;
  }
}

.l-grid2 {
  display: grid;
  grid-gap: 25px;
}
@media screen and (min-width: 701px) {
  .l-grid2 {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
}

.l-grid3 {
  display: grid;
  grid-gap: 25px;
}
@media screen and (min-width: 960px) {
  .l-grid3 {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
  }
}
@media screen and (max-width: 959px) and (min-width: 701px) {
  .l-grid3 {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
}

.l-grid4 {
  display: grid;
  grid-gap: 25px;
}
@media screen and (min-width: 960px) {
  .l-grid4 {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
  }
}
@media screen and (max-width: 959px) {
  .l-grid4 {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
}

.p-step__dx {
  position: relative;
}
.p-step__dx::before {
  left: 30px;
  position: absolute;
  display: block;
  content: "";
  height: 100%;
  width: 2px;
  background: url(../img/works/line-step.svg) repeat-y;
  background-size: contain;
}

.p-step__dx-item {
  position: relative;
  padding-left: 60px;
  padding-top: 50px;
}
@media screen and (min-width: 701px) {
  .p-step__dx-item {
    padding-left: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.p-step__dx-item:not(:first-child) {
  margin-top: 40px;
}
@media screen and (min-width: 701px) {
  .p-step__dx-item:not(:first-child) {
    margin-top: 10px;
  }
}
.p-step__dx-item .p-step__dx-item--st {
  position: absolute;
  top: -10px;
  left: 0;
  width: 100px;
}

.p-step__dx-item--in dt {
  font-size: clamp(18px, 3.75vw, 20px);
  font-weight: bold;
}
.p-step__dx-item--in dd {
  margin-top: 5px;
}
.p-step__dx-item--in p {
  margin-top: 20px;
}
@media screen and (min-width: 701px) {
  .p-step__dx-item--in {
    display: flex;
    justify-content: space-between;
  }
  .p-step__dx-item--in dl {
    width: 48%;
    padding-top: 20px;
  }
  .p-step__dx-item--in p {
    width: 43%;
  }
}

.p-table__def {
  table-layout: fixed;
  width: 100%;
}
.p-table__def tr:nth-child(odd) th,
.p-table__def tr:nth-child(odd) td {
  background-color: #f8f8f3;
}
.p-table__def th,
.p-table__def td {
  padding: 20px 10px;
  vertical-align: top;
}
@media screen and (min-width: 701px) {
  .p-table__def th,
  .p-table__def td {
    padding: clamp(10px, 2.083vw, 20px);
  }
}
.p-table__def th {
  box-sizing: content-box;
  padding-left: 20px;
  width: 5em;
  text-align: justify;
  text-align-last: justify;
}
@media screen and (min-width: 701px) {
  .p-table__def th {
    padding-left: clamp(20px, 4.167vw, 30px);
  }
}
.p-table__def td {
  padding-right: 20px;
}
@media screen and (min-width: 701px) {
  .p-table__def td {
    padding-right: clamp(20px, 4.167vw, 30px);
  }
}

.c-wrap__bg01 {
  padding-bottom: clamp(20px, 4.167vw, 30px);
  background: linear-gradient(0deg, rgb(250, 250, 248) 65%, rgba(250, 250, 248, 0) 65%);
}

.c-show__btn {
  padding-top: 150px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 80%);
  text-align: center;
}
.c-show__btn.break {
  display: none;
}
.c-show__btn button {
  display: inline-block;
  width: 100%;
  max-width: 380px;
  text-align: center;
  border: none;
  border-radius: 999px;
  padding: 0.8em 0;
  font-size: clamp(16px, 3.333vw, 18px);
  color: #333;
}
.c-show__btn button span {
  padding-right: 20px;
  display: inline-block;
  background: url(../img/icn_uarw.svg) no-repeat right center;
  background-size: 14px 9px;
}
.c-show__btn-p button {
  background: #f9c8db;
}
.c-show__btn-b button {
  background: #9adeec;
}

.c-notebook {
  background-color: #fff;
  background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), linear-gradient(180deg, #ccc 1px, transparent 1px);
  background-size: 8px 100%, 100% 2.5em;
  line-height: 2.5em;
  padding-bottom: 1px;
}

.p-staff__box {
  background: #fff;
  border-radius: 20px;
  color: #2c2c2c;
  text-decoration: none;
  box-shadow: 0px 4px 16px 0px rgba(121, 121, 121, 0.3);
}
@media screen and (min-width: 960px) {
  .p-staff__box {
    margin-top: 10px;
  }
}

@media screen and (min-width: 960px) {
  a.p-staff__box {
    transition: all 0.3s ease-out;
  }
}
@media screen and (min-width: 960px) {
  a.p-staff__box:hover {
    transform: scale(1.05);
  }
}

.p-staff__ph {
  position: relative;
}
.p-staff__ph-fuki {
  position: absolute;
  top: -15px;
  right: -10px;
  width: min(37vw, 200px);
}
@media screen and (min-width: 701px) {
  .p-staff__ph-fuki {
    width: 132px;
  }
}
@media screen and (min-width: 701px) {
  .p-staff__ph-fuki {
    width: 132px;
  }
}
.p-staff__ph-img {
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}
.p-staff__ph-img img {
  width: 100%;
  height: 54vw;
  object-fit: cover;
}
@media screen and (max-width: 959px) and (min-width: 701px) {
  .p-staff__ph-img img {
    height: 26vw;
  }
}
@media screen and (min-width: 960px) {
  .p-staff__ph-img img {
    height: min(17.5vw, 170px);
  }
}
@media screen and (min-width: 960px) {
  .p-staff__ph-img--detail img {
    height: min(28vw, 270px);
  }
}

.p-staff__name {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 0;
  position: relative;
}
.p-staff__name-kana {
  font-size: clamp(20px, 4.167vw, 20px);
  font-weight: 700;
  border-right: solid 1px #2c2c2c;
  line-height: 1.4;
  padding-right: 12px;
}
.p-staff__name-eng {
  font-size: clamp(10px, 2.083vw, 10px);
  font-weight: 900;
  line-height: 1.2;
  padding-left: 12px;
}
.p-staff__name::before {
  position: absolute;
  display: block;
  content: "";
  z-index: 2;
  width: 36px;
  height: 36px;
  right: 20px;
  top: -18px;
  background-color: #bee3ea;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px 6px;
  border-radius: 50%;
}

.p-staff__box-m .p-staff__name {
  border-top: solid 2px #bee3ea;
}
.p-staff__box-m .p-staff__name::before {
  background-color: #bee3ea;
  background-image: url(../img/staff/icn_arw_m.svg);
}

.p-staff__box-w .p-staff__name {
  border-top: solid 2px #f3bed2;
}
.p-staff__box-w .p-staff__name::before {
  background-color: #f3bed2;
  background-image: url(../img/staff/icn_arw_w.svg);
}

@media screen and (min-width: 701px) {
  .p-staff__detail .p-staff__ph-fuki {
    width: clamp(140px, 17vw, 170px);
    right: 50%;
    margin-right: clamp(-170px, -17vw, -140px);
    transform: translateX(60px);
  }
}
.p-staff__detail .p-staff__ph-img {
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}
.p-staff__detail .p-staff__name {
  padding-top: 20px;
}
.p-staff__detail .p-staff__name::before {
  display: none;
}
.p-staff__detail .p-staff__name-kana {
  font-size: clamp(20px, 4.167vw, 24px);
}
.p-staff__detail .p-staff__name-eng {
  font-size: clamp(10px, 2.083vw, 12px);
}

.p-staff__detail-con {
  position: relative;
  margin: 0 clamp(20px, 4.167vw, 30px);
  padding-bottom: clamp(30px, 6.25vw, 40px);
}
.p-staff__detail-con::after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 90%;
  height: 2px;
  margin: 0 5%;
  background: repeating-linear-gradient(-45deg, rgba(102, 102, 102, 0.6), rgba(102, 102, 102, 0.6) 3px, rgba(102, 102, 102, 0) 3px, rgba(102, 102, 102, 0) 8px);
}

.p-staff__mess {
  position: relative;
  padding-top: clamp(40px, 8.333vw, 50px);
  font-size: clamp(14px, 2.917vw, 14px);
}
.p-staff__mess .p-staff__mess-in--wrap {
  max-height: 240px;
  overflow: hidden;
}
@media screen and (min-width: 701px) {
  .p-staff__mess .p-staff__mess-in--wrap {
    max-height: 240px;
  }
}
.p-staff__mess .p-staff__mess-in--wrap.show {
  max-height: 9000px;
}
.p-staff__mess .p-staff__mess-in--wrap .p-staff__mess-in p {
  margin-top: 0.5em;
}

.p-staff__profile {
  border: solid 4px #9adeec;
  margin-top: clamp(50px, 10.417vw, 70px);
}
.p-staff__box-m .p-staff__profile {
  border: solid 4px #9adeec;
}
.p-staff__box-w .p-staff__profile {
  border: solid 4px #f3bed2;
}
.p-staff__profile .p-title__second {
  margin-top: -40px;
}
@media screen and (min-width: 701px) {
  .p-staff__profile .p-title__second {
    margin-top: -45px;
  }
}
.p-staff__profile .p-title__second .p-title__in {
  background: #fff;
  box-shadow: 0px 0px 0px 4px #ffffff;
}

.p-staff__profile-list {
  padding: 10px 20px 25px;
}
@media screen and (min-width: 701px) {
  .p-staff__profile-list {
    padding: clamp(15px, 3.125vw, 25px) clamp(20px, 4.167vw, 30px) clamp(30px, 6.25vw, 40px);
  }
}
.p-staff__profile-list dl {
  display: flex;
  padding: clamp(15px, 3.125vw, 20px) 0;
}
@media screen and (max-width: 700px) {
  .p-staff__profile-list dl {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (min-width: 701px) {
  .p-staff__profile-list dl {
    justify-content: center;
    align-items: flex-start;
  }
}
.p-staff__profile-list dl:first-child {
  padding-top: 0;
}
.p-staff__profile-list dl:last-child {
  padding-bottom: 0;
}
.p-staff__profile-list dl:not(:last-child) {
  background: url(../img/staff/line-profile.svg) repeat-x bottom left;
  background-size: 8px 2px;
}
.p-staff__profile-list dl dt {
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 700px) {
  .p-staff__profile-list dl dt {
    text-align: center;
  }
}
@media screen and (min-width: 701px) {
  .p-staff__profile-list dl dt {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    padding-right: 1em;
  }
}
.p-staff__profile-list dl dd {
  line-height: 1.6;
  font-size: clamp(12px, 2.5vw, 14px);
}
@media screen and (max-width: 700px) {
  .p-staff__profile-list dl dd {
    padding-top: clamp(5px, 1.042vw, 10px);
    text-align: center;
  }
}
@media screen and (min-width: 701px) {
  .p-staff__profile-list dl dd {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    padding-left: 1em;
  }
}

.p-staff__qa {
  margin-top: clamp(20px, 4.167vw, 30px);
}
.p-staff__qa-in {
  margin-top: clamp(10px, 2.083vw, 20px);
}

.p-staff__qa-box {
  border-radius: 15px;
  overflow: hidden;
  font-size: 14px;
}
.p-staff__box-m .p-staff__qa-box {
  background: #cdeff6;
  border: solid 2px #cdeff6;
}
.p-staff__box-w .p-staff__qa-box {
  background: #fbd9e6;
  border: solid 2px #fbd9e6;
}
.p-staff__qa-box:not(:first-child) {
  margin-top: clamp(10px, 2.083vw, 15px);
}
.p-staff__qa-box dt {
  font-weight: bold;
  line-height: 1.5;
}
.p-staff__qa-box dt .p-staff__qa-box-q {
  position: relative;
  padding: 12px 45px 12px 20px;
}
.p-staff__qa-box dt .p-staff__qa-box-q .p-staff__qa-box-icn {
  position: absolute;
  top: 15px;
  right: 12px;
}
.p-staff__qa-box dt .p-staff__qa-box-q .p-staff__qa-box-icn span {
  display: inline-block;
  position: relative;
  width: 17px;
  height: 17px;
  margin: 0 5px;
}
.p-staff__box-m .p-staff__qa-box dt .p-staff__qa-box-q .p-staff__qa-box-icn span {
  background: #39a3b9;
}
.p-staff__box-w .p-staff__qa-box dt .p-staff__qa-box-q .p-staff__qa-box-icn span {
  background: #df709a;
}
.p-staff__qa-box dt .p-staff__qa-box-q .p-staff__qa-box-icn span {
  border-radius: 50%;
}
.p-staff__qa-box dt .p-staff__qa-box-q .p-staff__qa-box-icn span::before, .p-staff__qa-box dt .p-staff__qa-box-q .p-staff__qa-box-icn span::after {
  display: block;
  content: "";
  background-color: #fff;
  border-radius: 10px;
  position: absolute;
  width: 9px;
  height: 1px;
  top: 8px;
  left: 4px;
}
.p-staff__qa-box dt .p-staff__qa-box-q .p-staff__qa-box-icn span::before {
  width: 1px;
  height: 9px;
  top: 4px;
  left: 8px;
}
.p-staff__qa-box dd {
  background: #fff;
  padding: 15px;
  display: none;
}

.p-staff__qa-box.active .p-staff__qa-box-icn span::before {
  display: none !important;
}

.p-staff__archive {
  margin-top: 20px;
}

.p-staff__archive-item:not(:first-child) {
  margin-top: 10px;
}
.p-staff__archive-item a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 4px 16px 0px rgba(121, 121, 121, 0.3);
  text-decoration: none;
  color: #2c2c2c;
}
.p-staff__archive-item a .p-staff__archive-item-ph {
  width: 25%;
}
.p-staff__archive-item a .p-staff__archive-item-name {
  width: 70%;
  position: relative;
  padding-right: 32px;
}
.p-staff__archive-item a .p-staff__archive-item-name::before {
  position: absolute;
  display: block;
  content: "";
  z-index: 2;
  width: 28px;
  height: 28px;
  right: 20px;
  top: 50%;
  transform: translateY(-14px);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px 6px;
  border-radius: 50%;
}
.p-staff__archive-item a .p-staff__archive-item-name .p-staff__archive-item-name-kana {
  font-weight: 700;
  line-height: 1.5;
}
.p-staff__archive-item a .p-staff__archive-item-name .p-staff__archive-item-name-en {
  font-size: 10px;
  font-weight: 900;
  line-height: 1.5;
}
.p-staff__archive-item a .p-staff__archive-item-name .p-staff__archive-item-name-en br {
  display: none;
}
.p-staff__archive-item--m .p-staff__archive-item-name::before {
  background-color: #bee3ea;
  background-image: url(../img/staff/icn_arw_m.svg);
}
.p-staff__archive-item--w .p-staff__archive-item-name::before {
  background-color: #f3bed2;
  background-image: url(../img/staff/icn_arw_w.svg);
}

.p-time {
  width: 100%;
  font-size: clamp(13px, 2.708vw, 14px);
  border-top: solid 1px #2c2c2c;
  border-bottom: solid 1px #2c2c2c;
}
.p-time th,
.p-time td {
  padding: 0.5em;
  vertical-align: top;
  text-align: left;
}
.p-time th {
  white-space: nowrap;
}
.p-time tr:not(:first-child) th,
.p-time tr:not(:first-child) td {
  border-top: dotted 1px #444;
}

.c-ph-block {
  position: relative;
  padding-bottom: clamp(20px, 4.167vw, 30px);
  padding-right: clamp(20px, 4.167vw, 30px);
}
.c-ph-block img {
  display: block !important;
}
.c-ph-block::before {
  position: absolute;
  display: block;
  width: 100%;
  right: 0;
  content: "";
  z-index: -1;
  bottom: 0;
  width: calc(100% - clamp(20px, 4.167vw, 30px));
  height: calc(100% - clamp(20px, 4.167vw, 30px));
  background: #ffe2f6;
}

.c-separate {
  position: relative;
  padding-top: clamp(30px, 6.25vw, 40px);
}
.c-separate::after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: repeating-linear-gradient(-45deg, rgb(160, 160, 160), rgb(160, 160, 160) 3px, rgba(160, 160, 160, 0) 3px, rgba(160, 160, 160, 0) 6px);
}

.p-rule {
  position: relative;
}
.p-rule::after {
  position: absolute;
  display: block;
  content: "";
  top: -2px;
  width: 80px;
  height: 2px;
  left: 50%;
  transform: translateX(-40px);
  background: #fff;
}
.p-rule .p-rule--title {
  z-index: 3;
  position: absolute;
  top: -15px;
  left: 0;
  width: 100%;
  text-align: center;
}
.p-rule .p-rule--title .p-rule--title-in {
  display: inline-block;
  font-weight: bold;
  padding: 0 5px;
}

.p-area--promise .p-area-wrap {
  background-image: url(../img/bg_paper.png);
}
.p-area--promise .p-area-wrap .p-area--block {
  padding: clamp(30px, 6.25vw, 50px) 0;
}

.p-promise--img {
  margin-top: clamp(10px, 2.083vw, 17px);
  text-align: center;
  padding: 0 clamp(10px, 2.083vw, 10px);
}
.p-promise--img img {
  display: inline-block;
  vertical-align: bottom;
  width: clamp(420px, 87.5vw, 600px);
}
@media screen and (max-width: 700px) {
  .p-promise--img img {
    max-width: 400px;
    width: 100%;
  }
}

.p-promise--btn {
  max-width: 520px;
  margin: 0 auto;
}

.c-btn {
  border: solid 2px #333;
  text-decoration: none;
  display: block;
  border-radius: 999px;
  text-align: center;
  padding: 0.8em 0;
}
.c-btn__p {
  color: #fff;
  background: #db467e;
}
.c-btn span {
  display: inline-block;
  padding-right: 26px;
  background: url(../img/btn_arw.svg) no-repeat right center;
  background-size: 16px 11px;
}

.p-terms-comimg {
  display: inline-block;
  vertical-align: baseline;
}

.p-girslbar-head {
  display: flex;
  justify-content: space-between;
}
.p-girslbar-head > div {
  width: 40%;
  text-align: center;
}
.p-girslbar-head .c-balloon {
  padding-top: 12px;
  padding-bottom: 12px;
}
@media screen and (max-width: 700px) {
  .p-girslbar-head .c-balloon {
    min-width: 200px;
  }
}

.p-girslbar-table {
  table-layout: fixed;
  width: 100%;
  margin-top: -14px;
}
.p-girslbar-table tr:nth-child(odd) {
  background-color: #f8f8f3;
}
.p-girslbar-table tr:nth-child(even) {
  background-color: #fff;
}
.p-girslbar-table tr td {
  padding: 1em 1.5em;
  text-align: center;
  vertical-align: middle;
}
.p-girslbar-table tr:first-child .p-girslbar-table__gb {
  border-top: solid 4px #f9c8db;
}
.p-girslbar-table tr:first-child .p-girslbar-table__ot {
  border-top: solid 4px #ccc;
}
.p-girslbar-table tr:last-child .p-girslbar-table__gb {
  border-bottom: solid 4px #f9c8db;
}
.p-girslbar-table tr:last-child .p-girslbar-table__ot {
  border-bottom: solid 4px #ccc;
}
.p-girslbar-table__gb {
  width: 40%;
  border-left: solid 4px #f9c8db;
  border-right: solid 4px #f9c8db;
}
.p-girslbar-table__ot {
  width: 40%;
  border-left: solid 4px #ccc;
  border-right: solid 4px #ccc;
}
.p-girslbar-table__th {
  width: 20%;
}
.p-girslbar-table__th-in {
  padding: 0.3em;
  background-color: #d6d6ce;
  font-size: clamp(12px, 2.5vw, 14px);
  font-weight: bold;
  border-radius: 4px;
}
.p-girslbar-table tr :first-child .p-girslbar-table__gb {
  border-top: solid 4px #f9c8db;
}
.p-girslbar-table tr :first-child .p-girslbar-table__ot {
  border-top: solid 4px #ccc;
}

.c-sidescroll {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  overflow-x: auto;
}
.c-sidescroll__inner {
  min-width: 580px;
  margin: 0 clamp(20px, 4.167vw, 30px);
}
.c-sidescroll__inner--w {
  min-width: 700px;
  margin: 0 clamp(20px, 4.167vw, 30px);
}

@media screen and (max-width: 700px) {
  .p-welcome__mid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .p-welcome__mid .l-2col__item--txt {
    padding-left: clamp(20px, 4.167vw, 30px);
    padding-right: clamp(20px, 4.167vw, 30px);
  }
}

.p-others-head {
  display: flex;
}
.p-others-head .p-others-head-item {
  width: 22%;
}
.p-others-head .p-others-head-item:not(:first-child) {
  width: 26%;
  padding: 0 2%;
}
.p-others-head .c-balloon {
  min-width: 120px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: clamp(12px, 2.5vw, 14px);
}
.p-others-head .c-balloon__add {
  color: #df709a;
  padding: 0 1em;
  background: #fff;
  border-radius: 999px;
  font-size: clamp(10px, 2.083vw, 12px);
}

.p-others-table {
  table-layout: fixed;
  width: 100%;
  margin-top: -20px;
}
.p-others-table__in {
  vertical-align: top !important;
  width: 26%;
}
.p-others-table tr:nth-child(odd) {
  background-color: #f8f8f3;
}
.p-others-table tr:nth-child(even) {
  background-color: #fff;
}
.p-others-table tr:first-child td {
  padding-top: 2.5em;
}
.p-others-table tr td {
  padding: 2em 1.2em;
  vertical-align: middle;
}
.p-others-table tr td:not(:first-child) {
  background-image: linear-gradient(to top, #adadad, #adadad 4px, transparent 4px, transparent 6px);
  background-repeat: repeat-y;
  background-position: left bottom;
  background-size: 1px 10px;
}
.p-others-table .p-others-table-img {
  text-align: center;
  margin-bottom: clamp(5px, 1.042vw, 10px);
}
.p-others-table .p-others-table-img img {
  display: inline;
  width: 42px;
}
.p-others-table .p-others-table-head {
  font-weight: bold;
  text-align: center;
}
.p-others-table .p-others-table-txt {
  margin-top: clamp(5px, 1.042vw, 10px);
  font-size: clamp(12px, 2.5vw, 14px);
}

.p-rec__head {
  display: flex;
  margin-top: 30px;
}
.p-rec__head .p-rec__head-item {
  width: 20%;
}
@media screen and (max-width: 700px) {
  .p-rec__head .p-rec__head-item {
    width: 22%;
  }
}
.p-rec__head .p-rec__head-item:not(:first-child) {
  width: 40%;
  padding: 0 2%;
}
@media screen and (max-width: 700px) {
  .p-rec__head .p-rec__head-item:not(:first-child) {
    width: 39%;
  }
}
.p-rec__head .c-balloon {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: clamp(12px, 2.5vw, 14px);
  min-width: 0;
}

.p-table__rec {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  margin-top: -10px;
}
.p-table__rec td {
  width: 40%;
}
@media screen and (max-width: 700px) {
  .p-table__rec td {
    width: 39%;
  }
}
.p-table__rec th {
  width: 20%;
  box-sizing: border-box;
}
@media screen and (max-width: 700px) {
  .p-table__rec th {
    width: 22%;
    padding: 20px 10px;
  }
}

.p-swipe {
  margin: 20px clamp(20px, 4.167vw, 30px) 0;
  border: solid 1px #333;
  padding: 1em;
  text-align: center;
}
@media screen and (min-width: 701px) {
  .p-swipe {
    display: none;
  }
}
.p-swipe span {
  position: relative;
  display: inline-block;
  padding: 0 20px;
  background-image: url(../img/icn_swipe_l.svg), url(../img/icn_swipe_r.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: left center, right center;
  background-size: 11px 8px, 11px 8px;
}

.p-faq__mokuzi {
  padding: clamp(20px, 4.167vw, 60px);
  font-weight: bold;
}
.p-faq__mokuzi li:not(:first-child) {
  margin-top: 1em;
}
.p-faq__mokuzi a {
  text-decoration: none;
  color: #333;
  padding-bottom: 2px;
  background-image: linear-gradient(to right, #df709a, #df709a 4px, transparent 4px, transparent 10px);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 10px 2px;
}
.p-faq__mokuzi a:hover {
  opacity: 0.7;
}

.p-staff__qa {
  margin-top: clamp(20px, 4.167vw, 30px);
}
.p-staff__qa-in {
  margin-top: clamp(10px, 2.083vw, 20px);
}

.p-qa__box {
  border-radius: 15px;
  overflow: hidden;
  font-size: 14px;
  background: #fbd9e6;
  border: solid 2px #fbd9e6;
}
.p-qa__box:not(:first-child) {
  margin-top: clamp(10px, 2.083vw, 15px);
}
.p-qa__box dt {
  font-weight: bold;
  line-height: 1.5;
  cursor: pointer;
}
.p-qa__box dt .p-qa__box-q {
  position: relative;
  padding: 15px 45px 15px 20px;
}
.p-qa__box dt .p-qa__box-q .p-qa__box-q-icn {
  position: absolute;
  top: 15px;
  right: 12px;
}
.p-qa__box dt .p-qa__box-q .p-qa__box-q-icn span {
  display: inline-block;
  position: relative;
  width: 19px;
  height: 19px;
  margin: 0 5px;
  background: #df709a;
  border-radius: 50%;
}
.p-qa__box dt .p-qa__box-q .p-qa__box-q-icn span::before, .p-qa__box dt .p-qa__box-q .p-qa__box-q-icn span::after {
  display: block;
  content: "";
  background-color: #fff;
  border-radius: 10px;
  position: absolute;
  width: 11px;
  height: 1px;
  top: 9px;
  left: 4px;
}
.p-qa__box dt .p-qa__box-q .p-qa__box-q-icn span::before {
  width: 1px;
  height: 11px;
  top: 4px;
  left: 9px;
}
.p-qa__box dd {
  background: #fff;
  padding: 15px;
  display: none;
}

.p-qa__box.active .p-qa__box-q-icn span::before {
  display: none !important;
}

.p-faq .p-qa {
  padding: 0 clamp(20px, 4.167vw, 30px);
}

.p-faq__title {
  margin-top: clamp(40px, 8.333vw, 50px);
  position: relative;
  background: #df709a;
  padding: clamp(14px, 2.917vw, 18px) clamp(20px, 4.167vw, 30px);
}
.p-faq__title h2 {
  font-size: clamp(16px, 3.333vw, 18px);
  color: #fff;
  padding-left: 50px;
}
.p-faq__title-num {
  position: absolute;
  left: clamp(20px, 4.167vw, 30px);
  top: 50%;
  transform: translateY(-18px);
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  content: counter(num);
  font-size: 16px;
  border: solid 2px #df709a;
  font-weight: bold;
  color: #df709a;
  background: #fff;
}

.p-flow__block {
  background-size: cover;
  background-position: right bottom;
}
.p-flow__block--st01 {
  background-image: url(../img/flow/img_f1.png);
  background-color: #f1f1f1;
}
@media screen and (min-width: 701px) {
  .p-flow__block--st01 {
    background-image: url(../img/flow/img_f1_pc.png);
  }
}
.p-flow__block--st02 {
  background-image: url(../img/flow/img_f2.png);
  background-color: #fce5ed;
}
@media screen and (min-width: 701px) {
  .p-flow__block--st02 {
    background-image: url(../img/flow/img_f2_pc.png);
  }
}
.p-flow__block--st02::after {
  background: #f1f1f1;
}
.p-flow__block--st03 {
  background-image: url(../img/flow/img_f3.png);
  background-color: #f9cadc;
}
@media screen and (min-width: 701px) {
  .p-flow__block--st03 {
    background-image: url(../img/flow/img_f3_pc.png);
  }
}
.p-flow__block--st03::after {
  background: #fce5ed;
}
.p-flow__block::after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 50%;
  width: 20px;
  height: 15px;
  transform: translateX(-10px);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.p-flow__block-in {
  position: relative;
  padding-top: clamp(30px, 6.25vw, 60px);
  padding-bottom: clamp(40px, 8.333vw, 60px);
}
@media screen and (max-width: 700px) {
  .p-flow__block-in {
    padding-bottom: 60px;
  }
}
.p-flow__block-in__w {
  max-width: 540px;
}
@media screen and (max-width: 700px) {
  .p-flow__block-in__w {
    padding: 0 clamp(10px, 2.083vw, 10px);
  }
}

.p-flow__block-in-flag {
  position: absolute;
  top: -25px;
  left: 40px;
  width: 90px;
}
@media screen and (min-width: 701px) {
  .p-flow__block-in-flag {
    left: 20px;
    width: 120px;
    top: -40px;
  }
}

.p-flow__block-in-title {
  position: relative;
  padding-bottom: clamp(15px, 3.125vw, 20px);
}
.p-flow__block-in-title p {
  width: 102px;
  margin: 0 auto;
}
@media screen and (min-width: 701px) {
  .p-flow__block-in-title p {
    width: 145px;
  }
}
.p-flow__block-in-title h2 {
  font-size: clamp(18px, 3.75vw, 24px);
  text-align: center;
}
.p-flow__block-in-title::before {
  position: absolute;
  display: block;
  content: "";
  width: 40px;
  height: 3px;
  bottom: 0;
  left: 50%;
  transform: translateX(-20px);
  background: #333;
}

.p-flow__block-in-txt {
  margin-top: clamp(15px, 3.125vw, 20px);
}
.p-flow__block-in-txt > *:not(:first-child) {
  margin-top: 0.5em;
}

.p-flow__block-in-box {
  position: relative;
  padding: clamp(30px, 6.25vw, 40px);
  margin-top: clamp(30px, 6.25vw, 40px);
}
.p-flow__block-in-box > * {
  position: relative;
  z-index: 2;
}
.p-flow__block-in-box::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: rotate(-2deg);
  background: #fff;
  box-shadow: 0px 4px 16px 0px rgba(121, 121, 121, 0.3);
}
.p-flow__block-in-box::before {
  position: absolute;
  display: block;
  content: "";
  z-index: 4;
  width: 24px;
  height: 23px;
  top: 0;
  left: 50%;
  transform: translateX(-12px);
  background: url(../img/flow/pin_f3.png) no-repeat center center;
  background-size: cover;
}

.p-flow__block-in-box-tape {
  position: absolute;
  width: 130px;
  top: -13px;
  left: 0;
}

.p-flow__block-in-box-ttl h3 {
  text-align: center;
}

.p-flow__block-in-box-txt {
  margin-top: clamp(8px, 1.667vw, 10px);
}

.p-blog__side:not(:first-child) {
  margin-top: clamp(24px, 5vw, 30px);
}

.p-blog__block {
  background: #fff;
  box-shadow: 0px 4px 16px 0px rgba(121, 121, 121, 0.3);
  position: relative;
  padding: clamp(5px, 1.042vw, 20px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #333;
  text-decoration: none;
}
@media screen and (min-width: 701px) {
  .p-blog__block {
    transition: all 0.2s;
  }
}
.p-blog__block:hover {
  opacity: 0.7;
}
.p-blog__block:not(:first-child) {
  margin-top: clamp(20px, 4.167vw, 30px);
}
.p-blog__block::before, .p-blog__block::after {
  position: absolute;
  display: block;
  content: "";
  z-index: 2;
  width: 20px;
  height: 20px;
  background: url(../img/index/staff_blog_post.png);
  background-size: cover;
}
@media screen and (min-width: 701px) {
  .p-blog__block::before, .p-blog__block::after {
    width: 30px;
    height: 30px;
  }
}
.p-blog__block::before {
  top: -8px;
  left: -8px;
}
@media screen and (max-width: 700px) {
  .p-blog__block::before {
    top: -6px;
    left: -6px;
  }
}
.p-blog__block::after {
  bottom: -8px;
  right: -8px;
  transform: scale(-1, -1);
}

.p-blog__block-ph {
  width: 44%;
}
@media screen and (min-width: 701px) {
  .p-blog__block-ph {
    width: 33%;
  }
}

.p-blog__block-data {
  width: 52%;
}
@media screen and (min-width: 701px) {
  .p-blog__block-data {
    width: 63%;
  }
}
.p-blog__block-data-title {
  font-size: clamp(14px, 2.917vw, 16px);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.6;
}
@media screen and (max-width: 700px) {
  .p-blog__block-data-title {
    line-height: 1.4;
  }
}
.p-blog__block-data-time {
  font-size: clamp(10px, 2.083vw, 14px);
  color: #4d4d4d;
  text-align: right;
  margin-top: clamp(5px, 1.042vw, 10px);
}

.p-blog-recom__in {
  margin-top: clamp(20px, 4.167vw, 26px);
}

.p-blog-recom__in-block {
  position: relative;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #333;
  text-decoration: none;
}
.p-blog-recom__in-block:not(:first-child) {
  margin-top: clamp(10px, 2.083vw, 15px);
}
@media screen and (min-width: 701px) {
  .p-blog-recom__in-block {
    padding: 0;
    transition: all 0.2s;
  }
}
.p-blog-recom__in-block:hover {
  opacity: 0.7;
}

.p-blog-recom__in-block-ph {
  width: 44%;
}
@media screen and (min-width: 701px) {
  .p-blog-recom__in-block-ph {
    width: 40%;
  }
}

.p-blog-recom__in-block-data {
  width: 52%;
}
@media screen and (min-width: 701px) {
  .p-blog-recom__in-block-data {
    width: 56%;
  }
}
.p-blog-recom__in-block-data-title {
  font-size: 14px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.5;
}
.p-blog-recom__in-block-data-view {
  padding-left: 16px;
  font-size: 11px;
  margin-top: 0.5em;
  background: url(../img/icn_view.png) no-repeat left center;
  background-size: 11px 7px;
}

.p-blog-cat__in {
  margin-top: clamp(10px, 2.083vw, 20px);
}

.p-blog-cat__in-list {
  padding: 0 10px;
}
@media screen and (min-width: 701px) {
  .p-blog-cat__in-list {
    padding: 0;
  }
}
.p-blog-cat__in-list li {
  background-image: linear-gradient(to left, #b3b3b3, #b3b3b3 2px, transparent 2px, transparent 4px);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 4px 1px;
}
.p-blog-cat__in-list li a {
  position: relative;
  display: block;
  padding: 0.6em 0 0.6em 1.2em;
  text-decoration: none;
  color: #333;
}
.p-blog-cat__in-list li a::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "・";
  color: #0d54b0;
  padding: 0.6em 0;
}
@media screen and (min-width: 701px) {
  .p-blog-cat__in-list li a {
    transition: all 0.2s;
  }
}
.p-blog-cat__in-list li a:hover {
  opacity: 0.7;
}

.p-blog-arch__wrap {
  margin-top: clamp(10px, 2.083vw, 15px);
  padding: 0 10px;
}
@media screen and (min-width: 701px) {
  .p-blog-arch__wrap {
    padding: 0;
  }
}

.p-blog-arch__in {
  background-image: linear-gradient(to left, #b3b3b3, #b3b3b3 2px, transparent 2px, transparent 4px);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 4px 1px;
}
.p-blog-arch__in-title {
  position: relative;
  padding: 0.6em 1em;
  cursor: pointer;
}
.p-blog-arch__in-title-icn {
  position: absolute;
  content: "";
  width: 13px;
  height: 13px;
  right: 1em;
  top: 50%;
  transform: translateY(-7px);
}
.p-blog-arch__in-title-icn span {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
.p-blog-arch__in-title-icn span::before, .p-blog-arch__in-title-icn span::after {
  position: absolute;
  display: block;
  content: "";
  background: #333;
}
.p-blog-arch__in-title-icn span::before {
  width: 100%;
  height: 1px;
  top: 6px;
  left: 0;
}
.p-blog-arch__in-title-icn span::after {
  width: 1px;
  height: 100%;
  top: 0;
  left: 6px;
}

.p-blog-arch__in-block {
  background: #c0dee4;
  padding: 2em;
  display: none;
}
.p-blog-arch__in-block li:not(:first-child) {
  margin-top: 0.2em;
}
.p-blog-arch__in-block a {
  color: #333;
  text-decoration: none;
}

.p-blog-arch__in.active .p-blog-arch__in-title {
  color: #0d54b0;
}
.p-blog-arch__in.active .p-blog-arch__in-title-icn span::before, .p-blog-arch__in.active .p-blog-arch__in-title-icn span::after {
  background: #0d54b0;
}
.p-blog-arch__in.active .p-blog-arch__in-title-icn span::after {
  display: none;
}

.p-blog__detail {
  background: #fff;
  box-shadow: 0px 2px 12px -4px rgba(91, 91, 91, 0.6);
  padding: clamp(20px, 4.167vw, 30px);
}
.p-blog__detail-thumb img {
  max-width: 2000px;
  width: 100%;
}
.p-blog__detail-title {
  margin-top: clamp(10px, 2.083vw, 17px);
}
.p-blog__detail-content {
  margin-top: clamp(20px, 4.167vw, 25px);
}

.time {
  color: #4d4d4d;
  font-size: clamp(12px, 2.5vw, 14px);
  text-align: right;
  padding-top: clamp(10px, 2.083vw, 15px);
}

.sidelink {
  padding-top: clamp(20px, 4.167vw, 25px);
  margin-top: clamp(20px, 4.167vw, 25px);
  border-top: solid 1px #b3b3b3;
  display: flex;
  justify-content: space-between;
}

.wp-pagenavi {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 60px;
  max-width: 500px;
  margin: clamp(26px, 5.417vw, 32px) auto 0;
}
.wp-pagenavi .pages {
  width: 100%;
  text-align: center;
  margin-bottom: clamp(10px, 2.083vw, 15px);
}
@media screen and (max-width: 700px) {
  .wp-pagenavi .pages {
    margin-bottom: 0;
    height: 40px;
    line-height: 40px;
  }
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  position: absolute;
  bottom: 0;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
}
@media screen and (min-width: 701px) {
  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink {
    width: 38px;
    height: 38px;
    background: url(../img/icn_page_pc.png) no-repeat center center;
    text-indent: -1000px;
  }
}
@media screen and (max-width: 700px) {
  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink {
    width: 37%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #df709a;
    background-repeat: no-repeat;
  }
}
.wp-pagenavi .previouspostslink {
  left: 0;
}
@media screen and (min-width: 701px) {
  .wp-pagenavi .previouspostslink {
    transform: scaleX(-1);
  }
}
@media screen and (max-width: 700px) {
  .wp-pagenavi .previouspostslink {
    background-image: url(../img/btn_arw_p.svg);
    background-position: left 1em center;
    background-size: 15px 12px;
    border-radius: 1000px 0 0 1000px;
    padding-left: 1em;
  }
}
.wp-pagenavi .nextpostslink {
  right: 0;
}
@media screen and (max-width: 700px) {
  .wp-pagenavi .nextpostslink {
    background-image: url(../img/btn_arw.svg);
    background-position: right 1em center;
    background-size: 15px 12px;
    border-radius: 0 1000px 1000px 0;
    padding-right: 1em;
  }
}
.wp-pagenavi .first,
.wp-pagenavi .page,
.wp-pagenavi .last,
.wp-pagenavi .current {
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background: #df709a;
  border: solid 1px #df709a;
  color: #fff;
  border-radius: 50%;
  text-decoration: none;
}
@media screen and (max-width: 700px) {
  .wp-pagenavi .first,
  .wp-pagenavi .page,
  .wp-pagenavi .last,
  .wp-pagenavi .current {
    display: none;
  }
}
.wp-pagenavi .current {
  background: #fff;
  color: #df709a;
}
@media screen and (max-width: 700px) {
  .wp-pagenavi .extend {
    display: none;
  }
}

.p-contact__ph {
  padding: 0 20px;
  text-align: center;
}
.p-contact__ph img {
  display: inline-block;
  vertical-align: bottom;
}
@media screen and (min-width: 701px) {
  .p-contact__ph img {
    max-width: 460px;
  }
}

.p-coverge__ph {
  padding: 0 20px;
  text-align: center;
}
.p-coverge__ph img {
  display: inline-block;
  vertical-align: bottom;
}
@media screen and (min-width: 701px) {
  .p-coverge__ph img {
    max-width: 520px;
  }
}

.p-cv__contact {
  max-width: 760px;
}
.p-cv__contact .c-cv__inner {
  justify-content: center;
}
@media screen and (min-width: 701px) {
  .p-cv__contact .c-cv__inner-block__sub {
    width: 48%;
  }
}
.p-cv__contact .c-cv__inner-block__sub-box {
  width: 100%;
  padding-left: 0;
}
@media screen and (min-width: 701px) {
  .p-cv__contact .c-cv__inner-block__main {
    width: 70%;
    padding-left: 0;
    border-left: none;
  }
}
.p-cv__contact .c-cv__inner-block__main::before {
  display: none;
}

.recruit .c-cv__inner {
  align-items: center;
  justify-content: center;
}

.p-title__in-bd {
  position: relative;
  padding-bottom: clamp(10px, 2.083vw, 15px);
}
.p-title__in-bd::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: repeating-linear-gradient(-45deg, rgb(102, 102, 102), rgb(102, 102, 102) 5px, rgba(102, 102, 102, 0) 5px, rgba(102, 102, 102, 0) 10px);
}

.c-form__wrap {
  padding: 0 !important;
}

.c-form__item {
  display: flex;
  border-bottom: solid 1px #a8a8a8;
  padding: clamp(25px, 5.208vw, 33px) clamp(20px, 4.167vw, 60px);
}
.c-form__item[hidden] {
  display: none !important;
}
@media screen and (max-width: 700px) {
  .c-form__item {
    flex-direction: column;
  }
}
@media screen and (min-width: 701px) {
  .c-form__item {
    justify-content: space-between;
  }
}
@media screen and (min-width: 701px) {
  .c-form__item dt {
    width: 42%;
  }
}
.c-form__item dt div {
  position: relative;
  padding: 10px 0 10px 20px;
  font-weight: bold;
}
.c-form__item dt div span {
  display: inline-block;
  margin-left: 0.5em;
  font-size: 10px;
  background: #b51010;
  color: #fff;
  padding: 0 0.5em;
  font-weight: normal;
  vertical-align: middle;
}
.c-form__item dt div::before {
  position: absolute;
  display: block;
  content: "";
  width: 13px;
  height: 4px;
  background: #df709a;
  top: 50%;
  transform: translateY(-2px);
  left: 0;
}
@media screen and (min-width: 701px) {
  .c-form__item dd {
    width: 56%;
  }
}
@media screen and (max-width: 700px) {
  .c-form__item dd {
    padding: 0 15px;
  }
}

.c-form__workplace.js-workplace-item {
  display: block;
  overflow: hidden;
  max-height: 0;
  margin: 0;
  padding: 0 clamp(15px, 3.125vw, 20px);
  border: solid 1px transparent;
  border-radius: 10px;
  opacity: 0;
  transform: translateY(-12px);
  pointer-events: none;
  transition: max-height 0.32s ease, opacity 0.28s ease, transform 0.32s ease, margin 0.32s ease, padding 0.32s ease, border-color 0.32s ease;
}
.c-form__workplace.js-workplace-item[hidden] {
  display: none;
}
.c-form__workplace.js-workplace-item.is-open {
  max-height: 220px;
  margin: clamp(12px, 2.5vw, 16px) 0 0;
  padding: clamp(15px, 3.125vw, 20px);
  border-color: #e5e5e5;
  border-bottom-color: #a8a8a8;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.c-form__workplace.js-workplace-item .c-form__workplace-ttl {
  position: relative;
  margin: 0 0 clamp(10px, 2.083vw, 12px);
  padding: 2px 0 0 14px;
  font-weight: 700;
  color: #333;
}
.c-form__workplace.js-workplace-item .c-form__workplace-ttl::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 29px;
  background: #e84393;
}
.c-form__workplace.js-workplace-item p,
.c-form__workplace.js-workplace-item .wpcf7-form-control-wrap {
  display: block;
  margin: 0;
}
.c-form__workplace.js-workplace-item .c-form__input--sel .wpcf7-form-control-wrap::before {
  z-index: 3;
  width: 0;
  height: 0;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 6px solid #e84393;
  background-image: none;
  pointer-events: none;
}
.c-form__workplace.js-workplace-item select {
  width: 100%;
  max-width: none;
  min-height: 48px;
  padding: 10px 44px 10px 14px;
  font-size: 16px;
  background-color: #fff;
}

input[type=text],
input[type=email],
input[type=tel],
textarea,
select {
  border: solid 1px #696969;
  border-radius: 6px;
  padding: clamp(12px, 2.5vw, 12px);
  font-size: clamp(14px, 2.917vw, 14px);
  color: #333;
}

.c-form__input--size-s input[type=text],
.c-form__input--size-s input[type=email],
.c-form__input--size-s input[type=tel],
.c-form__input--size-s textarea,
.c-form__input--size-s select {
  width: 90px;
}

.c-form__input--size-m input[type=text],
.c-form__input--size-m input[type=email],
.c-form__input--size-m input[type=tel],
.c-form__input--size-m textarea,
.c-form__input--size-m select {
  width: 100%;
}
@media screen and (min-width: 701px) {
  .c-form__input--size-m input[type=text],
  .c-form__input--size-m input[type=email],
  .c-form__input--size-m input[type=tel],
  .c-form__input--size-m textarea,
  .c-form__input--size-m select {
    max-width: 280px;
  }
}

.c-form__input--size-l input[type=text],
.c-form__input--size-l input[type=email],
.c-form__input--size-l input[type=tel],
.c-form__input--size-l textarea,
.c-form__input--size-l select {
  width: 100%;
}

.c-form__input--sub {
  margin-top: clamp(5px, 1.042vw, 8px);
  font-size: clamp(12px, 2.5vw, 12px);
}

.c-form__item-sche-sel {
  display: flex;
}
.c-form__item-sche-sel > div {
  width: 50%;
}
@media screen and (min-width: 701px) {
  .c-form__item-sche-sel > div {
    max-width: 150px;
  }
}
.c-form__item-sche-check {
  margin-top: 0.5em;
}
.c-form__item-sche-check br {
  display: none;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

.wpcf7-checkbox,
.wpcf7-radio {
  display: block;
  margin-left: -1em;
}
.wpcf7-checkbox .wpcf7-list-item-label,
.wpcf7-radio .wpcf7-list-item-label {
  display: block;
  padding-left: 30px;
  position: relative;
}
.wpcf7-checkbox .wpcf7-list-item-label::before, .wpcf7-checkbox .wpcf7-list-item-label::after,
.wpcf7-radio .wpcf7-list-item-label::before,
.wpcf7-radio .wpcf7-list-item-label::after {
  position: absolute;
  display: block;
  content: "";
  width: 22px;
  height: 22px;
  left: 0;
  top: 50%;
  transform: translateY(-11px);
}
.wpcf7-checkbox .wpcf7-list-item-label::before,
.wpcf7-radio .wpcf7-list-item-label::before {
  background: #fff;
  border: solid 1px #696969;
  border-radius: 3px;
}
.wpcf7-checkbox .wpcf7-list-item-label::after,
.wpcf7-radio .wpcf7-list-item-label::after {
  width: 22px;
  height: 22px;
  background: url(../img/contact-gbchat/check.png) no-repeat center center;
  background-size: 14px 10px;
}
.wpcf7-checkbox input[type=checkbox]:checked + .wpcf7-list-item-label::before,
.wpcf7-checkbox input[type=radio]:checked + .wpcf7-list-item-label::before,
.wpcf7-radio input[type=checkbox]:checked + .wpcf7-list-item-label::before,
.wpcf7-radio input[type=radio]:checked + .wpcf7-list-item-label::before {
  background: #df709a;
  border: solid 1px #df709a;
}

@media screen and (min-width: 701px) {
  .c-form__input--space {
    margin-top: 10px;
  }
}

select {
  position: relative;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  z-index: 2;
}

select::-ms-expand {
  display: none;
}

.c-form__input--sel .wpcf7-form-control-wrap {
  display: inline-block;
  position: relative;
}

/* セレクトボックスの矢印デザイン変更 */
.c-form__input--sel .wpcf7-form-control-wrap::before {
  position: absolute;
  display: block;
  content: "";
  z-index: 1;
  width: 10px;
  height: 6px;
  right: 1em;
  top: 50%;
  transform: translateY(-3px);
  background-image: url(../img/contact-gbchat/puldown.png);
  background-size: cover;
}

.c-btn__submit {
  text-align: center;
  padding: clamp(20px, 4.167vw, 30px) clamp(30px, 6.25vw, 40px) clamp(10px, 2.083vw, 20px);
}
.c-btn__submit input[type=submit] {
  appearance: none;
  -webkit-appearance: none;
  color: #fff;
  background: #db467e;
  border: solid 1px #333;
  text-decoration: none;
  display: inline-block;
  border-radius: 999px;
  text-align: center;
  padding: 0.8em 0;
  width: 100%;
  max-width: 380px;
}

.wpcf7-spinner {
  display: block !important;
}

.wpcf7-list-item {
  margin-top: 0.2em !important;
  margin-bottom: 0.2em !important;
}

textarea {
  resize: vertical;
}

.p-sitemap__head {
  color: #dc6c96;
  font-size: clamp(18px, 3.75vw, 20px);
  border-bottom: solid 2px #dc6c96;
  padding-bottom: 0.4em;
  margin-bottom: 0.2em;
  font-weight: bold;
}
.p-sitemap__list-item {
  background-image: linear-gradient(to right, #df709a, #df709a 2px, transparent 2px, transparent 4px);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 4px 1px;
  padding: 0.6em 0;
}
.p-sitemap__list-item a {
  position: relative;
  display: inline-block;
  padding-bottom: 0.1em;
  padding-left: 1.2em;
  text-decoration: none;
  color: #333;
}
.p-sitemap__list-item a:hover {
  opacity: 0.6;
}
.p-sitemap__list-item a::before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  content: "・";
  color: #dc6c96;
}

/*
@include m.mq(sp-ex) {
}
*/
/* 2024.02 - 03 pg */
.p-pg__wrap {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.p-pg-main span::after {
  background-image: url(../img/photo-gallery/pg_icon.png);
}

.p-pg:not(:last-child) {
  margin-bottom: clamp(80px, 21.3vw, 110px);
}

.p-pg:first-of-type {
  margin-top: clamp(30px, 8vw, 50px);
}

.p-pg__title {
  font-size: clamp(18px, 5.6vw, 26px);
  margin-bottom: clamp(15px, 4vw, 20px);
  text-align: center;
}

.p-pg__block-box {
  background: #fff;
  padding: clamp(15px, 4.68vw, 15px);
  border-radius: 10px;
}
@media screen and (min-width: 701px) {
  .p-pg__block-box {
    border-radius: 20px;
  }
}

.p-pg__block-box img {
  object-fit: cover;
  width: 100%;
  height: clamp(180px, 56vw, 190px);
  border-radius: 10px;
}
@media screen and (min-width: 701px) {
  .p-pg__block-box img {
    border-radius: 20px;
  }
}

@media screen and (max-width: 700px) {
  .p-pg .slick-dots li {
    height: 14px;
    width: 14px;
    margin: 0 3px;
  }
}
@media screen and (min-width: 701px) {
  .p-pg .slick-dots li {
    height: 12px;
    width: 12px;
    margin: 0 10px;
  }
}

.p-pg .slick-dots li button {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background-color: #fff;
}

.p-pg .slick-dots li.slick-active button {
  background-color: #1872a0;
}

.p-pg .c-slide-02 .slick-dots li button:before {
  display: none;
}

.p-pg .slick-dots {
  bottom: -45px;
}

/* 2024.02 - 03 experience */
.p-area--block-title--sy.add_exp span::after {
  background-color: #fff;
}

.p-title__exp {
  position: relative;
  padding: 30px 0;
  background-image: url(../img/experience/title_bg.png);
  background-size: 157px 105px;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (min-width: 701px) {
  .p-title__exp {
    max-width: 470px;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 0;
    background-size: 252px 169px;
  }
}

.p-title__exp::before {
  position: absolute;
  top: -20px;
  right: 0;
  display: block;
  content: "";
  width: 56px;
  height: 49px;
  background-image: url(../img/experience/title_p.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 701px) {
  .p-title__exp::before {
    width: 86px;
    height: 86px;
  }
}

.p-title__exp h2 {
  line-height: 1.4;
  font-size: clamp(15px, 4vw, 20px);
}
@media screen and (min-width: 701px) {
  .p-title__exp h2 {
    line-height: 1.6;
  }
}

.p-title__exp h2 strong {
  font-size: clamp(24px, 6.4vw, 30px);
}

.exp01_ph {
  position: relative;
}

.exp01_ph_item {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  display: inline-block;
  content: "";
  width: clamp(140px, 37vw, 160px);
}
@media screen and (min-width: 701px) {
  .exp01_ph_item {
    width: 240px;
    bottom: 0;
    right: 50%;
    transform: translateX(360px);
  }
}

@media screen and (min-width: 701px) {
  .p-list__anx {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
  }
}

.p-list__anx li {
  position: relative;
  background: #fff;
  border-radius: 5px;
  padding: 12px;
  padding-left: 45px;
  font-size: clamp(15px, 4vw, 18px);
}
@media screen and (min-width: 701px) {
  .p-list__anx li {
    padding-left: 60px;
  }
}

.p-list__anx li + li {
  margin-top: 15px;
}

.p-list__anx li::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  display: block;
  content: "";
  width: 30px;
  height: 35px;
  background-image: url(../img/experience/icon7.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 701px) {
  .p-list__anx li::before {
    width: 24px;
    height: 30px;
    left: 20px;
  }
}

.p-title__exp02 {
  width: clamp(267px, 71vw, 410px);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 701px) {
  .p-title__exp02 {
    max-width: 410px;
    bottom: 0;
  }
}

.p-title__exp02 img {
  margin: 0 auto;
}

@media screen and (min-width: 701px) {
  .p-list__exp02 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px 2.5%;
  }
}

.p-list__exp02 li {
  position: relative;
  background-color: #fff;
  box-shadow: 0px 6px 10px -6px rgba(0, 0, 0, 0.3);
  text-align: center;
  padding: 15px;
  border-radius: 10px;
  line-height: 1.4;
}
@media screen and (min-width: 701px) {
  .p-list__exp02 li {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 170px;
    width: 23%;
  }
}

.p-list__exp02.add_2ton {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 701px) {
  .p-list__exp02.add_2ton li {
    width: 31%;
    flex-direction: column;
  }
}
@media screen and (min-width: 701px) {
  .p-list__exp02.add_2ton::after {
    display: block;
    content: "";
    width: 31%;
    height: 1px;
  }
}

@media screen and (max-width: 700px) {
  .p-list__exp02 li + li {
    margin-top: 15px;
  }
}

.p-list__exp02 li::before,
.p-list__exp02 li::after {
  position: absolute;
  display: block;
  content: "";
}
@media screen and (max-width: 700px) {
  .p-list__exp02 li::before,
  .p-list__exp02 li::after {
    top: 50%;
    transform: translateY(-50%);
  }
}

.p-list__exp02 li:nth-child(odd)::before {
  left: 10px;
  width: 26px;
  height: 27px;
  background-image: url(../img/experience/exp02_li_a01.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 701px) {
  .p-list__exp02 li:nth-child(odd)::before {
    top: 15px;
    left: 15px;
    width: 31px;
    height: 33px;
  }
}

.p-list__exp02 li:nth-child(odd)::after {
  right: 10px;
  width: 26px;
  height: 27px;
  background-image: url(../img/experience/exp02_li_a02.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 701px) {
  .p-list__exp02 li:nth-child(odd)::after {
    bottom: 15px;
    right: 15px;
    width: 31px;
    height: 33px;
  }
}

.p-list__exp02 li:nth-child(even)::before {
  left: 5px;
  width: 42px;
  height: 40px;
  background-image: url(../img/experience/exp02_li_b01.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 701px) {
  .p-list__exp02 li:nth-child(even)::before {
    top: 15px;
    left: 15px;
    width: 50px;
    height: 49px;
  }
}

.p-list__exp02 li:nth-child(even)::after {
  right: 5px;
  width: 46px;
  height: 31px;
  background-image: url(../img/experience/exp02_li_b02.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 701px) {
  .p-list__exp02 li:nth-child(even)::after {
    bottom: 15px;
    right: 15px;
    width: 56px;
    height: 39px;
  }
}

.p-exp03__block {
  padding: 15px;
  background-color: #fff;
  box-shadow: 0px 4px 16px 0px rgba(121, 121, 121, 0.3);
  border-radius: 20px;
}
@media screen and (min-width: 701px) {
  .p-exp03__block {
    position: relative;
    display: flex;
    padding: 50px 40px 50px 40px;
  }
}

@media screen and (min-width: 701px) {
  .p-exp03__block-img {
    width: 42%;
  }
}

.p-exp03__block-list {
  padding: 25px 15px;
}
@media screen and (min-width: 701px) {
  .p-exp03__block-list {
    padding: 0;
    width: 54%;
    margin-left: 4%;
  }
}

.p-exp03__block-list li {
  line-height: 1.4;
  font-weight: 700;
}

.p-exp03__block-list li + li {
  margin-top: 15px;
}

.p-exp03__block-list li:nth-child(odd) span {
  background-image: repeating-linear-gradient(-45deg, #f7efcb 0, #f7efcb 2px, transparent 2px, transparent 4px);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 0.5em;
}

.p-exp03__block-list li:nth-child(even) span {
  background-image: repeating-linear-gradient(-45deg, #f6d5e1 0, #f6d5e1 2px, transparent 2px, transparent 4px);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 0.5em;
}

.p-title__in.add_exp {
  letter-spacing: -0.02em;
}

.p-exp03-last {
  font-size: clamp(12px, 2.5vw, 14px);
  line-height: 1.6;
}
@media screen and (min-width: 701px) {
  .p-exp03-last {
    position: absolute;
    top: min(32vw, 300px);
    left: 50px;
    width: calc(42% - 40px);
  }
}

@media screen and (min-width: 701px) {
  .p-chatLady__block-data--head p {
    display: block;
  }
}

/* 2024.02 - 03 tax */
.p-box__tax {
  background-color: #fff;
  border-radius: 20px;
  padding: 20px;
}
@media screen and (min-width: 701px) {
  .p-box__tax {
    padding: 40px 60px 60px;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
  }
}

.p-box__tax h3 {
  padding: 30px 0;
  background-image: url(../img/tax/tax_ttl01_bg.png);
  background-size: 201px 112px;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
}

.p-box__tax p {
  font-weight: 400;
}

.p-box__tax p + p {
  margin-top: 1em;
}

@media screen and (min-width: 701px) {
  .p-list__tax {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }
}

.p-list__tax li {
  position: relative;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  line-height: 1.4;
  font-weight: 700;
}
@media screen and (max-width: 700px) {
  .p-list__tax li {
    height: 72px;
    padding-left: 86px;
  }
}
@media screen and (min-width: 701px) {
  .p-list__tax li {
    width: 32%;
    height: 230px;
    padding-top: 120px;
    justify-content: center;
    text-align: center;
  }
}

@media screen and (max-width: 700px) {
  .p-list__tax li + li {
    margin-top: 15px;
  }
}

.p-list__tax li::before {
  position: absolute;
  display: block;
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 700px) {
  .p-list__tax li::before {
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    width: 65px;
    height: 48px;
  }
}
@media screen and (min-width: 701px) {
  .p-list__tax li::before {
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 140px;
    height: 110px;
  }
}

.p-list__tax li:nth-child(1):before {
  background-image: url(../img/tax/tax_icon01.png);
  background-size: 56px 48px;
}
@media screen and (min-width: 701px) {
  .p-list__tax li:nth-child(1):before {
    background-size: 112px 100px;
  }
}

.p-list__tax li:nth-child(2):before {
  background-image: url(../img/tax/tax_icon02.png);
  background-size: 65px 43px;
}
@media screen and (min-width: 701px) {
  .p-list__tax li:nth-child(2):before {
    background-size: 131px 87px;
  }
}

.p-list__tax li:nth-child(3):before {
  background-image: url(../img/tax/tax_icon03.png);
  background-size: 30px 40px;
}
@media screen and (min-width: 701px) {
  .p-list__tax li:nth-child(3):before {
    background-size: 55px 71px;
  }
}

.p-list__tax li:nth-child(4):before {
  background-image: url(../img/tax/tax_icon04.png);
  background-size: 53px 38px;
}
@media screen and (min-width: 701px) {
  .p-list__tax li:nth-child(4):before {
    background-size: 106px 75px;
  }
}

.p-list__tax li:nth-child(5):before {
  background-image: url(../img/tax/tax_icon05.png);
  background-size: 25px 37px;
}
@media screen and (min-width: 701px) {
  .p-list__tax li:nth-child(5):before {
    background-size: 50px 75px;
  }
}

.p-box__tax-head {
  text-align: center;
}
@media screen and (min-width: 701px) {
  .p-box__tax-head span {
    padding: 0 70px;
  }
}
@media screen and (max-width: 700px) {
  .p-box__tax-head span {
    padding: 0 40px;
  }
}
.p-box__tax-head span {
  position: relative;
  display: inline-block;
  font-weight: 700;
}

.p-box__tax-head span::before,
.p-box__tax-head span::after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  transform: translateY(-50%);
}

.p-box__tax-head span::before {
  left: 10px;
  width: 26px;
  height: 27px;
  background-image: url(../img/experience/exp02_li_a01.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 701px) {
  .p-box__tax-head span::before {
    width: 41px;
    height: 44px;
  }
}

.p-box__tax-head span::after {
  right: 10px;
  width: 26px;
  height: 27px;
  background-image: url(../img/experience/exp02_li_a02.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 701px) {
  .p-box__tax-head span::after {
    width: 42px;
    height: 44px;
  }
}

.p-box01__tax {
  margin-top: 25px;
}
@media screen and (min-width: 701px) {
  .p-box01__tax {
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    align-items: center;
  }
}

@media screen and (max-width: 700px) {
  .p-box01__tax-txt {
    margin-top: 20px;
  }
}

.p-box02__tax {
  background-color: #fff;
  border-radius: 20px;
  padding: 20px;
}
@media screen and (min-width: 701px) {
  .p-box02__tax {
    padding: 50px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
  }
}

@media screen and (min-width: 701px) {
  .p-box02__tax-ph {
    width: 45%;
    order: 2;
  }
}

@media screen and (min-width: 701px) {
  .p-box02__tax-txt {
    flex: 1;
    order: 1;
  }
}
@media screen and (max-width: 700px) {
  .p-box02__tax-txt {
    margin-top: 20px;
  }
}

/* 2024.02 - 03 earn */
@media screen and (min-width: 701px) {
  .p-lead__earn {
    display: flex;
    align-items: center;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
}

.p-lead__earn-ph {
  margin: 0 auto;
  padding: 0 35px;
}
@media screen and (max-width: 700px) {
  .p-lead__earn-ph {
    max-width: 320px;
  }
}
@media screen and (min-width: 701px) {
  .p-lead__earn-ph {
    width: 46%;
    padding-left: 0;
  }
}

.p-lead__earn-txt {
  position: relative;
}
@media screen and (min-width: 701px) {
  .p-lead__earn-txt {
    flex: 1;
    padding-right: 100px;
  }
}
@media screen and (max-width: 700px) {
  .p-lead__earn-txt {
    padding: 20px 10px 0;
    max-width: 400px;
  }
}

.p-lead__earn-txt::before,
.p-lead__earn-txt::after {
  position: absolute;
  display: block;
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.p-lead__earn-txt::before {
  background-image: url(../img/earn/earn_p01.png);
}
@media screen and (max-width: 700px) {
  .p-lead__earn-txt::before {
    width: 55px;
    height: 71px;
    top: 0;
    right: 0;
  }
}
@media screen and (min-width: 701px) {
  .p-lead__earn-txt::before {
    width: 88px;
    height: 114px;
    top: -50px;
    right: 0;
  }
}

.p-lead__earn-txt::after {
  background-image: url(../img/earn/earn_p02.png);
}
@media screen and (max-width: 700px) {
  .p-lead__earn-txt::after {
    width: 47px;
    height: 63px;
    bottom: 0;
    right: 20px;
  }
}
@media screen and (min-width: 701px) {
  .p-lead__earn-txt::after {
    width: 76px;
    height: 102px;
    bottom: -10px;
    right: 40px;
  }
}

@media screen and (min-width: 701px) {
  .p-box__earn {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
  }
}

.p-box__earn-ph {
  padding: 0 10px;
}

.p-box__earn-ph img {
  width: 98%;
}
@media screen and (min-width: 701px) {
  .p-box__earn-ph img {
    max-width: 510px;
  }
}

@media screen and (min-width: 701px) {
  .p-box__earn-txt {
    margin-top: -110px !important;
    padding: 0 0 0 280px;
  }
}

.p-wrap__earn.add_rec {
  display: flex;
}
@media screen and (max-width: 700px) {
  .p-wrap__earn.add_rec {
    flex-direction: column;
    gap: 30px;
    margin-top: 40px;
  }
}
@media screen and (min-width: 701px) {
  .p-wrap__earn.add_rec {
    max-width: 940px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    gap: 30px 0;
  }
}

@media screen and (min-width: 701px) {
  .p-wrap__earn.add_rec .p-box__earn {
    width: 49%;
  }
}

.p-last__earn {
  position: relative;
  padding-top: 20px;
}
@media screen and (min-width: 701px) {
  .p-last__earn {
    max-width: 800px;
  }
}

.p-last__earn::before,
.p-last__earn::after {
  position: absolute;
  display: block;
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 700px) {
  .p-last__earn::before,
  .p-last__earn::after {
    width: 34px;
    height: 27px;
  }
}
@media screen and (min-width: 701px) {
  .p-last__earn::before,
  .p-last__earn::after {
    width: 54px;
    height: 42px;
  }
}

@media screen and (max-width: 700px) {
  .p-last__earn::before {
    top: -5px;
  }
}
@media screen and (min-width: 701px) {
  .p-last__earn::before {
    top: 0;
  }
}
.p-last__earn::before {
  right: 20px;
  background-image: url(../img/earn/earn_e.png);
}

.p-last__earn::after {
  bottom: 0;
  right: 50px;
  background-image: url(../img/earn/earn_e02.png);
}
@media screen and (max-width: 700px) {
  .p-last__earn::after {
    right: 50px;
  }
}
@media screen and (min-width: 701px) {
  .p-last__earn::after {
    left: 50px;
  }
}

/* 2024.02 - 03 merit */
.p-maintitle.add_merit .p-maintitle__inner {
  height: clamp(240px, 50vw, 360px);
}

.p-title__merit {
  position: relative;
  padding-top: 20px;
}

.p-title__merit-in {
  position: absolute;
  display: block;
  content: "";
  z-index: 2;
  top: -25px;
  left: 0;
  transform: rotate(-15deg);
  color: #59b186;
  font-weight: 700;
  font-size: clamp(16px, 3.333vw, 20px);
}
@media screen and (min-width: 701px) {
  .p-title__merit-in {
    top: -30px;
    left: -40px;
  }
}

.p-title__sub--ptn01.add_merit {
  padding-bottom: 15px;
  line-height: 1.4;
}
@media screen and (min-width: 701px) {
  .p-title__sub--ptn01.add_merit {
    display: inline-block;
  }
}

.p-title__sub--ptn01.add_merit::after {
  width: 80%;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 701px) {
  .p-title__sub--ptn01.add_merit::after {
    max-width: 340px;
  }
}

.l-2col.add_merit {
  gap: 20px;
}
@media screen and (min-width: 701px) {
  .l-2col.add_merit {
    align-items: flex-start;
    margin-top: 30px;
    gap: 30px;
  }
}

@media screen and (min-width: 701px) {
  .l-2col__item--txt {
    order: 2;
  }
}

@media screen and (min-width: 701px) {
  .l-2col__item--ph {
    order: 1;
  }
}

.p-icn__merit01,
.p-icn__merit02,
.p-icn__merit03 {
  position: relative;
}

.p-icn__merit01::before,
.p-icn__merit02::before,
.p-icn__merit03::before {
  position: absolute;
  display: block;
  content: "";
  z-index: 2;
  right: -10px;
  color: #59b186;
  font-weight: 700;
  background-size: contain;
}

.p-icn__merit01::before {
  background-image: url(../img/merit/i01.png);
}
@media screen and (max-width: 700px) {
  .p-icn__merit01::before {
    top: -30px;
    width: 34px;
    height: 27px;
  }
}
@media screen and (min-width: 701px) {
  .p-icn__merit01::before {
    top: -50px;
    width: 54px;
    height: 42px;
  }
}

@media screen and (min-width: 701px) {
  .p-icn__merit01.merit_hide_pc::before {
    display: none;
  }
}

@media screen and (max-width: 700px) {
  .p-icn__merit01.merit_hide_sp::before {
    display: none;
  }
}

.p-icn__merit02::before {
  background-image: url(../img/merit/i02.png);
}
@media screen and (max-width: 700px) {
  .p-icn__merit02::before {
    top: -40px;
    width: 37px;
    height: 35px;
  }
}
@media screen and (min-width: 701px) {
  .p-icn__merit02::before {
    top: -60px;
    width: 59px;
    height: 56px;
  }
}

.p-icn__merit03::before {
  background-image: url(../img/merit/i03.png);
}
@media screen and (max-width: 700px) {
  .p-icn__merit03::before {
    top: -35px;
    width: 48px;
    height: 31px;
  }
}
@media screen and (min-width: 701px) {
  .p-icn__merit03::before {
    top: -50px;
    width: 62px;
    height: 40px;
  }
}

.l-2col.add_merit.add_merit .l-2col__item--ph img {
  border-radius: 10px;
  overflow: hidden;
}

.c-block__df-in {
  position: relative;
}
@media screen and (min-width: 701px) {
  .c-block__df-in {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
}

.c-block__df .p-area--block-title--ch span::before {
  border-top: solid 2px #f2b4d1;
}

.c-block__df .p-area--block-title--ch span::after {
  background-image: url(../img/dairy-flow/icn_flo.png);
  background-color: #ffe2f6;
}

.c-block__df .p-area--block-title--ch span.bg-white::after {
  background-color: #fff;
}

.c-block__df .p-area--block-title--ch.add_second span::after {
  background-color: #dff3f7;
}

.c-block__df .p-area--block-title span {
  min-width: 310px;
}

.c-block__df-in h3 {
  background-color: #fff;
  border-radius: 5px;
  text-align: center;
}

.c-block__df-in h3 span {
  display: inline-block;
  position: relative;
  padding: 7px 10px 7px 25px;
}
@media screen and (min-width: 701px) {
  .c-block__df-in h3 span {
    padding: 7px 10px 7px 42px;
  }
}

.c-block__df-in h3 span::after {
  position: absolute;
  display: block;
  content: "";
  z-index: 2;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-size: cover;
}

.c-block__df-how h3 span::after {
  width: 21px;
  height: 18px;
  background-image: url(../img/dairy-flow/icn_bara.png);
}
@media screen and (min-width: 701px) {
  .c-block__df-how h3 span::after {
    width: 33px;
    height: 28px;
  }
}

.c-block__df-sch h3 span::after {
  width: 18px;
  height: 18px;
  background-image: url(../img/dairy-flow/icn_time.png);
}
@media screen and (min-width: 701px) {
  .c-block__df-sch h3 span::after {
    width: 30px;
    height: 30px;
  }
}

@media screen and (min-width: 701px) {
  .c-block__df-how {
    width: 47.5%;
    padding-bottom: min(24vw, 240px);
  }
}

.c-block__df-how li {
  position: relative;
  padding-left: 30px;
  font-weight: 700;
}
@media screen and (min-width: 701px) {
  .c-block__df-how li {
    padding-left: 42px;
  }
}

.c-block__df-how li + li {
  margin-top: clamp(10px, 2.083vw, 15px);
}

.c-block__df-how li::before {
  position: absolute;
  display: block;
  content: "";
  z-index: 2;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-size: cover;
  width: 24px;
  height: 24px;
  background-image: url(../img/dairy-flow/icn_chk.png);
}
@media screen and (min-width: 701px) {
  .c-block__df-how li::before {
    width: 32px;
    height: 32px;
  }
}

@media screen and (max-width: 700px) {
  .c-block__df-sch {
    margin-top: 30px;
  }
}
@media screen and (min-width: 701px) {
  .c-block__df-sch {
    width: 47.5%;
  }
}

.c-block__df-sch-list {
  margin-top: 15px;
}

.c-block__df-sch-list dl {
  display: flex;
  position: relative;
  padding: 10px;
  font-weight: 700;
}

.c-block__df-sch-list dl::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #5c665b;
  background-image: repeating-linear-gradient(-45deg, #ffe2f6, #ffe2f6 4px, transparent 0, transparent 8px);
}

.add_second .c-block__df-sch-list dl::after {
  background-color: #5c665b;
  background-image: repeating-linear-gradient(-45deg, #dff3f7, #dff3f7 4px, transparent 0, transparent 8px);
}

.c-block__df-sch-list dl dt {
  width: 90px;
  text-align: center;
}
@media screen and (min-width: 701px) {
  .c-block__df-sch-list dl dt {
    width: 100px;
    margin-right: 1em;
  }
}

.c-block__df-sch-list dl dd {
  flex: 1;
}

.c-block__df-sch-list dl.add_sp {
  color: #da6d96;
}

.c-block__df-sch-list dl.add_sp::before {
  position: absolute;
  display: block;
  content: "";
  width: 16px;
  height: 15px;
  top: 10px;
  left: 10px;
  background-image: url(../img/dairy-flow/icn_rib.png);
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 700px) {
  .c-block__df-ph {
    margin-top: 30px;
  }
}
@media screen and (min-width: 701px) {
  .c-block__df-ph {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 47%;
  }
}

.p-last__df {
  position: relative;
  padding-top: 20px;
  width: 300px;
  margin: 0 auto;
  font-size: clamp(17px, 3.542vw, 24px);
}
@media screen and (max-width: 700px) {
  .p-last__df {
    width: 300px;
  }
}
@media screen and (min-width: 701px) {
  .p-last__df {
    width: 380px;
  }
}

.p-last__df::before,
.p-last__df::after {
  position: absolute;
  display: block;
  content: "";
  z-index: 2;
  width: 33px;
  height: 31px;
  background-size: cover;
  background-image: url(../img/dairy-flow/icn_end.png);
}

.p-last__df::before {
  top: 0;
  left: 0;
}

.p-last__df::after {
  top: 0;
  right: 0;
  transform: scale(-1, 1);
}

.p-list__awards {
  margin-bottom: 50px;
  padding: 0 5px;
}
@media screen and (min-width: 701px) {
  .p-list__awards {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
  }
}

.p-list__award-item {
  position: relative;
  background: #fff;
  border-radius: 10px;
  padding: 12px;
}
@media screen and (min-width: 701px) {
  .p-list__award-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 30px;
  }
}

.p-list__award-item + .p-list__award-item {
  margin-top: 15px;
}
@media screen and (min-width: 701px) {
  .p-list__award-item + .p-list__award-item {
    margin-top: 20px;
  }
}

.p-list__awards dt {
  width: 82px;
  margin-bottom: 10px;
  color: #26b5c7;
  background-image: url(../img/award-list/bg.png);
  background-size: contain;
  text-align: center;
  font-weight: 700;
  font-size: clamp(12px, 2.5vw, 14px);
}

.p-list__awards-inner p {
  line-height: 1.4;
}

.p-list__awards-inner p + p {
  margin-top: 0.5em;
}

.p-list__awards-ph {
  position: absolute;
  display: block;
  content: "";
}

.p-list__awards-ph.ph01 {
  width: 130px;
  bottom: 15px;
  right: -15px;
}
@media screen and (min-width: 701px) {
  .p-list__awards-ph.ph01 {
    width: 154px;
    bottom: 18px;
    right: 60px;
  }
}

.p-list__awards-ph.ph02 {
  width: 142px;
  bottom: 45px;
  right: 10px;
}
@media screen and (min-width: 701px) {
  .p-list__awards-ph.ph02 {
    width: 168px;
    bottom: 55px;
    right: 80px;
  }
}

.p-list__awards-ph.ph03 {
  width: 130px;
  bottom: 20px;
  right: -10px;
}
@media screen and (min-width: 701px) {
  .p-list__awards-ph.ph03 {
    width: 154px;
    bottom: 20px;
    right: 60px;
  }
}

.p-list__awards-ph.ph04 {
  width: 105px;
  bottom: 60px;
  right: -20px;
}
@media screen and (min-width: 701px) {
  .p-list__awards-ph.ph04 {
    width: 122px;
    bottom: 60px;
    right: 55px;
  }
}

.p-list__awards-ph.ph05 {
  width: 134px;
  bottom: 60px;
  right: 20px;
}
@media screen and (min-width: 701px) {
  .p-list__awards-ph.ph05 {
    width: 156px;
    bottom: 60px;
    right: 90px;
  }
}

.p-list__awards-ph.ph06 {
  width: 100px;
  bottom: 30px;
  right: -10px;
}
@media screen and (min-width: 701px) {
  .p-list__awards-ph.ph06 {
    width: 122px;
    bottom: 25px;
    right: 60px;
  }
}

.p-list__awards-ph.ph07 {
  width: 105px;
  bottom: 45px;
  right: -15px;
}
@media screen and (min-width: 701px) {
  .p-list__awards-ph.ph07 {
    width: 122px;
    bottom: 30px;
    right: 60px;
  }
}

.p-list__awards-ph.ph08 {
  width: 102px;
  bottom: 25px;
  right: 20px;
}
@media screen and (min-width: 701px) {
  .p-list__awards-ph.ph08 {
    width: 122px;
    bottom: 10px;
    right: 106px;
  }
}

.p-list__awards-ph.ph09 {
  width: 110px;
  bottom: 65px;
  right: -20px;
}
@media screen and (min-width: 701px) {
  .p-list__awards-ph.ph09 {
    width: 132px;
    bottom: 60px;
    right: 56px;
  }
}

.p-list__awards-ph.ph10 {
  width: 102px;
  bottom: -50px;
  right: 30px;
}
@media screen and (min-width: 701px) {
  .p-list__awards-ph.ph10 {
    width: 122px;
    bottom: -70px;
    right: 120px;
  }
}

/* num */
.numbers .p-area--block-title--ch span::after {
  background-color: #e7fee3;
}

.numbers .p-area--block-title span {
  min-width: 260px;
}

@media screen and (min-width: 701px) {
  .p-wrap__numbers {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, auto);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    gap: 25px;
  }
}

@media screen and (min-width: 701px) {
  .p-wrap__numbers > div:nth-child(1) {
    grid-area: 1/1/2/3;
  }
}

@media screen and (min-width: 701px) {
  .p-wrap__numbers > div:nth-child(2) {
    grid-area: 1/3/2/5;
  }
}

@media screen and (min-width: 701px) {
  .p-wrap__numbers > div:nth-child(3) {
    grid-area: 2/1/3/2;
  }
}

@media screen and (min-width: 701px) {
  .p-wrap__numbers > div:nth-child(4) {
    grid-area: 2/2/3/4;
  }
}

@media screen and (min-width: 701px) {
  .p-wrap__numbers > div:nth-child(5) {
    grid-area: 2/4/3/5;
  }
}

@media screen and (min-width: 701px) {
  .p-wrap__numbers > div:nth-child(6) {
    grid-area: 3/1/4/3;
  }
}

@media screen and (min-width: 701px) {
  .p-wrap__numbers > div:nth-child(7) {
    grid-area: 3/3/4/5;
  }
}

@media screen and (min-width: 701px) {
  .p-wrap__numbers > div:nth-child(8) {
    grid-area: 4/1/5/5;
  }
}

.p-box__numbers {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 2px 12px -4px rgba(91, 91, 91, 0.6);
  padding: 14px 12px;
}
@media screen and (min-width: 701px) {
  .p-box__numbers {
    padding: 20px;
  }
}

@media screen and (max-width: 700px) {
  .p-box__numbers + .p-box__numbers {
    margin-top: 20px;
  }
}

.p-box__numbers .bg-y {
  background: url(../img/numbers/stripe.png);
  background-size: 5px;
  border-radius: 5px;
}
@media screen and (min-width: 701px) {
  .p-box__numbers .bg-y {
    width: 100%;
  }
}

@media screen and (max-width: 700px) {
  .p-box__numbers-wrap {
    max-width: 380px;
  }
}
.p-box__numbers-wrap {
  margin: 0 auto;
}

.p-box__numbers-in {
  flex: 1;
  padding: 8px 0;
  line-height: 1.2;
  font-size: clamp(15px, 3.125vw, 20px);
  text-align: center;
  font-weight: 700;
}

.p-box__numbers .big_txt {
  color: #d2405c;
  font-size: clamp(30px, 6.25vw, 36px);
  font-family: "Century Gothic", sans-serif;
}

.p-box__numbers h3 {
  font-size: clamp(18px, 3.75vw, 20px);
  line-height: 1.4;
}

.p-box__numbers.num-found .p-box__numbers-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
@media screen and (min-width: 701px) {
  .p-box__numbers.num-found .p-box__numbers-wrap {
    max-width: 320px;
  }
}

.p-box__numbers.num-found h3 {
  padding: 5px 0 5px 65px;
  background-image: url(../img/numbers/icon_found.png);
  background-position: left 10px center;
  background-repeat: no-repeat;
  background-size: 32px 38px;
  font-size: clamp(18px, 3.75vw, 20px);
}

.p-box__numbers.num-staff .p-box__numbers-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 120px;
  gap: 15px;
  background-image: url(../img/numbers/icon_staff.png);
  background-position: right 15px center;
  background-repeat: no-repeat;
  background-size: 80px 54px;
}
@media screen and (min-width: 701px) {
  .p-box__numbers.num-staff .p-box__numbers-wrap {
    max-width: 340px;
  }
}

.p-box__numbers.num-staff h3 {
  font-size: clamp(18px, 3.75vw, 20px);
  padding-left: 10px;
}

.p-box__numbers.num-joint .p-box__numbers-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
@media screen and (min-width: 701px) {
  .p-box__numbers.num-joint .p-box__numbers-wrap {
    flex-direction: column;
  }
}

.p-box__numbers.num-joint h3 {
  background-image: url(../img/numbers/icon_joint.png);
  background-repeat: no-repeat;
  font-size: clamp(18px, 3.75vw, 20px);
}
@media screen and (max-width: 700px) {
  .p-box__numbers.num-joint h3 {
    padding: 5px 0 5px 70px;
    background-size: 51px 40px;
    background-position: left 10px center;
  }
}
@media screen and (min-width: 701px) {
  .p-box__numbers.num-joint h3 {
    flex-direction: column;
    padding-top: 70px;
    background-size: 62px;
    background-position: top 10px center;
  }
}

.p-box__numbers.num-ranking h3 {
  font-size: clamp(18px, 3.75vw, 20px);
  text-align: center;
}

.p-box__numbers.num-ranking h3 span {
  display: inline-block;
  padding: 0 65px;
  background-image: url(../img/numbers/icon_rank01.png), url(../img/numbers/icon_rank02.png);
  background-repeat: no-repeat, no-repeat;
  background-position: left 15% center, right center;
  background-size: 22px 22px, 59px 27px;
}
@media screen and (min-width: 701px) {
  .p-box__numbers.num-ranking h3 span {
    padding: 0 75px;
  }
}

.p-box__numbers.num-ranking .bg-y {
  max-width: 96px;
}

.p-box__numbers.num-ranking .p-box__numbers-in02 {
  margin-top: 12px;
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.p-box__numbers.num-ranking .p-box__numbers-tt {
  min-width: 210px;
}

.p-box__numbers.num-beginner .p-box__numbers-in-sub {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 701px) {
  .p-box__numbers.num-beginner .p-box__numbers-in-sub {
    flex-direction: column;
  }
}

.p-box__numbers.num-beginner .p-box__numbers-in02 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

@media screen and (min-width: 701px) {
  .p-box__numbers.num-beginner .p-box__numbers-in02 .p-box__numbers-tt {
    padding-left: 20px;
  }
}

@media screen and (max-width: 700px) {
  .p-box__numbers.num-beginner .p-box__numbers-in02 {
    width: 32%;
  }
}

@media screen and (max-width: 700px) {
  .p-box__numbers.num-beginner .p-box__numbers-in02.add_beginner {
    width: 62%;
  }
}

.num-beginner .p-box__numbers-in {
  flex: 1;
}

.num-beginner .p-box__numbers-in02.add_beginner .p-box__numbers-tt {
  position: relative;
}
@media screen and (max-width: 700px) {
  .num-beginner .p-box__numbers-in02.add_beginner .p-box__numbers-tt {
    padding: 7px 0 7px 60px;
  }
}
@media screen and (min-width: 701px) {
  .num-beginner .p-box__numbers-in02.add_beginner .p-box__numbers-tt {
    padding: 7px 0 7px 20px;
  }
}
.num-beginner .p-box__numbers-in02.add_beginner .p-box__numbers-tt::before {
  position: absolute;
  display: block;
  content: "";
  background-image: url(../img/numbers/icon_biginner.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 700px) {
  .num-beginner .p-box__numbers-in02.add_beginner .p-box__numbers-tt::before {
    width: 44px;
    height: 38px;
    left: 0;
    top: 0;
  }
}
@media screen and (min-width: 701px) {
  .num-beginner .p-box__numbers-in02.add_beginner .p-box__numbers-tt::before {
    width: 37px;
    height: 32px;
    left: -10px;
    top: -15px;
  }
}

.num-beginner .p-box__numbers-in-sub2 {
  padding-right: 5px;
}
@media screen and (min-width: 701px) {
  .num-beginner .p-box__numbers-in-sub2 {
    flex: 1;
    text-align: center;
  }
}

.num-beginner .p-box__numbers-in-sub2 strong {
  font-size: clamp(24px, 5vw, 28px);
}

.p-box__numbers.num-lady .p-box__numbers-wrap02 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 110px;
  padding-top: 10px;
  padding-bottom: 10px;
  gap: 15px;
  background-image: url(../img/numbers/img_step.png);
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 76px 68px;
}
@media screen and (min-width: 701px) {
  .p-box__numbers.num-lady .p-box__numbers-wrap02 {
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
  }
}

.p-box__numbers.num-lady h3 {
  font-size: clamp(18px, 3.75vw, 20px);
  padding-left: 10px;
}

.p-box__numbers-bigimg {
  object-fit: contain;
  display: inline-block;
}
@media screen and (min-width: 701px) {
  .p-box__numbers-bigimg {
    height: 300px;
    width: auto;
  }
}

@media screen and (min-width: 701px) {
  .pt-pct {
    padding-top: 30px;
  }
}

.p-list__exp02.add_2ton li:nth-child(odd) {
  background-color: #fff1f4;
}

.p-list__exp02.add_2ton li:nth-child(even) {
  background-color: #f8fae3;
}

.p-box__numbers.num-beginner h3 {
  font-size: clamp(18px, 3.75vw, 18px);
}

#experience .p-chatLady__block::before {
  box-shadow: none;
}

#experience .p-exp03__block {
  box-shadow: none;
}

#experience .p-chatLady__block .p-chatLady__block-data--kyu-02 {
  background-image: url(../img/lady_data_bg.png);
}

#experience .p-chatLady__block-data--kyu-02 dt span {
  background-color: transparent;
}

#million .p-chatLady__block .p-chatLady__block-data--kyu-02 {
  background-image: url(../img/lady_data_bg.png);
}

#million .p-chatLady__block-data--kyu-02 dt span {
  background-color: transparent;
}

#million .p-chatLady__block::before {
  box-shadow: none;
}

.p-end__num {
  margin: 40px auto 0;
}
@media screen and (max-width: 700px) {
  .p-end__num {
    max-width: 140px;
  }
}
@media screen and (min-width: 701px) {
  .p-end__num {
    position: absolute;
    bottom: -40px;
    right: clamp(20px, 4.167vw, 30px);
    width: 31%;
    text-align: center;
  }
}
.p-end__num img {
  max-width: 200px;
  width: 100%;
  display: inline-block;
}

@media screen and (min-width: 701px) {
  .p-first__history-01 {
    position: relative;
    background-image: url(../img/history/top_bg.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 40px 0;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 700px) {
  .p-first__history-top {
    position: relative;
    background-image: url(../img/history/top_bg.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 40px 0;
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 701px) {
  .p-first__history-top {
    margin-bottom: 15px;
  }
}

.p-first__history-top::before,
.p-first__history-top::after {
  position: absolute;
  display: block;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.p-first__history-top::before {
  background-image: url(../img/history/top_p01.png);
}
@media screen and (max-width: 700px) {
  .p-first__history-top::before {
    width: 32px;
    height: 43px;
    bottom: 0;
    left: 0;
  }
}
@media screen and (min-width: 701px) {
  .p-first__history-top::before {
    width: 51px;
    height: 69px;
    bottom: 0;
    left: 0;
  }
}

.p-first__history-top::after {
  background-image: url(../img/history/top_p02.png);
}
@media screen and (max-width: 700px) {
  .p-first__history-top::after {
    width: 32px;
    height: 43px;
    top: 0;
    right: 0;
  }
}
@media screen and (min-width: 701px) {
  .p-first__history-top::after {
    width: 58px;
    height: 76px;
    top: 0;
    right: 0;
  }
}

.p-first__history-02 {
  padding: 25px;
  background-image: url(../img/history/top_bg02.png);
  background-size: 100% 100%;
}
@media screen and (min-width: 701px) {
  .p-first__history-02 {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 70px;
  }
}

.p-area--block-title.add_history span {
  width: 100%;
  padding-bottom: 25px;
  line-height: 1.6;
}

.p-area--block-title.add_history span::before {
  border-top: solid 2px #e4355e;
}
@media screen and (min-width: 701px) {
  .p-area--block-title.add_history span::before {
    width: 100%;
    max-width: 1000px;
  }
}

.p-area--block-title.add_history span::after {
  background-image: url(../img/history/ha-to.png);
  background-size: 20px 20px;
  background-color: #fafaf8;
}

.c-system__title.add-history .c-system__title-inner-icn {
  width: 62px;
}

.c-system__title-inner::after {
  background-image: repeating-linear-gradient(-45deg, #fffbcc, #fffbcc 4px, transparent 0, transparent 8px);
}

@media screen and (min-width: 701px) {
  .p-map {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.p-map__his {
  padding: 0 10px;
}

@media screen and (min-width: 701px) {
  .p-map__img {
    width: 50%;
    padding: 0 !important;
  }
}

.p-map__his-t {
  background-repeat: no-repeat;
}
@media screen and (max-width: 700px) {
  .p-map__his-t {
    background-image: url(../img/history/his_txt.png);
    background-position: right top 30%;
    background-size: 149px 97px;
    margin-top: 20px;
  }
}
@media screen and (min-width: 701px) {
  .p-map__his-t {
    width: 48%;
    background-image: url(../img/history/his_txt_pc.png);
    background-position: bottom right;
    padding-top: 60px;
    padding-bottom: 120px;
  }
}

@media screen and (min-width: 701px) {
  .p-list__his {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
  }
}
.p-list__his li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  background: #fff;
  border-radius: 5px;
  padding: 12px 20px;
  font-weight: 700;
}
@media screen and (min-width: 701px) {
  .p-list__his li {
    min-height: 100px;
    padding: 0 60px;
    gap: 20px;
  }
}
.p-list__his li + li {
  margin-top: 15px;
}
.p-list__his li::before {
  position: absolute;
  display: block;
  content: "";
}
.p-list__his li:nth-child(odd)::before {
  background-image: url(../img/history/li01.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 700px) {
  .p-list__his li:nth-child(odd)::before {
    top: -5px;
    right: 0;
    width: 20px;
    height: 31px;
  }
}
@media screen and (min-width: 701px) {
  .p-list__his li:nth-child(odd)::before {
    top: -10px;
    right: 10px;
    width: 32px;
    height: 50px;
  }
}
.p-list__his li:nth-child(even)::before {
  background-image: url(../img/history/li02.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 700px) {
  .p-list__his li:nth-child(even)::before {
    top: -10px;
    left: -5px;
    width: 36px;
    height: 35px;
  }
}
@media screen and (min-width: 701px) {
  .p-list__his li:nth-child(even)::before {
    top: -10px;
    left: -10px;
    width: 59px;
    height: 56px;
  }
}
.p-list__his-h {
  width: 6em;
}
.p-list__his-p {
  flex: 1;
  line-height: 1.4;
}

.p-motxt {
  max-width: 1000px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 700px) {
  .p-motxt {
    margin-top: 20px;
  }
}
.p-motxt p {
  position: relative;
  text-align: center;
  font-size: clamp(17px, 3.542vw, 24px);
  font-weight: bold;
}
.p-motxt p::before, .p-motxt p::after {
  position: absolute;
  display: block;
  content: "";
  width: 37px;
  height: 41px;
  background: url(../img/index/qa_ttl.svg) no-repeat;
  background-size: cover;
}
@media screen and (min-width: 701px) {
  .p-motxt p::before, .p-motxt p::after {
    width: 60px;
    height: 65px;
  }
}
.p-motxt p::before {
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 701px) {
  .p-motxt p::before {
    bottom: -10px;
  }
}
.p-motxt p::after {
  transform: scaleX(-1);
  bottom: 10px;
  right: 0;
}

@media screen and (min-width: 701px) {
  .p-vis-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.p-vis-top-img {
  max-width: 420px;
  margin: 0 auto;
}
@media screen and (min-width: 701px) {
  .p-vis-top-img {
    width: 48%;
  }
}

@media screen and (min-width: 701px) {
  .p-vis-top-txt {
    width: 50%;
  }
}

.p-block__mission {
  position: relative;
  padding: 40px 20px 25px;
  background-color: #fff;
  border-radius: 10px;
  border: solid 1px #000;
}
@media screen and (min-width: 701px) {
  .p-block__mission {
    padding: 60px 70px 40px;
    border: solid 2px #000;
  }
}
.p-block__mission::before {
  position: absolute;
  display: block;
  content: "";
  width: 87px;
  height: 56px;
  top: -30px;
  left: 25px;
  background-repeat: no-repeat;
  background-size: contain;
}
.p-block__mission.m01::before {
  background-image: url(../img/vision/m01.png);
}
.p-block__mission.m02::before {
  background-image: url(../img/vision/m02.png);
}
.p-block__mission.m03::before {
  background-image: url(../img/vision/m03.png);
}
.p-block__mission h3 {
  padding-bottom: 15px;
  position: relative;
  font-size: clamp(16px, 3.333vw, 20px);
  text-align: center;
}
.p-block__mission h3::before {
  position: absolute;
  display: block;
  content: "";
  width: 40px;
  height: 2px;
  background-color: #000;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 701px) {
  .p-block__mission-in {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.p-block__mission-ph {
  margin: 20px auto 0;
  max-width: 420px;
  padding: 0 20px;
}
@media screen and (min-width: 701px) {
  .p-block__mission-ph {
    width: 38%;
  }
}
.p-block__mission-txt {
  margin-top: 20px;
  padding: 0 10px;
}
@media screen and (min-width: 701px) {
  .p-block__mission-txt {
    width: 58%;
  }
}

.p-img__vistop {
  width: 80%;
  max-width: 300px;
}

.p-img__vistop img {
  margin: 0 auto;
}

@media screen and (min-width: 701px) {
  .p-staff__pc {
    position: relative;
  }
}

.p-staff__title .p-img__vistop::before,
.p-staff__title .p-img__vistop::after {
  top: 40%;
}

@media screen and (min-width: 701px) {
  .p-area__vis {
    display: flex;
    gap: 20px;
    margin-top: 50px;
  }
}

.p-block__vis {
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
}
@media screen and (min-width: 701px) {
  .p-block__vis {
    flex: 1;
    padding: 40px 30px 30px;
  }
}
@media screen and (max-width: 700px) {
  .p-block__vis + .p-block__vis {
    margin-top: 20px;
  }
}
.p-block__vis h3 {
  max-width: 300px;
  margin: 0 auto;
  position: relative;
  padding: 35px 0;
  text-align: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  font-size: clamp(18px, 3.75vw, 20px);
}
.p-block__vis h3::before {
  position: absolute;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 700px) {
  .p-block__vis h3::before {
    width: 80px;
    height: 69px;
    top: 0;
    left: 0;
  }
}
@media screen and (min-width: 701px) {
  .p-block__vis h3::before {
    width: 95px;
    height: 83px;
    top: -65px;
    left: -10px;
  }
}
.p-block__vis h3::after {
  position: absolute;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/vision/hana.png);
}
@media screen and (max-width: 700px) {
  .p-block__vis h3::after {
    width: 55px;
    height: 71px;
    top: 0;
    right: -10px;
  }
}
@media screen and (min-width: 701px) {
  .p-block__vis h3::after {
    width: 66px;
    height: 85px;
    top: -25px;
    right: -15px;
  }
}
.p-block__vis.v01 h3 {
  background-image: url(../img/vision/v01_bg.png);
}
.p-block__vis.v01 h3::before {
  background-image: url(../img/vision/v01.png);
}
.p-block__vis.v02 h3 {
  background-image: url(../img/vision/v02_bg.png);
}
.p-block__vis.v02 h3::before {
  background-image: url(../img/vision/v02.png);
}
.p-block__vis.v03 h3 {
  background-image: url(../img/vision/v03_bg.png);
}
.p-block__vis.v03 h3::before {
  background-image: url(../img/vision/v03.png);
}
.p-block__vis-ph {
  padding: 0 60px;
  text-align: center;
}
@media screen and (min-width: 701px) {
  .p-block__vis-ph {
    padding: 0 20px;
  }
}
.p-block__vis-ph img {
  display: inline-block;
}

@media screen and (min-width: 701px) {
  .p-block__spi .c-system__title.add_vision {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
  }
}

@media screen and (max-width: 700px) {
  .c-system__title.add_vision .c-system__title-inner {
    font-size: 20px;
    padding-bottom: 20px;
    width: 100%;
  }
}
@media screen and (min-width: 701px) {
  .c-system__title.add_vision .c-system__title-inner {
    font-size: 20px;
    padding-bottom: 20px;
    width: 80%;
  }
}

.c-system__title.add_vision .c-system__title-inner::after {
  background-image: repeating-linear-gradient(-45deg, #fff, #fff 4px, transparent 0, transparent 8px);
}
@media screen and (max-width: 700px) {
  .c-system__title.add_vision .c-system__title-inner::after {
    width: 80%;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media screen and (max-width: 700px) {
  .c-system__title.add_vision .c-system__title-inner-icn {
    width: 80px;
    top: -5px;
    left: -10px;
  }
}
@media screen and (min-width: 701px) {
  .c-system__title.add_vision .c-system__title-inner-icn {
    width: 110px;
    left: -10%;
  }
}

.p-chatLady__block-qa--list-wrap.add_vision {
  max-height: 200px;
}
@media screen and (min-width: 701px) {
  .p-chatLady__block-qa--list-wrap.add_vision {
    max-height: 220px;
  }
}

.p-block__spi {
  border: solid 1px #000;
  box-shadow: none;
}
@media screen and (min-width: 701px) {
  .p-block__spi {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 140px !important;
  }
}
@media screen and (min-width: 701px) {
  .p-block__spi .l-2col__item--ph {
    width: 49%;
  }
}
@media screen and (min-width: 701px) {
  .p-block__spi .l-2col__item--txt {
    width: 47%;
  }
}
@media screen and (min-width: 701px) {
  .p-block__spi .p-chatLady__block-qa--list {
    margin-top: 0 !important;
  }
}
.p-block__spi .c-show__btn button {
  padding: 0.6em 0;
}

.add_vision .c-block__p03 {
  padding: clamp(20px, 4.167vw, 50px);
}

.add_vision .l-2col__item--ph {
  border-radius: 10px;
  overflow: hidden;
}

@media screen and (max-width: 700px) {
  .p-vis-end {
    margin-top: -10px;
  }
}
@media screen and (min-width: 701px) {
  .p-vis-end {
    display: flex;
    justify-content: space-between;
    margin-top: -20px;
  }
}
.p-vis-end-ttl {
  position: relative;
  z-index: 5;
  max-width: clamp(136px, 28.333vw, 226px);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 701px) {
  .p-vis-end-ph {
    width: 45%;
  }
}
@media screen and (min-width: 701px) {
  .p-vis-end-txt {
    width: 53%;
    margin-top: 40px;
  }
}
.p-vis-end-txt h4 {
  text-align: center;
  font-size: clamp(18px, 3.75vw, 26px);
}
.p-vis-end-txt h4 span {
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 700px) {
  .p-vis-end-txt h4 span {
    padding: 10px 30px;
  }
}
@media screen and (min-width: 701px) {
  .p-vis-end-txt h4 span {
    padding: 10px 40px;
  }
}
.p-vis-end-txt h4 span::before, .p-vis-end-txt h4 span::after {
  position: absolute;
  display: block;
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.p-vis-end-txt h4 span::before {
  background-image: url(../img/vision/end_p01.png);
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 700px) {
  .p-vis-end-txt h4 span::before {
    width: 37px;
    height: 37px;
  }
}
@media screen and (min-width: 701px) {
  .p-vis-end-txt h4 span::before {
    width: 58px;
    height: 60px;
  }
}
.p-vis-end-txt h4 span::after {
  background-image: url(../img/vision/end_p02.png);
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 700px) {
  .p-vis-end-txt h4 span::after {
    width: 34px;
    height: 27px;
  }
}
@media screen and (min-width: 701px) {
  .p-vis-end-txt h4 span::after {
    width: 54px;
    height: 42px;
  }
}

.recruit .p-area--block-title--cl span::after {
  width: 30px;
  height: 17px;
  background-image: url(../img/recruit/pin.png);
  background-size: 17px 17px;
}

.recruit .p-area--block-title--sup span::after {
  width: 30px;
  height: 17px;
  background-image: url(../img/recruit/pin_b.png);
  background-size: 17px 17px;
}

.recruit .c-system__title .c-system__title-inner::after {
  width: 60%;
}
@media screen and (min-width: 701px) {
  .recruit .c-system__title .c-system__title-inner::after {
    width: 64%;
    margin: 0 18%;
  }
}

.p-txt__path {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
}
@media screen and (max-width: 700px) {
  .p-txt__path {
    padding: 20px 0 10px;
    background-image: url(../img/recruit/path_bg.png);
  }
}
@media screen and (min-width: 701px) {
  .p-txt__path {
    margin-top: -20px;
    padding: 70px 0 50px;
    background-image: url(../img/recruit/path_bg_pc.png);
  }
}

.p-img__path {
  position: relative;
}
@media screen and (min-width: 701px) {
  .p-img__path {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 701px) {
  .p-img__path .modaal-img {
    display: none;
  }
}
.p-img__path .modaal-img {
  position: absolute;
  z-index: 2;
  background-color: #dcdcdc;
  width: 32px;
  height: 32px;
  bottom: 0;
  right: 0;
  padding: 6px;
}

.p-block__interview {
  margin-top: 30px;
  background-color: #fff;
  border-radius: 15px;
  padding: 20px;
}
@media screen and (min-width: 701px) {
  .p-block__interview {
    margin-top: 40px;
  }
}
.p-block__interview .p-staff__name {
  padding-bottom: 0;
}
.p-block__interview .p-staff__name::before {
  display: none;
}
.p-block__interview-data {
  margin-top: 10px;
  text-align: center;
  font-size: 14px;
}
.p-block__interview-btn {
  width: 220px;
  margin: 15px auto 0;
}

.rule-wrap {
  padding-top: 40px;
  padding-bottom: 40px;
}
.rule-wrap .c-block__p05 {
  background-image: url(../img/recruit/waku01.png), url(../img/recruit/waku02.png), url(../img/recruit/waku03.png), url(../img/recruit/waku04.png);
  background-position: left top, right top, left bottom, right bottom;
  background-repeat: no-repeat;
  background-size: 96px 96px;
}
@media screen and (min-width: 701px) {
  .rule-wrap .c-block__p05 {
    padding: 50px;
    background-size: 150px 150px;
  }
}
.rule-wrap .c-show__btn-p button {
  background-color: #af9c5c;
  color: #000;
}
.rule-wrap .p-chatLady__block-qa--list-wrap {
  max-height: 410px;
}
.rule-wrap .c-show__btn {
  background-color: #fff;
  padding-top: 20px;
}

.rule_10 {
  list-style: none;
  counter-reset: number;
}
.rule_10 li {
  position: relative;
  padding: 15px 0 15px 40px;
}
@media screen and (min-width: 701px) {
  .rule_10 li {
    padding: 20px 0 20px 70px;
  }
}
.rule_10 li::before {
  display: flex;
  align-items: center;
  justify-content: center;
  counter-increment: number;
  content: counter(number);
  position: absolute;
  top: 15px;
  left: 0;
  width: 28px;
  height: 28px;
  background-color: #af9c5c;
  color: #fff;
  border-radius: 50%;
  font-size: 12px;
  text-align: center;
  line-height: 1.2;
  font-weight: 700;
}
@media screen and (min-width: 701px) {
  .rule_10 li::before {
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    font-size: 18px;
  }
}
.rule_10 li:not(:last-child)::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #5c665b;
  background-image: repeating-linear-gradient(-45deg, #fff, #fff 4px, transparent 0, transparent 8px);
}

.add_rec {
  width: 100%;
}

.recruit .p-staff__ph-fuki {
  z-index: 4;
  top: -40px;
  right: -20px;
}
@media screen and (min-width: 701px) {
  .recruit .p-staff__ph-fuki {
    width: 170px;
    top: -60px;
    right: -70px;
  }
}
@media screen and (min-width: 701px) {
  .recruit .slick-list {
    overflow: visible;
  }
}
@media screen and (min-width: 701px) {
  .recruit .slick-dots {
    display: none;
  }
}

@media screen and (max-width: 700px) {
  .modaal-container {
    border-radius: 20px;
  }
}
@media screen and (min-width: 701px) {
  .modaal-container {
    width: 80%;
    max-width: 720px;
  }
}
.modaal-container {
  background-color: #faf8fa;
}

.modaal-content-container {
  padding: 20px;
}
@media screen and (min-width: 701px) {
  .modaal-content-container {
    padding: 60px;
    overflow-y: hidden !important;
  }
}

.modaal-staff {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modaal-staff .p-staff__ph {
  width: 40%;
}
.modaal-staff .p-staff__name-wrap {
  width: 56%;
}
.modaal-staff .p-staff__name::before {
  display: none;
}
.modaal-staff .p-staff__name-data {
  text-align: center;
}
.modaal-staff .p-staff__name-kana {
  font-size: clamp(16px, 3.333vw, 24px);
  padding-right: 8px;
}
.modaal-staff .p-staff__name-eng {
  padding-left: 8px;
  font-size: clamp(10px, 2.083vw, 16px);
}

.modaal-close-btn {
  margin: 20px auto 0;
  max-width: 200px;
}

.modaal-qa {
  margin-top: 30px;
}
.modaal-qa dl {
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  border: solid 1px #cdeff6;
}
.modaal-qa dl + dl {
  margin-top: 20px;
}
.modaal-qa dl dt {
  background-color: #cdeff6;
  padding: 15px;
  font-weight: 700;
}
.modaal-qa dl dd {
  padding: 15px;
}

.p-index__ttlhane {
  text-align: center;
  line-height: 1.3;
}
.p-index__ttlhane span {
  display: inline-block;
  padding: 0.1em 18px;
  font-size: clamp(18px, 3.75vw, 24px);
  background-image: url(../img/index/ttl-hane_l.svg), url(../img/index/ttl-hane_r.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: left bottom, right bottom;
  background-size: 11px 20px, 11px 20px;
}
@media screen and (min-width: 701px) {
  .p-index__ttlhane span {
    background-size: 15px 27px, 15px 27px;
    padding: 0.2em 30px;
  }
}

.p-lady__block {
  margin-top: clamp(30px, 6.25vw, 30px);
}
@media screen and (min-width: 701px) {
  .p-lady__block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 clamp(20px, 4.167vw, 20px);
  }
}

.p-lady__block-box {
  position: relative;
}
@media screen and (max-width: 700px) {
  .p-lady__block-box {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 701px) {
  .p-lady__block-box {
    width: 49%;
  }
  .p-lady__block-box:nth-child(n+3) {
    margin-top: 2%;
  }
  .p-lady__block-box:nth-child(n+3) .p-lady__block-box-title {
    text-align: right;
  }
  .p-lady__block-box:nth-child(n+3) .p-lady__block-box-title img {
    transform: translateX(35px);
  }
  .p-lady__block-box:nth-child(n+3) .p-lady__block-box--lead {
    margin-left: 0;
    margin-right: 51%;
    text-align: right;
  }
}
.p-lady__block-box::before {
  position: absolute;
  display: block;
  content: "";
  z-index: -1;
  width: 100%;
  height: 83%;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 2px 12px -4px rgba(91, 91, 91, 0.6);
}

/*# sourceMappingURL=style.css.map */