@charset "UTF-8";
/* ===============================================================
 midcarrer base
===============================================================*/
/* ------------------
 base
------------------*/
@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Noto+Sans+JP:wght@100..900&display=swap");
:root {
  --en: "DM Serif Display", serif;
  --inner-l: calc(100% - 2rem);
  --inner-l-max: 44.9rem;
  --transition-fadeInUp: .8s var(--easing_easeOutCubic);
  --easing_easeOutCubic: cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* ------------------
 common
------------------*/
.inner {
  width: calc(100% - clamp(1rem, 4.5333333333vw, 3.4rem) * 2);
}

.midcarrer-c__ttl01 {
  font-family: var(--en);
  font-size: var(--f24);
  font-weight: 400;
  text-align: center;
  color: #fd4b9a;
}

.midcarrer-c__ttl02 {
  width: clamp(19rem, 44.8vw, 33.6rem);
  margin: 0 auto clamp(1rem, 2.6666666667vw, 2rem);
}

.midcarrer-c__marker {
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 0.1em;
  background: linear-gradient(0deg, rgb(248, 243, 167) 0%, rgb(248, 243, 167) 30%, rgba(248, 243, 167, 0) 31%, rgba(248, 243, 167, 0) 100%);
}

.fc-ylw {
  color: #feffcf;
}

.fc-pink {
  color: #fd4b9a;
}

/* ------------------
 pc
------------------*/
.pc-cont {
  background: #f1bfca;
}
@media screen and (max-width: 500px) {
  .pc-cont {
    display: none;
  }
}
.pc-cont::before {
  position: absolute;
  content: "";
  width: 85.3rem;
  aspect-ratio: 853/1170;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  background: url(../img/midcarrer/pc-fv_deco.webp) no-repeat center/cover;
  opacity: 0.25;
  pointer-events: none;
}

.midcarrer-nav {
  all: unset;
}
@media screen and (max-width: 980px) {
  .midcarrer-nav {
    width: 100%;
  }
}
.midcarrer-nav::before {
  display: none;
}
.midcarrer-nav__list {
  margin-bottom: 4rem;
}
@media screen and (max-height: 550px) {
  .midcarrer-nav__list {
    margin-bottom: 2rem;
  }
}
.midcarrer-nav__item:not(:first-of-type) {
  margin-top: 1.5rem;
}
@media screen and (max-height: 550px) and (min-width: 981px) {
  .midcarrer-nav__item:not(:first-of-type) {
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 980px) {
  .midcarrer-nav__item:not(:first-of-type) {
    margin-top: clamp(2rem, 5.3333333333vw, 4rem);
  }
}
@media screen and (max-width: 980px) {
  .midcarrer-nav__item {
    text-align: center;
  }
}
.midcarrer-nav__link:hover {
  opacity: 1;
}
.midcarrer-nav__link:hover .midcarrer-nav__en {
  color: var(--pink);
}
.midcarrer-nav__link:hover .midcarrer-nav__ja {
  opacity: 0.6;
}
.midcarrer-nav__en {
  display: block;
  font-family: var(--en);
  font-size: var(--f24);
  color: var(--white);
  transition: all 0.5s ease;
}
@media screen and (max-width: 980px) {
  .midcarrer-nav__en {
    font-size: clamp(2.4rem, 4.2666666667vw, 3.2rem);
  }
}
.midcarrer-nav__ja {
  display: block;
  margin-top: 0.5rem;
  font-size: var(--f12);
  color: #9a93b1;
  transition: all 0.5s ease;
}
@media screen and (max-height: 550px) and (min-width: 981px) {
  .midcarrer-nav__ja {
    margin-top: 0;
  }
}
@media screen and (max-width: 980px) {
  .midcarrer-nav__ja {
    margin-top: clamp(1rem, 2vw, 1.5rem);
    font-size: clamp(1.4rem, 2.1333333333vw, 1.6rem);
  }
}
.midcarrer-nav__btn {
  position: relative;
  padding: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  background: linear-gradient(90deg, rgb(237, 164, 192) 0%, rgb(225, 135, 190) 50%, rgb(225, 135, 190) 51%, rgb(237, 164, 192) 100%);
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  background-size: 240% 100%;
  background-position: 0% 50%;
  transition: all 0.5s ease;
}
.midcarrer-nav__btn:hover {
  opacity: 1;
  background-position: 100% 50%;
  transform: translateY(2px);
  filter: brightness(1.05);
}
.midcarrer-nav__btn-ico {
  max-width: 2.1rem;
}
.midcarrer-nav__btn-txt {
  font-size: var(--f16);
  font-weight: 700;
  color: var(--white);
}

.sp-cont {
  margin-top: 0;
  overflow: unset;
}

/* ------------------
 header
------------------*/
.header {
  padding: clamp(0.5rem, 1.3333333333vw, 1rem) clamp(1.5rem, 4vw, 3rem) 0 clamp(1.5rem, 4vw, 3rem);
  justify-content: space-between;
  align-items: center;
}
.header-logo {
  width: clamp(3rem, 26.1333333333vw, 19.6rem);
}
@media screen and (max-width: 980px) {
  .header-logo {
    position: relative;
    z-index: 101;
  }
}

@media screen and (max-width: 980px) {
  .gnav {
    width: 100%;
    padding: clamp(3rem, 26vw, 19.5rem) 1rem clamp(3rem, 15.2vw, 11.4rem);
    background-color: #f1bfca;
    background-image: url(../img/midcarrer/gnav-deco.webp);
    background-repeat: no-repeat;
    background-size: 98.5% auto;
    background-position: center;
    border-radius: 0;
    -webkit-border-radius: 0;
  }
  .gnav .midcarrer-nav__btn {
    max-width: 26.7rem;
    width: -moz-fit-content;
    width: fit-content;
    margin: clamp(3rem, 10.6666666667vw, 8rem) auto clamp(3rem, 12vw, 9rem);
  }
  .gnav .insta-link {
    justify-content: center;
  }
}

@media screen and (max-width: 980px) {
  .toggle {
    padding: 0;
    width: clamp(4rem, 6.1333333333vw, 4.6rem);
    border-radius: 100vmax;
    -webkit-border-radius: 100vmax;
    border-bottom-width: 0;
    border-left-width: 0;
    background-color: #000;
  }
  .toggle-bar {
    width: clamp(1rem, 2.6666666667vw, 2rem);
    top: calc(50% + clamp(0.1rem, 0.4666666667vw, 0.35rem));
    left: calc(50% - clamp(0rem, 1.3333333333vw, 1rem));
    background-color: var(--white);
  }
  .toggle-bar:nth-of-type(2) {
    top: calc(50% - clamp(0.1rem, 0.4666666667vw, 0.35rem));
  }
  .toggle.active .toggle-bar:nth-child(1) {
    display: block;
    transform: translateY(clamp(-0.1rem, -0.4666666667vw, -0.35rem)) rotate(45deg);
  }
  .toggle.active .toggle-bar:nth-child(2) {
    transform: translateY(clamp(0.1rem, 0.7333333333vw, 0.55rem)) rotate(-45deg);
  }
}

/* ------------------
 fv
------------------*/
.midcarrer-top {
  position: relative;
}

.midcarrer-fv {
  position: sticky;
  top: 0;
  width: 100%;
  aspect-ratio: 1000/1780;
  height: 100vh;
}
.midcarrer-fv.is-hidden {
  opacity: 0;
}
.midcarrer-fv__bg {
  width: 100%;
  height: 100%;
}
.midcarrer-fv__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.midcarrer-fv__logo {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.midcarrer-fv__logo-deco {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  max-width: 41.8rem;
  width: 83.6%;
  animation-name: fadeAnime;
  animation-duration: 0.5s;
  animation-delay: 0.75s;
  animation-fill-mode: forwards;
  opacity: 0;
}
.midcarrer-fv__logo-main {
  display: block;
  transform: scale(0.5) rotate(0deg);
  z-index: 1;
  max-width: 41.4rem;
  width: 82.8%;
  margin-inline: auto;
  animation-name: mvMainSvg;
  animation-timing-function: ease-in-out;
  animation-duration: 0.7s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mvMainSvg {
  0% {
    opacity: 0;
    transform: scale(0.5) rotate(0deg);
  }
  75% {
    transform: scale(1.2) rotate(360deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(360deg);
  }
}
/* ------------------
 intro
------------------*/
.midcarrer-intro {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  aspect-ratio: 750/1335;
  background: url(../img/midcarrer/intro-bg.webp) no-repeat center/cover;
  transition: all 0.8s ease;
  opacity: 0;
  visibility: hidden;
}
.midcarrer-intro.is-show {
  opacity: 1;
  visibility: visible;
}
.midcarrer-intro.is-hidden {
  opacity: 0.5;
  visibility: visible;
}
.midcarrer-intro.is-hidden .midcarrer-intro__ttl-main {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-1rem);
}
.midcarrer-intro__ttl {
  position: relative;
  text-align: center;
  transition: all 0.8s ease;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.midcarrer-intro__ttl-deco {
  display: block;
  max-width: 41.8rem;
  width: 84.4%;
  margin-inline: auto;
}
.midcarrer-intro__ttl-main {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  max-width: 39.1rem;
  width: 78.9%;
}

.fadein {
  opacity: 0;
  transform: translateY(4rem);
  transition-property: opacity, transform;
  will-change: opacity, transform;
}
.fadein.start {
  transition: var(--transition-fadeInUp);
  opacity: 1;
  transform: translateY(0);
}

.midcarrer-top02 {
  position: relative;
  height: calc(300vh + clamp(3rem, 9.3333333333vw, 7rem));
  padding-bottom: clamp(3rem, 9.3333333333vw, 7rem);
}

/* ------------------
 message
------------------*/
.midcarrer-message {
  padding-bottom: clamp(3rem, 9.3333333333vw, 7rem);
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 2;
  max-width: 50rem;
  width: 100%;
  height: calc(100vh + clamp(3rem, 9.3333333333vw, 7rem));
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 2rem);
  transition: all 0.8s ease;
}
.midcarrer-message.is-show {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}
.midcarrer-message.is-end {
  position: absolute;
  top: auto;
  bottom: 0;
}
.midcarrer-message__catch {
  margin-block: clamp(2rem, 5.0666666667vw, 3.8rem) clamp(2rem, 6.1333333333vw, 4.6rem);
  text-align: center;
}

/* ------------------
 about
------------------*/
.midcarrer-about {
  position: relative;
  z-index: 2;
  margin-top: -7rem;
  padding-block: clamp(2rem, 5.0666666667vw, 3.8rem) clamp(3rem, 11.0666666667vw, 8.3rem);
  background-color: #faa0c1;
  overflow: hidden;
}
.midcarrer-about::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 7rem;
  top: -7rem;
  left: 0;
  z-index: 2;
  background: url(../img/midcarrer/about_bg.webp) no-repeat top center/cover;
}
.midcarrer-about .midcarrer-c__ttl01 {
  color: var(--white);
}
.midcarrer-about__logo {
  margin-top: clamp(1.5rem, 4.8vw, 3.6rem);
  text-align: center;
}
.midcarrer-about__catch {
  margin-block: clamp(1.5rem, 3.4666666667vw, 2.6rem) clamp(1.5rem, 4.8vw, 3.6rem);
  text-align: center;
}
.midcarrer-about__dl {
  max-width: 50rem;
  width: 100%;
  margin-top: clamp(3rem, 7.0666666667vw, 5.3rem);
}
.midcarrer-about__dt {
  position: relative;
  max-width: var(--inner-l-max);
  width: var(--inner-l);
  margin-inline: auto;
  padding: clamp(1rem, 2.6666666667vw, 2rem) 1rem clamp(1rem, 3.4666666667vw, 2.6rem);
  background-color: #fff9e6;
  border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
}
.midcarrer-about__dt::before {
  position: absolute;
  content: "";
  width: 1.9rem;
  aspect-ratio: 1/0.8660254038;
  bottom: -1.1rem;
  left: calc(50% - 0.95rem);
  clip-path: polygon(50% 100%, 100% 0, 0 0);
  background: #fff9e6;
}
.midcarrer-about__dt-ttl {
  font-size: var(--f16);
  text-align: center;
}
.midcarrer-about__dt-salary {
  position: relative;
  margin: 1rem auto 0;
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--f24);
  text-align: center;
  font-weight: 500;
}
.midcarrer-about__dt-salary::before, .midcarrer-about__dt-salary::after {
  position: absolute;
  content: "";
  width: clamp(1.2rem, 2.8vw, 2.1rem);
  aspect-ratio: 32/79;
  z-index: 1;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.midcarrer-about__dt-salary::before {
  background-image: url(../img/midcarrer/about-salary_lft.webp);
  left: calc(clamp(1.2rem, 2.8vw, 2.1rem) * -1 - clamp(1rem, 2.6666666667vw, 2rem));
}
.midcarrer-about__dt-salary::after {
  background-image: url(../img/midcarrer/about-salary_rht.webp);
  right: calc(clamp(1.2rem, 2.8vw, 2.1rem) * -1 - clamp(1rem, 2.6666666667vw, 2rem));
}
.midcarrer-about__dt-salary .en {
  font-size: 2.2em;
  color: #fd4b9a;
}
.midcarrer-about__dd {
  width: 100%;
  margin-top: clamp(3rem, 7.8666666667vw, 5.9rem);
  padding-left: clamp(1rem, 2.6666666667vw, 2rem);
  overflow-x: auto;
  overflow-y: visible;
  height: -moz-fit-content;
  height: fit-content;
}
.midcarrer-about__list {
  padding-top: 3.3rem;
  display: flex;
  gap: 2.3rem;
}
.midcarrer-about__item {
  position: relative;
  min-width: 24.5rem;
  padding-inline: clamp(1.5rem, 3.0666666667vw, 2.3rem);
  padding-bottom: 2.9rem;
  background-color: var(--white);
  border-radius: 0.6rem;
  -webkit-border-radius: 0.6rem;
}
.midcarrer-about__item-txt {
  margin-top: 1rem;
  font-size: var(--f16);
  text-align: center;
}
.midcarrer-about__item-salary {
  margin-top: 1.4rem;
  padding-top: 1.7rem;
  font-size: var(--f24);
  text-align: center;
  border-top: 1px dotted #ccc;
}
.midcarrer-about__item-salary .en {
  font-size: 1.6em;
  color: #fd4b9a;
}
.midcarrer-about__num {
  position: absolute;
  top: 3.4rem;
  left: 2rem;
  z-index: 1;
  font-family: var(--en);
  font-size: clamp(3rem, 10.5333333333vw, 7.9rem);
  color: #f1f1f1;
}
.midcarrer-about__fig {
  position: relative;
  z-index: 2;
  margin-top: -3.3rem;
  text-align: center;
}
.midcarrer-about__cap {
  position: relative;
  z-index: 3;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1.1rem;
  margin-inline: auto;
  padding: 0.3rem 0.9rem 0.4rem;
  font-size: var(--f17);
  color: var(--white);
  background-color: #151515;
  border-radius: 100vmax;
  -webkit-border-radius: 100vmax;
}

/* ------------------
 reason
------------------*/
.midcarrer-reason {
  padding-top: clamp(5rem, 10.8vw, 8.1rem);
  background-color: var(--white) 5f8;
}
.midcarrer-reason__ttl {
  margin-bottom: clamp(1.5rem, 4vw, 3rem);
  text-align: center;
}
.midcarrer-reason__ttl-head {
  font-size: var(--f24);
  text-align: center;
  font-weight: 600;
}
.midcarrer-reason__ttl-main {
  display: block;
  margin-top: clamp(1.5rem, 0.3733333333vw, 2.8rem);
}
.midcarrer-reason__high {
  margin: clamp(2rem, 4.4vw, 3.3rem) auto 0;
  max-width: var(--inner-l-max);
  width: var(--inner-l);
}
.midcarrer-reason__high-item {
  padding: clamp(3rem, 6.6666666667vw, 5rem) clamp(2rem, 4.8vw, 3.6em) clamp(3rem, 8vw, 6rem);
  color: var(--white);
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
}
.midcarrer-reason__high-item + .midcarrer-reason__high-item {
  margin-top: 2.4rem;
}
.midcarrer-reason__high-item:first-of-type {
  position: relative;
  background-color: #f081c1;
}
.midcarrer-reason__high-item:first-of-type::before {
  position: absolute;
  content: "×";
  bottom: -4rem;
  left: calc(50% - 2.85rem);
  width: 5.9rem;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--f32);
  font-weight: 200;
  color: #000;
  background-color: var(--white);
  border-radius: 100vmax;
  -webkit-border-radius: 100vmax;
}
.midcarrer-reason__high-item:first-of-type .midcarrer-reason__high-ave {
  background-color: #e874b7;
}
.midcarrer-reason__high-item:last-of-type {
  background-color: #acacd5;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.11);
}
.midcarrer-reason__high-item:last-of-type .midcarrer-reason__high-ave {
  background-color: #a2a2cf;
}
.midcarrer-reason__high-dt {
  font-size: var(--f32);
  font-weight: 600;
  color: #feffcf;
  text-align: center;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.midcarrer-reason__high-dt__st {
  position: relative;
  padding-inline: 2.6rem;
  display: inline-block;
  font-size: 1.25em;
}
.midcarrer-reason__high-dt__st::before, .midcarrer-reason__high-dt__st::after {
  position: absolute;
  content: "";
  width: 2rem;
  top: 0.6rem;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.midcarrer-reason__high-dt__st::before {
  aspect-ratio: 30/32;
  background-image: url(../img/midcarrer/ico-des_lft.webp);
  left: 0;
}
.midcarrer-reason__high-dt__st::after {
  aspect-ratio: 31/29;
  background-image: url(../img/midcarrer/ico-des_rht.webp);
  right: 0;
}
.midcarrer-reason__high-dd {
  margin-top: 2rem;
}
.midcarrer-reason__high-ave {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-bottom: 2rem;
  padding: 0.5rem 1.3rem;
  border: 1px solid var(--white);
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  font-size: var(--f21);
  font-weight: 600;
  color: var(--white);
}
.midcarrer-reason__high-ave::before {
  position: relative;
  content: "";
  display: inline-block;
  margin-right: 0.8rem;
  width: 2.1rem;
  aspect-ratio: 32/27;
  background: url(../img/midcarrer/ico-arw.webp) no-repeat center/cover;
}
.midcarrer-reason__high-ave .en {
  font-size: 1.81em;
  font-weight: normal;
}
.midcarrer-reason__sta {
  position: relative;
  margin-block: clamp(3rem, 7.0666666667vw, 5.3rem) clamp(2rem, 4.9333333333vw, 3.7rem);
  text-align: center;
}
.midcarrer-reason__sta::before {
  position: absolute;
  content: "";
  width: 5.5rem;
  aspect-ratio: 83/97;
  top: 0;
  right: 12%;
  z-index: 1;
  background: url(../img/midcarrer/reason-sta_ok.webp) no-repeat center/cover;
}
.midcarrer-reason__sta-and {
  position: absolute;
  top: -2rem;
  left: 2rem;
  z-index: 0;
  display: block;
  max-width: 9rem;
  width: 136/123;
}
.midcarrer-reason__sta .midcarrer-c__marker {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-size: var(--f28);
}
.midcarrer-reason__sta .midcarrer-c__marker + .midcarrer-c__marker {
  margin-top: 1rem;
}
.midcarrer-reason__img {
  margin-top: clamp(1.5rem, 3.4666666667vw, 2.6rem);
  text-align: center;
}
.midcarrer-reason__more {
  margin-top: clamp(5rem, 12.2666666667vw, 9.2rem);
}
.midcarrer-reason__more-head {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  aspect-ratio: 1500/1294;
  background: url(../img/midcarrer/reason-more-head_bg.webp) no-repeat center/cover;
}
.midcarrer-reason__more-top {
  position: absolute;
  top: calc(clamp(6rem, 12.2666666667vw, 9.2rem) * -1 / 2);
  left: calc(50% - clamp(6rem, 12.2666666667vw, 9.2rem) / 2);
  z-index: 1;
  width: clamp(6rem, 12.2666666667vw, 9.2rem);
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fd4b9a;
  border-radius: 100vmax;
  -webkit-border-radius: 100vmax;
}
.midcarrer-reason__more-top img {
  max-width: 80%;
}
.midcarrer-reason__more-ttl {
  margin-bottom: clamp(1.5rem, 4.2666666667vw, 3.2rem);
  text-align: center;
}
.midcarrer-reason__more-ttl img {
  width: 62.6%;
}
.midcarrer-reason__more-list {
  position: relative;
}
.midcarrer-reason__more-list::before {
  position: absolute;
  content: "";
  width: clamp(5rem, 16.4vw, 12.3rem);
  aspect-ratio: 187/144;
  top: clamp(-3rem, -19.2vw, -14.4rem);
  left: clamp(1rem, 4.5333333333vw, 3.4rem);
  z-index: 1;
  background: url(../img/midcarrer/reason-list_check.webp) no-repeat center/cover;
}
.midcarrer-reason__more-item__hg-en {
  font-size: var(--f20);
  text-align: center;
  color: #fd4b9a;
}
.midcarrer-reason__more-item__hg-ttl {
  margin-top: 0.4rem;
  text-align: center;
}
.midcarrer-reason__more-item__hg-txt {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: clamp(1rem, 3.8666666667vw, 2.9rem) auto 0;
  padding-bottom: clamp(0.5rem, 1.7333333333vw, 1.3rem);
  font-size: var(--f24);
  font-weight: 600;
}
.midcarrer-reason__more-item__hg-txt::before {
  position: absolute;
  content: "・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・";
  bottom: clamp(-0.5rem, -0.5333333333vw, -0.4rem);
  left: 0;
  width: 100%;
  height: clamp(0.8rem, 1.3333333333vw, 1rem);
  font-size: clamp(0.8rem, 1.3333333333vw, 1rem);
  overflow: hidden;
}
.midcarrer-reason__more-item__hg-txt.fc-pink {
  border-bottom-width: 0;
}
.midcarrer-reason__more-item__hg-txt.fc-pink + .c-txt {
  max-width: 38rem;
  width: 90%;
  margin: 1rem auto 0;
}
.midcarrer-reason__more-item__hg + .c-txt {
  max-width: 36.3rem;
  width: 90%;
  margin: 3.4rem auto 0;
}
.midcarrer-reason__more-item__img {
  text-align: center;
}
.midcarrer-reason__more-item:first-of-type {
  position: relative;
  padding-block: clamp(3rem, 7.3333333333vw, 5.5rem) clamp(3rem, 8.6666666667vw, 6.5rem);
  background-color: #fff9e6;
}
.midcarrer-reason__more-item__bbl {
  position: relative;
  max-width: 36.9rem;
  width: 90%;
  margin: clamp(1.5rem, 4.1333333333vw, 3.1rem) auto 0;
  padding: clamp(1rem, 3.0666666667vw, 2.3rem) 1%;
  font-size: var(--f22);
  font-weight: 600;
  text-align: center;
  line-height: 1.51;
  color: var(--white);
  background-color: #ed9ac0;
  border-radius: 0.6rem;
  -webkit-border-radius: 0.6rem;
}
.midcarrer-reason__more-item__bbl::before {
  position: absolute;
  content: "";
  width: 3rem;
  aspect-ratio: 1/0.8660254038;
  top: -1.5rem;
  left: calc(50% - 1.5rem);
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background: #ed9ac0;
}
.midcarrer-reason__more-item__life {
  margin: clamp(2rem, 6.4vw, 4.8rem) auto 0;
  padding: clamp(2rem, 6vw, 4.5rem) clamp(2rem, 5.8666666667vw, 4.4rem) clamp(1rem, 3.2vw, 2.4rem);
  max-width: var(--inner-l-max);
  width: var(--inner-l);
  background-color: #fce2df;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
}
.midcarrer-reason__more-item__life-ttl {
  position: relative;
  margin-inline: auto;
  font-size: var(--f22);
  font-weight: 600;
}
.midcarrer-reason__more-item__life-ttl::before, .midcarrer-reason__more-item__life-ttl::after {
  position: absolute;
  content: "";
  height: 1.9rem;
  aspect-ratio: 30/43;
  bottom: 0.1em;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.midcarrer-reason__more-item__life-ttl::before {
  background-image: url(../img/midcarrer/ico-sr_lft.webp);
  left: -2rem;
}
.midcarrer-reason__more-item__life-ttl::after {
  background-image: url(../img/midcarrer/ico-sr_rht.webp);
  right: -2rem;
}
.midcarrer-reason__more-item__life-flex {
  margin-top: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(0.5rem, 2.4vw, 1.8rem);
}
.midcarrer-reason__more-item__life-cont {
  max-width: 24.9rem;
}
.midcarrer-reason__more-item__life-cont .c-txt {
  font-size: var(--f18);
  line-height: 1.71;
}
.midcarrer-reason__more-item__life-list {
  margin-top: clamp(0.5rem, 1.7333333333vw, 1.3rem);
  display: flex;
  gap: clamp(0.5rem, 1.4666666667vw, 1.1rem);
}
.midcarrer-reason__more-item__life-item {
  padding: clamp(0.3rem, 1.2vw, 0.9rem) clamp(0.5rem, 1.7333333333vw, 1.3rem);
  font-size: var(--f20);
  color: #fd4b9a;
  background-color: var(--white);
  border: 1px solid #fd4b9a;
  border-radius: 100vmax;
  -webkit-border-radius: 100vmax;
}
.midcarrer-reason__more-item:nth-of-type(2) {
  position: relative;
  padding-block: clamp(3rem, 7.8666666667vw, 5.9rem) clamp(3rem, 10.8vw, 8.1rem);
  background-color: #e9e3fa;
}
.midcarrer-reason__more-item:nth-of-type(2)::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0.6rem;
  top: -0.5rem;
  left: 0;
  background: url(../img/midcarrer/reason-list01_bg.webp) repeat-x top left/100% auto;
  z-index: 1;
}
.midcarrer-reason__more-item:last-of-type {
  position: relative;
  z-index: 2;
  padding-block: clamp(3rem, 9.4666666667vw, 7.1rem) clamp(3rem, 10.5333333333vw, 7.9rem);
  background-color: #fff2f1;
  border-radius: 0 0 clamp(2rem, 4.2666666667vw, 3.2rem) clamp(2rem, 4.2666666667vw, 3.2rem);
  -webkit-border-radius: 0 0 clamp(2rem, 4.2666666667vw, 3.2rem) clamp(2rem, 4.2666666667vw, 3.2rem);
}
.midcarrer-reason__more-item:last-of-type::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0.6rem;
  top: -0.5rem;
  left: 0;
  background: url(../img/midcarrer/reason-list02_bg.webp) repeat-x top left/100% auto;
  z-index: 1;
}
.midcarrer-reason__more-item:last-of-type .midcarrer-reason__more-item__img {
  margin-top: clamp(2rem, 4.4vw, 3.3rem);
}
.midcarrer-reason__more-item:last-of-type .midcarrer-reason__more-item__img img {
  border-radius: 0.7rem;
  -webkit-border-radius: 0.7rem;
}
.midcarrer-reason__more-item:last-of-type .midcarrer-reason__more-item__life {
  padding-bottom: clamp(2rem, 5.3333333333vw, 4rem);
  background: url(../img/midcarrer/reason-sys_bg.webp) repeat top -1rem left -1rem;
  border: 1px solid #eccbc7;
}
.midcarrer-reason__more-item:last-of-type .midcarrer-reason__more-item__life-flex {
  margin-top: clamp(1.5rem, 3.2vw, 2.4rem);
}
.midcarrer-reason__more-item__plus {
  position: relative;
  width: 88%;
  margin: clamp(2rem, 5.6vw, 4.2rem) auto 0;
  padding: clamp(3rem, 6vw, 4.5rem) clamp(1.5rem, 4vw, 3rem) clamp(1.5rem, 4vw, 3rem);
  border-radius: 1.2rem;
  -webkit-border-radius: 1.2rem;
  background: #ffdede;
}
.midcarrer-reason__more-item__plus::before {
  position: absolute;
  content: "+";
  width: clamp(3rem, 5.7333333333vw, 4.3rem);
  top: calc(clamp(3rem, 5.7333333333vw, 4.3rem) * -1 / 2);
  left: calc(50% - clamp(3rem, 5.7333333333vw, 4.3rem) / 2);
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--f24);
  color: var(--white);
  background-color: #fd4b9a;
  border-radius: 100vmax;
  -webkit-border-radius: 100vmax;
}
.midcarrer-reason__more-item__plus-ttl {
  margin-bottom: clamp(0.5rem, 2.4vw, 1.8rem);
  text-align: center;
  font-size: var(--f22);
  font-weight: 600;
  color: #fd4b9a;
}
.midcarrer-reason__more-item__plus-dd {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 2.9333333333vw, 2.2rem);
}
.midcarrer-reason__more-item__plus-img {
  flex: 0 0 clamp(2.5rem, 5.4666666667vw, 4.1rem);
}
.midcarrer-reason__more-sys {
  margin: clamp(2rem, 5.7333333333vw, 4.3rem) auto 0;
  max-width: var(--inner-l-max);
  width: var(--inner-l);
}
.midcarrer-reason__more-sys__item {
  padding-top: clamp(2rem, 5.0666666667vw, 3.8rem);
  background: url(../img/midcarrer/reason-sys_bg.webp) repeat top -1rem left -1rem;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  overflow: hidden;
}
.midcarrer-reason__more-sys__item + .midcarrer-reason__more-sys__item {
  margin-top: clamp(2rem, 4vw, 3rem);
}
.midcarrer-reason__more-sys__ttl {
  position: relative;
  margin-bottom: clamp(1.5rem, 4.4vw, 3.3rem);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(0.5rem, 2vw, 1.5rem);
}
.midcarrer-reason__more-sys__ttl::before {
  position: absolute;
  content: "";
  width: clamp(4rem, 11.8666666667vw, 8.9rem);
  aspect-ratio: 135/19;
  bottom: clamp(-1rem, -2.6666666667vw, -2rem);
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  background: url(../img/midcarrer/reason03-02.webp) no-repeat center/cover;
}
.midcarrer-reason__more-sys__ttl-num {
  width: clamp(3rem, 6.9333333333vw, 5.2rem);
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--f24);
  font-weight: normal;
  color: var(--white);
  background-color: #c5c5eb;
  border-radius: 100vmax;
  -webkit-border-radius: 100vmax;
}
.midcarrer-reason__more-sys__ttl-main {
  font-size: var(--f32);
  font-weight: 600;
  color: #fd4b9a;
}
.midcarrer-reason__more-sys__ttl + .c-txt {
  width: 88%;
  margin-inline: auto;
}
.midcarrer-reason__more-sys__img {
  width: 88%;
  margin-inline: auto;
  margin-top: clamp(2rem, 4.4vw, 3.3rem);
}
.midcarrer-reason__more-sys__img img {
  border-radius: 0.6rem;
  -webkit-border-radius: 0.6rem;
}
.midcarrer-reason__more-sys__btm {
  margin-top: clamp(2rem, 4.2666666667vw, 3.2rem);
  padding: clamp(1rem, 3.4666666667vw, 2.6rem) clamp(2rem, 5.3333333333vw, 4rem) clamp(2rem, 5.3333333333vw, 4rem);
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, 1.0714285714vw, 1.8rem);
  background-color: #fffbc2;
}
.midcarrer-reason__more-sys__btm-txt {
  max-width: 30.7rem;
  font-size: var(--f24);
  line-height: 1.66;
  text-decoration: underline;
  text-decoration-color: #fd4b9a;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.66rem;
}
.midcarrer-reason__more-sys__btm.--pill {
  position: relative;
}
.midcarrer-reason__more-sys__btm.--pill::before {
  position: absolute;
  content: "";
  height: clamp(3rem, 8vw, 6rem);
  aspect-ratio: 132/90;
  top: calc(clamp(3rem, 8vw, 6rem) * -1 / 2);
  right: clamp(1rem, 3.4666666667vw, 2.6rem);
  z-index: 1;
  background: url(../img/midcarrer/reason03-05.webp) no-repeat center/cover;
}
.midcarrer-reason__more-sys__bbl {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto clamp(1.5rem, 4vw, 3rem);
  padding: clamp(0.5rem, 1.7333333333vw, 1.3rem) 0 clamp(0.5rem, 1.7333333333vw, 1.3rem) clamp(0.5rem, 1.7333333333vw, 1.3rem);
  font-size: var(--f24);
  color: var(--white);
  background-color: #fd4b9a;
  border-radius: 100vmax;
  -webkit-border-radius: 100vmax;
}
.midcarrer-reason__more-sys__bbl::before {
  position: absolute;
  content: "";
  width: 2rem;
  aspect-ratio: 1/0.8660254038;
  bottom: -1rem;
  left: calc(50% - 1rem);
  clip-path: polygon(50% 100%, 100% 0, 0 0);
  background: #fd4b9a;
  z-index: 1;
}
.midcarrer-reason__more-sys__bbl + .c-txt {
  width: 88%;
  margin-inline: auto;
}
.midcarrer-reason__more-sys__smaluna {
  width: 88%;
  margin: clamp(1rem, 2.6666666667vw, 2rem) auto 0;
  padding: clamp(2rem, 4.8vw, 3.6rem) clamp(0.5rem, 1.3333333333vw, 1rem);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(1rem, 3.3333333333vw, 2.5rem);
  border-top: 2px dotted #bfbfd7;
  border-bottom: 2px dotted #bfbfd7;
}
.midcarrer-reason__more-sys__smaluna-item {
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, 1.7333333333vw, 1.3rem);
}
.midcarrer-reason__more-sys__smaluna-item:last-of-type {
  grid-column: 1/span 2;
}
.midcarrer-reason__more-sys__smaluna-ico {
  flex: 0 0 clamp(1.2rem, 2.5333333333vw, 1.9rem);
}
.midcarrer-reason__more-sys__smaluna-ico img {
  width: 100%;
}
.midcarrer-reason__more-sys__smaluna-txt {
  font-size: var(--f20);
  font-weight: 600;
}
.midcarrer-reason__more-sys__logo {
  width: clamp(10rem, 24.9333333333vw, 18.7rem);
  margin: clamp(1.5rem, 4.1333333333vw, 3.1rem) auto clamp(1rem, 2.6666666667vw, 2rem);
}
.midcarrer-reason__more-sys__logo + .c-txt {
  width: 88%;
  margin-inline: auto;
}

/* ------------------
 number
------------------*/
.midcarrer-num {
  position: relative;
  z-index: 1;
  margin-top: clamp(-3rem, -10.5333333333vw, -7.9rem);
  padding: clamp(4rem, 11.3333333333vw, 8.5rem) 0 clamp(3rem, 8.8vw, 6.6rem);
  background-color: #f081c1;
}
.midcarrer-num__list {
  width: var(--inner-l);
  max-width: var(--inner-l-max);
  margin: clamp(2rem, 5.6vw, 4.2rem) auto 0;
  display: grid;
  gap: clamp(1.5rem, 3.7333333333vw, 2.8rem);
}
.midcarrer-num__item {
  padding: clamp(2rem, 5.0666666667vw, 3.8rem) clamp(2rem, 4vw, 3rem);
  text-align: center;
  background: var(--white);
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  box-shadow: 0 0.4rem 0 rgba(243, 124, 161, 0.22);
}
.midcarrer-num__item .c-txt {
  font-size: var(--f18);
}
.midcarrer-num__item.--business .midcarrer-num__ttl {
  margin-bottom: 0;
}
.midcarrer-num__item.--business .midcarrer-num__txt {
  margin-top: -1rem;
}
.midcarrer-num__item.--area .midcarrer-num__txt {
  text-align: left;
}
.midcarrer-num__ttl {
  margin-bottom: 1rem;
  font-size: var(--f24);
  font-weight: 600;
  color: #151516;
}
.midcarrer-num__ttl span {
  font-size: 0.66em;
}
.midcarrer-num__txt {
  font-size: var(--f37);
  color: #fd4b9a;
}
.midcarrer-num__txt .en {
  margin-right: 0.08em;
  font-size: clamp(4rem, 14.1333333333vw, 10.6rem);
  font-weight: 400;
}
.midcarrer-num__txt .en:has(span) {
  font-size: clamp(3.4rem, 12.2666666667vw, 9.2rem);
}
.midcarrer-num__txt .en span {
  font-size: 0.57em;
}
.midcarrer-num__txt small {
  font-size: 0.86em;
}
.midcarrer-num__txt + .midcarrer-num__img {
  margin-top: 1rem;
}
.midcarrer-num__founding {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(1rem, 2.9333333333vw, 2.2rem);
}
.midcarrer-num__bus {
  width: clamp(17rem, 41.3333333333vw, 31rem);
  margin: clamp(1rem, 2.4vw, 1.8rem) auto;
}
.midcarrer-num__bus-map {
  margin: clamp(-5rem, -26.6666666667vw, -20rem) auto clamp(1.5rem, 0.2933333333vw, 2.2rem);
  width: clamp(18rem, 43.6vw, 32.7rem);
}
.midcarrer-num__bus-bbl {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto clamp(1rem, 2.8vw, 2.1rem);
  padding: 0.6em 1.2em;
  font-size: var(--f14);
  color: var(--white);
  line-height: 1.42;
  background: #faa0c1;
  border-radius: 100vmax;
  -webkit-border-radius: 100vmax;
}
.midcarrer-num__bus-bbl::before {
  position: absolute;
  content: "";
  width: 2rem;
  top: -1.5rem;
  left: calc(50% - 1.5rem);
  z-index: 1;
  aspect-ratio: 1/0.8660254038;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  line-height: 1.428;
  background: #faa0c1;
}

/* ------------------
 interview
------------------*/
.midcarrer-c__nav {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  padding: 0.5rem 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--white);
  border: 1px solid #ccc;
  border-radius: 100vmax;
  -webkit-border-radius: 100vmax;
}
.midcarrer-c__nav-link {
  padding: clamp(0.5rem, 1.7333333333vw, 1.3rem) clamp(0.5rem, 2.6666666667vw, 2rem);
  text-align: center;
  font-size: var(--f18);
  color: #655668;
  border: 1px solid transparent;
  border-radius: 100vmax;
  -webkit-border-radius: 100vmax;
  white-space: nowrap;
}
.midcarrer-c__nav-link.current {
  color: var(--white);
  background-color: #fd4b9a;
  border-color: #fd4b9a;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 0;
}

.swiper-pagination-bullet {
  background: #cdcdcd;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: #fd4b9a;
}

.midcarrer-interview {
  padding: clamp(5rem, 10vw, 7.5rem) 0 clamp(5rem, 10.6666666667vw, 8rem);
  background: #fff5f8;
  overflow: hidden;
}
.midcarrer-interview .midcarrer-c__ttl02 {
  width: clamp(18rem, 48.5333333333vw, 36.4rem);
  margin: 0 auto clamp(2rem, 5.0666666667vw, 3.8rem);
}
.midcarrer-interview__main {
  width: var(--inner-l);
  max-width: var(--inner-l-max);
  margin: clamp(2rem, 5.0666666667vw, 3.8rem) auto 0;
}
.midcarrer-interview__main .swiper-wrapper {
  padding-block: clamp(2rem, 5.6vw, 4.2rem) clamp(2rem, 4.4vw, 3.3rem);
}
.midcarrer-interview__item {
  padding: 0 clamp(2rem, 5.2vw, 3.9rem) clamp(2rem, 5.2vw, 3.9rem);
  background-color: #e4e4f6;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
}
.midcarrer-interview__item + .midcarrer-interview__faq-item {
  margin-top: clamp(1.5rem, 3.7333333333vw, 2.8rem);
}
.midcarrer-interview__fig {
  margin-top: clamp(-4.2rem, -2.6666666667vw, -2rem);
}
.midcarrer-interview__img {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  border-radius: 100vmax;
  -webkit-border-radius: 100vmax;
  overflow: hidden;
  border: clamp(0.1rem, 0.6666666667vw, 0.5rem) solid #fff;
}
.midcarrer-interview__cap {
  position: relative;
  z-index: 2;
  margin-top: clamp(-2rem, -5.3333333333vw, -4rem);
  min-width: 0;
  color: var(--white);
}
.midcarrer-interview__cap-txt {
  padding: clamp(0.5rem, 1.2vw, 0.9rem) clamp(0.5rem, 2vw, 1.5rem);
  width: -moz-fit-content;
  width: fit-content;
  font-family: var(--en);
  font-size: var(--f23);
  line-height: 1;
  background-color: #faa0c1;
}
.midcarrer-interview__cap-txt + .midcarrer-interview__cap-txt {
  margin-top: clamp(0.2rem, 0.6666666667vw, 0.5rem);
}
.midcarrer-interview__cap-txt span {
  font-size: var(--f19);
}
.midcarrer-interview__txt {
  margin-top: clamp(1rem, 1.5476190476vw, 2.6rem);
  font-size: var(--f16);
  padding-bottom: clamp(2rem, 4.4vw, 3.3rem);
  margin-bottom: clamp(3rem, 5.3333333333vw, 4rem);
  border-bottom: 2px dotted #bfbfd7;
}
.midcarrer-interview__faq {
  overflow-y: auto;
  max-height: clamp(3rem, 47.4666666667vw, 35.6rem);
}
.midcarrer-interview__faq-ttl {
  margin-bottom: 0.5em;
  font-size: var(--f22);
  font-weight: 600;
  color: #fd4b9a;
}
.midcarrer-interview__faq-ttl .en {
  font-family: var(--en);
  font-size: 1.09em;
}

.c-btn01.--insta,
.c-btn01.--map {
  padding-left: 0;
}

.c-btn01.--insta::before,
.c-btn01.--map::before {
  display: none;
}

/* ------------------
 salon
------------------*/
.midcarrer-salon {
  padding: clamp(5rem, 12vw, 9rem) 0 clamp(11rem, 22vw, 16.5rem);
  background-color: #ffe3e3;
  overflow: hidden;
}
.midcarrer-salon .midcarrer-c__ttl02 {
  text-align: center;
}
.midcarrer-salon .midcarrer-c__ttl02 img {
  width: auto;
  max-width: none;
  height: clamp(3.5rem, 7.7333333333vw, 5.8rem);
}

.area-list__nav01 {
  margin-block: clamp(2rem, 5.6vw, 4.2rem) clamp(3rem, 6.6666666667vw, 5rem);
  padding-inline: clamp(1rem, 3.2vw, 2.4rem);
  display: flex;
  gap: 1px;
  border-bottom: 3px solid #f998bc;
}

.area-list__tab01 {
  flex: 1;
  padding: 0.9em;
  text-align: center;
  font-size: var(--f24);
  font-weight: 600;
  color: #585858;
  background: #f5d1cd;
  border-radius: 0.6rem 0.6rem 0 0;
  -webkit-border-radius: 0.6rem 0.6rem 0 0;
}
.area-list__tab01.current {
  color: var(--white);
  background-color: #f998bc;
}

.area-list__cont {
  margin: clamp(2rem, 5.0666666667vw, 3.8rem) auto 0;
}
.area-list__cont .inner {
  width: var(--inner-l);
  max-width: var(--inner-l-max);
}

.area-list__ttl01 {
  margin-bottom: clamp(2rem, 4.6666666667vw, 3.5rem);
  text-align: center;
  font-family: var(--en);
  font-weight: normal;
  color: #fd4b9a;
}
.area-list__ttl01 span {
  font-size: var(--f37);
}
.area-list__ttl01 span + span {
  display: inline-block;
  margin-left: 0.2em;
  font-size: var(--f28);
  color: #151515;
}

.area-list__ttl02 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--f24);
  font-weight: 600;
  color: #fd4b9a;
}

.area-list__ttl03 {
  margin: clamp(1.5rem, 3.3333333333vw, 2.5rem) auto 0;
  padding: clamp(0.5rem, 1.3333333333vw, 1rem);
  width: -moz-fit-content;
  width: fit-content;
  font-family: var(--en);
  font-size: var(--f24);
  font-weight: normal;
  text-transform: capitalize;
  color: #fff;
  background-color: #f998bc;
  border-radius: 100vmax;
  -webkit-border-radius: 100vmax;
}

.area-list__map {
  margin-top: clamp(1.5rem, 3.3333333333vw, 2.5rem);
}
.area-list__map img {
  width: 100%;
}

.area-list__store {
  margin-top: clamp(2rem, 4.8vw, 3.6rem);
}
.area-list__store + .area-list__ttl02 {
  margin-top: clamp(3rem, 6.6666666667vw, 5rem);
}
.area-list__store + .area-list__ttl03 {
  margin-top: clamp(2rem, 4vw, 3rem);
}

.area-list__store-item {
  overflow: hidden;
  background: var(--white);
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
}
.area-list__store-item + .area-list__store-item {
  margin-top: clamp(3rem, 6.6666666667vw, 5rem);
}

.area-list__store-fig {
  display: flex;
  align-items: center;
  height: 14.5rem;
  overflow: hidden;
}

.area-list__store-img {
  width: 50%;
  height: 100%;
}
.area-list__store-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.midcarrer-salon__cap {
  width: 50%;
}

.area-list__store-cap {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  padding: clamp(0.5rem, 0.9333333333vw, 0.7rem) clamp(0.8rem, 1.4666666667vw, 1.1rem);
  font-family: var(--en);
  font-size: var(--f16);
  border-radius: 100vmax;
  -webkit-border-radius: 100vmax;
}
.area-list__store-cap.--hair {
  background-color: #73d7d5;
}
.area-list__store-cap.--eye {
  background-color: #ed8ed2;
}
.area-list__store-cap.--eyenail {
  background-color: #fff980;
}
.area-list__store-cap.--nail {
  background-color: #bca5f8;
}

.area-list__store-logo {
  display: block;
  margin-top: clamp(1rem, 2.6666666667vw, 2rem);
  text-align: center;
}

.area-list__store-cont {
  position: relative;
  max-height: 0;
  padding-inline: clamp(1.5rem, 5.8666666667vw, 4.4rem);
  transition: all 0.3s ease;
}
.area-list__store-cont::before {
  position: absolute;
  content: "";
  width: clamp(1.5rem, 3.4666666667vw, 2.6rem);
  aspect-ratio: 1;
  bottom: clamp(0.5rem, 1.7333333333vw, 1.3rem);
  right: clamp(0.5rem, 1.7333333333vw, 1.3rem);
  z-index: 1;
  background: url(../img/area/btn-open.svg) no-repeat center/cover;
}
.area-list__store-cont.open {
  max-height: 100%;
  padding-block: clamp(1.5rem, 4.4vw, 3.3rem) clamp(1.5rem, 6.6666666667vw, 5rem);
  border-top: 2px dotted #ccc;
}
.area-list__store-cont.open::before {
  background-image: url(../img/area/btn-close.svg);
}
.area-list__store-cont.open .area-list__store-hidden {
  opacity: 1;
  max-height: -moz-fit-content;
  max-height: fit-content;
}
.area-list__store-cont .c-txt + .c-txt {
  margin-top: 0;
}

.area-list__store-hidden {
  opacity: 0;
  max-height: 0;
}

.area-list__store-wrap {
  margin-top: 1.5rem;
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.area-list__store-wrap .c-btn01 {
  box-shadow: none;
  font-size: var(--f20);
  font-family: var(--en);
}

.area-list__store-txt {
  width: 50%;
}
.area-list__store-txt p {
  margin-bottom: 0.5rem;
  font-size: var(--f14);
  font-weight: 500;
  text-align: center;
}

.midcarrer-salon__ico {
  display: inline-block;
  margin-right: 0.6rem;
}

/* ------------------
 greeting
------------------*/
.midcarrer-greering {
  position: relative;
  padding: clamp(2rem, 5.4666666667vw, 4.1rem) 0 clamp(3rem, 10.2666666667vw, 7.7rem);
  background-color: #fff5f8;
}
.midcarrer-greering::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 7.3rem;
  top: -7.3rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  background: url(../img/midcarrer/greeting_bg.webp) no-repeat center/cover;
}
.midcarrer-greering .midcarrer-c__ttl02 {
  width: clamp(17rem, 41.8666666667vw, 31.4rem);
  margin: 0 auto clamp(2rem, 4.6666666667vw, 3.5rem);
  position: relative;
  z-index: 2;
}
.midcarrer-greering__img {
  display: block;
  width: clamp(15rem, 41.3333333333vw, 31rem);
  height: clamp(21rem, 56.6666666667vw, 42.5rem);
  margin: -9rem auto clamp(2rem, 5.0666666667vw, 3.8rem);
  overflow: hidden;
  border-radius: 100vmax;
  -webkit-border-radius: 100vmax;
}
@media screen and (max-width: 500px) {
  .midcarrer-greering__img {
    margin-top: -6rem;
  }
}
@media screen and (max-width: 450px) {
  .midcarrer-greering__img {
    margin-top: -12vw;
  }
}
.midcarrer-greering__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 18%;
     object-position: center 18%;
}
.midcarrer-greering__ttl {
  margin-bottom: clamp(2rem, 4.6666666667vw, 3.5rem);
  font-size: var(--f32);
  line-height: 1.41;
  color: #fd4b9a;
}
.midcarrer-greering__name {
  width: -moz-fit-content;
  width: fit-content;
  margin: clamp(3rem, 7.8666666667vw, 5.9rem) 0 0 auto;
  font-size: var(--f18);
}
.midcarrer-greering__name-head {
  display: block;
  font-size: var(--f16);
}
.midcarrer-greering__name-flex {
  margin-top: clamp(0.5rem, 1.0666666667vw, 0.8rem);
  display: flex;
  align-items: center;
  gap: 1em;
}
.midcarrer-greering__name-name {
  font-size: var(--f24);
}

/* ------------------
 requrument
------------------*/
.midcarrer-req {
  padding: clamp(5rem, 10.8vw, 8.1rem) 0 clamp(5rem, 13.4666666667vw, 10.1rem);
  background-color: #fae3e8;
}
.midcarrer-req__ttl {
  margin-bottom: clamp(2rem, 4.6666666667vw, 3.5rem);
  text-align: center;
  font-size: var(--f28);
  color: #fd4b9a;
}
.midcarrer-req__list {
  margin: clamp(2rem, 5.0666666667vw, 3.8rem) auto 0;
}
.midcarrer-req__item {
  padding: clamp(1.2rem, 3.0666666667vw, 2.3rem) 0;
  border-bottom: 1px solid #e2b2bc;
}
.midcarrer-req__dt {
  margin-bottom: 0.55em;
  font-size: var(--f21);
  font-weight: 600;
  color: #f579a7;
}
.midcarrer-req__dd {
  font-size: var(--f20);
  line-height: 1.8;
}
.midcarrer-req__dd span {
  margin-top: 0.7em;
  font-size: var(--f16);
}

.new-txt {
  color: #fd4b9a;
}

/* ------------------
 footer
------------------*/
.midcarrer-footer {
  padding-block: clamp(4rem, 11.0666666667vw, 8.3rem) clamp(4rem, 7.7333333333vw, 5.8rem);
  text-align: center;
  background: #fff5f8;
  overflow: hidden;
}
.midcarrer-footer .c-slider {
  color: #ffe5ed;
  font-family: var(--en);
  background-color: transparent;
  border-top-width: 0;
  border-bottom-width: 0;
}
.midcarrer-footer .c-slider__list {
  display: flex;
}
.midcarrer-footer .c-slider__item {
  font-size: clamp(4rem, 10.5333333333vw, 7.9rem);
  white-space: nowrap;
}
.midcarrer-footer .midcarrer-c__marker {
  margin-top: clamp(3rem, 7.8666666667vw, 5.9rem);
}
.midcarrer-footer .midcarrer-nav__btn {
  max-width: 39.6rem;
  margin: clamp(1.5rem, 5.3333333333vw, 4rem) auto 0;
  padding-block: clamp(2rem, 4.1333333333vw, 3.1rem);
}
.midcarrer-footer .midcarrer-nav__btn-ico {
  max-width: clamp(2rem, 5.3333333333vw, 4rem);
}
.midcarrer-footer .midcarrer-nav__btn-ico img {
  width: 100%;
}
.midcarrer-footer .midcarrer-nav__btn-txt {
  font-size: var(--f24);
}
.midcarrer-footer__insta {
  margin-top: clamp(3rem, 9.7333333333vw, 7.3rem);
  display: flex;
}
.midcarrer-footer__insta-list {
  display: flex;
}
.midcarrer-footer__insta-list:first-of-type {
  animation: slide01_l 200s -100s infinite linear;
}
.midcarrer-footer__insta-list:last-of-type {
  animation: slide02_l 200s infinite linear;
}
.midcarrer-footer__insta-item {
  min-width: clamp(20rem, 30.8vw, 23.1rem);
  padding-inline: clamp(0.5rem, 1.7333333333vw, 1.3rem);
}
.midcarrer-footer__insta-item img {
  border-radius: clamp(1rem, 1.7333333333vw, 1.3rem);
  -webkit-border-radius: clamp(1rem, 1.7333333333vw, 1.3rem);
}
.midcarrer-footer__txt {
  position: relative;
  margin: clamp(2rem, 4.4vw, 3.3rem) auto 0;
  padding: clamp(0.8rem, 1.7333333333vw, 1.3rem) clamp(1.5rem, 3.8666666667vw, 2.9rem);
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--f22);
  font-weight: 600;
  color: var(--white);
  background-color: #fd4b9a;
  border-radius: 100vmax;
  -webkit-border-radius: 100vmax;
}
.midcarrer-footer__txt::before {
  position: absolute;
  content: "";
  width: clamp(1rem, 2.1333333333vw, 1.6rem);
  aspect-ratio: 1/0.8660254038;
  top: clamp(-1.4rem, -1.0666666667vw, -0.8rem);
  left: calc(50% - clamp(1rem, 2.1333333333vw, 1.6rem));
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background: #fd4b9a;
}
.midcarrer-footer .insta-link {
  margin-top: clamp(2rem, 3.8666666667vw, 2.9rem);
  justify-content: center;
}
.midcarrer-footer__logo {
  width: clamp(10rem, 18vw, 13.5rem);
  margin: clamp(2rem, 9.0666666667vw, 6.8rem) auto clamp(2rem, 0.3466666667vw, 2.6rem);
}

.footer-catch {
  width: clamp(18rem, 43.8666666667vw, 32.9rem);
  margin: clamp(1rem, 3.7333333333vw, 2.8rem) auto;
}

@keyframes slide01_l {
  from {
    transform: translate(-100%, 0);
  }
  to {
    transform: translate(100%, 0);
  }
}
@keyframes slide02_l {
  from {
    transform: translate(-200%, 0);
  }
  to {
    transform: translate(0, 0);
  }
}
/* Footer *//*# sourceMappingURL=midcarrer.css.map */