:root {
  --color-navy: #0e2236;
  --color-blue: #008cba;
  --color-green: #00c257;
  --color-black: #333333;
  --color-gray: #f7f7f7;
  --color-white: #ffffff;
  --color-orange: #ffbc05;
  --color-red: #ff0000;
  --shadow-card: min(8px, calc(8 / var(--screen-base-size, 1440) * 100vw))
    min(8px, calc(8 / var(--screen-base-size, 1440) * 100vw))
    min(8px, calc(8 / var(--screen-base-size, 1440) * 100vw)) 0
    rgba(117, 147, 158, 0.3);
  --screen-base-size: 1440;
}

@media (max-width: 750px) {
  :root {
    --screen-base-size: 375;
  }
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: var(--color-black);
  background-image: url("../img/renewal/bg-pc.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

p{
  margin-bottom: initial;
}

.l-wrap {
  width: 100%;
  max-width: min(1440px, calc(1440 / var(--screen-base-size) * 100vw));
  margin-left: auto;
  margin-right: auto;
  padding-left: min(40px, calc(40 / var(--screen-base-size, 1440) * 100vw));
  padding-right: min(40px, calc(40 / var(--screen-base-size, 1440) * 100vw));
}

.l-wrap--narrow {
  max-width: min(1054px, calc(1054 / var(--screen-base-size) * 100vw));
}

.c-section-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(16px, calc(16 / var(--screen-base-size, 1440) * 100vw));
  text-align: center;
}

.c-section-title__en {
  font-family: "Bree Serif", serif;
  font-weight: 400;
  font-size: min(64px, calc(64 / var(--screen-base-size, 1440) * 100vw));
  line-height: 1;
  color: var(--color-blue);
  margin-bottom: initial;
}

.c-section-title__en--ranking {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 700;
}

.c-section-title__en--and{
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: min(48px, calc(48 / var(--screen-base-size, 1440) * 100vw));
}

.c-section-title__ja {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: min(20px, calc(20 / var(--screen-base-size, 1440) * 100vw));
  line-height: 1;
  color: var(--color-black);
}

.c-section-title__ja--semibold {
  font-weight: 600;
}

.c-gradient-text {
  background-image: linear-gradient(
    181deg,
    rgb(155, 110, 1) 6.6%,
    rgb(203, 165, 72) 83.87%
  );
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(24px, calc(24 / var(--screen-base-size, 1440) * 100vw));
  font-weight: 400;
}

.c-crown-img {
  width: min(78px, calc(78 / var(--screen-base-size, 1440) * 100vw));
  height: auto;
  display: block;
}

.c-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: min(22px, calc(22 / var(--screen-base-size) * 100vw));
  padding: 0 min(8px, calc(8 / var(--screen-base-size, 1440) * 100vw));
  border-radius: min(41px, calc(41 / var(--screen-base-size) * 100vw));
  font-size: min(12px, calc(12 / var(--screen-base-size, 1440) * 100vw));
  font-weight: 500;
  line-height: 1.2;
  color: var(--color-white);
}

.c-tag--ranking{
  min-height: min(35px, calc(35 / var(--screen-base-size, 1440) * 100vw));
  font-size: min(18px, calc(18 / var(--screen-base-size, 1440) * 100vw));
  padding: 0 min(12px, calc(12 / var(--screen-base-size, 1440) * 100vw));
}

.c-tag--blue {
  background-color: var(--color-blue);
}

.c-tag--green {
  background-color: var(--color-green);
}

.c-tag--orange {
  background-color: var(--color-orange);
}

.p-fv {
  position: relative;
  width: 100%;
  /* height: min(655px, calc(655 / var(--screen-base-size, 1440) * 100vw)); */
  height: auto;
  background-color: var(--color-white);
  overflow: hidden;
  aspect-ratio: 2/0.91;
}

.p-fv__media {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #dff3fb 0%, #ffffff 72%);
}

.p-fv__video-slot {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
  max-width: initial;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
  transform: translateX(-50%);
}

.p-fv__inner {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: inherit;
  padding-top: min(32px, calc(32 / var(--screen-base-size, 1440) * 100vw));
  padding-bottom: min(48px, calc(48 / var(--screen-base-size, 1440) * 100vw));
}

.p-fv__content {
  position: relative;
  max-width: min(520px, calc(520 / var(--screen-base-size, 1440) * 100vw));
}

.p-fv__turtle-wrap {
  position: relative;
  width: min(449px, calc(449 / var(--screen-base-size, 1440) * 100vw));
  max-width: 100%;
}

.p-fv__turtle {
  width: 100%;
  height: auto;
  position: relative;
  left: -7%;
  top: min(32px, calc(32 / var(--screen-base-size, 1440) * 100vw));
}

.p-main {
  padding-bottom: 0;
}

.p-ranking {
  padding-top: min(160px, calc(160 / var(--screen-base-size, 1440) * 100vw));
}

.p-ranking__list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(39px, calc(39 / var(--screen-base-size, 1440) * 100vw));
  margin-top: min(75px, calc(75 / var(--screen-base-size, 1440) * 100vw));
}

.p-ranking__card {
  width: 100%;
  max-width: min(427px, calc(427 / var(--screen-base-size) * 100vw));
  background-color: var(--color-white);
  border-radius: min(24px, calc(24 / var(--screen-base-size, 1440) * 100vw));
  box-shadow: var(--shadow-card);
  overflow: hidden;
  position: relative;
}

.p-ranking__thumb {
  position: relative;
  height: min(330px, calc(330 / var(--screen-base-size, 1440) * 100vw));
}

.p-ranking__thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: min(24px, calc(24 / var(--screen-base-size, 1440) * 100vw))
    min(24px, calc(24 / var(--screen-base-size, 1440) * 100vw)) 0 0;
}

.p-ranking__rank {
  position: absolute;
  top: min(10px, calc(10 / var(--screen-base-size, 1440) * 100vw));
  left: 0;
  width: min(77px, calc(77 / var(--screen-base-size) * 100vw));
  height: min(41px, calc(41 / var(--screen-base-size) * 100vw));
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: min(20px, calc(20 / var(--screen-base-size) * 100vw));
  color: var(--color-white);
  clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0% 100%, 0% 0%);
}

.p-ranking__rank--1 {
  background-color: var(--color-orange);
}

.p-ranking__rank--2 {
  background-color: var(--color-red);
}

.p-ranking__rank--3 {
  background-color: var(--color-green);
}

.p-ranking__body {
  padding: 
    min(18px, calc(18 / var(--screen-base-size, 1440) * 100vw))
    min(16px, calc(16 / var(--screen-base-size, 1440) * 100vw))
    min(35px, calc(35 / var(--screen-base-size, 1440) * 100vw));

  display: flex;
  flex-direction: column;
  gap: min(14px, calc(14 / var(--screen-base-size, 1440) * 100vw));
}

.p-ranking__tags {
  display: flex;
  flex-wrap: wrap;
  gap: min(8px, calc(8 / var(--screen-base-size, 1440) * 100vw));
}

.p-ranking__price {
  font-size: min(20px, calc(20 / var(--screen-base-size, 1440) * 100vw));
  font-weight: 500;
  color: var(--color-red);
}

.p-ranking__text {
  font-size: min(15px, calc(15 / var(--screen-base-size, 1440) * 100vw));
  line-height: 1.2;
}

.p-plan {
  overflow: hidden;
  padding-top: min(160px, calc(160 / var(--screen-base-size, 1440) * 100vw));
  padding-left: 0;
  padding-right: 0;
}

.p-plan__swiper {
  margin-top: min(75px, calc(75 / var(--screen-base-size, 1440) * 100vw));
  padding-bottom: min(30px, calc(30 / var(--screen-base-size, 1440) * 100vw)) !important;
}

.p-plan__swiper .swiper-slide {
  height: auto;
}

.c-plan-card {
  background-color: var(--color-white);
  border-radius: min(16px, calc(16 / var(--screen-base-size, 1440) * 100vw));
  box-shadow: var(--shadow-card);
  padding: 
    min(44px, calc(44 / var(--screen-base-size, 1440) * 100vw))
    min(16px, calc(16 / var(--screen-base-size, 1440) * 100vw))
    min(12px, calc(12 / var(--screen-base-size, 1440) * 100vw));
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(8px, calc(8 / var(--screen-base-size, 1440) * 100vw));
  height: min(550px, calc(550 / var(--screen-base-size, 1440) * 100vw));
  /* width: 100%; */
  width: auto;
  margin-left: min(15px, calc(15 / var(--screen-base-size, 1440) * 100vw));
}

.c-plan-card__img {
  width: 100%;
  height: min(200px, calc(200 / var(--screen-base-size, 1440) * 100vw));
  object-fit: cover;
  border-radius: min(8px, calc(8 / var(--screen-base-size, 1440) * 100vw));
}

.c-plan-card__title {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 700;
  font-size: min(26px, calc(26 / var(--screen-base-size, 1440) * 100vw));
  line-height: 1.15;
  text-align: center;
  min-height: 2.4em;
  display: flex;
  align-items: center;
  margin-bottom: initial;
}

.c-plan-card__title--blue {
  color: var(--color-blue);
}

.c-plan-card__title--green {
  color: var(--color-green);
}

.c-plan-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: min(4px, calc(4 / var(--screen-base-size) * 100vw));
  justify-content: center;
}

.c-plan-card__price {
  font-weight: 700;
  font-size: min(24px, calc(24 / var(--screen-base-size, 1440) * 100vw));
  text-align: right;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.c-plan-card__desc {
  font-size: min(15px, calc(15 / var(--screen-base-size, 1440) * 100vw));
  line-height: 1.15;
  width: 100%;
}

.c-plan-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: min(8px, calc(8 / var(--screen-base-size) * 100vw));
  min-width: min(156px, calc(156 / var(--screen-base-size) * 100vw));
  min-height: min(32px, calc(32 / var(--screen-base-size) * 100vw));
  padding: 0 min(16px, calc(16 / var(--screen-base-size) * 100vw));
  margin-top: min(10px, calc(10 / var(--screen-base-size) * 100vw));
  border: none;
  border-radius: min(24px, calc(24 / var(--screen-base-size, 1440) * 100vw));
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: min(16px, calc(16 / var(--screen-base-size) * 100vw));
  color: var(--color-white) !important;
  cursor: pointer;
  text-decoration: none;
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}

.c-plan-card__btn--blue {
  background-color: var(--color-blue);
}

.c-plan-card__btn--green {
  background-color: var(--color-green);
}

.c-plan-card__btn--blue:hover,
.c-plan-card__btn--blue:focus-visible {
  background-color: var(--color-white);
  color: var(--color-blue) !important;
  outline: min(2px, calc(2 / var(--screen-base-size) * 100vw)) solid var(--color-blue);
}

.c-plan-card__btn--blue:hover .c-plan-card__btn-icon,
.c-plan-card__btn--blue:focus-visible .c-plan-card__btn-icon {
  background-color: var(--color-blue);
}

.c-plan-card__btn--green:hover,
.c-plan-card__btn--green:focus-visible {
  background-color: var(--color-white);
  color: var(--color-green) !important;
  outline: min(2px, calc(2 / var(--screen-base-size) * 100vw)) solid var(--color-green);
}

.c-plan-card__btn--green:hover .c-plan-card__btn-icon,
.c-plan-card__btn--green:focus-visible .c-plan-card__btn-icon {
  background-color: var(--color-green);
}

.c-plan-card__btn-icon {
  width: min(8px, calc(8 / var(--screen-base-size) * 100vw));
  height: min(8px, calc(8 / var(--screen-base-size) * 100vw));
  background-color: var(--color-white);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  position: relative;
  top: 1px;  
}

.p-staff {
  position: relative;
  margin-top: min(112px, calc(112 / var(--screen-base-size, 1440) * 100vw));
  padding-top: min(32px, calc(32 / var(--screen-base-size, 1440) * 100vw));
  background-color: var(--color-white);
}

.p-staff::before{
  content: "";
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../img/renewal/bg-ashirai-top.png");
  
  width: 100%;
  height: min(100px, calc(100 / var(--screen-base-size, 1440) * 100vw));
  position: absolute;
  left: 0;
  bottom: 100%;
}

.p-staff__inner {
  position: relative;
  z-index: 1;
}

.p-staff__lead {
  max-width: min(900px, calc(900 / var(--screen-base-size) * 100vw));
  margin: min(90px, calc(90 / var(--screen-base-size, 1440) * 100vw)) auto 0;
  text-align: center;
  font-size: min(24px, calc(24 / var(--screen-base-size, 1440) * 100vw));
  line-height: 1.4;
}

.p-staff__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));  
  gap: 
    min(55px, calc(55 / var(--screen-base-size, 1440) * 100vw))
    min(40px, calc(40 / var(--screen-base-size, 1440) * 100vw));
  margin: 
    min(155px, calc(155 / var(--screen-base-size, 1440) * 100vw))
    auto
    0;
  width: min(950px, calc(950 / var(--screen-base-size, 1440) * 100vw));
}

.c-staff-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.c-staff-card__photo {
  width: 100%;
  height: min(180px, calc(180 / var(--screen-base-size, 1440) * 100vw));
  background: linear-gradient(180deg,rgba(208, 255, 237, 1) 0%, rgba(110, 236, 189, 1) 100%);

  position: relative;
}

.c-staff-card__photo::after{
  content: "";
  display: block;
  width: min(270px, calc(270 / var(--screen-base-size, 1440) * 100vw));
  height: min(250px, calc(250 / var(--screen-base-size, 1440) * 100vw));

  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;

  position: absolute;
  bottom: 0;
}

.c-staff-card__photo--bg-orange{
  background: linear-gradient(180deg,rgba(255, 226, 157, 1) 0%, rgba(250, 207, 109, 1) 17%, rgba(245, 191, 65, 1) 70%);
}

.c-staff-card__photo--kazu::after {
  background-image: url("../img/renewal/staff-kazu.png"); 
  left: -20%;
  /* bottom: -3%; */
}

.c-staff-card__photo--nanako::after {
  background-image: url("../img/renewal/staff-nanako.png"); 
  left: -7%;
  /* bottom: -7%; */
}

.c-staff-card__photo--takuya::after {
  background-image: url("../img/renewal/staff-takuya.png"); 
  left: -15%;
  /* bottom: -3%; */
}

.c-staff-card__photo--haruki::after {
  background-image: url("../img/renewal/staff-haruki.png"); 
  left: -17%;
  height: min(225px, calc(225 / var(--screen-base-size, 1440) * 100vw));
  /* bottom: -3%; */
}

.c-staff-card__photo--kanta::after {
  background-image: url("../img/renewal/staff-kanta.png"); 
  left: -20%;
  /* bottom: -3%; */
}

.c-staff-card__photo--rina::after {
  background-image: url("../img/renewal/staff-rina.png"); 
  left: -15%;
  height: min(215px, calc(215 / var(--screen-base-size, 1440) * 100vw));
  /* bottom: -3%; */
}

.c-staff-card__photo--yuga::after {
  background-image: url("../img/renewal/staff-yuga.png"); 
  left: 0%;
  width: 100%;
  height: 100%;
  background-size: cover;
  /* bottom: -3%; */
}

.c-staff-card__name {
  display: block;
  width: 100%;
  text-align: left;
  margin-top: min(8px, calc(8 / var(--screen-base-size) * 100vw));
  font-weight: 700;
  font-size: min(16px, calc(16 / var(--screen-base-size) * 100vw));
}

.c-staff-card__role {
  margin-top: min(6px, calc(6 / var(--screen-base-size) * 100vw));
  font-size: min(10px, calc(10 / var(--screen-base-size) * 100vw));
  line-height: 1.3;
  text-align: left;
}

.c-staff-card--soon{
  display: flex;
  justify-content: center;
}

.c-staff-card--soon p{
  text-align: left;
  line-height: 1.3;
}

/* .c-staff-card--soon .c-staff-card__photo {
  object-fit: contain;
  background: var(--color-gray);
} */

.p-blog{
  padding-top: min(147px, calc(147 / var(--screen-base-size, 1440) * 100vw));
  padding-bottom: min(48px, calc(48 / var(--screen-base-size, 1440) * 100vw));
  background-color: var(--color-white);
  position: relative;
  max-width: 100%;
}

.p-blog::after{
  content: "";
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../img/renewal/bg-ashirai-bottom.png");
  
  width: 100%;
  height: min(100px, calc(100 / var(--screen-base-size, 1440) * 100vw));
  position: absolute;
  left: 0;
  top: 100%;
}

.p-blog__list {
  max-width: min(934px, calc(934 / var(--screen-base-size) * 100vw));
  margin: min(80px, calc(80 / var(--screen-base-size, 1440) * 100vw)) auto 0;
  display: flex;
  flex-direction: column;
  gap: min(24px, calc(24 / var(--screen-base-size, 1440) * 100vw));
}

.c-blog-row {
  display: flex;
  align-items: center;
  gap: min(42px, calc(42 / var(--screen-base-size) * 100vw));
  padding-bottom: min(19px, calc(19 / var(--screen-base-size, 1440) * 100vw));
  border-bottom: min(1px, calc(1 / var(--screen-base-size) * 100vw)) dashed #dddddd;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}

.c-blog-row__thumb {
  width: 100%;
  max-width: min(280px, calc(280 / var(--screen-base-size) * 100vw));
  height: min(148px, calc(148 / var(--screen-base-size, 1440) * 100vw));
  border-radius: min(8px, calc(8 / var(--screen-base-size, 1440) * 100vw));
  object-fit: cover;
}

.c-blog-row__meta {
  display: flex;
  align-items: center;
  gap: min(12px, calc(12 / var(--screen-base-size) * 100vw));
  padding-bottom: min(20px, calc(20 / var(--screen-base-size, 1440) * 100vw));
}

.c-blog-row__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: min(90px, calc(90 / var(--screen-base-size) * 100vw));
  min-height: min(22px, calc(22 / var(--screen-base-size) * 100vw));
  padding: min(4px, calc(4 / var(--screen-base-size) * 100vw)) min(12px, calc(12 / var(--screen-base-size) * 100vw));
  border: min(1px, calc(1 / var(--screen-base-size) * 100vw)) solid var(--color-blue);
  border-radius: min(12px, calc(12 / var(--screen-base-size) * 100vw));
  font-size: min(12px, calc(12 / var(--screen-base-size) * 100vw));
  color: var(--color-blue);
}

.c-blog-row__date {
  font-size: min(16px, calc(16 / var(--screen-base-size) * 100vw));
  letter-spacing: 0.08em;
}

.c-blog-row__title {
  font-weight: 600;
  font-size: min(20px, calc(20 / var(--screen-base-size, 1440) * 100vw));
  line-height: 1.3;
}

.c-blog-row__excerpt {
  font-weight: 500;
  font-size: min(15px, calc(15 / var(--screen-base-size) * 100vw));
  line-height: 1.8;
  letter-spacing: 0.08em;
}


.p-blog__more {
  display: flex;
  justify-content: center;
  margin-top: min(64px, calc(64 / var(--screen-base-size, 1440) * 100vw));
}

.c-btn-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: min(28px, calc(28 / var(--screen-base-size, 1440) * 100vw));
  min-width: min(272px, calc(272 / var(--screen-base-size, 1440) * 100vw));
  min-height: min(54px, calc(54 / var(--screen-base-size, 1440) * 100vw));
  padding: 0 min(24px, calc(24 / var(--screen-base-size, 1440) * 100vw));
  border: none;
  border-radius: min(80px, calc(80 / var(--screen-base-size, 1440) * 100vw));
  background-color: var(--color-blue);
  color: var(--color-white) !important;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: min(24px, calc(24 / var(--screen-base-size, 1440) * 100vw));
  cursor: pointer;
  text-decoration: none;
  position: relative;
  transition: all 0.2s ease;
}

.c-btn-pill:hover{
  border: min(2px, calc(2 / var(--screen-base-size) * 100vw)) solid var(--color-blue);
  color: var(--color-blue) !important;
  background-color: var(--color-white);
}

.c-btn-pill::after{
  content: "";
  width: min(15px, calc(20 / var(--screen-base-size) * 100vw));
  height: min(15px, calc(22 / var(--screen-base-size) * 100vw));
  display: block;
  background-color: var(--color-white);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  position: absolute;
  right: 12%;
  top: 53%;
  transform: translateY(-50%);
}


.c-btn-pill__icon {
  width: min(10px, calc(10 / var(--screen-base-size) * 100vw));
  height: min(10px, calc(10 / var(--screen-base-size) * 100vw));
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background-color: currentColor;
}

.p-review{
  padding-top: min(117px, calc(117 / var(--screen-base-size, 1440) * 100vw));
  padding-bottom: min(168px, calc(168 / var(--screen-base-size, 1440) * 100vw));
}

.p-review__swiper {
  margin-top: min(85px, calc(85 / var(--screen-base-size, 1440) * 100vw)) !important;
}

.c-review-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  width: calc(340 / var(--screen-base-size) * 100vw);
  height: min(525px, calc(525 / var(--screen-base-size, 1440) * 100vw));
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.c-review-card__img {
  width: 100%;
  height: min(205px, calc(205 / var(--screen-base-size, 1440) * 100vw));
  object-fit: cover;
  border-radius: min(8px, calc(8 / var(--screen-base-size, 1440) * 100vw))
    min(8px, calc(8 / var(--screen-base-size, 1440) * 100vw)) 0 0;
}

.c-review-card__body {
  flex: 1;
  background-color: var(--color-white);
  padding: min(20px, calc(20 / var(--screen-base-size, 1440) * 100vw))
    min(24px, calc(24 / var(--screen-base-size, 1440) * 100vw));
  border-radius: 0 0 min(8px, calc(8 / var(--screen-base-size, 1440) * 100vw))
    min(8px, calc(8 / var(--screen-base-size, 1440) * 100vw));
  display: flex;
  flex-direction: column;
  gap: min(8px, calc(8 / var(--screen-base-size, 1440) * 100vw));
}

.c-review-card__head {
  display: flex;
  align-items: center;
  gap: min(16px, calc(16 / var(--screen-base-size) * 100vw));
}

.c-review-card__avatar {
  width: min(56px, calc(56 / var(--screen-base-size) * 100vw));
  height: min(56px, calc(56 / var(--screen-base-size) * 100vw));
  border-radius: 50%;
  object-fit: cover;
}

.c-review-card__label {
  font-weight: 500;
  font-size: min(18px, calc(18 / var(--screen-base-size, 1440) * 100vw));
}

.c-review-card__stars {
  display: flex;
  gap: min(1px, calc(1 / var(--screen-base-size) * 100vw));
}

.c-review-card__star {
  color: #ffbc05;
  font-size: min(22px, calc(22 / var(--screen-base-size) * 100vw));
  line-height: 1;
}

.c-review-card__text {
  font-size: min(15px, calc(15 / var(--screen-base-size) * 100vw));
  line-height: 1.4;
}

.p-info{
  padding: 
    min(152px, calc(152 / var(--screen-base-size, 1440) * 100vw))
    0
    min(152px, calc(152 / var(--screen-base-size, 1440) * 100vw));
  display: flex;
  flex-direction: column;
  gap: min(40px, calc(40 / var(--screen-base-size, 1440) * 100vw));
}

.p-info-cta__img {
  width: 100%;
}



@media (max-width: 750px) {
  body{
    background-image: url("../img/renewal/bg-sp.jpg");
  }

  .l-wrap {
    padding-left: min(20px, calc(20 / var(--screen-base-size) * 100vw));
    padding-right: min(20px, calc(20 / var(--screen-base-size) * 100vw));
  }

  .c-crown-img {
    width: min(25px, calc(25 / var(--screen-base-size) * 100vw));
  }

  .c-gradient-text {
    font-size: min(16px, calc(16 / var(--screen-base-size) * 100vw));
  }

  .c-section-title {
    gap: min(11px, calc(11 / var(--screen-base-size) * 100vw));
  }

  .c-section-title__en {
    font-size: min(32px, calc(32 / var(--screen-base-size, 750) * 100vw));
  }

  .c-section-title__ja{
    font-size: min(16px, calc(16 / var(--screen-base-size) * 100vw));
  }

  .c-section-title__en--and{
    font-size: min(16px, calc(16 / var(--screen-base-size) * 100vw));
  }

  .c-section-title__en--ranking {
    font-size: min(24px, calc(24 / var(--screen-base-size, 750) * 100vw));
  }

  .p-fv__heading {
    font-size: min(28px, calc(28 / var(--screen-base-size, 750) * 100vw));
  }

  .p-fv__inner{
    height: 100%;
    padding: initial;
  }

  
  .p-fv__content{
    margin-top: auto;
    max-width: initial;
    height: 100%;
    height: 80%;
    margin: auto 0;
    padding-left: min(15px, calc(15 / var(--screen-base-size) * 100vw));
  }

  .p-fv__turtle{
    left: -15%;
    top: initial;
    bottom: 5%;
    height: 100%;
    width: initial;
  }

  .p-fv__turtle-wrap {
    /* width: min(225px, calc(225 / var(--screen-base-size) * 100vw)); */
    width: initial;
    max-width: initial;
    height: 100%;
  }

  .c-tag--ranking {
    font-size: min(12px, calc(12 / var(--screen-base-size) * 100vw));
    min-height: initial;
    padding: 
      min(6px, calc(6 / var(--screen-base-size) * 100vw)) 
      min(8px, calc(8 / var(--screen-base-size) * 100vw));
  }

  .p-ranking {
    padding-top: min(80px, calc(80 / var(--screen-base-size) * 100vw));
  }

  .p-ranking__list {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: min(38px, calc(38 / var(--screen-base-size) * 100vw));
    margin-top: min(36px, calc(36 / var(--screen-base-size) * 100vw));
  }

  .p-ranking__rank {
    font-size: min(14px, calc(14 / var(--screen-base-size) * 100vw));
    width: min(55px, calc(55 / var(--screen-base-size) * 100vw));
    height: min(30px, calc(30 / var(--screen-base-size) * 100vw));
  }

  .p-ranking__thumb {
    height: min(222px, calc(222 / var(--screen-base-size) * 100vw));
  }

  .p-ranking__price{
    font-weight: bold;
  }

  .p-ranking__price--small {
    font-size: min(14px, calc(14 / var(--screen-base-size) * 100vw));
    font-weight: 500;
  }

  .p-plan {
    padding-top: min(75px, calc(75 / var(--screen-base-size) * 100vw));
  }

  .p-plan__swiper{
    margin-top: min(40px, calc(40 / var(--screen-base-size) * 100vw));
  }

  .js-swiper-plan02{
    margin-top: min(10px, calc(10 / var(--screen-base-size) * 100vw));
  }

  .c-plan-card{
    /* width: min(335px, calc(335 / var(--screen-base-size) * 100vw)); */
    width: auto;
    height: min(575px, calc(575 / var(--screen-base-size) * 100vw));
    margin: 0 auto;
  }

  .p-staff{
    margin-top: min(112px, calc(112 / var(--screen-base-size) * 100vw));
    padding-top: initial;
  }

  .p-staff::before{
    background-image: url("../img/renewal/bg-ashirai-top-sp.png");
    background-size: 100%;
    background-position: center bottom;
  }

  .p-staff__inner{
    position: relative;
    top: min(-57px, calc(57 / var(--screen-base-size) * 100vw));
  }

  .p-staff__lead{
    font-size: min(14px, calc(14 / var(--screen-base-size) * 100vw));
    margin-top: min(32px, calc(32 / var(--screen-base-size) * 100vw));
  }

  .p-staff__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 
      min(40px, calc(40 / var(--screen-base-size) * 100vw))
      min(50px, calc(50 / var(--screen-base-size) * 100vw));
    width: 87%;
    margin-top: min(75px, calc(75 / var(--screen-base-size) * 100vw));
  }

  .c-staff-card__photo{
    width: min(120px, calc(120 / var(--screen-base-size) * 100vw));
    height: min(102px, calc(102 / var(--screen-base-size) * 100vw));
  }

  .c-staff-card__photo::after {
    height: min(170px, calc(170 / var(--screen-base-size) * 100vw));
  }

  .c-staff-card__photo--kazu::after{
    width: min(165px, calc(165 / var(--screen-base-size) * 100vw));    
  }

  .c-staff-card__photo--nanako::after{
    left: 16%;
    width: min(114px, calc(114 / var(--screen-base-size) * 100vw));
  }

  .c-staff-card__photo--takuya::after{
    left: 5%;
    width: min(107px, calc(107 / var(--screen-base-size) * 100vw));
  }

  .c-staff-card__photo--haruki::after{
    left: -3%;
    width: min(130px, calc(130 / var(--screen-base-size) * 100vw));
  }

  .c-staff-card__photo--kanta::after{
    left: 0;
    width: min(117px, calc(117 / var(--screen-base-size) * 100vw));
  }

  .c-staff-card__photo--rina::after{
    left: -1%;
    width: min(118px, calc(118 / var(--screen-base-size) * 100vw));
  }

  .c-staff-card__photo--yuga::after{
    height: 100%;
  }

  .c-staff-card__name{
    font-size: min(14px, calc(14 / var(--screen-base-size) * 100vw));
  }

  .c-staff-card__role{
    font-size: min(12px, calc(12 / var(--screen-base-size) * 100vw));
  }

  .c-staff-card--soon p{
    font-size: min(14px, calc(14 / var(--screen-base-size) * 100vw));
  }

  .p-blog{
    padding-top: min(10px, calc(10 / var(--screen-base-size) * 100vw));
    padding-bottom: min(70px, calc(70 / var(--screen-base-size) * 100vw));
  }

  .p-blog::after{
    background-image: url("../img/renewal/bg-ashirai-bottom-sp.png");
    background-position: top center;
    background-size: 100%;
  }

  .c-blog-row {
    flex-direction: column;
    align-items: center;
    padding-bottom: min(45px, calc(45 / var(--screen-base-size) * 100vw));
    gap: min(13px, calc(13 / var(--screen-base-size) * 100vw));
  }

  .c-blog-row__thumb{
    max-width: initial;
    /* height: min(173px, calc(173 / var(--screen-base-size) * 100vw)); */
    height: auto;
    width: 100%;
    aspect-ratio: 1.91 / 1;
  }

  .c-blog-row__body{
    width: 100%;
  }

  .c-blog-row__meta{
    padding-bottom: min(13px, calc(13 / var(--screen-base-size) * 100vw));
  }

  .c-blog-row__excerpt{
    font-weight: normal;
  }

  .p-blog__list{
    margin-top: min(40px, calc(40 / var(--screen-base-size) * 100vw));
    gap: min(55px, calc(55 / var(--screen-base-size) * 100vw));
  }

  .c-btn-pill{
    font-size: min(18px, calc(18 / var(--screen-base-size) * 100vw));
    width: min(180px, calc(180 / var(--screen-base-size) * 100vw));
    height: min(40px, calc(40 / var(--screen-base-size) * 100vw));
    min-width: initial;
    min-height: initial;
  }

  .c-btn-pill::after{
    width: min(8px, calc(8 / var(--screen-base-size) * 100vw));
    height: min(8px, calc(8 / var(--screen-base-size) * 100vw));
  }
  
  .p-review{
    padding-top: min(3px, calc(3 / var(--screen-base-size) * 100vw));
    padding-bottom: min(60px, calc(60 / var(--screen-base-size) * 100vw));
    position: relative;
  }

  .p-review__swiper{
    margin-top: min(42px, calc(42 / var(--screen-base-size) * 100vw)) !important;
  }

  .p-info{
    padding-top: min(80px, calc(80 / var(--screen-base-size) * 100vw));
    padding-bottom: min(80px, calc(80 / var(--screen-base-size) * 100vw));
    padding-left: min(20px, calc(20 / var(--screen-base-size-yrt) * 100vw));
    padding-right: min(20px, calc(20 / var(--screen-base-size-yrt) * 100vw));
  }

  .p-info__vip {
    flex-direction: row;
    align-items: center;
  }

  .p-info__vip-visual {
    flex: 1;
    min-height: min(305px, calc(305 / var(--screen-base-size) * 100vw));
  }

  .p-info__vip-text {
    flex: 0 1 min(420px, calc(420 / var(--screen-base-size) * 100vw));
  }

}