@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Kosugi+Maru&family=Mr+Dafoe&family=Norican&family=Noto+Sans+JP:wght@200;400;700;900&display=swap");
/* A Modern CSS Reset */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd,
ul,
ol {
  outline: 0;
  margin: 0;
  padding: 0;
}

li {
  list-style-type: none;
}

html:focus-within {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.8;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
}

img,
picture {
  max-width: 100%;
  display: block;
  height: auto;
  vertical-align: bottom;
}

input,
button,
textarea,
select {
  font: inherit;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
html {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: clamp(14px, 2.917vw, 16px);
  color: #2c2c2c;
}

a {
  color: #136d78;
}
a:hover {
  text-decoration: none;
}

strong {
  font-weight: 700;
}

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

.l-2col__item--txt .ttl {
  font-weight: 700;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 700px) {
  .l-2col__item--txt .ttl {
    font-size: 1.1em;
    margin-bottom: 1rem;
  }
}
.l-2col__item--txt .desc {
  font-size: 0.9em;
}
@media screen and (min-width: 701px) {
  .l-2col__item--txt .desc {
    font-size: 0.8em;
    line-height: 1.6;
  }
}

.l-3col {
  display: flex;
  column-gap: 20px;
}
.l-3col__item {
  flex: 1;
}

/* Project */
/* area layout */
.p-area {
  position: relative;
  overflow: hidden;
}
.p-area::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 50%;
  top: 0;
  left: 0;
  z-index: -1;
}
.p-area::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 50%;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 700px) {
  .p-area--slice01 .p-area-wrap {
    clip-path: polygon(0 60px, 100% 0, 100% calc(100% - 60px), 0 100%);
  }
}
@media screen and (min-width: 701px) {
  .p-area--slice01 .p-area-wrap {
    clip-path: polygon(0 80px, 100% 0, 100% calc(100% - 80px), 0 100%);
  }
}
@media screen and (max-width: 700px) {
  .p-area--slice01::before {
    clip-path: polygon(0 40px, 100% 0, 100% 100%, 0 100%);
  }
}
@media screen and (min-width: 701px) {
  .p-area--slice01::before {
    clip-path: polygon(0 60px, 100% 0, 100% 100%, 0 100%);
  }
}
@media screen and (max-width: 700px) {
  .p-area--slice01::after {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), 0 100%);
  }
}
@media screen and (min-width: 701px) {
  .p-area--slice01::after {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), 0 100%);
  }
}
@media screen and (max-width: 700px) {
  .p-area--slice02 .p-area-wrap {
    clip-path: polygon(0 0, 100% 40px, 100% 100%, 0 calc(100% - 40px));
  }
}
@media screen and (min-width: 701px) {
  .p-area--slice02 .p-area-wrap {
    clip-path: polygon(0 0, 100% 80px, 100% 100%, 0 calc(100% - 80px));
  }
}
@media screen and (max-width: 700px) {
  .p-area--slice02::before {
    clip-path: polygon(0 0, 100% 30px, 100% 100%, 0 calc(100% - 30px));
  }
}
@media screen and (min-width: 701px) {
  .p-area--slice02::before {
    clip-path: polygon(0 0, 100% 50px, 100% 100%, 0 100%);
  }
}
@media screen and (max-width: 700px) {
  .p-area--slice02::after {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 20px));
  }
}
@media screen and (min-width: 701px) {
  .p-area--slice02::after {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 30px));
  }
}

.p-area--slice01.p-area--y::before {
  background: linear-gradient(90deg, rgb(254, 220, 118) 0%, rgb(255, 251, 204) 100%);
}
.p-area--slice01.p-area--y::after {
  background: linear-gradient(-90deg, rgb(254, 220, 118) 0%, rgb(255, 251, 204) 100%);
}
.p-area--slice01.p-area--y .p-area-wrap {
  background: #fffbcc;
}
.p-area--slice01.p-area--p::before {
  background: linear-gradient(90deg, rgb(223, 112, 154) 0%, rgb(255, 226, 246) 100%);
}
.p-area--slice01.p-area--p::after {
  background: linear-gradient(-90deg, rgb(223, 112, 154) 0%, rgb(255, 226, 246) 100%);
}
.p-area--slice01.p-area--p .p-area-wrap {
  background: #ffe2f6;
}
.p-area--slice01.p-area--b::before {
  background: linear-gradient(90deg, rgb(37, 181, 199) 0%, rgb(223, 243, 247) 100%);
}
.p-area--slice01.p-area--b::after {
  background: linear-gradient(-90deg, rgb(37, 181, 199) 0%, rgb(223, 243, 247) 100%);
}
.p-area--slice01.p-area--b .p-area-wrap {
  background: #dff3f7;
}
.p-area--slice01.p-area--g::before {
  background: linear-gradient(90deg, rgb(89, 177, 134) 0%, rgb(231, 254, 227) 100%);
}
.p-area--slice01.p-area--g::after {
  background: linear-gradient(-90deg, rgb(89, 177, 134) 0%, rgb(231, 254, 227) 100%);
}
.p-area--slice01.p-area--g .p-area-wrap {
  background: #e7fee3;
}
.p-area--slice01.p-area--v::before {
  background: linear-gradient(90deg, rgb(185, 93, 228) 0%, rgb(233, 194, 252) 100%);
}
.p-area--slice01.p-area--v::after {
  background: linear-gradient(-90deg, rgb(185, 93, 228) 0%, rgb(233, 194, 252) 100%);
}
.p-area--slice01.p-area--v .p-area-wrap {
  background: #f1e2f8;
}

.p-area--slice02.p-area--y::before {
  background: linear-gradient(-90deg, rgb(254, 220, 118) 0%, rgb(255, 251, 204) 100%);
}
.p-area--slice02.p-area--y::after {
  background: linear-gradient(90deg, rgb(254, 220, 118) 0%, rgb(255, 251, 204) 100%);
}
.p-area--slice02.p-area--y .p-area-wrap {
  background: #fffbcc;
}
.p-area--slice02.p-area--p::before {
  background: linear-gradient(-90deg, rgb(223, 112, 154) 0%, rgb(255, 226, 246) 100%);
}
.p-area--slice02.p-area--p::after {
  background: linear-gradient(90deg, rgb(223, 112, 154) 0%, rgb(255, 226, 246) 100%);
}
.p-area--slice02.p-area--p .p-area-wrap {
  background: #ffe2f6;
}
.p-area--slice02.p-area--b::before {
  background: linear-gradient(-90deg, rgb(37, 181, 199) 0%, rgb(223, 243, 247) 100%);
}
.p-area--slice02.p-area--b::after {
  background: linear-gradient(90deg, rgb(37, 181, 199) 0%, rgb(223, 243, 247) 100%);
}
.p-area--slice02.p-area--b .p-area-wrap {
  background: #dff3f7;
}
.p-area--slice02.p-area--g::before {
  background: linear-gradient(-90deg, rgb(89, 177, 134) 0%, rgb(231, 254, 227) 100%);
}
.p-area--slice02.p-area--g::after {
  background: linear-gradient(90deg, rgb(89, 177, 134) 0%, rgb(231, 254, 227) 100%);
}
.p-area--slice02.p-area--g .p-area-wrap {
  background: #e7fee3;
}
.p-area--slice02.p-area--v::before {
  background: linear-gradient(-90deg, rgb(185, 93, 228) 0%, rgb(233, 194, 252) 100%);
}
.p-area--slice02.p-area--v::after {
  background: linear-gradient(90deg, rgb(185, 93, 228) 0%, rgb(233, 194, 252) 100%);
}
.p-area--slice02.p-area--v .p-area-wrap {
  background: #f1e2f8;
}

.p-area--block {
  max-width: 1000px;
  padding: clamp(60px, 12.5vw, 100px) 0 clamp(60px, 12.5vw, 100px);
  margin: 0 auto;
}

.p-area--popular {
  background: #f2f2f2;
}

.p-flow__new {
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-width: 960px;
  margin-top: clamp(20px, 4.167vw, 40px);
  margin-left: auto;
  margin-right: auto;
  padding: 0 30px;
}
.p-flow__new-item {
  position: relative;
  padding: 40px 25px 30px;
  background-color: #fff;
  border-radius: 25px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 701px) {
  .p-flow__new-item {
    padding: 45px 50px;
  }
}
.p-flow__new-step {
  position: absolute;
  width: 94px;
  top: 20px;
  left: -20px;
}
@media screen and (min-width: 701px) {
  .p-flow__new-step {
    width: 124px;
  }
}
.p-flow__new-ttl {
  font-size: clamp(16px, 3.333vw, 22px);
  padding-left: 55px;
}
@media screen and (min-width: 701px) {
  .p-flow__new-ttl {
    padding-left: 70px;
  }
}
.p-flow__new-base {
  margin-top: clamp(20px, 4.167vw, 20px);
}
@media screen and (min-width: 701px) {
  .p-flow__new-base {
    display: flex;
    gap: 30px;
    align-items: center;
  }
}
@media screen and (min-width: 701px) {
  .p-flow__new-base.base-top {
    align-items: flex-start;
  }
}
@media screen and (min-width: 701px) {
  .p-flow__new-base-ph {
    width: 48%;
  }
}
@media screen and (min-width: 701px) {
  .p-flow__new-base-in {
    flex: 1;
  }
}
@media screen and (max-width: 700px) {
  .p-flow__new-base-in {
    margin-top: 10px;
  }
}
.p-flow__new-base-in p + p {
  margin-top: 0.4em;
}
.p-flow__new-base-in .indent {
  margin-left: 1em;
  text-indent: -1em;
}
.p-flow__new-base-in dl {
  margin-top: clamp(20px, 4.167vw, 20px);
}
.p-flow__new-base-in dl dt {
  text-align: center;
}
.p-flow__new-base-in dl dt img {
  width: 72px;
  display: inline-block;
}
@media screen and (min-width: 701px) {
  .p-flow__new-base-in dl dt img {
    width: 83px;
  }
}
.p-flow__new-base-in dl dd {
  padding: 12px 0 12px 22px;
  position: relative;
}
.p-flow__new-base-in dl dd::before {
  position: absolute;
  display: block;
  content: "";
  top: 15px;
  left: 0;
  width: 18px;
  height: 18px;
  background-image: url(../img/index/flow-point-chk.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.p-flow__new-base-in dl dd + dd {
  border-top: dotted 1px #a3f0fa;
}

@media screen and (max-width: 700px) {
  .p-flow__new-sup {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 701px) {
  .p-flow__new-sup {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 40px !important;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}
.p-flow__new-sup p {
  top: -5px !important;
  left: 0 !important;
}
@media screen and (min-width: 701px) {
  .p-flow__new-sup p {
    width: 160px !important;
  }
}
.p-flow__new-sup::after {
  transform: translateX(0) !important;
}
.p-flow__new-sup::before {
  width: 110% !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(-2deg) !important;
  background-color: #ffffe3 !important;
  box-shadow: 0px 8px 8px -6px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 700px) {
  .p-flow__new-sup::before {
    transform: translateX(-50%) rotate(-2deg) !important;
  }
}
@media screen and (min-width: 701px) {
  .p-flow__new-sup::before {
    transform: translateX(-50%) rotate(-1deg) !important;
  }
}
.p-flow__new-sup dd {
  font-size: clamp(13px, 2.708vw, 15px);
}

.p-title {
  text-align: center;
  padding: 0 20px;
}
.p-title h2 {
  font-size: clamp(20px, 4.167vw, 24px);
}
.p-title--ptn01 {
  padding-bottom: 30px;
  background: url(../img/ttl_01.png) no-repeat center bottom;
  background-size: 230px 14px;
}
.p-title--ptn02 {
  padding-bottom: 30px;
  background: url(../img/ttl_02.png) no-repeat center bottom;
  background-size: 230px 16px;
}

.p-title__sub {
  text-align: center;
  padding-bottom: clamp(18px, 3.75vw, 20px);
}
.p-title__sub h2 {
  font-size: clamp(16px, 3.333vw, 18px);
}
.p-title__sub--ptn01 {
  position: relative;
}
.p-title__sub--ptn01::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: repeating-linear-gradient(-45deg, rgb(102, 102, 102), rgb(102, 102, 102) 5px, rgba(102, 102, 102, 0) 5px, rgba(102, 102, 102, 0) 10px);
}

.p-title__second {
  text-align: center;
}
.p-title__second .p-title__in {
  position: relative;
  display: inline-block;
  font-size: clamp(18px, 3.75vw, 20px);
  line-height: 1.5;
}
.p-title__second .p-title__in::before, .p-title__second .p-title__in::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.p-title__second .p-title__in::before {
  left: 0;
}
.p-title__second .p-title__in::after {
  right: 0;
}
.p-title__second .p-title__question {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 8px;
}
.p-title__second .p-title__question:before {
  content: "";
  display: block;
  width: 47px;
  height: 49px;
  background: url(../img/about-chatlady/icon_question_blue.png) no-repeat center center/contain;
}
.p-title__second--ptn01 .p-title__in {
  padding: 0 30px;
  letter-spacing: -0.05em;
}
.p-title__second--ptn01 .p-title__in::before, .p-title__second--ptn01 .p-title__in::after {
  width: 21px;
  height: 15px;
}
.p-title__second--ptn01 .p-title__in::before {
  background-image: url(../img/title_sec_l.svg);
}
.p-title__second--ptn01 .p-title__in::after {
  background-image: url(../img/title_sec_r.svg);
}
.p-title__second--ptn02 .p-title__in {
  padding: 0 20px;
}
@media screen and (min-width: 701px) {
  .p-title__second--ptn02 .p-title__in {
    padding: 0 30px;
  }
}
.p-title__second--ptn02 .p-title__in::before, .p-title__second--ptn02 .p-title__in::after {
  width: 9px;
  height: 11px;
}
@media screen and (min-width: 701px) {
  .p-title__second--ptn02 .p-title__in::before, .p-title__second--ptn02 .p-title__in::after {
    width: 15px;
    height: 19px;
  }
}
.p-title__second--ptn02 .p-title__in::before {
  background-image: url(../img/title_sec02_l.svg);
}
.p-title__second--ptn02 .p-title__in::after {
  background-image: url(../img/title_sec02_r.svg);
}
.p-title__second--ptn03 .p-title__in {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 4em;
  max-width: 260px;
  margin: 0 auto;
  line-height: 1.6;
}
@media screen and (min-width: 701px) {
  .p-title__second--ptn03 .p-title__in {
    min-width: 440px;
    min-height: 3em;
  }
}
.p-title__second--ptn03 .p-title__in--w {
  max-width: 320px;
}
.p-title__second--ptn03 .p-title__in::before, .p-title__second--ptn03 .p-title__in::after {
  width: 10px;
  height: 100%;
  top: 0;
  border-top: solid 1px #333;
  border-bottom: solid 1px #333;
}
.p-title__second--ptn03 .p-title__in::before {
  left: 0;
  border-left: solid 1px #333;
}
.p-title__second--ptn03 .p-title__in::after {
  right: 0;
  border-right: solid 1px #333;
}
.p-title__second--ptn04 .p-title__in {
  padding: 0 20px;
}
@media screen and (min-width: 701px) {
  .p-title__second--ptn04 .p-title__in {
    padding: 0 30px;
  }
}
.p-title__second--ptn04 .p-title__in::before, .p-title__second--ptn04 .p-title__in::after {
  width: 10px;
  height: 100%;
  background-size: 11px 15px;
  background-position: center center;
}
@media screen and (min-width: 701px) {
  .p-title__second--ptn04 .p-title__in::before, .p-title__second--ptn04 .p-title__in::after {
    width: 16px;
    background-size: 16px 24px;
  }
}
.p-title__second--ptn04 .p-title__in::before {
  background-image: url(../img/icn_kira.png);
}
.p-title__second--ptn04 .p-title__in::after {
  background-image: url(../img/icn_kira.png);
}
.p-title__second--ptn05 .p-title__in {
  padding: 0 30px 10px;
}
.p-title__second--ptn05 .p-title__in::before, .p-title__second--ptn05 .p-title__in::after {
  width: 29px;
  height: 100%;
  background-size: 29px 25px;
  background-position: center center;
}
.p-title__second--ptn05 .p-title__in::before {
  background-image: url(../img/icn_kutikomi_l.png);
}
.p-title__second--ptn05 .p-title__in::after {
  background-image: url(../img/icn_kutikomi_r.png);
}

.p-title__third {
  text-align: center;
}
.p-title__third h3,
.p-title__third .p-title__in {
  position: relative;
  display: inline-block;
  font-size: clamp(18px, 3.75vw, 20px);
}
.p-title__third h3 span,
.p-title__third .p-title__in span {
  width: 160px;
  position: absolute;
  left: -80px;
  top: -10px;
}

.p-title__fourth {
  text-align: center;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 120px 20px;
}
.p-title__fourth .p-title__in {
  position: relative;
  display: inline-block;
  font-size: clamp(18px, 3.75vw, 20px);
}
.p-title__fourth--ptn01 {
  background-image: url(../img/line_b.svg);
}
.p-title__fourth--ptn02 {
  background-image: url(../img/line_p.svg);
}

.p-title__side {
  border-bottom: solid 1px #444;
  padding-bottom: clamp(5px, 1.042vw, 8px);
  background-repeat: no-repeat;
  background-position: left center;
}
.p-title__side .p-title__in {
  display: inline-block;
  font-size: clamp(16px, 3.333vw, 18px);
}
.p-title__side--ptn01 {
  padding-left: 50px;
  padding-top: 5px;
  background-image: url(../img/icn_staff.png);
  background-size: 39px 28px;
}
.p-title__side--ptn02 {
  padding-left: 34px;
  padding-top: 5px;
  background-image: url(../img/icn_blog_recom.png);
  background-size: 19px 18px;
}
@media screen and (min-width: 701px) {
  .p-title__side--ptn02 {
    background-size: 24px 23px;
  }
}
.p-title__side--ptn03 {
  padding-left: 34px;
  padding-top: 5px;
  background-image: url(../img/icn_blog_cat.png);
  background-size: 21px 16px;
}
@media screen and (min-width: 701px) {
  .p-title__side--ptn03 {
    background-size: 24px;
  }
}

.p-about {
  /* wrap */
}
.p-about__wrap {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.p-about {
  /* アイテム */
}
.p-about__item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  row-gap: 1rem;
  padding: 4rem 3rem 3rem;
  background: #fff;
  border-radius: 10px;
  box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.18);
}
@media screen and (max-width: 700px) {
  .p-about__item {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.23);
    padding: 3.5rem 1.3rem 1.3rem;
  }
}
.p-about {
  /* タイトル */
}
.p-about__title {
  position: relative;
  font-size: clamp(20px, 4.167vw, 24px);
}
.p-about__title::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: repeating-linear-gradient(-45deg, var(--about-title-line), var(--about-title-line) 5px, transparent 5px, transparent 10px);
}
.p-about__title span {
  display: block;
  position: relative;
}
.p-about__title span:before, .p-about__title span:after {
  position: absolute;
  content: "";
}
.p-about__title {
  /* メリット（黄色） */
}
.p-about__title--merit {
  --about-title-line: #f9d446;
}
.p-about__title--merit span:before {
  left: 0%;
  top: 0%;
  transform: translate(-50%, -50%);
  width: 75px;
  height: 42px;
  background: url("../img/about-chatlady/txt_merit.png") no-repeat center center/contain;
}
.p-about__title--merit span:after {
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
  width: 41px;
  height: 41px;
  background: url("../img/about-chatlady/icon_star.png") no-repeat center center/contain;
}
.p-about__title {
  /* デメリット（青） */
}
.p-about__title--demerit {
  --about-title-line: #3f9ae7;
}
.p-about__title--demerit span:before {
  left: 0%;
  top: 0%;
  transform: translate(-50%, -50%);
  width: 101px;
  height: 50px;
  background: url("../img/about-chatlady/txt_demerit.png") no-repeat center center/contain;
}
.p-about__title--demerit span:after {
  right: -29px;
  top: -9px;
  width: 25px;
  height: 27px;
  background: url("../img/about-chatlady/icon_ase.png") no-repeat center center/contain;
}
.p-about {
  /* リード分 */
}
.p-about__lead p {
  text-align: center;
}
@media screen and (max-width: 700px) {
  .p-about__lead p:not(:last-child) {
    margin-bottom: 8px;
  }
}
.p-about {
  /* メイン */
}
.p-about__main {
  display: flex;
}
@media screen and (min-width: 701px) {
  .p-about__main {
    align-items: center;
    column-gap: 1rem;
  }
}
@media screen and (max-width: 700px) {
  .p-about__main {
    flex-direction: column;
    row-gap: 1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media screen and (min-width: 701px) {
  .p-about__main--image {
    width: 55%;
  }
}
@media screen and (min-width: 701px) {
  .p-about__main--text {
    width: 45%;
  }
}
.p-about__main--text li {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 8px;
}
.p-about__main--text li:not(:last-child) {
  margin-bottom: 8px;
  border-bottom: 1px dashed rgb(113, 105, 105);
}
.p-about__main--text li:before {
  content: "";
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}
@media screen and (max-width: 700px) {
  .p-about__main--text li:before {
    width: 10px;
    height: 10px;
  }
}
.p-about__main--text.is-merit li:before {
  background: url("../img/about-chatlady/icon_point_merit.png") no-repeat center center/contain;
}
.p-about__main--text.is-demerit li:before {
  background: url("../img/about-chatlady/icon_point_demerit.png") no-repeat center center/contain;
}
.p-about {
  /* メッセージ */
}
.p-about__message {
  position: relative;
  border-radius: 6px;
  background-color: rgb(241, 241, 241);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 700px) {
  .p-about__message {
    font-size: 13px;
  }
}
.p-about__message::before, .p-about__message::after {
  content: "";
  display: block;
  position: absolute;
  width: 48px;
  height: 42px;
}
.p-about__message:before {
  background: url("../img/about-chatlady/icon_flower_left.png") no-repeat center center/contain;
  left: -4px;
  top: -8px;
}
.p-about__message:after {
  background: url("../img/about-chatlady/icon_flower_right.png") no-repeat center center/contain;
  right: -5px;
  bottom: -8px;
}

.p-voice-ph {
  border-radius: 10px;
  overflow: hidden;
}

.p-dairy-flow {
  background: #fffcd6;
  text-align: center;
  position: relative;
  border-radius: 12px;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.p-dairy-flow:before, .p-dairy-flow:after {
  content: "";
  display: block;
  position: absolute;
}
.p-dairy-flow:before {
  width: 34px;
  height: 27px;
  background: url(../img/dairy-flow/icon_note_yellow.png) no-repeat center center/contain;
  left: 132px;
  bottom: 20px;
}
@media screen and (max-width: 700px) {
  .p-dairy-flow:before {
    width: 26px;
    height: 20px;
    left: 27px;
    bottom: 16px;
  }
}
.p-dairy-flow:after {
  width: 32px;
  height: 29px;
  background: url(../img/dairy-flow/icon_note_blue.png) no-repeat center center/contain;
  right: 142px;
  bottom: 15px;
}
@media screen and (max-width: 700px) {
  .p-dairy-flow:after {
    width: 27px;
    height: 25px;
    right: 36px;
  }
}
.p-dairy-flow p {
  font-weight: 700;
  text-align: center;
  line-height: 1.6;
}

.p-interview-flow {
  padding: 1rem;
  background: #f8f8f3;
}
.p-interview-flow__title {
  margin-bottom: 1rem;
  text-align: center;
  font-size: clamp(18px, 3.75vw, 20px);
  line-height: 1.6;
}
.p-interview-flow__list {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.p-interview-flow__item {
  display: flex;
  gap: 8px;
  line-height: 1.6;
}
.p-interview-flow__item:before {
  flex-shrink: 0;
}
.p-interview-flow__item:nth-child(1):before {
  content: "①";
}
.p-interview-flow__item:nth-child(2):before {
  content: "②";
}
.p-interview-flow__item:nth-child(3):before {
  content: "③";
}

/* Component */
.c-popular-articles__title {
  font-size: clamp(18px, 3.75vw, 20px) !important;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
}
.c-popular-articles__title span {
  display: block;
  position: relative;
  line-height: 1.6;
  margin-bottom: 11px;
}
.c-popular-articles__title span:before, .c-popular-articles__title span:after {
  content: "";
  display: block;
  position: absolute;
}
.c-popular-articles__title span:before {
  width: 100px;
  height: 53px;
  left: -58px;
  top: -40px;
}
@media screen and (min-width: 701px) {
  .c-popular-articles__title span:before {
    background: url(../img/popular-articles/icon_check_pc.png) no-repeat center center/contain;
  }
}
@media screen and (max-width: 700px) {
  .c-popular-articles__title span:before {
    background: url(../img/popular-articles/icon_check_sp.png) no-repeat center center/contain;
    width: 89px;
    height: 47px;
    left: -50px;
    top: -34px;
  }
}
.c-popular-articles__title span:after {
  background: url(../img/popular-articles/icon_search.png) no-repeat center center/contain;
  width: 30px;
  height: 44px;
  right: -40px;
  bottom: -20px;
}
@media screen and (max-width: 700px) {
  .c-popular-articles__title span:after {
    width: 28px;
    height: 41px;
    right: -35px;
    top: 37px;
  }
}
.c-popular-articles__title img {
  width: 485px;
}
@media screen and (max-width: 700px) {
  .c-popular-articles__title img {
    width: 255px;
  }
}
.c-popular-articles__list {
  display: flex;
}
@media screen and (min-width: 701px) {
  .c-popular-articles__list {
    column-gap: 20px;
  }
}
@media screen and (max-width: 700px) {
  .c-popular-articles__list {
    flex-direction: column;
    row-gap: 10px;
  }
}
@media screen and (min-width: 701px) {
  .c-popular-articles__item {
    flex: 1;
  }
}
.c-popular-articles__link {
  display: block;
  position: relative;
  border-radius: 12px;
  z-index: 1;
  text-decoration: none;
  color: #2c2c2c;
  text-align: left;
  font-size: clamp(14px, 2.917vw, 16px);
}
@media screen and (max-width: 700px) {
  .c-popular-articles__link {
    display: flex;
    align-items: center;
  }
}
.c-popular-articles__link:before, .c-popular-articles__link:after {
  content: "";
  display: block;
  border-radius: 12px;
  position: absolute;
}
.c-popular-articles__link:before {
  z-index: -1;
  background: #fff;
  right: 0;
  top: 0;
  bottom: -4px;
  left: 0;
}
.c-popular-articles__link:after {
  z-index: 0;
  border: 1px solid rgb(146, 146, 146);
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.c-popular-articles__link-title {
  position: relative;
  line-height: 1.6;
  font-size: 1.1em;
}
@media screen and (min-width: 701px) {
  .c-popular-articles__link-title {
    height: 75px;
    display: flex;
    align-items: center;
    padding-left: 0.7rem;
    padding-right: 2rem;
  }
}
@media screen and (max-width: 700px) {
  .c-popular-articles__link-title {
    padding: 0.5rem 2.5rem 0.5rem 1rem;
    flex: 1;
  }
}
.c-popular-articles__link-title:before {
  content: "";
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  background: url(../img/popular-articles/icon_arrow-circle_right.png) no-repeat center center/contain;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
}
.c-popular-articles__link-image {
  position: relative;
  overflow: hidden;
  padding-top: 66%;
}
@media screen and (max-width: 700px) {
  .c-popular-articles__link-image {
    width: 37%;
    border-radius: 12px 0 0 12px;
    padding-top: 27%;
  }
}
@media screen and (min-width: 701px) {
  .c-popular-articles__link-image {
    border-radius: 12px 12px 0 0;
  }
}
.c-popular-articles__link-image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.c-cv {
  max-width: 1000px;
  padding-left: 20px;
  padding-right: 20px;
  margin: clamp(30px, 6.25vw, 50px) auto clamp(30px, 6.25vw, 50px) !important;
}
.c-cv__inner {
  margin-top: clamp(20px, 4.167vw, 30px);
  display: flex;
}
@media screen and (max-width: 700px) {
  .c-cv__inner {
    flex-direction: column;
  }
}
@media screen and (min-width: 701px) {
  .c-cv__inner {
    align-items: stretch;
  }
}
@media screen and (max-width: 700px) {
  .c-cv__inner.type-only-mail {
    margin-top: 0;
  }
}
@media screen and (min-width: 701px) {
  .c-cv__inner.type-only-mail .c-cv__inner-block__main {
    width: 45%;
  }
}
@media screen and (min-width: 701px) {
  .c-cv__inner.type-only-mail .c-cv__inner-block__sub {
    width: 55%;
  }
}
@media screen and (max-width: 700px) {
  .c-cv__inner.type-only-mail .c-cv__inner-block__sub {
    width: 100%;
  }
}
@media screen and (min-width: 701px) {
  .c-cv__inner.type-only-mail .c-cv__inner-block__sub .c-cv__inner-block__sub-box {
    width: 100%;
  }
}
@media screen and (max-width: 700px) {
  .c-cv__inner.type-only-mail .c-cv__inner-block__sub .c-cv__inner-block__sub-box-mail {
    width: 195px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 701px) {
  .c-cv__inner.type-only-tel .c-cv__inner-block__sub {
    padding-right: 0;
    width: 229px;
  }
}
.c-cv__inner.type-only-tel .c-cv__inner-block__sub-box-mail {
  width: 100%;
}
.c-cv__inner-block__sub {
  width: 100%;
}
@media screen and (max-width: 700px) {
  .c-cv__inner-block__sub {
    order: 2;
    margin-top: 5%;
  }
}
@media screen and (min-width: 701px) {
  .c-cv__inner-block__sub {
    padding-right: 2.5%;
  }
}
.c-cv__inner-block__sub-wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  column-gap: 1rem;
}
.c-cv__inner-block__sub dt {
  font-size: clamp(12px, 2.5vw, 14px);
}
.c-cv__inner-block__sub-box {
  width: 48%;
  text-align: center;
}
.c-cv__inner-block__sub-box--btn {
  margin-top: clamp(10px, 2.083vw, 12px);
}
.c-cv__inner-block__sub-box-tel .c-cv__inner-block__sub-box--desc {
  margin-top: clamp(2px, 0.417vw, 4px);
  font-size: clamp(14px, 2.917vw, 16px);
}
@media screen and (max-width: 700px) {
  .c-cv__inner-block__sub-box-tel .c-cv__inner-block__sub-box--desc {
    line-height: 1.6;
  }
}
.c-cv__inner-block__sub-box-mail .c-cv__inner-block__sub-box--desc {
  margin-top: clamp(5px, 1.042vw, 7px);
  font-size: clamp(12px, 2.5vw, 14px);
}
.c-cv__inner-block__main {
  position: relative;
}
@media screen and (max-width: 700px) {
  .c-cv__inner-block__main {
    order: 1;
  }
}
@media screen and (min-width: 701px) {
  .c-cv__inner-block__main {
    width: 46%;
    padding-left: 2.5%;
    border-left: solid 1px #9a9a9a;
  }
}
@media screen and (min-width: 701px) {
  .c-cv__inner-block__main::before {
    position: absolute;
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    top: 50%;
    left: -4px;
    transform: translateY(-4px);
    background: #9a9a9a;
    border: solid 2px #fff;
    border-radius: 50%;
  }
}
.c-cv__inner-block__main dt {
  text-align: center;
}
.c-cv__inner-block__main dt span {
  position: relative;
  display: inline-block;
  line-height: 1.2;
  padding: 0 20px;
  font-weight: 600;
}
.c-cv__inner-block__main dt span::before {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  width: 4px;
  height: 10px;
  background: url(../img/cv_line_ttl.png);
  background-size: cover;
}
.c-cv__inner-block__main dt span::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  right: 0;
  width: 4px;
  height: 10px;
  background: url(../img/cv_line_ttl.png);
  background-size: cover;
  transform: scale(1, -1);
}
.c-cv__inner-block__main dd {
  margin-top: clamp(10px, 2.083vw, 12px);
}
.c-cv__ttl {
  text-align: center;
  font-size: clamp(20px, 4.167vw, 24px);
}
.c-cv__btn--sm {
  position: relative;
  text-decoration: none;
  display: block;
  color: #2c2c2c;
  border-radius: 999px;
  font-size: clamp(12px, 2.5vw, 16px);
  font-weight: bold;
}
@media screen and (min-width: 960px) {
  .c-cv__btn--sm {
    transition: 0.3s ease-out;
  }
  .c-cv__btn--sm:hover {
    opacity: 0.7;
  }
}
.c-cv__btn--sm span {
  display: inline-block;
  padding: clamp(8px, 1.667vw, 12px) 0 clamp(10px, 2.083vw, 14px);
  padding-left: 22px;
  background-repeat: no-repeat;
  background-position: left center;
}
@media screen and (min-width: 701px) {
  .c-cv__btn--sm span {
    padding-left: 32px;
  }
}
.c-cv__btn--sm::after {
  position: absolute;
  display: block;
  content: "";
  top: -2px;
  left: -2px;
  height: 100%;
  width: 100%;
  border: solid 2px #2c2c2c;
  border-radius: 999px;
}
@media screen and (max-width: 700px) {
  .c-cv__btn--sm::after {
    border: solid 1px #2c2c2c;
  }
}
.c-cv__btn--lg {
  position: relative;
  text-decoration: none;
  display: block;
  color: #2c2c2c;
  border-radius: 999px;
  font-size: clamp(16px, 3.333vw, 20px);
  background-color: #06c755;
  color: #fff;
  font-weight: bold;
  text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.3);
  text-align: center;
  border: solid 2px #424141;
}
@media screen and (min-width: 960px) {
  .c-cv__btn--lg {
    transition: 0.3s ease-out;
  }
  .c-cv__btn--lg:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 700px) {
  .c-cv__btn--lg {
    border: solid 1px #424141;
  }
}
.c-cv__btn--lg span {
  display: inline-block;
  padding: clamp(8px, 1.667vw, 12px) 0;
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: left center;
}
.c-cv__btn--tel {
  background: #f6fbdd;
}
.c-cv__btn--tel span {
  background-image: url(../img/cv_tel.png);
  background-size: 18px 18px;
}
@media screen and (min-width: 701px) {
  .c-cv__btn--tel span {
    background-size: 24px 24px;
  }
}
.c-cv__btn--ig {
  background: linear-gradient(90deg, #f58529 0%, #f77737 15%, #dd2a7b 40%, #8134af 70%, #515bd4 100%);
  color: #fff;
  border: none !important;
}
.c-cv__btn--ig:after {
  display: none !important;
}
.c-cv__btn--ig span {
  padding-left: 0;
}
.c-cv__btn--mail {
  background: #ddedfb;
}
.c-cv__btn--mail span {
  background-image: url(../img/cv_mail.png);
  background-size: 17px 12px;
}
@media screen and (min-width: 701px) {
  .c-cv__btn--mail span {
    background-size: 24px 15px;
  }
}
.c-cv__btn--line span {
  background-image: url(../img/cv_line.png);
  background-size: 30px 28px;
}
.c-cv__aside {
  position: relative;
  margin-top: clamp(25px, 5.208vw, 30px);
  border: solid 7px #ececea;
}
@media screen and (max-width: 700px) {
  .c-cv__aside {
    border: solid 5px #ececea;
  }
}
.c-cv__aside h3 {
  position: absolute;
  top: -1.2em;
  width: 100%;
  text-align: center;
}
.c-cv__aside h3 span {
  display: inline-block;
  padding: 0 0.5em;
  background-color: #fff;
}
.c-cv__aside ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: clamp(20px, 4.167vw, 30px) clamp(12px, 2.5vw, 25px) clamp(18px, 3.75vw, 26px);
  font-size: clamp(12px, 2.5vw, 14px);
  letter-spacing: -0.05em;
}
@media screen and (min-width: 701px) {
  .c-cv__aside ul {
    gap: 1em;
  }
}
@media screen and (max-width: 700px) {
  .c-cv__aside ul {
    gap: 0.2em;
    flex-direction: column;
  }
}
.c-cv__aside ul li {
  position: relative;
}
.c-cv__aside ul li::before {
  content: "・";
}

/* Utility */
.u-bg--green {
  background: #ecf5e9;
}
.u-bg--pink {
  background: #f8efef;
}
.u-bg--yellow {
  background: #fffcd6;
}

/*
  u-hidden-sp-ex：700px以下だけ表示
  u-hidden-sp-on：701px以上だけ表示
 */
.u-hidden {
  display: none;
}
@media screen and (max-width: 700px) {
  .u-hidden-sp-on {
    display: none;
  }
}
@media screen and (min-width: 701px) {
  .u-hidden-sp-ex {
    display: none;
  }
}
@media screen and (max-width: 959px) and (min-width: 701px) {
  .u-hidden-tb {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .u-hidden-pc-ex {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  .u-hidden-pc-on {
    display: none;
  }
}

.u-ta--r {
  text-align: right;
}
.u-ta--l {
  text-align: left;
}
.u-ta--c {
  text-align: center;
}
@media screen and (max-width: 700px) {
  .u-ta--c-sp {
    text-align: center;
  }
}
@media screen and (min-width: 960px) {
  .u-ta--c-pc {
    text-align: center;
  }
}

.u-fs--10 {
  font-size: clamp(10px, 2.083vw, 12px) !important;
}
.u-fs--11 {
  font-size: clamp(11px, 2.292vw, 13px) !important;
}
.u-fs--12 {
  font-size: clamp(12px, 2.5vw, 14px) !important;
}
.u-fs--13 {
  font-size: clamp(13px, 2.708vw, 15px) !important;
}
.u-fs--14 {
  font-size: clamp(14px, 2.917vw, 16px) !important;
}
.u-fs--15 {
  font-size: clamp(14px, 2.917vw, 17px) !important;
}
.u-fs--16 {
  font-size: clamp(16px, 3.333vw, 18px) !important;
}
.u-fs--17 {
  font-size: clamp(17px, 3.542vw, 19px) !important;
}
.u-fs--18 {
  font-size: clamp(18px, 3.75vw, 20px) !important;
}
.u-fs--20 {
  font-size: clamp(20px, 4.167vw, 22px) !important;
}
.u-fs--22 {
  font-size: clamp(22px, 4.583vw, 24px) !important;
}
.u-fs--24 {
  font-size: clamp(24px, 5vw, 26px) !important;
}

.u-fw--t {
  font-weight: 200;
}
.u-fw--m {
  font-weight: 400;
}
.u-fw--sb {
  font-weight: 500;
}
.u-fw--b {
  font-weight: 700;
}

.u-ft--n {
  font-weight: normal;
}
.u-ft--b {
  font-weight: bold;
}

.u-ls--u1 {
  letter-spacing: -0.01em;
}

.u-ft--nori {
  font-family: "Norican", cursive;
}
.u-ft--maru {
  font-family: "Kosugi Maru", "Noto Sans JP", sans-serif;
}

.u-bd--p01 {
  border: solid 1px #ccc;
}

.u-mt--0 {
  margin-top: 0 !important;
}
.u-mt--2 {
  margin-top: clamp(2px, 0.417vw, 4px) !important;
}
.u-mt--5 {
  margin-top: clamp(5px, 1.042vw, 12px) !important;
}
.u-mt--10 {
  margin-top: clamp(10px, 2.083vw, 17px) !important;
}
.u-mt--15 {
  margin-top: clamp(15px, 3.125vw, 26px) !important;
}
.u-mt--20 {
  margin-top: clamp(20px, 4.167vw, 34px) !important;
}
.u-mt--25 {
  margin-top: clamp(25px, 5.208vw, 43px) !important;
}
.u-mt--30 {
  margin-top: clamp(30px, 6.25vw, 51px) !important;
}
.u-mt--35 {
  margin-top: clamp(35px, 7.292vw, 60px) !important;
}
.u-mt--40 {
  margin-top: clamp(40px, 8.333vw, 68px) !important;
}
.u-mt--45 {
  margin-top: clamp(45px, 9.375vw, 77px) !important;
}
.u-mt--50 {
  margin-top: clamp(50px, 10.417vw, 85px) !important;
}
.u-mt--55 {
  margin-top: clamp(55px, 11.458vw, 94px) !important;
}
.u-mt--60 {
  margin-top: clamp(60px, 12.5vw, 102px) !important;
}

.u-mb--0 {
  margin-bottom: 0 !important;
}
.u-mb--5 {
  margin-bottom: clamp(5px, 1.042vw, 12px) !important;
}
.u-mb--10 {
  margin-bottom: clamp(10px, 2.083vw, 17px) !important;
}
.u-mb--15 {
  margin-bottom: clamp(15px, 3.125vw, 26px) !important;
}
.u-mb--20 {
  margin-bottom: clamp(20px, 4.167vw, 34px) !important;
}
.u-mb--25 {
  margin-bottom: clamp(25px, 5.208vw, 43px) !important;
}
.u-mb--30 {
  margin-bottom: clamp(30px, 6.25vw, 51px) !important;
}
.u-mb--35 {
  margin-bottom: clamp(35px, 7.292vw, 60px) !important;
}
.u-mb--40 {
  margin-bottom: clamp(40px, 8.333vw, 68px) !important;
}
.u-mb--45 {
  margin-bottom: clamp(45px, 9.375vw, 77px) !important;
}
.u-mb--50 {
  margin-bottom: clamp(50px, 10.417vw, 85px) !important;
}
.u-mb--55 {
  margin-bottom: clamp(55px, 11.458vw, 94px) !important;
}
.u-mb--60 {
  margin-bottom: clamp(60px, 12.5vw, 102px) !important;
}

@media screen and (min-width: 701px) {
  .u-span1 {
    width: 1% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span2 {
    width: 2% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span3 {
    width: 3% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span4 {
    width: 4% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span5 {
    width: 5% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span6 {
    width: 6% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span7 {
    width: 7% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span8 {
    width: 8% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span9 {
    width: 9% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span10 {
    width: 10% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span11 {
    width: 11% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span12 {
    width: 12% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span13 {
    width: 13% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span14 {
    width: 14% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span15 {
    width: 15% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span16 {
    width: 16% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span17 {
    width: 17% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span18 {
    width: 18% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span19 {
    width: 19% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span20 {
    width: 20% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span21 {
    width: 21% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span22 {
    width: 22% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span23 {
    width: 23% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span24 {
    width: 24% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span25 {
    width: 25% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span26 {
    width: 26% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span27 {
    width: 27% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span28 {
    width: 28% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span29 {
    width: 29% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span30 {
    width: 30% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span31 {
    width: 31% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span32 {
    width: 32% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span33 {
    width: 33% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span34 {
    width: 34% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span35 {
    width: 35% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span36 {
    width: 36% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span37 {
    width: 37% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span38 {
    width: 38% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span39 {
    width: 39% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span40 {
    width: 40% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span41 {
    width: 41% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span42 {
    width: 42% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span43 {
    width: 43% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span44 {
    width: 44% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span45 {
    width: 45% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span46 {
    width: 46% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span47 {
    width: 47% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span48 {
    width: 48% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span49 {
    width: 49% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span50 {
    width: 50% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span51 {
    width: 51% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span52 {
    width: 52% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span53 {
    width: 53% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span54 {
    width: 54% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span55 {
    width: 55% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span56 {
    width: 56% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span57 {
    width: 57% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span58 {
    width: 58% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span59 {
    width: 59% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span60 {
    width: 60% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span61 {
    width: 61% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span62 {
    width: 62% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span63 {
    width: 63% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span64 {
    width: 64% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span65 {
    width: 65% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span66 {
    width: 66% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span67 {
    width: 67% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span68 {
    width: 68% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span69 {
    width: 69% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span70 {
    width: 70% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span71 {
    width: 71% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span72 {
    width: 72% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span73 {
    width: 73% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span74 {
    width: 74% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span75 {
    width: 75% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span76 {
    width: 76% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span77 {
    width: 77% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span78 {
    width: 78% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span79 {
    width: 79% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span80 {
    width: 80% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span81 {
    width: 81% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span82 {
    width: 82% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span83 {
    width: 83% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span84 {
    width: 84% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span85 {
    width: 85% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span86 {
    width: 86% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span87 {
    width: 87% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span88 {
    width: 88% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span89 {
    width: 89% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span90 {
    width: 90% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span91 {
    width: 91% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span92 {
    width: 92% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span93 {
    width: 93% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span94 {
    width: 94% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span95 {
    width: 95% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span96 {
    width: 96% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span97 {
    width: 97% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span98 {
    width: 98% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span99 {
    width: 99% !important;
  }
}
@media screen and (min-width: 701px) {
  .u-span100 {
    width: 100% !important;
  }
}
.u-w__def {
  padding-left: clamp(20px, 4.167vw, 30px);
  padding-right: clamp(20px, 4.167vw, 30px);
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.u-w__l {
  padding-left: clamp(20px, 4.167vw, 30px);
  padding-right: clamp(20px, 4.167vw, 30px);
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
}
.u-w__s {
  padding-left: clamp(20px, 4.167vw, 30px);
  padding-right: clamp(20px, 4.167vw, 30px);
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}
.u-w__xs {
  padding-left: clamp(20px, 4.167vw, 30px);
  padding-right: clamp(20px, 4.167vw, 30px);
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 700px) {
  .u-w__reset-sp {
    max-width: 9999px;
    padding: 0;
  }
}

.u-ind1 {
  text-indent: -1em;
  margin-left: 1em;
}

.u-ind2 {
  text-indent: -2em;
  margin-left: 2em;
}

.u-ind3 {
  text-indent: -3em;
  margin-left: 3em;
}

.u-ind4 {
  text-indent: -4em;
  margin-left: 4em;
}

.u-ind5 {
  text-indent: -5em;
  margin-left: 5em;
}

.u-ind6 {
  text-indent: -6em;
  margin-left: 6em;
}

.u-ind7 {
  text-indent: -7em;
  margin-left: 7em;
}

.u-ind8 {
  text-indent: -8em;
  margin-left: 8em;
}

.u-ind9 {
  text-indent: -9em;
  margin-left: 9em;
}

.u-ind10 {
  text-indent: -10em;
  margin-left: 10em;
}

@media screen and (min-width: 701px) {
  .u-order02 {
    order: 2;
  }
  .u-order01 {
    order: 1;
  }
}
.u-ta--sep {
  background-image: linear-gradient(to top, #d8d8d8, #d8d8d8 4px, transparent 2px, transparent 4px);
  background-repeat: repeat-y;
  background-position: left bottom;
  background-size: 1px 6px;
}

.u-ls__low {
  letter-spacing: -0.05em;
}

.p-chatLady__block {
  position: relative;
  padding: 0 clamp(20px, 4.167vw, 30px) clamp(20px, 4.167vw, 30px);
}
.p-chatLady__block:not(:first-child) {
  margin-top: clamp(20px, 4.167vw, 35px);
}
@media screen and (min-width: 701px) {
  .p-chatLady__block {
    padding: clamp(60px, 12.5vw, 70px);
  }
}
.p-chatLady__block::before {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 130px);
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px 4px 16px 0px rgba(121, 121, 121, 0.3);
}
@media screen and (min-width: 701px) {
  .p-chatLady__block::before {
    height: 100%;
  }
}
.p-chatLady__block .p-chatLady__block-wrap {
  position: relative;
  z-index: 2;
}
.p-chatLady__block .p-chatLady__block-t {
  position: relative;
  padding-bottom: clamp(30px, 6.25vw, 40px);
}
@media screen and (min-width: 701px) {
  .p-chatLady__block .p-chatLady__block-t {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.p-chatLady__block .p-chatLady__block-t::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: repeating-linear-gradient(-45deg, rgb(102, 102, 102), rgb(102, 102, 102) 4px, rgba(102, 102, 102, 0) 4px, rgba(102, 102, 102, 0) 8px);
}
.p-chatLady__block .p-chatLady__block-ph {
  text-align: center;
}
@media screen and (min-width: 701px) {
  .p-chatLady__block .p-chatLady__block-ph {
    width: 43%;
  }
}
@media screen and (max-width: 700px) {
  .p-chatLady__block .p-chatLady__block-ph img {
    max-width: 270px;
    width: 100%;
  }
}
.p-chatLady__block .p-chatLady__block-ph img {
  display: inline-block;
}
.p-chatLady__block.p-welcome__lady {
  margin-top: clamp(5px, 1.042vw, 10px) !important;
}
@media screen and (max-width: 700px) {
  .p-chatLady__block.p-welcome__lady {
    padding-left: 0;
    padding-right: 0;
  }
}
.p-chatLady__block.p-welcome__lady::before {
  height: 100%;
}
.p-chatLady__block.p-welcome__lady .p-chatLady__block-t {
  padding-bottom: 0;
}
.p-chatLady__block.p-welcome__lady .p-chatLady__block-t::after {
  display: none;
}
.p-chatLady__block.p-welcome__lady .p-chatLady__block-t .p-chatLady__block-data--head-name {
  color: #333;
}
@media screen and (min-width: 701px) {
  .p-chatLady__block.p-welcome__lady .p-chatLady__block-ph {
    width: 48.5%;
  }
}
@media screen and (max-width: 700px) {
  .p-chatLady__block.p-welcome__lady .p-chatLady__block-ph {
    padding: 10px;
  }
}
.p-chatLady__block.p-welcome__lady .p-chatLady__block-ph img {
  border-radius: 15px;
  max-width: 100%;
}
@media screen and (max-width: 700px) {
  .p-chatLady__block.p-welcome__lady .p-chatLady__block-data {
    padding: clamp(20px, 4.167vw, 30px) clamp(20px, 4.167vw, 30px) 0 clamp(20px, 4.167vw, 30px);
  }
}
@media screen and (min-width: 701px) {
  .p-chatLady__block.p-welcome__lady .p-chatLady__block-data {
    width: 48.5%;
  }
}
.p-chatLady__block.p-welcome__lady .p-chatLady__block-data--head {
  margin-top: 0;
}
@media screen and (max-width: 700px) {
  .p-chatLady__block.p-welcome__lady .p-chatLady__block-qa {
    padding: 0 clamp(20px, 4.167vw, 30px) clamp(20px, 4.167vw, 30px);
  }
}

@media screen and (min-width: 701px) {
  .p-chatLady__block-data {
    width: 52%;
  }
}

@media screen and (max-width: 700px) {
  .p-chatLady__block-data--head {
    margin-top: -30px;
  }
}
@media screen and (min-width: 701px) {
  .p-chatLady__block-data--head {
    display: inline-block;
  }
}
.p-chatLady__block-data--head .p-chatLady__block-data--head-name {
  position: relative;
  text-align: center;
  font-size: clamp(27px, 5.625vw, 30px);
  color: #da6d96;
  font-weight: 700;
  font-family: "Kosugi Maru", "Noto Sans JP", sans-serif;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 701px) {
  .p-chatLady__block-data--head .p-chatLady__block-data--head-name {
    display: inline-block;
    vertical-align: bottom;
  }
}
.p-chatLady__block-data--head .p-chatLady__block-data--head-name .p-chatLady__block-data--head-name__main {
  position: relative;
  z-index: 2;
  font-size: clamp(27px, 5.625vw, 30px);
}
.p-chatLady__block-data--head .p-chatLady__block-data--head-name .p-chatLady__block-data--head-name__stroke {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  -webkit-text-stroke: 12px #fff;
}
@media screen and (min-width: 701px) {
  .p-chatLady__block-data--head .p-chatLady__block-data--head-name .p-chatLady__block-data--head-name__stroke {
    display: none;
  }
}
.p-chatLady__block-data--head p {
  text-align: center;
  font-size: clamp(14px, 2.917vw, 16px);
}
@media screen and (min-width: 701px) {
  .p-chatLady__block-data--head p {
    display: inline-block;
    vertical-align: bottom;
  }
}

.p-chatLady__block-data--sub {
  margin-top: 10px;
}
@media screen and (max-width: 700px) {
  .p-chatLady__block-data--sub {
    text-align: center;
  }
}
@media screen and (min-width: 701px) {
  .p-chatLady__block-data--sub p {
    display: inline-block;
  }
}
@media screen and (min-width: 701px) {
  .p-chatLady__block-data--sub p:first-child {
    margin-right: 1em;
  }
}

.p-chatLady__block-data--kyu {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.p-chatLady__block-data--kyu-box {
  width: 49%;
}
.p-chatLady__block-data--kyu-box dl {
  background: url(../img/popular/lady_bg.png) center center;
  background-size: 100% 100%;
  padding: 12px 20px;
}
@media screen and (min-width: 701px) {
  .p-chatLady__block-data--kyu-box dl {
    background: url(../img/popular/lady_bg_pc.png) center center;
    background-size: 100% 100%;
  }
}
.p-chatLady__block-data--kyu-box dl dt {
  position: relative;
  text-align: center;
  color: #da6d96;
  font-size: clamp(14px, 2.917vw, 16px);
  padding-bottom: 10px;
}
.p-chatLady__block-data--kyu-box dl dt:before, .p-chatLady__block-data--kyu-box dl dt:after {
  position: absolute;
  display: block;
  content: "";
}
.p-chatLady__block-data--kyu-box dl dt:before {
  z-index: 2;
  width: 12px;
  height: 14px;
  left: 50%;
  bottom: -7px;
  transform: translateX(-6px);
  background: url(../img/popular/lady_data.png) #fafaf8;
  background-size: cover;
}
.p-chatLady__block-data--kyu-box dl dt:after {
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #da6d96;
}
.p-chatLady__block-data--kyu-box dl dd {
  margin-top: 10px;
  text-align: center;
}
.p-chatLady__block-data--kyu-box dl dd strong {
  font-size: clamp(26px, 5.417vw, 30px);
  font-weight: 900;
  letter-spacing: 0.01em;
}

.p-chatLady__block-data--kyu-02 {
  position: relative;
  margin-top: clamp(15px, 3.125vw, 25px);
  background: url(../img/index/lady_movie_data_bg.png);
  background-size: 100% 100%;
  text-align: center;
  padding: clamp(15px, 3.125vw, 15px) 0 clamp(10px, 2.083vw, 10px);
}
.p-chatLady__block-data--kyu-02::before {
  position: absolute;
  display: block;
  content: "";
}
@media screen and (max-width: 700px) {
  .p-chatLady__block-data--kyu-02::before {
    width: 18px;
    height: 20px;
    top: -10px;
    left: 50%;
    transform: translateX(-9px);
  }
}
@media screen and (min-width: 701px) {
  .p-chatLady__block-data--kyu-02::before {
    width: 27px;
    height: 28px;
    top: -16px;
    left: 50%;
    transform: translateX(-13px);
  }
}
.p-chatLady__block-data--kyu-02::before {
  background: url(../img/index/lady_movie_data.png);
  background-size: cover;
}
.p-chatLady__block-data--kyu-02 dl {
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-chatLady__block-data--kyu-02 dt {
  position: relative;
  padding-right: 1em;
}
.p-chatLady__block-data--kyu-02 dt span {
  position: relative;
  display: inline-block;
  padding: 0 5px;
  background: #fafaf8;
  color: #dc6c96;
}
.p-chatLady__block-data--kyu-02 dd {
  font-size: clamp(18px, 3.75vw, 20px);
}
.p-chatLady__block-data--kyu-02 dd strong {
  font-size: clamp(24px, 5vw, 28px);
}

.p-chatLady__block-data--rank h3 {
  position: relative;
  font-size: clamp(16px, 3.333vw, 18px);
  text-align: center;
  padding-top: 25px;
}
.p-chatLady__block-data--rank h3::before {
  position: absolute;
  display: block;
  content: "";
  width: 24px;
  height: 21px;
  top: 0;
  left: 50%;
  transform: translateX(-12px);
  background: url(../img/popular/lady_king.png) no-repeat;
  background-size: cover;
}

.p-chatLady__block-data--rank-item {
  margin-top: clamp(5px, 1.042vw, 10px);
}
.p-chatLady__block-data--rank-item dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fafaf8;
  padding: 5px;
}
.p-chatLady__block-data--rank-item dl:not(:first-child) {
  margin-top: 2px;
}
.p-chatLady__block-data--rank-item dl dt {
  padding-left: 15px;
}
.p-chatLady__block-data--rank-item dl dd {
  background: #fff;
  width: 5em;
  text-align: center;
  line-height: 1.4;
}
.p-chatLady__block-data--rank-item dl dd strong {
  font-size: clamp(22px, 4.583vw, 24px);
  font-weight: 900;
}

.p-chatLady__block-b {
  padding-top: clamp(30px, 6.25vw, 40px);
}

.p-chatLady__block-qa {
  position: relative;
}
.p-chatLady__block-qa h3 {
  position: relative;
  font-size: clamp(16px, 3.333vw, 18px);
  text-align: center;
  padding-top: 25px;
}
.p-chatLady__block-qa h3::before {
  position: absolute;
  display: block;
  content: "";
  width: 101px;
  height: 23px;
  top: 0;
  left: 50%;
  transform: translateX(-50px);
  background: url(../img/popular/lady_qa.png) no-repeat;
  background-size: cover;
}

.p-chatLady__block-qa--list-wrap {
  max-height: 500px;
  overflow: hidden;
  transition: max-height 1s ease-out;
}
@media screen and (min-width: 701px) {
  .p-chatLady__block-qa--list-wrap {
    max-height: 400px;
  }
}
.p-chatLady__block-qa--list-wrap.show {
  max-height: 9000px !important;
}

.p-chatLady__block-qa--list {
  margin-top: clamp(10px, 2.083vw, 17px);
}
.p-chatLady__block-qa--list dl:not(:first-child) {
  margin-top: clamp(10px, 2.083vw, 17px);
}
.p-chatLady__block-qa--list dt {
  position: relative;
  padding: 10px 10px 10px 40px;
  font-weight: bold;
}
.p-chatLady__block-qa--list dt::before {
  position: absolute;
  display: block;
  content: "";
  width: 17px;
  height: 21px;
  top: 1em;
  left: 10px;
  background: url(../img/icn_q.svg) no-repeat;
  background-size: contain;
}
.p-chatLady__block-qa--list dd {
  position: relative;
  background: #fafaf8;
  border-radius: 15px;
  padding: 10px 10px 10px 45px;
}
@media screen and (min-width: 701px) {
  .p-chatLady__block-qa--list dd {
    padding: 15px 15px 15px 50px;
  }
}
.p-chatLady__block-qa--list dd {
  text-align: 1.5;
}
.p-chatLady__block-qa--list dd::before {
  position: absolute;
  display: block;
  content: "";
  width: 15px;
  height: 21px;
  top: 1em;
  left: 17px;
}
@media screen and (min-width: 701px) {
  .p-chatLady__block-qa--list dd::before {
    top: 20px;
    left: 20px;
  }
}
.p-chatLady__block-qa--list dd::before {
  background: url(../img/icn_a.svg) no-repeat;
  background-size: contain;
}
.p-chatLady__block-qa--list dd::after {
  position: absolute;
  display: block;
  content: "";
  width: 10px;
  height: 15px;
  top: -10px;
  left: 12px;
  background: url(../img/fuki.svg) no-repeat;
  background-size: contain;
}

.p-lady__movie-block-box--ph {
  position: relative;
  padding: clamp(15px, 3.125vw, 20px) clamp(15px, 3.125vw, 20px) 0;
}
.p-lady__movie-block-box--ph::before {
  position: absolute;
  display: block;
  content: "";
  height: 100%;
  top: clamp(15px, 3.125vw, 20px);
  background-size: 14px 302px;
  background-repeat: no-repeat;
}
@media screen and (max-width: 700px) {
  .p-lady__movie-block-box--ph::before {
    width: 14px;
    background-size: 14px 302px;
    transform: translateX(-9px);
    right: -14px;
  }
}
@media screen and (min-width: 701px) {
  .p-lady__movie-block-box--ph::before {
    width: 16px;
    background-size: 16px 362px;
    transform: translateX(-9px);
    right: -15px;
  }
}
@media screen and (min-width: 960px) {
  .p-lady__movie-block-box--ph a {
    transition: 0.3s ease-out;
  }
  .p-lady__movie-block-box--ph a:hover {
    opacity: 0.8;
  }
}

.p-lady__movie-block-box--inner-ttl {
  font-size: clamp(20px, 4.167vw, 24px);
  padding-bottom: clamp(10px, 2.083vw, 10px);
  color: #da6d96;
  text-align: center;
  background: url(../img/index/lady_movie_name.png) no-repeat center bottom;
  background-size: 135px 6px;
  font-weight: 700;
}

.p-lady__movie-block-box--inner-sub {
  margin-top: clamp(8px, 1.667vw, 8px);
  color: #da6d96;
  font-size: clamp(12px, 2.5vw, 14px);
  text-align: center;
}

.p-lady__movie-block-box--inner-desc {
  margin-top: clamp(12px, 2.5vw, 12px);
  padding: 0 clamp(30px, 6.25vw, 30px);
}

.p-lady__movie-block-box--inner-data {
  position: relative;
  margin: clamp(15px, 3.125vw, 25px) clamp(20px, 4.167vw, 20px) 0;
  background: url(../img/index/lady_movie_data_bg.png);
  background-size: 100% 100%;
  text-align: center;
  padding: clamp(15px, 3.125vw, 15px) 0 clamp(10px, 2.083vw, 10px);
}
.p-lady__movie-block-box--inner-data::before {
  position: absolute;
  display: block;
  content: "";
}
@media screen and (max-width: 700px) {
  .p-lady__movie-block-box--inner-data::before {
    width: 18px;
    height: 20px;
    top: -10px;
    left: 50%;
    transform: translateX(-9px);
  }
}
@media screen and (min-width: 701px) {
  .p-lady__movie-block-box--inner-data::before {
    width: 27px;
    height: 28px;
    top: -16px;
    left: 50%;
    transform: translateX(-13px);
  }
}
.p-lady__movie-block-box--inner-data::before {
  background: url(../img/index/lady_movie_data.png);
  background-size: cover;
}
.p-lady__movie-block-box--inner-data dt {
  position: relative;
}
.p-lady__movie-block-box--inner-data dt::before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  left: 50%;
  width: 100px;
  transform: translateX(-50px);
  height: 1px;
  background: #dc6c96;
}
.p-lady__movie-block-box--inner-data dt span {
  position: relative;
  display: inline-block;
  padding: 0 5px;
  background: #fafaf8;
  color: #dc6c96;
}
.p-lady__movie-block-box--inner-data dd {
  font-size: clamp(18px, 3.75vw, 20px);
}
.p-lady__movie-block-box--inner-data dd strong {
  font-size: clamp(24px, 5vw, 28px);
}

.c-block {
  background: #f8f8f3;
  padding: clamp(20px, 4.167vw, 30px);
}

.c-block__p02 {
  padding: clamp(20px, 4.167vw, 30px);
  background: #fff;
  border: 1px solid #e07fb5;
  border-image: linear-gradient(to right, #e07fb5 0%, #d6bf79 100%);
  border-image-slice: 1;
  box-shadow: 0px 4px 16px 0px rgba(121, 121, 121, 0.1);
}

.c-block__p03 {
  padding: clamp(30px, 6.25vw, 40px) clamp(20px, 4.167vw, 30px);
  background: #fff;
  box-shadow: 0px 4px 16px 0px rgba(121, 121, 121, 0.3);
  border-radius: 20px;
}
@media screen and (min-width: 701px) {
  .c-block__p03 {
    padding: clamp(20px, 4.167vw, 30px);
  }
}
.c-block__p03--sm {
  padding: clamp(15px, 3.125vw, 15px) clamp(15px, 3.125vw, 15px);
}
@media screen and (min-width: 701px) {
  .c-block__p03--sm {
    padding: clamp(25px, 5.208vw, 25px) clamp(30px, 6.25vw, 30px);
  }
}

.c-block__p04 {
  padding: clamp(30px, 6.25vw, 40px) clamp(20px, 4.167vw, 30px);
  border: solid 1px #696969;
}
@media screen and (min-width: 701px) {
  .c-block__p04 {
    padding: clamp(30px, 6.25vw, 40px);
  }
}

.c-block__p05 {
  padding: clamp(30px, 6.25vw, 40px) clamp(20px, 4.167vw, 30px);
  border: solid 2px #b3a164;
  background-color: #fff;
}
@media screen and (min-width: 701px) {
  .c-block__p05 {
    padding: clamp(30px, 6.25vw, 40px);
  }
}

.video-youtube {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  display: block;
}
.video-youtube:before {
  content: "";
  display: block;
  width: 60px;
  height: 42px;
  background: url(./../img/common/icon_youtube.png) no-repeat center center/contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 700px) {
  .archive-voice .c-block__wrapper {
    background: transparent;
    box-shadow: none;
    padding: 0;
  }
}
.archive-voice .u-w__def,
.archive-voice .l-grid1,
.archive-voice .c-block__p03,
.archive-voice .p-lady__block {
  min-width: 0;
}
@media screen and (min-width: 701px) {
  .archive-voice .c-block__p03 .c-block__p03 {
    padding: 2rem;
  }
}
.archive-voice .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.archive-voice .p-lady__block-box {
  margin-bottom: 0;
}
@media screen and (min-width: 701px) {
  .archive-voice .p-lady__block.c-slide-01 {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 700px) {
  .archive-voice .p-lady__block.c-slide-01 {
    overflow: hidden;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: 0;
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media screen and (max-width: 700px) {
  .archive-voice .p-lady__block.js-voice-slick {
    margin-top: 0;
    padding-top: 1rem;
  }
}
.c-balloon {
  position: relative;
  display: inline-block;
  margin: 0 0 10px;
  padding: 7px 10px;
  min-width: 240px;
  max-width: 100%;
  font-size: 16px;
  background: #f9c8db;
  text-align: center;
  border-radius: 5px;
}
.c-balloon::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #f9c8db;
}
.c-balloon__pink {
  background: #f9c8db;
}
.c-balloon__pink::before {
  border-top: 10px solid #f9c8db;
}
.c-balloon__gray {
  background: #ccc;
}
.c-balloon__gray::before {
  border-top: 10px solid #ccc;
}
.c-balloon__pink-d {
  background: #df709a;
  color: #fff;
}
.c-balloon__pink-d::before {
  border-top: 8px solid #df709a;
}
.c-balloon__gray-d {
  background: #4c4c4c;
  color: #fff;
}
.c-balloon__gray-d::before {
  border-top: 8px solid #4c4c4c;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/*!
  Modaal - accessible modals - v0.4.4
  by Humaan, for all humans.
  http://humaan.com
*/
.modaal-noscroll {
  overflow: hidden;
}

.modaal-accessible-hide {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
}

.modaal-wrapper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: auto;
  opacity: 1;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.modaal-wrapper * {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
}

.modaal-wrapper .modaal-close {
  border: none;
  background: transparent;
  padding: 0;
  -webkit-appearance: none;
}

.modaal-wrapper.modaal-start_none {
  display: none;
  opacity: 1;
}

.modaal-wrapper.modaal-start_fade {
  opacity: 0;
}

.modaal-wrapper *[tabindex="0"] {
  outline: none !important;
}

.modaal-wrapper.modaal-fullscreen {
  overflow: hidden;
}

.modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}

.modaal-fullscreen .modaal-outer-wrapper {
  display: block;
}

.modaal-inner-wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 80px 25px;
}

.modaal-fullscreen .modaal-inner-wrapper {
  padding: 0;
  display: block;
  vertical-align: top;
}

.modaal-container {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: auto;
  text-align: left;
  color: #000;
  max-width: 1000px;
  border-radius: 0px;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  cursor: auto;
}

.modaal-container.is_loading {
  height: 100px;
  width: 100px;
  overflow: hidden;
}

.modaal-fullscreen .modaal-container {
  max-width: none;
  height: 100%;
  overflow: auto;
}

.modaal-close {
  position: fixed;
  right: 20px;
  top: 20px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.modaal-close:focus,
.modaal-close:hover {
  outline: none;
  background: #fff;
}

.modaal-close:focus:before,
.modaal-close:focus:after,
.modaal-close:hover:before,
.modaal-close:hover:after {
  background: #b93d0c;
}

.modaal-close span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-close:before,
.modaal-close:after {
  display: block;
  content: " ";
  position: absolute;
  top: 14px;
  left: 23px;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background: #e66693;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.modaal-close:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modaal-close:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modaal-fullscreen .modaal-close {
  background: #afb7bc;
  right: 10px;
  top: 10px;
}

.modaal-content-container {
  padding: 30px;
}

.modaal-confirm-wrap {
  padding: 30px 0 0;
  text-align: center;
  font-size: 0;
}

.modaal-confirm-btn {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: transparent;
}

.modaal-confirm-btn.modaal-ok {
  padding: 10px 15px;
  color: #fff;
  background: #555;
  border-radius: 3px;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.modaal-confirm-btn.modaal-ok:hover {
  background: #2f2f2f;
}

.modaal-confirm-btn.modaal-cancel {
  text-decoration: underline;
}

.modaal-confirm-btn.modaal-cancel:hover {
  text-decoration: none;
  color: #2f2f2f;
}

.modaal-instagram .modaal-container {
  width: auto;
  background: transparent;
  box-shadow: none !important;
}

.modaal-instagram .modaal-content-container {
  padding: 0;
  background: transparent;
}

.modaal-instagram .modaal-content-container > blockquote {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}

.modaal-instagram iframe {
  opacity: 0;
  margin: -6px !important;
  border-radius: 0 !important;
  width: 1000px !important;
  max-width: 800px !important;
  box-shadow: none !important;
  -webkit-animation: instaReveal 1s linear forwards;
  animation: instaReveal 1s linear forwards;
}

.modaal-image .modaal-inner-wrapper {
  padding-left: 140px;
  padding-right: 140px;
}

.modaal-image .modaal-container {
  width: auto;
  max-width: 100%;
}

.modaal-gallery-wrap {
  position: relative;
  color: #fff;
}

.modaal-gallery-item {
  display: none;
}

.modaal-gallery-item img {
  display: block;
}

.modaal-gallery-item.is_active {
  display: block;
}

.modaal-gallery-label {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 20px 0 0;
  font-size: 18px;
  text-align: center;
  color: #fff;
}

.modaal-gallery-label:focus {
  outline: none;
}

.modaal-gallery-control {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  cursor: pointer;
  color: #fff;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.modaal-gallery-control.is_hidden {
  opacity: 0;
  cursor: default;
}

.modaal-gallery-control:focus,
.modaal-gallery-control:hover {
  outline: none;
  background: #fff;
}

.modaal-gallery-control:focus:before,
.modaal-gallery-control:focus:after,
.modaal-gallery-control:hover:before,
.modaal-gallery-control:hover:after {
  background: #afb7bc;
}

.modaal-gallery-control span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-gallery-control:before,
.modaal-gallery-control:after {
  display: block;
  content: " ";
  position: absolute;
  top: 16px;
  left: 25px;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.modaal-gallery-control:before {
  margin: -5px 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modaal-gallery-control:after {
  margin: 5px 0 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modaal-gallery-next-inner {
  left: 100%;
  margin-left: 40px;
}

.modaal-gallery-next-outer {
  right: 45px;
}

.modaal-gallery-prev:before,
.modaal-gallery-prev:after {
  left: 22px;
}

.modaal-gallery-prev:before {
  margin: 5px 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modaal-gallery-prev:after {
  margin: -5px 0 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modaal-gallery-prev-inner {
  right: 100%;
  margin-right: 40px;
}

.modaal-gallery-prev-outer {
  left: 45px;
}

.modaal-video-wrap {
  margin: auto 50px;
  position: relative;
}

.modaal-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: #000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modaal-iframe .modaal-content {
  width: 100%;
  height: 100%;
}

.modaal-iframe-elem {
  width: 100%;
  height: 100%;
  display: block;
}

.modaal-loading-spinner {
  background: none;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  -webkit-transform: scale(0.25);
  -ms-transform: scale(0.25);
  transform: scale(0.25);
}

.modaal-loading-spinner > div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute;
}

.modaal-loading-spinner > div > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff;
}

.modaal-loading-spinner > div:nth-of-type(1) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.modaal-loading-spinner > div:nth-of-type(2) > div,
.modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(1) {
  -ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(2) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.12s;
  animation-delay: 0.12s;
}

.modaal-loading-spinner > div:nth-of-type(2) {
  -ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(3) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

.modaal-loading-spinner > div:nth-of-type(4) > div,
.modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(3) {
  -ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(4) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.37s;
  animation-delay: 0.37s;
}

.modaal-loading-spinner > div:nth-of-type(4) {
  -ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(5) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.modaal-loading-spinner > div:nth-of-type(6) > div,
.modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(5) {
  -ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(6) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.62s;
  animation-delay: 0.62s;
}

.modaal-loading-spinner > div:nth-of-type(6) {
  -ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(7) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}

.modaal-loading-spinner > div:nth-of-type(7) {
  -ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(8) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.87s;
  animation-delay: 0.87s;
}

.modaal-loading-spinner > div:nth-of-type(8) {
  -ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}

@media only screen and (min-width: 1400px) {
  .modaal-video-container {
    padding-bottom: 0;
    height: 731px;
  }
}
@media only screen and (max-width: 1140px) {
  .modaal-image .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
  .modaal-gallery-control {
    top: auto;
    bottom: 20px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background: rgba(0, 0, 0, 0.7);
  }
  .modaal-gallery-control:before,
  .modaal-gallery-control:after {
    background: #fff;
  }
  .modaal-gallery-next {
    left: auto;
    right: 20px;
  }
  .modaal-gallery-prev {
    left: 20px;
    right: auto;
  }
}
@media screen and (max-width: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
}
@media only screen and (max-width: 600px) {
  .modaal-instagram iframe {
    width: 280px !important;
  }
}
@media screen and (max-height: 1100px) {
  .modaal-instagram iframe {
    width: 700px !important;
  }
}
@media screen and (max-height: 1000px) {
  .modaal-inner-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .modaal-instagram iframe {
    width: 600px !important;
  }
}
@media screen and (max-height: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
  .modaal-video-container {
    max-width: 900px;
    max-height: 510px;
  }
}
@media only screen and (max-height: 820px) {
  .modaal-gallery-label {
    display: none;
  }
}
@keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 0.1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 0.1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}
.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 60px);
  box-sizing: border-box;
  width: 120px;
  height: 80px;
  border-radius: 5px;
  transition: opacity 0.3s;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  padding: 20px 10px 10px 10px;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.scroll-hint-text {
  font-size: 10px;
  color: #FFF;
  margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: 0.8;
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  background-color: #FFF;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}

.l-header {
  position: sticky;
  z-index: 990;
  top: 0;
  background: #fff;
}

.l-header__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 959px) {
  .l-header__wrap {
    padding: 15px 10px;
  }
}
@media screen and (min-width: 960px) {
  .l-header__wrap {
    padding: 0 20px;
  }
}

@media screen and (max-width: 959px) {
  .l-header__logo {
    width: 225px;
  }
}
.l-header__logo-sub {
  font-size: 10px;
  color: #fa96b9;
  font-weight: normal;
}

.l-header__menu {
  line-height: 1.4;
  font-size: clamp(14px, 2.917vw, 14px);
}
@media screen and (max-width: 959px) {
  .l-header__menu {
    display: flex;
  }
}

.l-header__menu-icon {
  position: relative;
  font-size: clamp(10px, 2.083vw, 10px);
}
.l-header__menu-icon .l-header__menu-icon-inner {
  position: relative;
  width: 45px;
  height: 34px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-decoration: none;
}
.l-header__menu-icon .l-header__menu-icon-inner::before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 50%;
  transform: translate(-10px);
  width: 20px;
  height: 20px;
  background-position: center center;
  background-repeat: no-repeat;
}

.l-header__menu-icon--mail .l-header__menu-icon-inner {
  color: #ed9642;
}
.l-header__menu-icon--mail .l-header__menu-icon-inner::before {
  background-image: url(../img/header_mail.svg);
}

.l-header__menu-icon--burger {
  margin-left: 5px;
}
.l-header__menu-icon--burger .l-header__menu-icon-inner {
  color: #e4355e;
}
.l-header__menu-icon--burger .l-header__menu-icon-inner::before {
  background-image: url(../img/header_menu_open.svg);
}
.l-header__menu-icon--burger .l-header__menu-icon-inner.m-clese::before {
  background-image: url(../img/header_menu_close.svg);
}

@media screen and (max-width: 959px) {
  .l-header__menu-inner {
    position: fixed;
    top: 59px;
    left: 0;
    width: 100%;
    height: calc(100% - 59px);
    transform: translateX(100%);
    transition: transform 0.3s ease-out;
    overflow-y: scroll;
    background: #fa96b9;
  }
  .l-header__menu-inner.m-active {
    transform: translateX(0);
  }
}

@media screen and (min-width: 960px) {
  .l-header__menu-inner--wrap {
    display: flex;
    text-align: center;
    color: #e66693;
  }
}

.l-header__menu-inner-item {
  position: relative;
}
@media screen and (max-width: 959px) {
  .l-header__menu-inner-item:first-child {
    border-top: solid 1px #fff;
  }
}
@media screen and (max-width: 959px) {
  .l-header__menu-inner-item {
    border-bottom: solid 1px #fff;
  }
}
@media screen and (min-width: 960px) {
  .l-header__menu-inner-item > dt {
    height: 70px;
    display: flex;
    align-items: center;
    cursor: pointer;
    background: #fff;
    font-size: min(1.2vw, 14px);
  }
}
@media screen and (max-width: 959px) {
  .l-header__menu-inner-item > dt {
    position: relative;
    padding: 20px;
    background: #fa96b9;
    color: #fff;
  }
}
@media screen and (max-width: 959px) {
  .l-header__menu-inner-item > dt::before {
    position: absolute;
    display: block;
    content: "";
    width: 2px;
    height: 14px;
    top: 50%;
    right: 26px;
    transform: translateY(-7px);
    background: #fff;
  }
}
@media screen and (max-width: 959px) {
  .l-header__menu-inner-item > dt::after {
    position: absolute;
    display: block;
    content: "";
    width: 14px;
    height: 2px;
    top: 50%;
    right: 20px;
    transform: translateY(-1px);
    background: #fff;
  }
}
.l-header__menu-inner-item > dt.m-active::before {
  display: none;
}
@media screen and (min-width: 960px) {
  .l-header__menu-inner-item + dl {
    margin-left: clamp(20px, 4.167vw, 20px);
  }
}
@media screen and (min-width: 960px) {
  .l-header__menu-inner-item > dd {
    position: absolute;
    top: 70px;
    left: -20px;
  }
}

@media screen and (min-width: 960px) {
  .l-header__menu-inner-item-ch {
    text-align: left;
    width: 220px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    background: #fff;
    padding: 20px;
  }
}
@media screen and (min-width: 960px) {
  .l-header__menu-inner-item-ch > li + li {
    margin-top: 12px;
  }
}
@media screen and (max-width: 959px) {
  .l-header__menu-inner-item-ch > li + li {
    border-top: solid 1px #fa96b9;
  }
}
.l-header__menu-inner-item-ch > li > a {
  text-decoration: none;
  color: #e66693;
}
@media screen and (max-width: 959px) {
  .l-header__menu-inner-item-ch > li > a {
    display: block;
    padding: 18px;
    color: #e66693;
    background: #fff;
  }
}
@media screen and (min-width: 960px) {
  .l-header__menu-inner-item-ch > li > a {
    transition: 0.3s ease-out;
  }
  .l-header__menu-inner-item-ch > li > a:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 959px) {
  .l-header__menu-inner-sns {
    width: 120px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    padding-bottom: 30px;
  }
  .l-header__menu-inner-sns > li {
    display: flex;
    align-items: center;
    width: 40px;
  }
  .l-header__menu-inner-sns > li img {
    filter: brightness(0) invert(1);
  }
}

.l-footer {
  margin-top: clamp(80px, 16.667vw, 80px);
}

.l-footer__sns {
  background: #f6f6f6;
  padding: clamp(40px, 8.333vw, 70px);
}
.l-footer__sns h2 {
  text-align: center;
  color: #dc6c96;
}
.l-footer__sns-inner {
  max-width: 1000px;
  padding-left: 20px;
  padding-right: 20px;
  margin: clamp(25px, 5.208vw, 40px) auto 0;
  display: flex;
  justify-content: center;
}
.l-footer__sns-inner a {
  margin: 0 10px;
}
@media screen and (min-width: 701px) {
  .l-footer__sns-inner a {
    margin: 0 20px;
  }
}
.l-footer__sns-inner a svg {
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 700px) {
  .l-footer__sns-inner a svg {
    padding-top: 2px;
  }
}
@media screen and (min-width: 701px) {
  .l-footer__sns-inner a svg {
    width: 32px;
    height: 32px;
  }
}
@media screen and (min-width: 701px) {
  .l-footer__sns-inner a img {
    width: 32px;
  }
}

.l-footer__menu-inner--wrap {
  position: relative;
}

.l-footer__pgtop {
  position: absolute;
  z-index: 2;
  top: -25px;
  right: 0;
}
@media screen and (max-width: 700px) {
  .l-footer__pgtop {
    top: -45px;
    right: 10px;
    width: 30px;
    height: 30px;
  }
}

@media screen and (min-width: 701px) {
  .l-footer__menu {
    background: #fa96b9;
  }
  .l-footer__menu-inner--wrap {
    padding: clamp(70px, 14.583vw, 70px) 0 clamp(120px, 25vw, 120px);
    max-width: 1000px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
  }
  .l-footer__menu-inner--wrap dt {
    font-size: clamp(18px, 3.75vw, 18px);
    color: #fff;
    font-weight: bold;
    border-bottom: solid 1px #fff;
    padding-bottom: clamp(5px, 1.042vw, 5px);
  }
  .l-footer__menu-inner--wrap dd {
    display: block !important;
    margin-top: clamp(10px, 2.083vw, 10px);
    font-size: clamp(14px, 2.917vw, 14px);
  }
  .l-footer__menu-inner--wrap dd li {
    margin-top: clamp(5px, 1.042vw, 5px);
  }
  .l-footer__menu-inner--wrap dd + dd {
    margin-top: clamp(5px, 1.042vw, 5px);
  }
  .l-footer__menu-inner--wrap dd a {
    color: #fff;
    text-decoration: none;
  }
  .l-footer__menu-inner--wrap dd a:hover {
    text-decoration: underline;
  }
  .l-footer__menu-inner-item {
    width: 31%;
    margin-right: 3.5%;
  }
  .l-footer__menu-inner-item:nth-child(n+4) {
    margin-top: clamp(20px, 4.167vw, 20px);
  }
  .l-footer__menu-inner-item:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 700px) {
  .l-footer__menu-inner-item {
    position: relative;
  }
  .l-footer__menu-inner-item:first-child {
    border-top: solid 1px #fff;
  }
}
@media screen and (max-width: 700px) and (max-width: 959px) {
  .l-footer__menu-inner-item:first-child {
    border-top: solid 1px #fff;
  }
}
@media screen and (max-width: 700px) and (max-width: 959px) {
  .l-footer__menu-inner-item {
    border-bottom: solid 1px #fff;
  }
}
@media screen and (max-width: 700px) and (min-width: 960px) {
  .l-footer__menu-inner-item > dt {
    height: 70px;
    display: flex;
    align-items: center;
    cursor: pointer;
    background: #fff;
  }
}
@media screen and (max-width: 700px) and (max-width: 959px) {
  .l-footer__menu-inner-item > dt {
    position: relative;
    padding: 20px;
    background: #fa96b9;
    color: #fff;
  }
}
@media screen and (max-width: 700px) {
  .l-footer__menu-inner-item > dt::before {
    position: absolute;
    display: block;
    content: "";
    width: 2px;
    height: 14px;
    top: 50%;
    right: 26px;
    transform: translateY(-7px);
    background: #fff;
  }
  .l-footer__menu-inner-item > dt::after {
    position: absolute;
    display: block;
    content: "";
    width: 14px;
    height: 2px;
    top: 50%;
    right: 20px;
    transform: translateY(-1px);
    background: #fff;
  }
  .l-footer__menu-inner-item > dt.m-active::before {
    display: none;
  }
}
@media screen and (max-width: 700px) and (min-width: 960px) {
  .l-footer__menu-inner-item + dl {
    margin-left: clamp(20px, 4.167vw, 20px);
  }
}
@media screen and (max-width: 700px) {
  .l-footer__menu-inner-item > dd {
    display: none;
  }
}
@media screen and (max-width: 700px) and (min-width: 960px) {
  .l-footer__menu-inner-item > dd {
    position: absolute;
    top: 70px;
    left: -20px;
  }
}
@media screen and (max-width: 700px) and (min-width: 960px) {
  .l-footer__menu-inner-item-ch {
    text-align: left;
    width: 220px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    background: #fff;
    padding: 20px;
  }
}
@media screen and (max-width: 700px) and (min-width: 960px) {
  .l-footer__menu-inner-item-ch > li + li {
    margin-top: 12px;
  }
}
@media screen and (max-width: 700px) and (max-width: 959px) {
  .l-footer__menu-inner-item-ch > li + li {
    border-top: solid 1px #fa96b9;
  }
}
@media screen and (max-width: 700px) {
  .l-footer__menu-inner-item-ch > li > a {
    text-decoration: none;
    color: #e66693;
  }
}
@media screen and (max-width: 700px) and (max-width: 959px) {
  .l-footer__menu-inner-item-ch > li > a {
    display: block;
    padding: 18px;
    color: #e66693;
    background: #fff;
  }
}
.l-footer__bot {
  max-width: 1000px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}

.l-footer__bot-r18 {
  margin: clamp(25px, 5.208vw, 40px) auto 0;
}
@media screen and (max-width: 700px) {
  .l-footer__bot-r18 dl {
    display: flex;
  }
}
.l-footer__bot-r18 dl dt {
  width: 60px;
  text-align: center;
  margin: 0 auto;
}
.l-footer__bot-r18 dl dd {
  flex: 1;
  font-size: clamp(10px, 2.083vw, 14px);
  color: #dc628a;
}
@media screen and (max-width: 700px) {
  .l-footer__bot-r18 dl dd {
    margin-left: 1em;
  }
}
@media screen and (min-width: 701px) {
  .l-footer__bot-r18 dl dd {
    margin-top: clamp(10px, 2.083vw, 20px);
    text-align: center;
  }
}

.l-footer__bot-copy {
  margin-top: clamp(25px, 5.208vw, 40px);
  text-align: center;
  font-size: clamp(10px, 2.083vw, 12px);
  font-weight: bold;
}
@media screen and (max-width: 700px) {
  .l-footer__bot-copy {
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 701px) {
  .l-footer__bot-copy {
    padding-bottom: 100px;
  }
}

.l-float {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 999;
}
@media screen and (max-width: 700px) {
  .l-float {
    width: 94px;
    height: 67px;
  }
}
@media screen and (min-width: 701px) {
  .l-float {
    bottom: 40px;
    right: 40px;
  }
}
@media screen and (min-width: 960px) {
  .l-float a {
    transition: 0.3s ease-out;
  }
  .l-float a:hover {
    opacity: 0.8;
  }
}

body {
  position: relative;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (min-width: 960px) {
  .pc-under {
    display: none;
  }
}

@media screen and (max-width: 959px) {
  .pc-only {
    display: none;
  }
}

@media screen and (min-width: 701px) {
  .sp-only {
    display: none;
  }
}

.c-maker {
  background-image: linear-gradient(transparent 70%, #eaf534 0%);
}

.c-maker.is-blue {
  background-image: linear-gradient(transparent 70%, rgb(104, 200, 234) 0%);
}

.c-btn__main {
  margin: clamp(30px, 6.25vw, 30px) auto 0;
  background: url(../img/btn_base.png) no-repeat center center;
  background-size: cover;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .c-btn__main {
    transition: 0.3s ease-out;
  }
  .c-btn__main:hover {
    opacity: 0.8;
  }
}
@media screen and (min-width: 701px) {
  .c-btn__main {
    max-width: 428px;
    padding-top: 13px;
  }
}
@media screen and (max-width: 700px) {
  .c-btn__main {
    padding-top: 10px;
    height: 21.6vw;
    width: 89.6vw;
    max-height: 83px;
    max-width: 340px;
    line-height: max(21.2vw, 83px);
  }
}
.c-btn__main a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #fff;
  font-size: clamp(16px, 3.333vw, 18px);
}
@media screen and (min-width: 701px) {
  .c-btn__main a {
    height: 91px;
    line-height: 91px;
    padding: 0 13px 0;
  }
}
@media screen and (max-width: 700px) {
  .c-btn__main a {
    height: 100%;
  }
}
.c-btn__main a span {
  display: inline-block;
  padding-right: 26px;
  background: url(../img/btn_arw.svg) no-repeat right center;
  background-size: 16px 11px;
}
@media screen and (min-width: 701px) {
  .c-btn__main a span {
    padding-right: 30px;
    background-size: 21px 8px;
  }
}

.js-fadeIn {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.3s ease-in-out;
  transition-delay: 0.5s;
}
.js-fadeIn.is-inview {
  opacity: 1;
  transform: translateY(0);
}

@media screen and (max-width: 700px) {
  .modaal-video-wrap {
    margin: 0 !important;
  }
}

.c-stripe__p {
  background-image: repeating-linear-gradient(-45deg, #f1f69d 0, #f1f69d 2px, transparent 2px, transparent 4px);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 0.5em;
}

.c-stripe__y {
  background-image: repeating-linear-gradient(-45deg, #f6d5e1 0, #f6d5e1 2px, transparent 2px, transparent 4px);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 0.5em;
}

.c-stripe__y2 {
  background-image: repeating-linear-gradient(-45deg, #eff868 0, #eff868 2px, transparent 2px, transparent 4px);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 0.5em;
}

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