@charset "UTF-8";
/* variablesで（--frame-mobile）と（--frame-pc）にデザイン幅を指定する

PCベースの時は
padding: fluid($1, $1px);

mobileベースの時は
font-size: fluid($1, $1px, mobile);

このように使う↑
*/
:where(*) {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.p-fixed-bottom {
  background: var(--color-brown);
  width: 100%;
  padding: clamp(0px, calc(10 / var(--frame-pc) * 100vw), 10px) 0;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 6;
  transform: translateY(101%);
  transition: 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 767px) {
  .p-fixed-bottom {
    display: none;
  }
}
.p-fixed-bottom.isMove {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.p-fixed-bottom__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0px, calc(11 / var(--frame-pc) * 100vw), 11px);
}

.p-fixed-bottom__tel-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0px, calc(8 / var(--frame-pc) * 100vw), 8px);
  color: var(--color-white);
}
.p-fixed-bottom__tel-wrap img {
  width: clamp(0px, calc(57 / var(--frame-pc) * 100vw), 57px);
}
.p-fixed-bottom__tel-wrap span {
  line-height: 1;
  font-size: clamp(0px, calc(57 / var(--frame-pc) * 100vw), 57px);
  display: block;
  font-weight: bold;
}

.p-fixed-bottom__label-wrap {
  display: grid;
  grid-template-columns: clamp(0px, calc(136 / var(--frame-pc) * 100vw), 136px);
  gap: clamp(0px, calc(6 / var(--frame-pc) * 100vw), 6px);
}

.p-fixed-bottom__label-item {
  color: var(--color-white);
  border: 1px var(--color-white) solid;
  border-radius: clamp(0px, calc(4 / var(--frame-pc) * 100vw), 4px);
  padding: clamp(0px, calc(4 / var(--frame-pc) * 100vw), 4px) clamp(0px, calc(10 / var(--frame-pc) * 100vw), 10px);
  line-height: 1.2;
  font-size: clamp(0px, calc(18 / var(--frame-pc) * 100vw), 18px);
  font-weight: 500;
  display: flex;
  letter-spacing: clamp(0px, calc(1.4 / var(--frame-pc) * 100vw), 1.4px);
  align-items: center;
  justify-content: center;
  text-align: center;
}

.p-fixed-bottom__banner {
  background: var(--color-white);
  border: 2px var(--color-white) solid;
  border-radius: clamp(0px, calc(20 / var(--frame-pc) * 100vw), 20px);
  box-shadow: 0.375rem 0.25rem 0 rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: 0.2s ease;
  cursor: pointer;
}
.p-fixed-bottom__banner:hover {
  transform: translate(2px, 2px);
}

.p-fixed-bottom__banner-left {
  font-size: clamp(0px, calc(16 / var(--frame-pc) * 100vw), 16px);
  line-height: 1.2;
  color: var(--color-green1);
  font-weight: bold;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.125rem;
  padding: 0 clamp(0px, calc(45 / var(--frame-pc) * 100vw), 45px) 0 clamp(0px, calc(15 / var(--frame-pc) * 100vw), 15px);
  font-weight: bold;
}
.p-fixed-bottom__banner-left .has-label {
  color: var(--color-white);
  font-size: clamp(0px, calc(14 / var(--frame-pc) * 100vw), 14px);
  background: var(--color-green1);
  padding: clamp(0px, calc(3 / var(--frame-pc) * 100vw), 3px) clamp(0px, calc(14 / var(--frame-pc) * 100vw), 14px);
  border-radius: calc(infinity * 1px);
  display: inline flex;
  align-items: center;
  justify-content: center;
}

.p-fixed-bottom__banner-right {
  background: var(--color-green1);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 0 clamp(0px, calc(12 / var(--frame-pc) * 100vw), 12px);
  position: relative;
  padding: clamp(0px, calc(10 / var(--frame-pc) * 100vw), 10px) clamp(0px, calc(20 / var(--frame-pc) * 100vw), 20px);
}

.p-fixed-bottom__banner-right-text {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(0px, calc(4 / var(--frame-pc) * 100vw), 4px);
}
.p-fixed-bottom__banner-right-text .color-yellow {
  font-size: clamp(0px, calc(16 / var(--frame-pc) * 100vw), 16px);
  color: var(--color-yellow);
  text-align: center;
  font-weight: bold;
  line-height: 1;
}
.p-fixed-bottom__banner-right-text .main-copy {
  display: flex;
  justify-content: center;
  gap: clamp(0px, calc(4 / var(--frame-pc) * 100vw), 4px);
  color: var(--color-white);
  font-size: clamp(0px, calc(24 / var(--frame-pc) * 100vw), 24px);
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.p-fixed-bottom__banner-right-text .main-copy .has-border {
  font-size: clamp(0px, calc(18 / var(--frame-pc) * 100vw), 18px);
  letter-spacing: clamp(0px, calc(1.4 / var(--frame-pc) * 100vw), 1.4px);
  line-height: 1.2;
  font-weight: 500;
  border: 1px solid var(--color-white);
  padding: clamp(0px, calc(4 / var(--frame-pc) * 100vw), 4px);
  border-radius: clamp(0px, calc(4 / var(--frame-pc) * 100vw), 4px);
}
.p-fixed-bottom__banner-right-text .main-copy .size-small {
  font-size: clamp(0px, calc(18 / var(--frame-pc) * 100vw), 18px);
}

.p-fixed-bottom__banner-icon {
  width: clamp(0px, calc(24 / var(--frame-pc) * 100vw), 24px);
}

.p-fixed-bottom__banner-note {
  position: absolute;
  width: clamp(0px, calc(65 / var(--frame-pc) * 100vw), 65px);
  top: clamp(0px, calc(3 / var(--frame-pc) * 100vw), 3px);
  left: -13%;
}

.p-side-cta {
  position: fixed;
  right: 0;
  top: clamp(clamp(0px, calc(200 / var(--frame-pc) * 100vw), 200px), 20%, 100% - clamp(0px, calc(750 / var(--frame-pc) * 100vw), 750px));
  display: inline flex;
  flex-direction: column;
  align-items: flex-end;
  gap: clamp(0px, calc(10 / var(--frame-pc) * 100vw), 10px);
  z-index: 11;
  transition: top 0.3s ease;
}
@media screen and (max-width: 767px) {
  .p-side-cta {
    display: none;
  }
}
.p-side-cta * {
  font-family: "Noto Sans JP", sans-serif !important;
}
.p-side-cta.isMove {
  top: clamp(0px, calc(60 / var(--frame-pc) * 100vw), 60px);
}

.p-side-cta-block {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0px, calc(8 / var(--frame-pc) * 100vw), 8px);
  width: clamp(0px, calc(90 / var(--frame-pc) * 100vw), 90px);
  border-radius: clamp(0px, calc(20 / var(--frame-pc) * 100vw), 20px) 0 0 clamp(0px, calc(20 / var(--frame-pc) * 100vw), 20px);
  padding: clamp(0px, calc(14 / var(--frame-pc) * 100vw), 14px) clamp(0px, calc(10 / var(--frame-pc) * 100vw), 10px);
}

.p-side-cta__attention {
  background: var(--color-pink);
}

.p-side-cta__documents {
  background: var(--color-green1);
  padding-top: clamp(0px, calc(163 / var(--frame-pc) * 100vw), 163px);
  position: relative;
}

@media (any-hover: hover) {
  .p-side-cta__documents:hover {
    background: #09321c;
  }
  .p-side-cta__attention {
    transition: 0.2s ease;
  }
  .p-side-cta__attention:hover {
    background: #af2331;
  }
}
.p-side-cta__attention-icon {
  width: clamp(0px, calc(45 / var(--frame-pc) * 100vw), 45px);
}

.p-side-cta__attention-text {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: clamp(0px, calc(24 / var(--frame-pc) * 100vw), 24px);
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--color-white);
  font-weight: bold;
  letter-spacing: 0.08em;
}
.p-side-cta__attention-text span {
  letter-spacing: 0.02em;
  color: var(--color-yellow);
  font-size: clamp(0px, calc(14 / var(--frame-pc) * 100vw), 14px);
}

.p-side-cta__documents-text {
  color: var(--color-white);
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: clamp(0px, calc(10 / var(--frame-pc) * 100vw), 10px);
}
.p-side-cta__documents-text .vertical {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: clamp(0px, calc(24 / var(--frame-pc) * 100vw), 24px);
  letter-spacing: 0.08em;
}
.p-side-cta__documents-text .has-border {
  color: var(--color-green1);
  background: var(--color-white);
  border-radius: clamp(0px, calc(4 / var(--frame-pc) * 100vw), 4px);
  padding: clamp(0px, calc(4 / var(--frame-pc) * 100vw), 4px);
  line-height: 1.2;
  font-size: clamp(0px, calc(18 / var(--frame-pc) * 100vw), 18px);
  font-weight: bold;
  letter-spacing: clamp(0px, calc(1.4 / var(--frame-pc) * 100vw), 1.4px);
}

.p-side-cta__documents-batch {
  position: relative;
  width: clamp(0px, calc(100 / var(--frame-pc) * 100vw), 100px);
  height: clamp(0px, calc(100 / var(--frame-pc) * 100vw), 100px);
  border-radius: 100%;
  background: var(--color-white);
  border: clamp(0px, calc(2 / var(--frame-pc) * 100vw), 2px) solid var(--color-beige1);
  position: absolute;
  top: calc(-4 / var(--frame-pc) * 100vw);
  right: calc(6 / var(--frame-pc) * 100vw);
}

.p-side-cta__documents-batch-text {
  font-weight: bold;
  font-size: clamp(0px, calc(14 / var(--frame-pc) * 100vw), 14px);
  line-height: 1.1;
  text-align: center;
  color: var(--color-beige1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(0px, calc(3 / var(--frame-pc) * 100vw), 3px);
}
.p-side-cta__documents-batch-text .has-label {
  border-radius: calc(infinity * 1px);
  background: var(--color-beige1);
  color: var(--color-white);
  font-size: clamp(0px, calc(12 / var(--frame-pc) * 100vw), 12px);
  padding: clamp(0px, calc(3 / var(--frame-pc) * 100vw), 3px) clamp(0px, calc(4 / var(--frame-pc) * 100vw), 4px);
  line-height: 1.2;
  font-weight: 500;
  margin-top: clamp(0px, calc(9 / var(--frame-pc) * 100vw), 9px);
}

.p-side-cta__documents-batch-note {
  width: clamp(0px, calc(65 / var(--frame-pc) * 100vw), 65px);
  position: absolute;
  left: clamp(0px, calc(26 / var(--frame-pc) * 100vw), 26px);
  top: 85%;
}

.p-drawer-cta {
  background: var(--color-brown);
  padding: clamp(0px, calc(5 / var(--frame-mobile) * 100vw), 5px);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  justify-content: center;
  gap: clamp(0px, calc(4 / var(--frame-mobile) * 100vw), 4px);
}

.p-drawer-cta__item {
  border: 1px solid var(--color-white);
  border-radius: clamp(0px, calc(10 / var(--frame-mobile) * 100vw), 10px);
  box-shadow: clamp(0px, calc(2 / var(--frame-mobile) * 100vw), 2px) clamp(0px, calc(2 / var(--frame-mobile) * 100vw), 2px) 0 rgba(0, 0, 0, 0.25);
  color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: clamp(0px, calc(50 / var(--frame-mobile) * 100vw), 50px);
  font-family: "Noto Sans JP", sans-serif !important;
}
.p-drawer-cta__item * {
  font-family: "Noto Sans JP", sans-serif !important;
}
.p-drawer-cta__item--tel {
  background: var(--color-red);
}
.p-drawer-cta__item--documents {
  background: var(--color-green1);
}

.p-drawer-cta__item--tel {
  font-size: clamp(0px, calc(16 / var(--frame-mobile) * 100vw), 16px);
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
.p-drawer-cta__item--tel span {
  font-size: clamp(0px, calc(10 / var(--frame-mobile) * 100vw), 10px);
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.p-drawer-cta__item--documents .color-yellow {
  color: var(--color-yellow);
  line-height: 1.8;
  letter-spacing: 0.05em;
  font-size: clamp(0px, calc(10 / var(--frame-mobile) * 100vw), 10px);
  font-weight: bold;
}
.p-drawer-cta__item--documents .wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-size: clamp(0px, calc(16 / var(--frame-mobile) * 100vw), 16px);
}
.p-drawer-cta__item--documents .small {
  font-size: clamp(0px, calc(14 / var(--frame-mobile) * 100vw), 14px);
}
.p-drawer-cta__item--documents .has-label {
  background: var(--color-white);
  color: var(--color-green1);
  font-size: clamp(0px, calc(12 / var(--frame-mobile) * 100vw), 12px);
  font-weight: bold;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0px, calc(2 / var(--frame-mobile) * 100vw), 2px) clamp(0px, calc(4 / var(--frame-mobile) * 100vw), 4px);
  border-radius: clamp(0px, calc(4 / var(--frame-mobile) * 100vw), 4px);
}

.p-plan__list-item {
  border: 1px solid #ECECEC;
  background: var(--color-white);
  border-radius: 24px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-plan__list-item.order-1 {
    grid-row: 1;
  }
}
@media screen and (max-width: 767px) {
  .p-plan__list-item.order-2 {
    grid-row: 2;
  }
}
@media screen and (max-width: 767px) {
  .p-plan__list-item.order-3 {
    grid-row: 3;
  }
}
@media screen and (max-width: 767px) {
  .p-plan__list-item.order-4 {
    grid-row: 4;
  }
}
@media screen and (max-width: 767px) {
  .p-plan__list-item.order-5 {
    grid-row: 5;
  }
}
@media screen and (max-width: 767px) {
  .p-plan__list-item.order-6 {
    grid-row: 6;
  }
}

.p-plan__list-item-copy {
  background: var(--color-yellow-green1);
  color: var(--color-white);
  line-height: 1.4;
  font-weight: 500;
  text-align: center;
  font-size: clamp(0px, calc(14 / var(--frame-mobile) * 100vw), 14px);
  padding: clamp(0px, calc(8 / var(--frame-mobile) * 100vw), 8px);
}
@media screen and (min-width: 768px) {
  .p-plan__list-item-copy {
    font-size: clamp(0px, calc(14 / var(--frame-pc) * 100vw), 14px);
    padding: clamp(0px, calc(8 / var(--frame-pc) * 100vw), 8px);
  }
}
.p-plan__list-item-copy.-bg-gray {
  background: #8F8F8F;
}

.p-plan__list-item-img {
  aspect-ratio: 271/159;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-plan__list-item-img {
    aspect-ratio: 321/158;
  }
}
.p-plan__list-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-plan__list-item-name {
  background: var(--color-yellow-green2);
  color: var(--color-green1);
  text-align: center;
  font-weight: bold;
  line-height: 1.4;
  font-size: clamp(0px, calc(28 / var(--frame-mobile) * 100vw), 28px);
  padding: clamp(0px, calc(8 / var(--frame-mobile) * 100vw), 8px);
  border-bottom: 1px solid #ECECEC;
}
@media screen and (min-width: 768px) {
  .p-plan__list-item-name {
    font-size: clamp(0px, calc(28 / var(--frame-pc) * 100vw), 28px);
    padding: clamp(0px, calc(8 / var(--frame-pc) * 100vw), 8px);
  }
}
.p-plan__list-item-name span {
  display: block;
  font-size: clamp(0px, calc(18 / var(--frame-mobile) * 100vw), 18px);
}
@media screen and (min-width: 768px) {
  .p-plan__list-item-name span {
    font-size: clamp(0px, calc(18 / var(--frame-pc) * 100vw), 18px);
  }
}

.p-plan__list-item-inner {
  padding: clamp(0px, calc(12 / var(--frame-mobile) * 100vw), 12px) clamp(0px, calc(6 / var(--frame-mobile) * 100vw), 6px) clamp(0px, calc(20 / var(--frame-mobile) * 100vw), 20px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(0px, calc(4 / var(--frame-mobile) * 100vw), 4px);
}
@media screen and (min-width: 768px) {
  .p-plan__list-item-inner {
    padding: clamp(0px, calc(12 / var(--frame-pc) * 100vw), 12px) clamp(0px, calc(30 / var(--frame-pc) * 100vw), 30px) clamp(0px, calc(20 / var(--frame-pc) * 100vw), 20px);
    gap: clamp(0px, calc(4 / var(--frame-pc) * 100vw), 4px);
  }
}
.p-plan__list-item-inner > * {
  width: 100%;
}

.p-plan__list-item-text {
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.04em;
  font-size: clamp(0px, calc(16 / var(--frame-mobile) * 100vw), 16px);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-plan__list-item-text {
    font-size: clamp(0px, calc(16 / var(--frame-pc) * 100vw), 16px);
  }
}
.p-plan__list-item-text .-color-accent {
  color: var(--color-yellow-green1);
  font-weight: bold;
}
.p-plan__list-item-text .-size-large {
  font-size: clamp(0px, calc(25 / var(--frame-mobile) * 100vw), 25px);
}
@media screen and (min-width: 768px) {
  .p-plan__list-item-text .-size-large {
    font-size: clamp(0px, calc(25 / var(--frame-pc) * 100vw), 25px);
  }
}

.p-plan__list-item-price {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #E31A1A;
  font-weight: 900;
  letter-spacing: 0.03em;
  text-align: center;
  line-height: 1;
  font-size: clamp(0px, calc(52 / var(--frame-mobile) * 100vw), 52px);
}
@media screen and (min-width: 768px) {
  .p-plan__list-item-price {
    font-size: clamp(0px, calc(52 / var(--frame-pc) * 100vw), 52px);
  }
}
.p-plan__list-item-price .-yen {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-weight: 500;
  line-height: 1;
  font-size: clamp(0px, calc(20 / var(--frame-mobile) * 100vw), 20px);
  padding-top: clamp(0px, calc(7 / var(--frame-mobile) * 100vw), 7px);
}
@media screen and (min-width: 768px) {
  .p-plan__list-item-price .-yen {
    padding-top: clamp(0px, calc(7 / var(--frame-pc) * 100vw), 7px);
    font-size: clamp(0px, calc(20 / var(--frame-pc) * 100vw), 20px);
  }
}
.p-plan__list-item-price .-yen .-tax {
  font-size: clamp(0px, calc(10 / var(--frame-mobile) * 100vw), 10px);
}
@media screen and (min-width: 768px) {
  .p-plan__list-item-price .-yen .-tax {
    font-size: clamp(0px, calc(10 / var(--frame-pc) * 100vw), 10px);
  }
}

.p-plan__list-item-with-tax {
  display: block;
  font-weight: 500;
  line-height: 1.4285714286;
  text-align: center;
  font-size: clamp(0px, calc(14 / var(--frame-mobile) * 100vw), 14px);
}
.p-plan__list-item-with-tax strong {
  font-size: clamp(0px, calc(20 / var(--frame-mobile) * 100vw), 20px);
  font-weight: 900;
}

.p-plan__list-item-button {
  margin-block-start: clamp(0px, calc(10 / var(--frame-mobile) * 100vw), 10px);
}
@media screen and (min-width: 768px) {
  .p-plan__list-item-button {
    max-width: 260px;
    margin-block-start: clamp(0px, calc(10 / var(--frame-pc) * 100vw), 10px);
  }
}

.p-plan__list-item-wrap {
  display: grid;
  flex-direction: column;
  gap: clamp(0px, calc(22 / var(--frame-mobile) * 100vw), 22px);
  justify-content: center;
  margin-top: clamp(0px, calc(24 / var(--frame-mobile) * 100vw), 24px);
}
@media screen and (min-width: 768px) {
  .p-plan__list-item-wrap {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(0px, calc(40 / var(--frame-pc) * 100vw), 40px) clamp(0px, calc(22 / var(--frame-pc) * 100vw), 22px);
    margin-top: clamp(0px, calc(32 / var(--frame-pc) * 100vw), 32px);
  }
}
@media screen and (min-width: 768px) {
  .p-plan__list-item-wrap.-col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.p-plan__list-text {
  line-height: 1.7;
  font-weight: 500;
  letter-spacing: 0.04em;
  font-size: clamp(0px, calc(16 / var(--frame-mobile) * 100vw), 16px);
}
@media screen and (min-width: 768px) {
  .p-plan__list-text {
    font-size: clamp(0px, calc(20 / var(--frame-pc) * 100vw), 20px);
    text-align: center;
    letter-spacing: 0.05em;
    line-height: 1.5;
  }
}

.p-plan__list-headline {
  color: var(--color-white);
  background: var(--color-yellow-green1);
  text-align: center;
  padding: clamp(0px, calc(20 / var(--frame-mobile) * 100vw), 20px) clamp(0px, calc(16 / var(--frame-mobile) * 100vw), 16px);
  line-height: 1.7;
  font-weight: bold;
  letter-spacing: 0.04em;
  font-size: clamp(0px, calc(24 / var(--frame-mobile) * 100vw), 24px);
}
@media screen and (min-width: 768px) {
  .p-plan__list-headline {
    padding: clamp(0px, calc(20 / var(--frame-pc) * 100vw), 20px);
    font-size: clamp(0px, calc(28 / var(--frame-pc) * 100vw), 28px);
  }
}

.p-plan__list-inner {
  display: grid;
  gap: clamp(0px, calc(24 / var(--frame-mobile) * 100vw), 24px) 0;
  padding: clamp(0px, calc(20 / var(--frame-mobile) * 100vw), 20px);
}
@media screen and (min-width: 768px) {
  .p-plan__list-inner {
    gap: clamp(0px, calc(36 / var(--frame-pc) * 100vw), 36px) 0;
    padding: clamp(0px, calc(32 / var(--frame-pc) * 100vw), 32px);
  }
}

.p-plan__list-box {
  border-radius: 16px;
  background: var(--color-white);
  border: 2px solid var(--color-yellow-green1);
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-plan__list-box {
    border-radius: 24px;
  }
}
.p-plan__list-box .p-plan__list-item-wrap {
  margin-top: 0;
}

.c-more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0px, calc(10 / var(--frame-mobile) * 100vw), 10px);
  border: 2px solid var(--color-yellow-green1);
  color: var(--color-yellow-green1);
  background: var(--color-white);
  border-radius: 12px;
  padding: clamp(0px, calc(8 / var(--frame-mobile) * 100vw), 8px);
  font-weight: bold;
  line-height: 1;
  text-align: center;
  font-size: clamp(0px, calc(14 / var(--frame-mobile) * 100vw), 14px);
}
@media screen and (min-width: 768px) {
  .c-more-btn {
    padding: clamp(0px, calc(8 / var(--frame-pc) * 100vw), 8px);
    font-size: clamp(0px, calc(14 / var(--frame-pc) * 100vw), 14px);
    gap: clamp(0px, calc(10 / var(--frame-pc) * 100vw), 10px);
  }
}

.c-more-btn__icon {
  width: clamp(0px, calc(6.5 / var(--frame-mobile) * 100vw), 6.5px);
}
@media screen and (min-width: 768px) {
  .c-more-btn__icon {
    width: clamp(0px, calc(6.5 / var(--frame-pc) * 100vw), 6.5px);
  }
}
.c-more-btn__icon img {
  width: 100%;
  height: auto;
}

@media (any-hover: hover) {
  .c-more-btn {
    transition: 0.15s ease;
  }
  .c-more-btn svg path {
    transition: 0.15s ease;
  }
  .c-more-btn:hover {
    background: var(--color-yellow-green1);
    color: var(--color-white);
  }
  .c-more-btn:hover svg path {
    fill: var(--color-white);
  }
}
@media screen and (min-width: 768px) {
  ul.p-banner__list {
    width: 100%;
    max-width: 100%;
  }
}
ul.p-banner__list--customer {
  margin-top: clamp(0px, calc(60 / var(--frame-mobile) * 100vw), 60px);
}
@media screen and (min-width: 768px) {
  ul.p-banner__list--customer {
    margin-top: clamp(0px, calc(120 / var(--frame-pc) * 100vw), 120px);
  }
}

.c-plus-icon {
  width: clamp(0px, calc(52 / var(--frame-mobile) * 100vw), 52px);
  margin-inline: auto;
  margin-top: clamp(0px, calc(30 / var(--frame-mobile) * 100vw), 30px);
}
@media screen and (min-width: 768px) {
  .c-plus-icon {
    width: clamp(0px, calc(52 / var(--frame-pc) * 100vw), 52px);
    margin-top: clamp(0px, calc(40 / var(--frame-pc) * 100vw), 40px);
  }
}

.p-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 15;
  width: 80%;
  max-width: clamp(0px, calc(750 / var(--frame-pc) * 100vw), 750px);
  height: 73vh;
  min-height: clamp(0px, calc(400 / var(--frame-pc) * 100vw), 400px);
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-modal {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .p-modal.isShow {
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
  }
}

.p-modal__inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.p-modal__contents {
  position: relative;
  width: 100%;
  height: 100%;
}
.p-modal__contents:where(*) {
  line-height: 2;
  font-size: clamp(0px, calc(16 / var(--frame-pc) * 100vw), 16px);
}
.p-modal__contents .headline {
  font-weight: bold;
  font-size: clamp(0px, calc(22 / var(--frame-pc) * 100vw), 22px);
  padding-left: clamp(0px, calc(16 / var(--frame-pc) * 100vw), 16px);
  border-bottom: clamp(0px, calc(4 / var(--frame-pc) * 100vw), 4px) solid var(--color-pink);
  border-left: clamp(0px, calc(8 / var(--frame-pc) * 100vw), 8px) solid var(--color-pink);
  padding-bottom: clamp(0px, calc(4 / var(--frame-pc) * 100vw), 4px);
}
.p-modal__contents .headline:nth-of-type(n+2) {
  margin-top: 3em;
}
.p-modal__contents .olList {
  counter-reset: number 0;
  margin: 0;
  padding: 0;
  border: none;
  margin-top: clamp(0px, calc(16 / var(--frame-pc) * 100vw), 16px);
}
.p-modal__contents .mainTitle {
  background: var(--color-pink);
  color: var(--color-yellow);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0px, calc(16 / var(--frame-pc) * 100vw), 16px);
  border-radius: 20px 20px 0 0;
}
.p-modal__contents .mainTitle .wrap {
  display: flex;
  align-items: center;
  gap: clamp(0px, calc(16 / var(--frame-pc) * 100vw), 16px);
}
.p-modal__contents .mainTitle .wrap img {
  width: clamp(0px, calc(45 / var(--frame-pc) * 100vw), 45px);
  height: auto;
}
.p-modal__contents .mainTitle .wrap p {
  text-align: center;
  line-height: 1.3;
  font-size: clamp(0px, calc(16 / var(--frame-pc) * 100vw), 16px);
}
.p-modal__contents .mainTitle .wrap p .title {
  color: var(--color-white);
  font-size: clamp(0px, calc(28 / var(--frame-pc) * 100vw), 28px);
}
.p-modal__contents .btnForm a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-pink);
  color: var(--color-white);
  padding: clamp(0px, calc(16 / var(--frame-pc) * 100vw), 16px) clamp(0px, calc(64 / var(--frame-pc) * 100vw), 64px);
  margin: clamp(0px, calc(24 / var(--frame-pc) * 100vw), 24px) auto 0 auto;
  width: fit-content;
}
@media (any-hover: hover) {
  .p-modal__contents .btnForm a {
    transition: 0.2s ease;
  }
  .p-modal__contents .btnForm a:hover {
    background: #af2331;
  }
}
.p-modal__contents .bodyPart {
  background: var(--color-white);
  overflow-y: scroll;
  height: calc(100% - clamp(0px, calc(90 / var(--frame-pc) * 100vw), 90px));
  padding: clamp(0px, calc(56 / var(--frame-pc) * 100vw), 56px);
  border-radius: 0 0 20px 20px;
}
.p-modal__contents .bodyPart li .title {
  font-weight: bold;
  font-size: clamp(0px, calc(20 / var(--frame-pc) * 100vw), 20px);
}
.p-modal__contents .bodyPart li + li {
  margin-top: clamp(0px, calc(32 / var(--frame-pc) * 100vw), 32px);
}
.p-modal__contents .bodyPart li {
  position: relative;
  padding-left: 1.5em;
}
.p-modal__contents .bodyPart li::before {
  counter-increment: number 1;
  content: counter(number) ".";
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: var(--color-pink);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  font-size: clamp(0px, calc(20 / var(--frame-pc) * 100vw), 20px);
}
.p-modal__contents .bodyPart .message {
  border-top: 1px solid var(--color-gray2);
  margin-top: clamp(0px, calc(40 / var(--frame-pc) * 100vw), 40px);
  padding-top: clamp(0px, calc(40 / var(--frame-pc) * 100vw), 40px);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-modal__contents .bodyPart .message .forSP {
    display: none;
  }
}
.p-modal__contents .bodyPart .btnSearch {
  margin-top: clamp(0px, calc(40 / var(--frame-pc) * 100vw), 40px);
}
.p-modal__contents .bodyPart a {
  display: block;
}
.p-modal__contents .bodyPart .btnCol2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(0px, calc(24 / var(--frame-pc) * 100vw), 24px);
  margin-top: clamp(0px, calc(24 / var(--frame-pc) * 100vw), 24px);
}

.p-modal__backgronud {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  transition: all 0.2s ease;
  background: rgba(0, 0, 0, 0.6);
  z-index: 14;
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 768px) {
  .p-modal__backgronud.isShow {
    opacity: 1;
    visibility: visible;
  }
}

.p-modal__dismiss {
  position: absolute;
  display: block;
  cursor: pointer;
  right: 0;
  background: var(--color-white);
  border-radius: 50%;
  top: clamp(0px, calc(16 / var(--frame-pc) * 100vw), 16px);
  right: clamp(0px, calc(16 / var(--frame-pc) * 100vw), 16px);
  width: 42px;
  height: 42px;
  transition: opacity 0.4s;
}
.p-modal__dismiss::after, .p-modal__dismiss::before {
  content: "";
  position: absolute;
  background: var(--color-pink);
  height: clamp(0px, calc(3 / var(--frame-pc) * 100vw), 3px);
  top: clamp(0px, calc(20 / var(--frame-pc) * 100vw), 20px);
  right: clamp(0px, calc(10 / var(--frame-pc) * 100vw), 10px);
  width: clamp(0px, calc(21 / var(--frame-pc) * 100vw), 21px);
}
.p-modal__dismiss::before {
  transform: rotate(45deg);
}
.p-modal__dismiss::after {
  transform: rotate(-45deg);
}/*# sourceMappingURL=component.css.map */