/* reset.css */
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd,
ul {
  padding: 0;
  margin: 0;
}
ul,
ol[role='list'] {
  list-style: none;
}
body {
  min-height: 100vh;
  line-height: 1.5;
}
h1,
h2,
h3,
h4,
button,
input,
label {
  line-height: 1.1;
}
h1,
h2,
h3,
h4 {
  text-wrap: balance;
}
a:not([class]) {
  color: currentColor;
  text-decoration-skip-ink: auto;
}
img,
picture {
  display: block;
  max-width: 100%;
}
input,
button,
textarea,
select {
  font: inherit;
}
textarea:not([rows]) {
  min-height: 10em;
}
:target {
  scroll-margin-block: 5ex;
}
/*!
global > color
------------------------------
*/
/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
/*!
global > mixin
------------------------------
*/
/*!
foundation > base
------------------------------
*/
body {
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 2.1666666667;
  font-weight: 400;
  color: #444;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  body {
    font-size: 1rem;
  }
}

body.overflow-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}

.body-wrapper {
  position: relative;
  display: block;
  overflow: hidden;
}

a {
  cursor: pointer;
  transition: 0.5s;
}
a:hover {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  a:hover {
    opacity: 0.8;
  }
}

.pc {
  display: none !important;
}
@media screen and (min-width: 768px) {
  .pc {
    display: block !important;
  }
}

.sp {
  display: block !important;
}
@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}

/*!
component > Texts
------------------------------
*/
/*!
component > title
------------------------------
*/
.c-heading01__en {
  font-family: 'Archivo', sans-serif;
  font-style: italic;
  font-size: 4rem;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.02em;
  color: #ffe4ef;
  -webkit-text-stroke: 2px #fb458f;
  text-shadow: 5px 5px 0 #fb458f;
}
@media screen and (min-width: 768px) {
  .c-heading01__en {
    font-size: 5rem;
    text-shadow: 5px 5px 0 #fb458f;
  }
}
.c-heading01__en.u--center {
  text-align: center;
}
.c-heading01__jp {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.5;
  color: #444444;
  font-feature-settings: 'palt';
}
.c-heading01__jp.u--center {
  text-align: center;
}

/*!
component > btn
------------------------------
*/
.c-btnarrow01 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  aspect-ratio: 1/1;
  border: 1px solid #444;
  border-radius: 50%;
  background-color: #f76ea7;
}
@media screen and (min-width: 768px) {
  .c-btnarrow01 {
    width: 30px;
  }
}
.c-btnarrow01::after {
  content: '';
  display: block;
  width: 11px;
  height: 9px;
  background-color: #fff;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  margin-top: 2px;
}
@media screen and (min-width: 768px) {
  .c-btnarrow01::after {
    margin-top: 0;
  }
}

.c-btnsearch01 {
  width: 100%;
  height: 56px;
}
.c-btnsearch01__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.07em;
  font-feature-settings: 'palt';
  color: #444;
  background-color: #fff539;
  border: 1px solid #444;
  padding: 0 34px 2px 18px;
  border-radius: 999px;
  text-decoration: none;
  position: relative;
  transition: 0.5s all ease-in-out;
}
@media screen and (min-width: 768px) {
  .c-btnsearch01__link {
    padding: 0 45px 2px 35px;
  }
}
@media screen and (min-width: 768px) {
  .c-btnsearch01__link:hover {
    background-color: #444;
    color: #fff;
    opacity: 1;
  }
  .c-btnsearch01__link:hover .c-btnsearch01__icon {
    background-color: #fff539;
  }
}
.c-btnsearch01__icon {
  width: 30px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  right: 8px;
  translate: 0 -50%;
  transition: 0.5s all ease-in-out;
}
.c-btnsearch01__icon::after {
  content: '';
  display: block;
  width: 12px;
  aspect-ratio: 1/1;
  background: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.33763%201.20377e-08C4.48642%207.25271e-05%203.64757%200.203696%202.89106%200.593882C2.13456%200.984069%201.48233%201.5495%200.988809%202.24301C0.495284%202.93652%200.174767%203.73799%200.0539996%204.58056C-0.0667677%205.42312%200.0157168%206.28235%200.294571%207.08656C0.573426%207.89076%201.04056%208.61663%201.65701%209.20359C2.27346%209.79055%203.02134%2010.2216%203.83826%2010.4607C4.65518%2010.6999%205.51745%2010.7402%206.35313%2010.5784C7.18881%2010.4165%207.97367%2010.0572%208.64221%209.53031L10.9357%2011.8237C11.0541%2011.9381%2011.2128%2012.0014%2011.3774%2012C11.5421%2011.9985%2011.6996%2011.9325%2011.8161%2011.8161C11.9325%2011.6996%2011.9985%2011.5421%2012%2011.3775C12.0014%2011.2128%2011.9381%2011.0542%2011.8237%2010.9357L9.53022%208.64234C10.1507%207.85524%2010.537%206.90935%2010.645%205.91294C10.753%204.91653%2010.5782%203.90985%2010.1408%203.00811C9.70333%202.10637%209.02083%201.346%208.1714%200.814015C7.32196%200.282032%206.33991%20-6.72845e-05%205.33763%201.20377e-08ZM1.25557%205.33788C1.25557%204.25529%201.68564%203.21704%202.45117%202.45153C3.21671%201.68603%204.255%201.25597%205.33763%201.25597C6.42026%201.25597%207.45855%201.68603%208.22408%202.45153C8.98962%203.21704%209.41969%204.25529%209.41969%205.33788C9.41969%206.42047%208.98962%207.45872%208.22408%208.22422C7.45855%208.98973%206.42026%209.41979%205.33763%209.41979C4.255%209.41979%203.21671%208.98973%202.45117%208.22422C1.68564%207.45872%201.25557%206.42047%201.25557%205.33788Z'%20fill='%23444444'/%3e%3c/svg%3e")
    center/cover no-repeat;
}

.c-btnclose01 {
  width: 200px;
  height: 52px;
  margin-inline: auto;
  margin-top: 34px;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .c-btnclose01 {
    width: 210px;
    height: 56px;
    margin-top: 50px;
  }
}
.c-btnclose01__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.07em;
  font-feature-settings: 'palt';
  color: #444;
  background-color: #fff;
  border: 1px solid #444;
  padding: 0 23px 2px 18px;
  border-radius: 999px;
  text-decoration: none;
  position: relative;
  transition: 0.5s all ease-in-out;
}
@media screen and (min-width: 768px) {
  .c-btnclose01__link {
    padding: 0 45px 2px 35px;
  }
}
@media screen and (min-width: 768px) {
  .c-btnclose01__link:hover {
    background-color: #f76ea7;
    color: #fff;
    opacity: 1;
  }
  .c-btnclose01__link:hover .icon {
    background-color: #444;
  }
}
.c-btnclose01 .icon {
  width: 30px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #f76ea7;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  right: 9px;
  translate: 0 -50%;
  transition: 0.5s all ease-in-out;
}
.c-btnclose01 .icon::after,
.c-btnclose01 .icon::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 3px;
  background: #fff;
  translate: -50% -50%;
}
.c-btnclose01 .icon::before {
  rotate: 45deg;
}
.c-btnclose01 .icon::after {
  rotate: -45deg;
}
@media screen and (min-width: 768px) {
  .c-btnclose01--blue .c-btnclose01__link:hover {
    background-color: #4ec9fa;
    color: #fff;
    opacity: 1;
  }
  .c-btnclose01--blue .c-btnclose01__link:hover .icon {
    background-color: #444;
  }
}
.c-btnclose01--blue .c-btnclose01__link .icon {
  background-color: #4ec9fa;
}

.c_totop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: block;
  font-size: 0;
  width: 45px;
  height: 45px;
  transform: translateY(300%);
  transition: 0.5s;
  font-size: 0;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1;
  z-index: 99;
  background: #f76ea7;
  border-radius: 40px;
  border: 2px solid #fff;
}
@media screen and (min-width: 768px) {
  .c_totop {
    right: 60px;
    bottom: 60px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #fff;
  }
}
@media screen and (min-width: 768px) {
  .c_totop:hover {
    opacity: 0.7;
  }
}
.c_totop::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 11px;
  width: 12px;
  height: 3px;
  background: #fff;
  transform: translateY(-50%) rotate(-45deg);
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .c_totop::before {
    left: 15px;
    width: 15px;
  }
}
.c_totop::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 11px;
  width: 12px;
  height: 3px;
  transform: translateY(-50%) rotate(45deg);
  pointer-events: none;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .c_totop::after {
    right: 15px;
    width: 15px;
  }
}

/*!
component > Links
------------------------------
*/
/*!
component > List
------------------------------
*/
/*!
component > Box
------------------------------
*/
.c-block01 {
  background-color: #fff;
  outline: 2px solid #f32e80;
  box-shadow: 8px 8px 0 #f32e80;
  padding: 5% 3.9% 22px 6.1%;
  display: flex;
  align-items: flex-start;
  flex-direction: column-reverse;
  max-width: 375px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .c-block01 {
    padding: 5% 3.9% 14px 6.1%;
    flex-direction: row;
    justify-content: space-between;
    max-width: 100%;
    box-shadow: 6px 6px 0 #f32e80;
  }
}
.c-block01__contentarea {
  width: 100%;
  margin-top: -2px;
}
@media screen and (min-width: 768px) {
  .c-block01__contentarea {
    width: 60%;
    margin-top: 0;
  }
}
.c-block01__contentarea .ttl {
  font-size: 1.75rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  line-height: 1.45;
  color: #fd3488;
  font-feature-settings: 'palt';
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-block01__contentarea .ttl {
    font-size: clamp(1.875rem, 0.5952380952vw + 1.5892857143rem, 2.125rem);
    text-align: left;
  }
}
.c-block01__contentarea .desc {
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.07em;
  color: #444;
  font-feature-settings: 'palt';
  margin-top: 7px;
  padding: 0px 15px 0 11px;
}
@media screen and (min-width: 768px) {
  .c-block01__contentarea .desc {
    font-size: clamp(1rem, 0.2976190476vw + 0.8571428571rem, 1.125rem);
    max-width: 64.7%;
    padding: 0;
    margin-top: 11px;
  }
}
.c-block01__imgarea {
  position: relative;
  width: 64.6%;
  top: -57px;
  margin-right: 8px;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .c-block01__imgarea {
    width: 36.6%;
    top: -86px;
    margin: 0;
  }
}
.c-block01__imgarea img {
  width: 100%;
  height: auto;
  border: 1px solid #000;
}
.c-block01__imgarea .img02 {
  position: absolute;
  top: 91.9%;
  left: -12.5%;
  translate: -50% -50%;
  width: 74.2%;
}
@media screen and (min-width: 768px) {
  .c-block01__imgarea .img02 {
    top: 112.9%;
    left: -17.5%;
  }
}
.c-block01 + .c-block01 {
  margin-top: 80px;
}
@media screen and (min-width: 768px) {
  .c-block01 + .c-block01 {
    margin-top: 108px;
  }
}

/*!
component > MV
------------------------------
*/
/*!
component > Gnavi
------------------------------
*/
/*!
component > Other
------------------------------

- loadpage
------------------------------
*/
html.is_loading #loadding {
  opacity: 1;
  pointer-events: all;
}
html.is_loading body {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

#loadding {
  position: fixed;
  z-index: 999999;
  top: 0;
  width: 100%;
  height: 100vh;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  background-color: #f76ea7;
  opacity: 0;
  transition: opacity 1s ease-out 0.5s;
}

.three-body {
  position: relative;
  display: inline-block;
  height: 50px;
  width: 50px;
  animation: spin 2.75s infinite linear;
}
.three-body__dot {
  position: absolute;
  height: 100%;
  width: 30%;
}
.three-body__dot:after {
  content: '';
  position: absolute;
  height: 0%;
  width: 100%;
  padding-bottom: 100%;
  background: #fff;
  border-radius: 50%;
}
.three-body__dot:nth-child(1) {
  bottom: 5%;
  left: 0;
  transform: rotate(60deg);
  transform-origin: 50% 85%;
}
.three-body__dot:nth-child(1)::after {
  bottom: 0;
  left: 0;
  animation: wobble1 1.1s infinite ease-in-out;
  animation-delay: -0.33s;
}
.three-body__dot:nth-child(2) {
  bottom: 5%;
  right: 0;
  transform: rotate(-60deg);
  transform-origin: 50% 85%;
}
.three-body__dot:nth-child(2)::after {
  bottom: 0;
  left: 0;
  animation: wobble1 1.1s infinite -0.165s ease-in-out;
}
.three-body__dot:nth-child(3) {
  bottom: -5%;
  left: 0;
  transform: translateX(116.666%);
}
.three-body__dot:nth-child(3)::after {
  top: 0;
  left: 0;
  animation: wobble2 1.1s infinite ease-in-out;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes wobble1 {
  0%,
  100% {
    transform: translateY(0%) scale(1);
    opacity: 1;
  }
  50% {
    transform: translateY(-66%) scale(0.65);
    opacity: 0.8;
  }
}
@keyframes wobble2 {
  0%,
  100% {
    transform: translateY(0%) scale(1);
    opacity: 1;
  }
  50% {
    transform: translateY(66%) scale(0.65);
    opacity: 0.8;
  }
}
.fadein {
  opacity: 0;
  transform: translateY(30px);
  transition-property: transform, opacity;
  transition-duration: 1.5s;
  transition-delay: 0s;
}

.fadein.is-active {
  opacity: 1;
  transform: translateY(0);
}

/*!
component > Breadcrumb
------------------------------
*/
.c-header {
  position: fixed;
  top: 24px;
  left: 50%;
  width: calc(
    100% - clamp(3.75rem, 11.3095238095vw + -1.6785714286rem, 8.5rem)
  );
  height: 67px;
  z-index: 99;
  border-radius: 1000px;
  border: 1px solid #444;
  background-color: #fff;
  translate: -50% 0;
}
@media screen and (min-width: 768px) {
  .c-header {
    top: 40px;
    border: 2px solid #444;
    height: 88px;
  }
}
.c-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 0 25px;
}
@media screen and (min-width: 768px) {
  .c-header__inner {
    padding: 0 48px;
  }
}
.c-header__logoarea {
  display: flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
}
.c-header__logoarea .icon {
  width: 49px;
  flex-shrink: 0;
}
.c-header__logoarea .icon img {
  width: 100%;
  height: auto;
}
.c-header__logoarea .txt {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.03em;
  color: #444;
}
@media screen and (min-width: 768px) {
  .c-header__logoarea .txt {
    font-size: 0.875rem;
    letter-spacing: 0.07em;
  }
}
.c-header__menuarea {
  display: flex;
  align-items: center;
  gap: 27px;
}
.c-header__menuarea .btnsearch {
  width: 210px;
  height: 56px;
  border: 1px solid #444;
  border-radius: 999px;
  transition: 0.5s all ease-in-out;
}
.c-header__menuarea .btnsearch-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  line-height: 1;
  color: #fff;
  background-color: #ff589c;
  border-radius: 999px;
  padding: 0 18px 2px 0;
  text-decoration: none;
  position: relative;
}
@media screen and (min-width: 768px) {
  .c-header__menuarea .btnsearch-link:hover {
    opacity: 1;
    color: #444;
    background-color: #fbe4ee;
  }
}
.c-header__menuarea .btnsearch-link__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  aspect-ratio: 1/1;
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 8px;
  translate: 0 -50%;
  border-radius: 50%;
}
.c-header__menuarea .btnsearch-link__icon::after {
  content: '';
  display: block;
  width: 12px;
  aspect-ratio: 1/1;
  background: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.33763%201.20377e-08C4.48642%207.25271e-05%203.64757%200.203696%202.89106%200.593882C2.13456%200.984069%201.48233%201.5495%200.988809%202.24301C0.495284%202.93652%200.174767%203.73799%200.0539996%204.58056C-0.0667677%205.42312%200.0157168%206.28235%200.294571%207.08656C0.573426%207.89076%201.04056%208.61663%201.65701%209.20359C2.27346%209.79055%203.02134%2010.2216%203.83826%2010.4607C4.65518%2010.6999%205.51745%2010.7402%206.35313%2010.5784C7.18881%2010.4165%207.97367%2010.0572%208.64221%209.53031L10.9357%2011.8237C11.0541%2011.9381%2011.2128%2012.0014%2011.3774%2012C11.5421%2011.9985%2011.6996%2011.9325%2011.8161%2011.8161C11.9325%2011.6996%2011.9985%2011.5421%2012%2011.3775C12.0014%2011.2128%2011.9381%2011.0542%2011.8237%2010.9357L9.53022%208.64234C10.1507%207.85524%2010.537%206.90935%2010.645%205.91294C10.753%204.91653%2010.5782%203.90985%2010.1408%203.00811C9.70333%202.10637%209.02083%201.346%208.1714%200.814015C7.32196%200.282032%206.33991%20-6.72845e-05%205.33763%201.20377e-08ZM1.25557%205.33788C1.25557%204.25529%201.68564%203.21704%202.45117%202.45153C3.21671%201.68603%204.255%201.25597%205.33763%201.25597C6.42026%201.25597%207.45855%201.68603%208.22408%202.45153C8.98962%203.21704%209.41969%204.25529%209.41969%205.33788C9.41969%206.42047%208.98962%207.45872%208.22408%208.22422C7.45855%208.98973%206.42026%209.41979%205.33763%209.41979C4.255%209.41979%203.21671%208.98973%202.45117%208.22422C1.68564%207.45872%201.25557%206.42047%201.25557%205.33788Z'%20fill='%23444444'/%3e%3c/svg%3e")
    center/cover no-repeat;
}
.c-header__menuarea .hamburger {
  cursor: pointer;
}
.c-header__menuarea .hamburger-icon {
  width: 40px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .c-header__menuarea .hamburger-icon {
    gap: 5px;
    margin-bottom: 10px;
    width: 45px;
  }
}
.c-header__menuarea .hamburger-icon__line {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #444;
}
.c-header__menuarea .hamburger-txt {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0.03em;
  display: block;
}
@media screen and (min-width: 768px) {
  .c-header__menuarea .hamburger-txt {
    font-size: 0.875rem;
  }
}

.c-menu-drawer {
  position: fixed;
  inset: 0;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s ease-in-out;
}
.c-menu-drawer.is-active {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
.c-menu-drawer.is-active .c-menu-drawer__content {
  transform: translateX(0);
}
.c-menu-drawer__overlay {
  position: absolute;
  inset: 0;
  background: rgba(68, 68, 68, 0.7);
}
.c-menu-drawer__content {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  max-width: 830px;
  height: 100%;
  background: #fff;
  transform: translateX(100%);
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .c-menu-drawer__content {
    width: 57.6388888889%;
  }
}
.c-menu-drawer__scroll {
  max-width: 830px;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  position: relative;
  z-index: 2;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 60px 20px 80px;
}
@media screen and (min-width: 768px) {
  .c-menu-drawer__scroll {
    padding: 148px 20px 80px;
  }
}
.c-menu-drawer__list {
  max-width: 200px;
  margin-inline: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  translate: 17px 0;
  gap: 17px;
}
@media screen and (min-width: 768px) {
  .c-menu-drawer__list {
    gap: 39px;
    max-width: 356px;
    translate: 6px 0;
  }
}
.c-menu-drawer__list .link {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #fb458f;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .c-menu-drawer__list .link {
    font-size: 2rem;
    line-height: 1.75;
  }
}
@media screen and (min-width: 768px) {
  .c-menu-drawer__list .link:hover {
    opacity: 0.5;
  }
}
.c-menu-drawer .btnsearch {
  width: 210px;
  height: 50px;
  border: 1px solid #444;
  border-radius: 999px;
  transition: 0.5s all ease-in-out;
  margin-top: 31px;
  margin-inline: auto;
}
.c-menu-drawer .btnsearch-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  line-height: 1;
  color: #fff;
  background-color: #ff589c;
  border-radius: 999px;
  padding: 0 18px 2px 0;
  text-decoration: none;
  position: relative;
}
.c-menu-drawer .btnsearch-link__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  aspect-ratio: 1/1;
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 8px;
  translate: 0 -50%;
  border-radius: 50%;
}
.c-menu-drawer .btnsearch-link__icon::after {
  content: '';
  display: block;
  width: 12px;
  aspect-ratio: 1/1;
  background: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.33763%201.20377e-08C4.48642%207.25271e-05%203.64757%200.203696%202.89106%200.593882C2.13456%200.984069%201.48233%201.5495%200.988809%202.24301C0.495284%202.93652%200.174767%203.73799%200.0539996%204.58056C-0.0667677%205.42312%200.0157168%206.28235%200.294571%207.08656C0.573426%207.89076%201.04056%208.61663%201.65701%209.20359C2.27346%209.79055%203.02134%2010.2216%203.83826%2010.4607C4.65518%2010.6999%205.51745%2010.7402%206.35313%2010.5784C7.18881%2010.4165%207.97367%2010.0572%208.64221%209.53031L10.9357%2011.8237C11.0541%2011.9381%2011.2128%2012.0014%2011.3774%2012C11.5421%2011.9985%2011.6996%2011.9325%2011.8161%2011.8161C11.9325%2011.6996%2011.9985%2011.5421%2012%2011.3775C12.0014%2011.2128%2011.9381%2011.0542%2011.8237%2010.9357L9.53022%208.64234C10.1507%207.85524%2010.537%206.90935%2010.645%205.91294C10.753%204.91653%2010.5782%203.90985%2010.1408%203.00811C9.70333%202.10637%209.02083%201.346%208.1714%200.814015C7.32196%200.282032%206.33991%20-6.72845e-05%205.33763%201.20377e-08ZM1.25557%205.33788C1.25557%204.25529%201.68564%203.21704%202.45117%202.45153C3.21671%201.68603%204.255%201.25597%205.33763%201.25597C6.42026%201.25597%207.45855%201.68603%208.22408%202.45153C8.98962%203.21704%209.41969%204.25529%209.41969%205.33788C9.41969%206.42047%208.98962%207.45872%208.22408%208.22422C7.45855%208.98973%206.42026%209.41979%205.33763%209.41979C4.255%209.41979%203.21671%208.98973%202.45117%208.22422C1.68564%207.45872%201.25557%206.42047%201.25557%205.33788Z'%20fill='%23444444'/%3e%3c/svg%3e")
    center/cover no-repeat;
}
.c-menu-drawer .c-menu-drawer__decoration {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}
.c-menu-drawer .bubble {
  position: absolute;
  border-radius: 50%;
}
.c-menu-drawer .bubble--01 {
  width: 67%;
  aspect-ratio: 1/1;
  background: #fffcc6;
  border: 1px solid #fff528;
  top: -2%;
  left: 41%;
  translate: -50% -50%;
}
@media screen and (min-width: 768px) {
  .c-menu-drawer .bubble--01 {
    width: 39.6%;
    top: 2.3%;
    left: 30.4%;
  }
}
.c-menu-drawer .bubble--02 {
  width: 32%;
  aspect-ratio: 1/1;
  background: #ffecfa;
  top: 32.2%;
  right: -32.8%;
  border: 1px solid #ffa6d6;
  translate: -50% -50%;
}
@media screen and (min-width: 768px) {
  .c-menu-drawer .bubble--02 {
    width: 19%;
    top: 32.7%;
    right: -14.4%;
  }
}
.c-menu-drawer .bubble--03 {
  width: 25%;
  aspect-ratio: 1/1;
  background: #fff9c4;
  border: 1px solid #fff528;
  top: 37.4%;
  left: 2%;
  translate: -50% -50%;
}
@media screen and (min-width: 768px) {
  .c-menu-drawer .bubble--03 {
    width: 15%;
    top: 46.6%;
    left: 4%;
  }
}
.c-menu-drawer .bubble--04 {
  width: 23%;
  aspect-ratio: 1/1;
  background: #fff9c4;
  border: 1px solid #fff528;
  top: 69.2%;
  right: -26%;
  translate: -50% -50%;
}
@media screen and (min-width: 768px) {
  .c-menu-drawer .bubble--04 {
    width: 14.7%;
    top: 69%;
    right: -12.2%;
  }
}
.c-menu-drawer .bubble--05 {
  width: 32%;
  aspect-ratio: 1/1;
  background: #ffecfa;
  top: 74.2%;
  left: -7%;
  border: 1px solid #ffa6d6;
  translate: -50% -50%;
}
@media screen and (min-width: 768px) {
  .c-menu-drawer .bubble--05 {
    width: 19%;
    top: 80.2%;
    left: 8%;
  }
}
.c-menu-drawer .bubble--06 {
  width: 67%;
  aspect-ratio: 1/1;
  background: #ffecfa;
  top: 106.2%;
  left: 67%;
  border: 1px solid #ffa6d6;
  translate: -50% -50%;
}
@media screen and (min-width: 768px) {
  .c-menu-drawer .bubble--06 {
    width: 40%;
    top: 102.7%;
    left: 71%;
  }
}

.c-btnclose {
  width: 47px;
  aspect-ratio: 1/1;
  border: 1px solid #444;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  cursor: pointer;
  top: 38px;
  right: 57px;
  z-index: 98;
  transition: 0.5s all ease-in-out;
}
@media screen and (min-width: 768px) {
  .c-btnclose {
    top: 60px;
    right: clamp(5.0625rem, 5.8035714286vw + 2.2767857143rem, 7.5rem);
  }
}
.c-btnclose::after,
.c-btnclose::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 3px;
  background: #444;
  translate: -50% -50%;
}
.c-btnclose::before {
  rotate: 45deg;
}
.c-btnclose::after {
  rotate: -45deg;
}

.c-footer {
  background-color: #fbe4ee;
  padding: 21px 20px;
  text-align: center;
  margin-top: -26px;
}
@media screen and (min-width: 768px) {
  .c-footer {
    padding: 44px 40px;
    text-align: center;
    margin-top: -25px;
  }
}

.c-footer__txt {
  font-family: 'Archivo', sans-serif;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0.03em;
  color: #444;
}
@media screen and (min-width: 768px) {
  .c-footer__txt {
    font-size: 1rem;
    letter-spacing: 0;
  }
}

/*!
layout > container
------------------------------
*/
.l-container {
  width: unset;
  padding: 0 30px;
}

@media screen and (min-width: 768px) {
  .l-container {
    box-sizing: border-box;
    margin: 0 auto;
    width: auto;
  }
  .l-container {
    max-width: 1080px;
    padding: 0 40px;
    margin: 0 auto;
  }
}
:root {
  --zg-width: 50px;
  --zg-height: 30px;
  --zg-width02: 50px;
  --zg-height02: 30px;
  --mask-zigzag:
    linear-gradient(
      to bottom,
      #000 calc(100% - var(--zg-height)),
      transparent calc(100% - var(--zg-height))
    ),
    conic-gradient(from -45deg at bottom, #0000, #000 1deg 90deg, #0000 91deg)
      bottom / var(--zg-width) calc(var(--zg-height) * 2) repeat-x;
  --mask-zigzag02:
    linear-gradient(
      to bottom,
      #000 calc(100% - var(--zg-height02)),
      transparent calc(100% - var(--zg-height02))
    ),
    conic-gradient(from -45deg at bottom, #0000, #000 1deg 90deg, #0000 91deg)
      bottom / var(--zg-width02) calc(var(--zg-height02) * 2) repeat-x;
  --shape: polygon(15% 0%, 93% 5%, 100% 70%, 85% 90%, 20% 90%, 0% 50%);
}

.p-top .mv {
  position: relative;
  z-index: 11;
  max-width: 100%;
  width: 100vw;
  height: calc(100vh + 26px);
  background-color: #fbe4ee;
  -webkit-mask: var(--mask-zigzag02);
  mask: var(--mask-zigzag02);
  mask-position: bottom;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-top .mv {
    height: 100vh;
  }
}
.p-top .mv-bgdecord {
  position: absolute;
  top: 36.3%;
  left: 60.2%;
  translate: -50% -50%;
  background: url(../images/bg_mv02_sp.png) center/cover no-repeat;
  width: 182.6666666667vw;
  aspect-ratio: 685/651;
  display: block;
  z-index: -1;
  translate: -50% -50%;
}
@media screen and (min-width: 768px) {
  .p-top .mv-bgdecord {
    top: 51.1%;
    left: 51.6%;
    background: url(../images/bg_mv02.png) center/cover no-repeat;
    width: 116.25vw;
    aspect-ratio: 1674/1570;
  }
}
.p-top .mv-ttl {
  font-family: 'Archivo', sans-serif;
  font-size: min(15.4666666667vw, 8.8vh);
  font-weight: 900;
  font-style: italic;
  line-height: 1;
  letter-spacing: 0.02em;
  color: #ffffff;
  -webkit-text-stroke: 2px #fb458f;
  text-shadow: 0.8vw 0.8vw 0 #fb458f;
  position: absolute;
  top: 62.6%;
  left: 55%;
  translate: -50% -50%;
  transform: skew(-4.8deg, -12deg);
  z-index: 3;
  text-indent: -9.3333333333vw;
}
@media screen and (min-width: 768px) {
  .p-top .mv-ttl {
    font-size: min(9.375vw, 13vh);
    text-shadow: 0.5555555556vw 0.5555555556vw 0 #fb458f;
    -webkit-text-stroke: 3px #fb458f;
    top: 73%;
    left: 37.6%;
    text-indent: -5.8333333333vw;
  }
}
.p-top .mv-group {
  position: absolute;
  top: 44.3%;
  left: 50%;
  translate: -50% -50%;
  width: min(96.2666666667vw, 54.7vh);
  aspect-ratio: 856/826;
  overflow: clip;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p-top .mv-group {
    top: 52.7%;
    left: calc(50% - 0.5555555556vw);
    width: min(59.4444444444vw, 85vh);
  }
}
.p-top .mv-group__wrapper {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.p-top .mv-group__wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-top .mv-slider {
  position: absolute;
  top: 50%;
  left: calc(50% + 0.4861111111vw);
  translate: -50% -50%;
  display: block;
  width: 98.4%;
  aspect-ratio: 747/732;
}
.p-top .mv-slider__wrapper {
  width: 100%;
  overflow: hidden;
}
.p-top .mv-slider__item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  animation: fadeInOut 16s infinite;
  transition: opacity 1.5s ease-in-out;
}
.p-top .mv-slider__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.p-top .mv-slider__item:nth-child(1) {
  animation-delay: 0s;
}
.p-top .mv-slider__item:nth-child(2) {
  animation-delay: 4s;
}
.p-top .mv-slider__item:nth-child(3) {
  animation-delay: 8s;
}
.p-top .mv-slider__item:nth-child(4) {
  animation-delay: 12s;
}
.p-top .mv-label {
  position: absolute;
  z-index: 3;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  flex-direction: column-reverse;
  top: 84.9%;
  left: 50%;
  translate: -50% -50%;
}
@media screen and (min-width: 768px) {
  .p-top .mv-label {
    flex-direction: row;
    gap: 1.25vw;
    top: 52.1%;
    left: 88.5%;
  }
}
.p-top .mv-label__txt {
  font-weight: 900;
  font-size: min(6.9333333333vw, 4vh);
  line-height: 1.06;
  letter-spacing: 0.05em;
  color: #fb458f;
  display: block;
  width: max-content;
  box-shadow: 4px 4px 0 #fb458f;
  background-color: #ffffff;
  border: 1px solid #fb458f;
  padding: 6px 5px 6px 10px;
}
@media screen and (min-width: 768px) {
  .p-top .mv-label__txt {
    writing-mode: vertical-rl;
    border: 2px solid #fb458f;
    font-size: min(2.9166666667vw, 4vh);
    padding: 1.3194444444vw 0.8333333333vw 2.2222222222vw;
  }
}
.p-top .topic {
  padding-top: 95px;
  padding-bottom: 96px;
  position: relative;
  overflow: hidden;
  z-index: 10;
  background-color: #fff;
  -webkit-mask: var(--mask-zigzag);
  mask: var(--mask-zigzag);
  mask-position: bottom;
  margin-top: calc(-1 * var(--zg-height));
}
@media screen and (min-width: 768px) {
  .p-top .topic {
    padding-top: 126px;
    padding-bottom: 150px;
  }
}
.p-top .topic-bg {
  position: absolute;
  top: 50.9%;
  left: 49.4%;
  width: 445px;
  height: 1124px;
  background: url(../images/bg_topic01_sp.png) center/contain no-repeat;
  translate: -50% -50%;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-top .topic-bg {
    top: calc(50% - 49px);
    left: calc(50% + 93px);
    width: 1804px;
    height: 978px;
    background: url(../images/bg_topic01.png) center/contain no-repeat;
  }
}
.p-top .topic-inner {
  width: 100%;
  max-width: 1240px;
  padding: 0 20px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-top .topic-inner {
    padding: 0 40px;
  }
}
.p-top .topic-heading .c-heading01__jp {
  margin-top: 5px;
}
@media screen and (min-width: 768px) {
  .p-top .topic-heading .c-heading01__jp {
    margin-top: -2px;
  }
}
.p-top .topic-anchorarea {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  gap: 32px;
  margin-top: 48px;
  max-width: 375px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-top .topic-anchorarea {
    gap: 40px;
    max-width: 100%;
    margin-inline: unset;
  }
}
.p-top .topic-anchorarea__item {
  width: 142px;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-top .topic-anchorarea__item {
    width: 160px;
  }
}
.p-top .topic-anchorarea__item.u--style01 .topic-anchorarea__imgarea {
  background-color: #fffdd0;
  box-shadow: 4px 4px 0 #fff875;
}
.p-top
  .topic-anchorarea__item.u--style01
  .topic-anchorarea__contentarea
  .c-btnarrow01 {
  background-color: #f9ed00;
}
.p-top .topic-anchorarea__item.u--style02 .topic-anchorarea__imgarea {
  background-color: #fce3f1;
  box-shadow: 4px 4px 0 #f76ea7;
}
.p-top
  .topic-anchorarea__item.u--style02
  .topic-anchorarea__contentarea
  .c-btnarrow01 {
  background-color: #f76ea7;
}
.p-top .topic-anchorarea__item.u--style03 .topic-anchorarea__imgarea {
  background-color: #dcf6fd;
  box-shadow: 4px 4px 0 #4ec9fa;
}
.p-top
  .topic-anchorarea__item.u--style03
  .topic-anchorarea__contentarea
  .c-btnarrow01 {
  background-color: #4ec9fa;
}
.p-top .topic-anchorarea__link {
  display: block;
  width: 100%;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .p-top .topic-anchorarea__link:hover {
    opacity: 0.5;
  }
}
.p-top .topic-anchorarea__imgarea {
  border: 1px solid #444444;
  background-color: #ffffff;
  width: 100%;
  aspect-ratio: 140/101;
  box-shadow: 4px 4px 0 #f76ea7;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .p-top .topic-anchorarea__imgarea {
    aspect-ratio: 160/120;
  }
}
.p-top .topic-anchorarea__imgarea img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-top .topic-anchorarea__contentarea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 50px;
  margin-top: 6px;
}
@media screen and (min-width: 768px) {
  .p-top .topic-anchorarea__contentarea {
    margin-top: 13px;
  }
}
.p-top .topic-anchorarea__contentarea .ttl {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.07em;
  color: #444444;
  font-feature-settings: 'palt';
}
.p-top .message {
  position: relative;
  background-color: #4ec9fa;
  margin-top: calc(-1 * var(--zg-height));
  -webkit-mask: var(--mask-zigzag);
  mask: var(--mask-zigzag);
  mask-position: bottom;
  overflow: hidden;
  z-index: 8;
  padding-top: 94px;
  padding-bottom: 119px;
}
@media screen and (min-width: 768px) {
  .p-top .message {
    padding-top: 117px;
    padding-bottom: 151px;
  }
}
.p-top .message .c-gridbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
.p-top .message .c-gridbg__pattern {
  position: absolute;
  top: calc(-50% - 26px);
  left: calc(-50% + 5px);
  width: 200%;
  height: 200%;
  background-image:
    linear-gradient(#60d2ff 3px, transparent 3px),
    linear-gradient(90deg, #60d2ff 3px, transparent 3px);
  background-size: 46px 46px;
  transform: rotate(30.49deg);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-top .message .c-gridbg__pattern {
    top: calc(-50% - 32px);
    left: calc(-50% + 24px);
    background-image:
      linear-gradient(#60d2ff 2px, transparent 2px),
      linear-gradient(90deg, #60d2ff 2px, transparent 2px);
    background-size: 66px 66px;
  }
}
.p-top .message-heading .c-heading01__en {
  color: #fff;
  -webkit-text-stroke: 2px #009ceb;
  text-shadow: 5px 5px 0 #009ceb;
}
@media screen and (min-width: 768px) {
  .p-top .message-heading .c-heading01__en {
    text-shadow: 5px 5px 0 #009ceb;
  }
}
.p-top .message-heading .c-heading01__jp {
  color: #fff;
}
.p-top .message-block01 {
  background-color: #fff;
  max-width: 100%;
  margin-inline: auto;
  margin-top: 49px;
  box-shadow: 6px 6px 0 #0194de;
  outline: 2px solid #0194de;
  box-sizing: border-box;
  text-align: center;
  padding: 29px 26px 54px;
  position: relative;
  max-width: 375px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-top .message-block01 {
    margin-top: 45px;
    max-width: 744px;
    padding: 53px 0 56px;
    box-shadow: 6px 6px 0 #0194de;
  }
}
.p-top .message-block01__ttl {
  font-size: 1.625rem;
  font-weight: 900;
  line-height: 1.45;
  letter-spacing: 0.1em;
  color: #10b4f4;
  font-feature-settings: 'palt';
}
@media screen and (min-width: 768px) {
  .p-top .message-block01__ttl {
    font-size: 2.25rem;
  }
}
.p-top .message-block01__desc {
  font-size: 1.0625rem;
  line-height: 1.9;
  font-weight: 400;
  letter-spacing: 0.07em;
  margin-top: 14px;
  font-feature-settings: 'palt';
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-top .message-block01__desc {
    font-size: 1.125rem;
    margin-top: 18px;
  }
}
.p-top .message-bggrid {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(30deg);
  width: 200%;
  height: 200%;
  z-index: -1;
  background-image:
    linear-gradient(to right, #60d2ff 2px, transparent 2px),
    linear-gradient(to bottom, #60d2ff 2px, transparent 2px);
  background-size: 40px 40px;
  background-repeat: repeat;
}
.p-top .message-decordarea .iconstart01,
.p-top .message-decordarea .iconstart02,
.p-top .message-decordarea .iconstart03,
.p-top .message-decordarea .iconstart04,
.p-top .message-decordarea .iconstart05,
.p-top .message-decordarea .icondecord01,
.p-top .message-decordarea .icondecord02 {
  position: absolute;
}
.p-top .message-decordarea .icondecord01 {
  top: -9%;
  left: -6.9%;
}
@media screen and (min-width: 768px) {
  .p-top .message-decordarea .icondecord01 {
    top: -11.5%;
    left: -10.6%;
  }
}
.p-top .message-decordarea .icondecord02 {
  top: 20.2%;
  right: 0.8%;
}
@media screen and (min-width: 768px) {
  .p-top .message-decordarea .icondecord02 {
    top: 17.2%;
    right: -9.7%;
  }
}
.p-top .message-decordarea .iconstart01 {
  top: -15.5%;
  left: -5.9%;
  width: 25px;
}
@media screen and (min-width: 768px) {
  .p-top .message-decordarea .iconstart01 {
    top: -33.4%;
    left: -13.6%;
    width: 41px;
  }
}
.p-top .message-decordarea .iconstart02 {
  top: -44.3%;
  width: 27px;
  right: 7.1%;
}
@media screen and (min-width: 768px) {
  .p-top .message-decordarea .iconstart02 {
    top: -39.1%;
    right: -3%;
    width: 30px;
  }
}
.p-top .message-decordarea .iconstart03 {
  top: 14.3%;
  right: -8.1%;
}
@media screen and (min-width: 768px) {
  .p-top .message-decordarea .iconstart03 {
    top: 37%;
    right: unset;
    left: -37.3%;
  }
}
.p-top .message-decordarea .iconstart04 {
  top: 87.9%;
  width: 29px;
  left: -3.7%;
}
@media screen and (min-width: 768px) {
  .p-top .message-decordarea .iconstart04 {
    left: unset;
    width: 41px;
    top: 9.8%;
    right: -24.8%;
  }
}
.p-top .message-decordarea .iconstart05 {
  top: 97.1%;
  left: 91.3%;
}
@media screen and (min-width: 768px) {
  .p-top .message-decordarea .iconstart05 {
    top: 94.3%;
    left: -16.3%;
  }
}
.p-top .message-decordarea .imgdecord01 {
  width: 213px;
  position: absolute;
  bottom: -26%;
  left: 49.6%;
  translate: -50% 0;
}
@media screen and (min-width: 768px) {
  .p-top .message-decordarea .imgdecord01 {
    width: clamp(17.5rem, 14.5833333333vw + 10.5rem, 23.625rem);
    position: absolute;
    bottom: -38%;
    left: calc(
      50% + clamp(14.8125rem, 17.4107142857vw + 6.4553571429rem, 22.125rem)
    );
    translate: -50% 0;
  }
}
.p-top .message-decordarea .imgdecord01 img {
  width: 100%;
  height: auto;
}
.p-top .search {
  background-color: #fffbd5;
  padding: 116px 0 124px;
  position: relative;
  overflow: hidden;
  top: -20px;
  z-index: 7;
  margin-top: calc(-1 * var(--zg-height));
  -webkit-mask: var(--mask-zigzag);
  mask: var(--mask-zigzag);
  mask-position: bottom;
}
@media screen and (min-width: 768px) {
  .p-top .search {
    padding: 136px 0 155px;
  }
}
.p-top .search-bg {
  position: absolute;
  top: 50.6%;
  left: 53.8%;
  translate: -50% -50%;
  width: 614px;
  height: 787px;
  background: url(../images/bg_search_sp.png) center/contain no-repeat;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-top .search-bg {
    top: calc(50% + 157px);
    left: calc(50% + 24px);
    translate: -50% -50%;
    width: 1841px;
    height: 1151px;
    background: url(../images/bg_search.png) center/contain no-repeat;
  }
}
.p-top .search-heading .c-heading01__en {
  color: #fff;
  -webkit-text-stroke: 2px #ffd813;
  text-shadow: 5px 5px 0 #ffd813;
}
@media screen and (min-width: 768px) {
  .p-top .search-heading .c-heading01__en {
    text-shadow: 5px 5px 0 #ffd813;
  }
}
.p-top .search-heading .c-heading01__jp {
  color: #444;
  margin-top: 3px;
}
@media screen and (min-width: 768px) {
  .p-top .search-heading .c-heading01__jp {
    margin-top: 0;
  }
}
.p-top .search-block01 {
  width: 100%;
  position: relative;
  margin-top: 48px;
  max-width: 375px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-top .search-block01 {
    margin-top: 50px;
    max-width: 100%;
  }
}
.p-top .search-block01__ttl {
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #444;
  width: max-content;
  margin-inline: auto;
  border: 1px solid #444;
  border-radius: 1000px;
  background-color: #fff;
  padding: 2px 42px;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .p-top .search-block01__ttl {
    padding: 8px 41px;
  }
}
.p-top .search-block01__group {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  background-color: #fff;
  box-shadow: 8px 6px #fbe600;
  outline: 2px solid #fbe600;
  border-bottom: 2px solid #fbe600;
  margin-top: -17px;
  position: relative;
  z-index: 2;
  padding: 49px 19px 29px;
  gap: 25px 25px;
}
@media screen and (min-width: 768px) {
  .p-top .search-block01__group {
    gap: 32px 48px;
    padding: 60px 40px 40px;
    margin-top: -21px;
  }
}
.p-top .search-block01__group .c-btnsearch01 {
  max-width: 125px;
}
@media screen and (min-width: 768px) {
  .p-top .search-block01__group .c-btnsearch01 {
    max-width: 210px;
  }
}
.p-top .search-block01 .imgdecord01 {
  position: absolute;
  top: -7.8%;
  left: 14.3%;
  width: 102px;
  z-index: 4;
  translate: -50% -50%;
}
@media screen and (min-width: 768px) {
  .p-top .search-block01 .imgdecord01 {
    top: 0.6%;
    left: 2.7%;
    width: 16.8%;
  }
}
.p-top .search-block01 .imgdecord01 img {
  width: 100%;
  height: auto;
}
.p-top .search-block01 .imgdecord02 {
  position: absolute;
  top: 108%;
  left: 91.1%;
  width: 82px;
  z-index: 4;
  translate: -50% -50%;
}
@media screen and (min-width: 768px) {
  .p-top .search-block01 .imgdecord02 {
    top: 99%;
    left: 99.5%;
    width: 13.9%;
  }
}
.p-top .search-block01 .imgdecord02 img {
  width: 100%;
  height: auto;
}
.p-top .works {
  background-color: #f76ea7;
  margin-top: calc(-1 * var(--zg-height));
  -webkit-mask: var(--mask-zigzag);
  mask: var(--mask-zigzag);
  mask-position: bottom;
  position: relative;
  top: -20px;
  z-index: 6;
  padding: 94px 0 120px 0;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-top .works {
    padding: 130px 0 183px 0;
  }
}
.p-top .works-bg {
  position: absolute;
  top: 54.2%;
  left: 49.7%;
  translate: -50% -50%;
  width: 476px;
  height: 1385px;
  background: url(../images/bg_works_sp.png) center/contain no-repeat;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-top .works-bg {
    top: calc(50% - 17px);
    left: calc(50% - 12px);
    translate: -50% -50%;
    width: 1579px;
    height: 1418px;
    background: url(../images/bg_works.png) center/contain no-repeat;
  }
}
.p-top .works-heading {
  position: relative;
  max-width: 375px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-top .works-heading {
    max-width: 100%;
  }
}
.p-top .works-heading .c-heading01__en {
  color: #fff;
  text-shadow: 5px 5px 0 #f32e80;
}
.p-top .works-heading .c-heading01__jp {
  color: #fff;
  margin-top: 5px;
}
@media screen and (min-width: 768px) {
  .p-top .works-heading .c-heading01__jp {
    margin-top: -3px;
  }
}
.p-top .works-heading__decord04 {
  position: absolute;
  top: -0.9%;
  left: 2.5%;
  rotate: -100deg;
  translate: -50% -50%;
  width: 36px;
}
@media screen and (min-width: 768px) {
  .p-top .works-heading__decord04 {
    top: 39.4%;
    left: 10.8%;
    translate: -50% -50%;
    rotate: unset;
    width: 5.4%;
  }
}
.p-top .works-heading__decord05 {
  position: absolute;
  top: 100.6%;
  left: 100.3%;
  translate: -50% -50%;
  rotate: 98deg;
  width: 40px;
}
@media screen and (min-width: 768px) {
  .p-top .works-heading__decord05 {
    top: 44.2%;
    left: 80.1%;
    translate: -50% -50%;
    rotate: unset;
    width: 5.2%;
  }
}
.p-top .works-block01 {
  margin-top: 88px;
}
@media screen and (min-width: 768px) {
  .p-top .works-block01 {
    margin-top: 84px;
  }
}
.p-top .works-block01 .c-block01 {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-top .works-block01 .c-block01:nth-child(2) .c-block01__imgarea .img02 {
    top: 116.9%;
  }
}
.p-top .works-block01__decord01 {
  position: absolute;
  top: 44.2%;
  left: 99.4%;
  width: 36px;
  translate: -50% -50%;
}
@media screen and (min-width: 768px) {
  .p-top .works-block01__decord01 {
    top: 71.7%;
    left: 101.7%;
    width: 5.5%;
  }
}
.p-top .works-block01__decord02 {
  position: absolute;
  top: 0.4%;
  left: 11.2%;
  rotate: 120deg;
  width: 39px;
  translate: -50% -50%;
}
@media screen and (min-width: 768px) {
  .p-top .works-block01__decord02 {
    top: 25.4%;
    left: -1.8%;
    width: 6.1%;
    rotate: unset;
  }
}
.p-top .works-block01__decord03 {
  position: absolute;
  top: 102%;
  left: 74.2%;
  width: 39px;
  translate: -50% -50%;
}
@media screen and (min-width: 768px) {
  .p-top .works-block01__decord03 {
    top: 105.3%;
    left: 87%;
    width: 6.4%;
  }
}
.p-top .merit {
  position: relative;
  top: -25px;
  background-color: #4ec9fa;
  margin-top: calc(-1 * var(--zg-height));
  -webkit-mask: var(--mask-zigzag);
  mask: var(--mask-zigzag);
  mask-position: bottom;
  overflow: hidden;
  z-index: 5;
  padding: 101px 0 122px 0;
}
@media screen and (min-width: 768px) {
  .p-top .merit {
    padding: 127px 0 159px 0;
  }
}
.p-top .merit-gridbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
.p-top .merit-gridbg__pattern {
  position: absolute;
  top: 48.4%;
  left: 50%;
  width: 1000%;
  height: 1000%;
  background-image:
    linear-gradient(#60d2ff 3px, transparent 3px),
    linear-gradient(90deg, #60d2ff 3px, transparent 3px);
  background-size: 46px 46px;
  translate: -50% -50%;
  transform: rotate(30.49deg);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-top .merit-gridbg__pattern {
    width: 200%;
    height: 200%;
    top: calc(-50% + 38px);
    left: calc(-50% + 25px);
    translate: 0 0;
    background-image:
      linear-gradient(#60d2ff 5px, transparent 5px),
      linear-gradient(90deg, #60d2ff 5px, transparent 5px);
    background-size: 73px 73px;
  }
}
.p-top .merit-heading .c-heading01__en {
  color: #fff;
  -webkit-text-stroke: 2px #009ceb;
  text-shadow: 5px 5px 0 #009ceb;
}
@media screen and (min-width: 768px) {
  .p-top .merit-heading .c-heading01__en {
    text-shadow: 5px 5px 0 #009ceb;
  }
}
.p-top .merit-heading .c-heading01__jp {
  color: #fff;
  margin-top: 5px;
}
@media screen and (min-width: 768px) {
  .p-top .merit-heading .c-heading01__jp {
    margin-top: -3px;
  }
}
.p-top .merit-block01 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 63px;
  margin-top: 54px;
  max-width: 375px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-top .merit-block01 {
    margin-top: 51px;
    max-width: 100%;
    margin-inline: unset;
    gap: 48px clamp(1.875rem, 4.4642857143vw + -0.2678571429rem, 3.75rem);
  }
}
.p-top .merit-block01__item {
  width: 100%;
  position: relative;
  background-color: #ffffff;
  outline: 2px solid #0194de;
  box-shadow: 6px 6px 0 #0194de;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  padding: 32px 21px 23px 34px;
}
@media screen and (min-width: 768px) {
  .p-top .merit-block01__item {
    padding: 27px clamp(1.25rem, 0.5952380952vw + 0.9642857143rem, 1.5rem) 32px
      clamp(1.25rem, 2.5297619048vw + 0.0357142857rem, 2.3125rem);
    width: 47%;
    gap: 10px;
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .p-top .merit-block01__item:nth-child(2n) {
    margin-top: 40px;
  }
}
.p-top .merit-block01__indexarea {
  position: absolute;
  top: -30px;
  left: -20px;
  width: 85px;
  aspect-ratio: 82/81;
  background: url("data:image/svg+xml,%3csvg%20width='86'%20height='85'%20viewBox='0%200%2086%2085'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M34.7695%201.24268C37.1922%203.36439%2040.6401%204.37344%2043.8975%204.37354C47.3137%204.37354%2050.2654%203.37258%2052.3916%201.65967L52.9072%201.24463L53.166%201.85303C53.5377%202.72741%2054.039%203.58132%2054.668%204.39697L54.9248%204.71826C57.6364%208.0042%2062.1848%2010.1938%2066.3486%2010.1938C67.218%2010.1938%2068.0541%2010.1001%2068.8467%209.91748L69.4883%209.77002L69.458%2010.4282C69.37%2012.3244%2069.7822%2014.3578%2070.7188%2016.3794C72.6584%2020.5656%2076.3369%2023.6694%2080.1113%2024.5688L80.7402%2024.7192L80.4375%2025.2896C78.9764%2028.0487%2078.7159%2031.5147%2079.3369%2034.5884C79.9571%2037.6585%2081.537%2040.7416%2083.9463%2042.7056L84.4463%2043.1128L83.9277%2043.4956C81.3757%2045.3805%2079.6377%2048.4717%2078.8975%2051.5737C78.1871%2054.5499%2078.312%2057.9474%2079.6162%2060.7241L79.8906%2061.3091L79.2559%2061.4282C75.3302%2062.1633%2071.4013%2065.2567%2069.3203%2069.4839C68.3888%2071.376%2067.9303%2073.2625%2067.9258%2075.0435L67.9238%2075.6997L67.292%2075.5249C66.3384%2075.2609%2065.3125%2075.1226%2064.2324%2075.1226C59.9273%2075.1226%2055.3906%2077.2782%2052.6973%2080.6011V80.6021C52.119%2081.3154%2051.6432%2082.0634%2051.2715%2082.8354L50.9863%2083.4282L50.4922%2082.9946C48.0695%2080.8729%2044.6216%2079.8639%2041.3643%2079.8638C37.948%2079.8638%2034.9963%2080.8647%2032.8701%2082.5776L32.3545%2082.9927L32.0957%2082.3843C31.724%2081.5099%2031.2226%2080.6559%2030.5938%2079.8413C27.9193%2076.3775%2023.2112%2074.0444%2018.9131%2074.0444C18.0437%2074.0445%2017.2076%2074.1382%2016.415%2074.3208L15.7734%2074.4683L15.8037%2073.8101C15.8917%2071.9139%2015.4804%2069.8794%2014.5439%2067.8589H14.543C12.6034%2063.6727%208.92486%2060.5689%205.15039%2059.6694L4.52148%2059.519L4.82422%2058.9487C6.28534%2056.1896%206.54585%2052.7235%205.9248%2049.6499C5.30458%2046.5798%203.72472%2043.4967%201.31543%2041.5327L0.81543%2041.1255L1.33398%2040.7427C3.88597%2038.8588%205.62401%2035.7667%206.36426%2032.6646C7.07465%2029.6883%206.94974%2026.2909%205.64551%2023.5142L5.37109%2022.9292L6.00586%2022.8101C9.93153%2022.075%2013.8604%2018.9816%2015.9414%2014.7544C16.873%2012.8621%2017.3315%2010.974%2017.3359%209.19385L17.3379%208.53857L17.9697%208.71338C18.9233%208.97741%2019.9492%209.11572%2021.0293%209.11572C25.3345%209.11565%2029.8711%206.96009%2032.5645%203.63721V3.63623C33.1426%202.92307%2033.6184%202.17411%2033.9902%201.40186L34.2754%200.809082L34.7695%201.24268Z'%20fill='%23FFF872'%20stroke='%2344BDED'/%3e%3c/svg%3e")
    center/cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  font-style: italic;
  line-height: 1.5;
  letter-spacing: 0.03em;
  padding: 0 4px 0 0;
  color: #10b4f4;
}
@media screen and (min-width: 768px) {
  .p-top .merit-block01__indexarea {
    top: -25px;
    left: -29px;
  }
}
.p-top .merit-block01__imgarea {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  width: 105px;
  height: auto;
  margin-right: 6px;
}
@media screen and (min-width: 768px) {
  .p-top .merit-block01__imgarea {
    align-items: center;
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-top .merit-block01__imgarea {
    width: clamp(4.375rem, 5.2083333333vw + 1.875rem, 6.5625rem);
    aspect-ratio: 105/129;
  }
}
.p-top .merit-block01__contentarea {
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .p-top .merit-block01__contentarea {
    width: 275px;
    margin-top: 0;
  }
}
.p-top .merit-block01__contentarea .ttl {
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1.45;
  letter-spacing: 0.1em;
  font-feature-settings: 'palt';
  color: #10b4f4;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-top .merit-block01__contentarea .ttl {
    text-align: left;
    font-size: clamp(1.25rem, 0.5952380952vw + 0.9642857143rem, 1.5rem);
  }
}
.p-top .merit-block01__contentarea .desc {
  font-weight: 400;
  font-size: 1.0625rem;
  line-height: 1.9;
  letter-spacing: 0.07em;
  margin-top: 7px;
  font-feature-settings: 'palt';
}
@media screen and (min-width: 768px) {
  .p-top .merit-block01__contentarea .desc {
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.1em;
    font-feature-settings: unset;
    margin-top: 9px;
  }
}
.p-top .interview {
  background-color: #fff;
  position: relative;
  top: -25px;
  z-index: 4;
  margin-top: calc(-1 * var(--zg-height));
  -webkit-mask: var(--mask-zigzag);
  mask: var(--mask-zigzag);
  mask-position: bottom;
  padding: 93px 0 113px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-top .interview {
    padding: 124px 0 145px;
  }
}
.p-top .interview-bg {
  position: absolute;
  top: 50.5%;
  left: 50.2%;
  display: block;
  width: 480px;
  height: 1404px;
  background: url(../images/bg_interview_sp.png) center/cover no-repeat;
  translate: -50% -50%;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-top .interview-bg {
    top: 51.7%;
    left: 56%;
    display: block;
    width: 1747px;
    height: 1440px;
    background: url(../images/bg_interview.png) center/cover no-repeat;
  }
}
.p-top .interview-heading .c-heading01__en {
  text-shadow: 5px 5px 0 #fb458f;
}
.p-top .interview-heading .c-heading01__jp {
  margin-top: 4px;
}
@media screen and (min-width: 768px) {
  .p-top .interview-heading .c-heading01__jp {
    margin-top: -2px;
  }
}
.p-top .interview-block01 {
  border: 2px solid #444;
  margin-top: 47px;
  max-width: 375px;
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  background-color: #444;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .p-top .interview-block01 {
    border: 1px solid #444;
    margin-top: 80px;
    max-width: 1440px;
    gap: 1px;
  }
}
.p-top .interview-block01__item {
  background-color: #f45898;
  width: clamp(50% - 1px, (1024px - 100vw) * 1000, 100%);
  display: flex;
  align-items: flex-start;
  text-decoration: none;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p-top .interview-block01__item:hover {
    opacity: 1;
  }
  .p-top
    .interview-block01__item:hover
    .interview-block01__imgarea
    .u--primary {
    opacity: 0;
  }
  .p-top .interview-block01__item:hover .interview-block01__imgarea .u--hover {
    opacity: 1;
  }
  .p-top .interview-block01__item:hover .interview-block01__contentarea .btn {
    background-color: #444;
    color: #fff;
  }
}
.p-top .interview-block01__item--bg01 {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: -1;
}
.p-top .interview-block01__item--bg01::before {
  content: '';
  position: absolute;
  top: -54px;
  left: -54px;
  display: block;
  width: 465px;
  height: 499px;
  background: url(../images/bg_interview01.png) center/cover no-repeat;
}
@media screen and (min-width: 768px) {
  .p-top .interview-block01__item--bg01::before {
    top: 13px;
    left: -62px;
    width: 832px;
    height: 496px;
    background: url(../images/bg_works_item01.png) center/cover no-repeat;
  }
}
.p-top .interview-block01__item--bg02 {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: -1;
}
.p-top .interview-block01__item--bg02::before {
  content: '';
  position: absolute;
  top: -54px;
  left: -54px;
  display: block;
  width: 465px;
  height: 499px;
  background: url(../images/bg_interview02.png) center/cover no-repeat;
}
@media screen and (min-width: 768px) {
  .p-top .interview-block01__item--bg02::before {
    top: -50px;
    left: -22px;
    width: 804px;
    height: 552px;
    background: url(../images/bg_works_item02.png) center/cover no-repeat;
  }
}
.p-top .interview-block01__imgarea {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-top .interview-block01__imgarea {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: clamp(11.5625rem, 32.6923076923vw + -9.3605769231rem, 20.0625rem);
    aspect-ratio: 321/533;
    flex-shrink: 0;
    margin-top: clamp(
      -4.875rem,
      -34.8557692308vw + 26.4951923077rem,
      4.1875rem
    );
    margin-left: clamp(-0.875rem, -1.7857142857vw + 0.7321428571rem, -0.125rem);
    position: relative;
    bottom: unset;
    right: unset;
    z-index: 1;
  }
}
.p-top .interview-block01__imgarea.img-01 {
  width: 168px;
  aspect-ratio: 336/452;
}
@media screen and (min-width: 768px) {
  .p-top .interview-block01__imgarea.img-01 {
    width: clamp(11.4375rem, 27.1634615385vw + -5.9471153846rem, 18.5rem);
    margin-left: -2px;
    margin-top: clamp(-1.125rem, -24.0384615385vw + 20.5096153846rem, 5.125rem);
    aspect-ratio: 296/473;
    margin-right: clamp(-0.25rem, 4.0865384615vw + -2.8653846154rem, 0.8125rem);
  }
}
.p-top .interview-block01__imgarea.img-02 {
  width: 187px;
  aspect-ratio: 374/474;
}
@media screen and (min-width: 768px) {
  .p-top .interview-block01__imgarea.img-02 {
    width: clamp(11.5625rem, 32.6923076923vw + -9.3605769231rem, 20.0625rem);
    aspect-ratio: 642/1066;
  }
}
.p-top .interview-block01__imgarea img {
  height: auto;
  transition: 0.5s all ease-in-out;
}
.p-top .interview-block01__imgarea .u--primary {
  position: absolute;
  bottom: 0;
  left: 50%;
  --fluid-width03: clamped(185, 321, 1024, 1440);
  width: calc(321 / var(--fluid-width03) * 100%);
  z-index: 2;
  translate: -50% 0;
}
.p-top .interview-block01__imgarea .u--hover {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  z-index: 1;
}
.p-top .interview-block01__contentarea {
  color: #fff;
  padding: 34px 29px 48px 29px;
}
@media screen and (min-width: 768px) {
  .p-top .interview-block01__contentarea {
    padding: 64px 30px 0 30px;
  }
}
.p-top .interview-block01__contentarea .txt01 {
  font-size: 1.4375rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.1em;
  font-feature-settings: 'palt';
}
@media screen and (min-width: 768px) {
  .p-top .interview-block01__contentarea .txt01 {
    font-size: clamp(1.25rem, 1.2019230769vw + 0.4807692308rem, 1.5625rem);
  }
}
.p-top .interview-block01__contentarea .txt02 {
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.9;
  letter-spacing: 0.07em;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .p-top .interview-block01__contentarea .txt02 {
    margin-top: 17px;
    font-size: 1.125rem;
  }
}
.p-top .interview-block01__contentarea .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 54px;
  max-width: 190px;
  border-radius: 1000px;
  border: 1px solid #444;
  background-color: #fff;
  color: #444;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.07em;
  position: relative;
  padding: 0 7px 0 0px;
  transition: 0.5s all ease-in-out;
  margin-inline: auto;
  margin-top: 53px;
}
@media screen and (min-width: 768px) {
  .p-top .interview-block01__contentarea .btn {
    max-width: 211px;
    height: 58px;
    margin-top: 30px;
    margin-inline: unset;
  }
}
.p-top .interview-block01__contentarea .btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 10px;
  translate: 0 -50%;
  background-color: #f76ea7;
  transition: 0.5s all ease-in-out;
}
.p-top .interview-block01__contentarea .btn-icon::before {
  content: '';
  display: block;
  width: 14px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #fff;
  translate: -50% -50%;
}
.p-top .interview-block01__contentarea .btn-icon::after {
  content: '';
  display: block;
  height: 14px;
  width: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #fff;
  translate: -50% -50%;
}
.p-top .interview-block01__contentarea .btn-icon--02 {
  background-color: #44bded;
}
.p-top .interview-block01__item.block02 {
  background-color: #44bded;
  flex-direction: row-reverse;
}
@media screen and (min-width: 768px) {
  .p-top .interview-block01__item.block02 .interview-block01__contentarea {
    padding: 64px 10px 0 64px;
  }
}
.p-top
  .interview-block01__item.block02
  .interview-block01__imgarea
  .u--primary {
  position: absolute;
  bottom: 0;
  left: 50%;
  --fluid-width02: clamped(185, 321, 1024, 1440);
  width: calc(296 / var(--fluid-width02) * 100%);
  z-index: 2;
  translate: -50% 0;
}
.p-top .interview-block01__item.block02 .interview-block01__imgarea .u--hover {
  position: absolute;
  bottom: 0;
  left: 0;
  --fluid-width: clamped(185, 321, 1024, 1440);
  width: calc(306 / var(--fluid-width) * 100%);
  opacity: 0;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-top .interview-block01__item.block02:hover {
    opacity: 1;
  }
  .p-top
    .interview-block01__item.block02:hover
    .interview-block01__imgarea
    .u--primary {
    opacity: 0;
  }
  .p-top
    .interview-block01__item.block02:hover
    .interview-block01__imgarea
    .u--hover {
    opacity: 1;
  }
}
.p-top .qa {
  position: relative;
  top: -25px;
  background-color: #fffdd0;
  margin-top: calc(-1 * var(--zg-height));
  -webkit-mask: var(--mask-zigzag);
  mask: var(--mask-zigzag);
  mask-position: bottom;
  padding: 90px 0 113px;
  overflow: hidden;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .p-top .qa {
    padding: 121px 0 137px;
  }
}
.p-top .qa-bg {
  position: absolute;
  top: 50.8%;
  left: 54.2%;
  display: block;
  width: 590px;
  height: 2118px;
  background: url(../images/bg_qa_sp.png) center/cover no-repeat;
  translate: -50% -50%;
}
@media screen and (min-width: 768px) {
  .p-top .qa-bg {
    width: 1814px;
    height: 1884px;
    top: 51.1%;
    left: 52%;
    background: url(../images/bg_qa.png) center/cover no-repeat;
  }
}
.p-top .qa-heading .c-heading01__en {
  color: #fff;
  -webkit-text-stroke: 2px #ffd813;
  text-shadow: 5px 5px 0 #ffd813;
}
@media screen and (min-width: 768px) {
  .p-top .qa-heading .c-heading01__en {
    text-shadow: 5px 5px 0 #ffd813;
  }
}
.p-top .qa-heading .c-heading01__jp {
  color: #444;
  margin-top: 5px;
}
@media screen and (min-width: 768px) {
  .p-top .qa-heading .c-heading01__jp {
    margin-top: -2px;
  }
}
.p-top .qa-list {
  max-width: 375px;
  margin-inline: auto;
  padding: 0 30px;
  margin-top: 48px;
}
@media screen and (min-width: 768px) {
  .p-top .qa-list {
    padding: 0 40px;
    translate: clamp(0rem, 2.9761904762vw + -1.4285714286rem, 1.25rem) 0;
    margin-top: 15px;
    max-width: 1248px;
  }
}
.p-top .qa-list__item {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-top .qa-list__item {
    flex-direction: row;
  }
}
.p-top .qa-list__item + .qa-list__item {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .p-top .qa-list__item + .qa-list__item {
    margin-top: clamp(-1.875rem, -4.4642857143vw + 2.1428571429rem, 0rem);
  }
}
.p-top .qa-list__item .q-area {
  display: flex;
  align-items: flex-start;
  gap: clamp(0.625rem, 3.869047619vw + -1.2321428571rem, 2.25rem);
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-top .qa-list__item .q-area {
    width: 52.141%;
  }
}
.p-top .qa-list__item .q-area__icon {
  width: 61px;
  aspect-ratio: 1/1;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-top .qa-list__item .q-area__icon {
    width: clamp(3.75rem, 10.4166666667vw + -1.25rem, 8.125rem);
  }
}
.p-top .qa-list__item .q-area__icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-top .qa-list__item .q-area__content {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: clamp(0.625rem, 1.9345238095vw + -0.3035714286rem, 1.4375rem);
  margin: clamp(1.25rem, 6.25vw + -1.75rem, 3.875rem) 0 0 0;
  padding: 6px 18px 6px 28px;
  width: 300px;
}
@media screen and (min-width: 768px) {
  .p-top .qa-list__item .q-area__content {
    width: 451px;
    height: 166px;
    padding: 0px clamp(0.625rem, 4.4642857143vw + -1.5178571429rem, 2.5rem) 0
      clamp(1.5625rem, 5.3571428571vw + -1.0089285714rem, 3.8125rem);
  }
}
.p-top .qa-list__item .q-area__content_bg01 {
  position: absolute;
  width: 253px;
  top: 53%;
  left: 50.6%;
  translate: -50% -50%;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-top .qa-list__item .q-area__content_bg01 {
    width: clamp(18.75rem, 23.3630952381vw + 7.5357142857rem, 28.5625rem);
    height: clamp(10.75rem, -2.9761904762vw + 13.4285714286rem, 12rem);
    top: 34%;
    left: 49.8%;
  }
}
.p-top .qa-list__item .q-area__content_bg02 {
  position: absolute;
  width: 253px;
  top: 57.6%;
  left: 50.3%;
  translate: -50% -50%;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-top .qa-list__item .q-area__content_bg02 {
    position: absolute;
    width: clamp(18.75rem, 23.3630952381vw + 7.5357142857rem, 28.5625rem);
    height: clamp(9.3125rem, -1.9345238095vw + 11.0535714286rem, 10.125rem);
    top: 26%;
    left: 49.8%;
    translate: -50% -50%;
    z-index: -1;
  }
}
.p-top .qa-list__item .q-area__content .index-q {
  width: 28px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  line-height: 1;
  color: #444;
  padding: 0 0 clamp(0rem, 0.744047619vw + -0.3571428571rem, 0.3125rem);
  margin-top: 6px;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-top .qa-list__item .q-area__content .index-q {
    width: clamp(2.5rem, 3.2738095238vw + 0.9285714286rem, 3.875rem);
    font-size: clamp(1.375rem, 2.0833333333vw + 0.375rem, 2.25rem);
    margin-top: 11px;
  }
}
.p-top .qa-list__item .q-area__content .txt {
  font-size: clamp(1rem, 0.5952380952vw + 0.7142857143rem, 1.25rem);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-top .qa-list__item .q-area__content .txt {
    line-height: 1.8;
  }
}
.p-top .qa-list__item .a-area {
  display: flex;
  align-items: flex-start;
  gap: 36px;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .p-top .qa-list__item .a-area {
    width: 52.141%;
    margin-left: -4.5%;
    margin-top: 62px;
  }
}
.p-top .qa-list__item .a-area__icon {
  width: clamp(3.75rem, 10.4166666667vw + -1.25rem, 8.125rem);
  aspect-ratio: 1/1;
  flex-shrink: 0;
  margin-top: 112px;
}
@media screen and (min-width: 768px) {
  .p-top .qa-list__item .a-area__icon {
    margin-top: 0;
  }
}
.p-top .qa-list__item .a-area__icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-top .qa-list__item .a-area__content {
  position: relative;
  z-index: 1;
  width: 73%;
  padding: 8px 0px 8px 23px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 10px 2px 10px 10px;
}
@media screen and (min-width: 768px) {
  .p-top .qa-list__item .a-area__content {
    position: relative;
    z-index: 1;
    width: 73%;
    padding: 0px clamp(0.4375rem, 6.3988095238vw + -2.6339285714rem, 3.125rem)
      clamp(1.25rem, 4.4642857143vw + -0.8928571429rem, 3.125rem)
      clamp(0.4375rem, 6.5476190476vw + -2.7053571429rem, 3.1875rem);
    display: flex;
    align-items: flex-start;
    gap: clamp(0.9375rem, 1.1904761905vw + 0.3660714286rem, 1.4375rem);
    margin: clamp(1.25rem, 6.5476190476vw + -1.8928571429rem, 4rem) 0 0 0;
  }
}
.p-top .qa-list__item .a-area__content_bg01 {
  position: absolute;
  width: 258px;
  top: 52.5%;
  left: 57.8%;
  translate: -50% -50%;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-top .qa-list__item .a-area__content_bg01 {
    width: clamp(19.25rem, 22.4702380952vw + 8.4642857143rem, 28.6875rem);
    height: clamp(10.8125rem, 2.2321428571vw + 9.7410714286rem, 11.75rem);
    top: 37.5%;
    left: 51.3%;
  }
}
.p-top .qa-list__item .a-area__content_bg02 {
  position: absolute;
  width: clamp(19.25rem, 22.4702380952vw + 8.4642857143rem, 28.6875rem);
  height: clamp(13.125rem, 1.0416666667vw + 12.625rem, 13.5625rem);
  top: 40.5%;
  left: 51.3%;
  translate: -50% -50%;
  z-index: -1;
}
.p-top .qa-list__item .a-area__content .index-a {
  width: 28px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #fff539;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  line-height: 1;
  color: #444;
  margin-top: 6px;
  padding: 0 0 clamp(0rem, 0.744047619vw + -0.3571428571rem, 0.3125rem);
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-top .qa-list__item .a-area__content .index-a {
    width: clamp(2.5rem, 3.2738095238vw + 0.9285714286rem, 3.875rem);
    font-size: clamp(1.375rem, 2.0833333333vw + 0.375rem, 2.25rem);
    margin-top: 9px;
  }
}
.p-top .qa-list__item .a-area__content .txt {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-top .qa-list__item .a-area__content .txt {
    font-size: clamp(0.75rem, 0.5952380952vw + 0.4642857143rem, 1rem);
    line-height: 1.8;
  }
}
.p-top .qa-list__item.u--item04 .a-area__content_bg02 {
  top: 53%;
  left: 69.6%;
}
@media screen and (min-width: 768px) {
  .p-top .qa-list__item.u--item04 .a-area__content_bg02 {
    top: 40.5%;
    left: 51.3%;
  }
}
.p-top .qa-list__item.u--item04 .a-area__icon {
  margin-top: 152px;
}
@media screen and (min-width: 768px) {
  .p-top .qa-list__item.u--item04 .a-area__icon {
    margin-top: 0;
  }
}
.p-top .gallery {
  position: relative;
  z-index: 2;
  overflow: hidden;
  top: -25px;
  margin-top: calc(-1 * var(--zg-height));
  padding: 104px 0 85px;
}
@media screen and (min-width: 768px) {
  .p-top .gallery {
    padding: 123px 0 97px;
  }
}
.p-top .gallery-bg {
  display: block;
  width: 470px;
  height: 794px;
  position: absolute;
  top: 48.3%;
  left: 51.2%;
  translate: -50% -50%;
  background: url(../images/bg_gallery_sp.png) center/cover no-repeat;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-top .gallery-bg {
    width: 1374px;
    height: 1097px;
    top: 50.7%;
    left: 45.2%;
    background: url(../images/bg_gallery.png) center/cover no-repeat;
    z-index: -1;
  }
}
.p-top .gallery-heading .c-heading01__jp {
  margin-top: 5px;
}
@media screen and (min-width: 768px) {
  .p-top .gallery-heading .c-heading01__jp {
    margin-top: -2px;
  }
}
.p-top .gallery-slider {
  margin-top: 47px;
}
@media screen and (min-width: 768px) {
  .p-top .gallery-slider {
    margin-top: 77px;
  }
}
.p-top .gallery-slider__wrapper {
  align-items: center;
}
.p-top .gallery-slider__item.u--01 {
  width: 243px;
  aspect-ratio: 243/242;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .p-top .gallery-slider__item.u--01 {
    width: 275px;
    aspect-ratio: 275/275;
  }
}
.p-top .gallery-slider__item.u--01 .imgarea {
  width: 100%;
  border-radius: 50%;
  border: 2px solid #444;
}
.p-top .gallery-slider__item.u--01 .imgarea img {
  width: 100%;
  height: auto;
}
.p-top .gallery-slider__item.u--02 {
  width: 305px;
  aspect-ratio: 303/244;
}
@media screen and (min-width: 768px) {
  .p-top .gallery-slider__item.u--02 {
    width: 345px;
    aspect-ratio: 344/277;
  }
}
.p-top .gallery-slider__item.u--02 .imgarea {
  width: 100%;
  border: 2px solid #444;
}
.p-top .gallery-slider__item.u--02 .imgarea img {
  width: 100%;
  height: auto;
}
.p-top .gallery-slider__wrapper {
  transition-timing-function: linear;
}

@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  18.75% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  43.75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(156, 156, 156, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.5s ease-in-out,
    visibility 0.5s ease-in-out;
  z-index: 110;
}
.popup-overlay.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.popup-container {
  position: relative;
  width: 84%;
  max-width: 315px;
  height: 80vh;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .popup-container {
    max-width: 760px;
  }
}
.popup-container .btnclose {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 40px;
  height: 40px;
  background-color: #f76ea7;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  z-index: 111;
  cursor: pointer;
  transition: 0.5s all ease-in-out;
}
@media screen and (min-width: 768px) {
  .popup-container .btnclose {
    top: -30px;
    right: -30px;
    width: 60px;
    height: 60px;
  }
  .popup-container .btnclose:hover {
    opacity: 1;
    background-color: #fbe4ee;
  }
  .popup-container .btnclose:hover::after,
  .popup-container .btnclose:hover::before {
    background: #444;
  }
}
.popup-container .btnclose::after,
.popup-container .btnclose::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 21px;
  height: 2px;
  background: #fff;
  translate: -50% -50%;
  border-radius: 99px;
  transition: 0.5s all ease-in-out;
}
@media screen and (min-width: 768px) {
  .popup-container .btnclose::after,
  .popup-container .btnclose::before {
    width: 33px;
    height: 5px;
  }
}
.popup-container .btnclose::before {
  rotate: 45deg;
}
.popup-container .btnclose::after {
  rotate: -45deg;
}
.popup-content {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 48px;
}
@media screen and (min-width: 768px) {
  .popup-content {
    padding-bottom: 65px;
  }
}
.popup-content-block01 {
  padding-top: 148px;
  background: url(../images/img_popup01_mv01_sp.png) top center/cover no-repeat;
  padding-bottom: 24px;
  position: relative;
  z-index: 4;
}
@media screen and (min-width: 768px) {
  .popup-content-block01 {
    padding-top: 158px;
    padding-bottom: 40px;
    background: url(../images/img_popup01_mv01.png) center/cover no-repeat;
  }
}
.popup-content-block01 .label {
  font-size: 0.9375rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.5;
  letter-spacing: 0.05em;
  width: 111px;
  aspect-ratio: 111/108;
  background: url("data:image/svg+xml,%3csvg%20width='181'%20height='176'%20viewBox='0%200%20181%20176'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M72.7893%201.23145C78.149%205.87944%2085.7394%208.06738%2092.8762%208.06738C100.362%208.06731%20106.867%205.89448%20111.575%202.13867L112.088%201.72949L112.347%202.33203C113.169%204.24781%20114.277%206.11388%20115.663%207.89355L116.228%208.59277C122.188%2015.7461%20132.169%2020.5078%20141.336%2020.5078C143.255%2020.5078%20145.103%2020.3029%20146.859%2019.9023L147.5%2019.7568L147.47%2020.4141C147.275%2024.567%20148.186%2029.0031%20150.242%2033.3975C154.493%2042.4813%20162.566%2049.2501%20170.909%2051.2188L171.541%2051.3672L171.236%2051.9404C168.006%2057.979%20167.443%2065.5268%20168.804%2072.1934C170.162%2078.852%20173.628%2085.5702%20178.955%2089.8701L179.461%2090.2793L178.936%2090.6631C173.292%2094.7903%20169.482%20101.529%20167.861%20108.256C166.304%20114.713%20166.568%20122.109%20169.449%20128.185L169.729%20128.771L169.089%20128.89C160.411%20130.499%20151.791%20137.246%20147.231%20146.419C145.186%20150.531%20144.171%20154.648%20144.161%20158.552L144.16%20159.205L143.53%20159.032C141.418%20158.453%20139.15%20158.152%20136.769%20158.152C127.3%20158.152%20117.342%20162.839%20111.418%20170.076C110.143%20171.634%20109.092%20173.272%20108.27%20174.964L107.735%20174.841L107.492%20175.121C102.133%20170.473%2094.5422%20168.286%2087.4055%20168.286C79.9194%20168.286%2073.4142%20170.459%2068.7063%20174.215L68.1936%20174.623L67.9348%20174.021C67.1124%20172.105%2066.004%20170.239%2064.6184%20168.462C58.7388%20160.921%2048.4082%20155.847%2038.9455%20155.847C37.0268%20155.847%2035.1789%20156.052%2033.4231%20156.452L32.7815%20156.599L32.8117%20155.941C33.0064%20151.788%2032.0952%20147.35%2030.0393%20142.958C25.789%20133.874%2017.7161%20127.105%209.37228%20125.137L8.74045%20124.987L9.04611%20124.414C12.2753%20118.376%2012.8381%20110.829%2011.4778%20104.162C10.1193%2097.5035%206.65382%2090.7843%201.32639%2086.4844L0.820526%2086.0762L1.34592%2085.6924C6.98922%2081.5674%2010.8%2074.8268%2012.4211%2068.0996C13.9775%2061.6426%2013.7139%2054.2462%2010.8322%2048.1709L10.5529%2047.583L11.1926%2047.4648C19.8706%2045.8557%2028.4905%2039.109%2033.051%2029.9355C35.0954%2025.8236%2036.1104%2021.7048%2036.1203%2017.8037L36.1213%2017.1494L36.7522%2017.3223C38.8642%2017.9014%2041.1316%2018.2021%2043.5129%2018.2021C52.9814%2018.202%2062.9398%2013.5166%2068.8635%206.2793L69.3313%205.69141C70.3979%204.31109%2071.2921%202.87112%2072.0119%201.39062L72.2971%200.804688L72.7893%201.23145Z'%20fill='%23F76EA7'%20stroke='%23444444'/%3e%3c/svg%3e")
    center/cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-left: 8px;
  padding-top: 12px;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .popup-content-block01 .label {
    margin-left: 36px;
    font-size: 1.5rem;
    line-height: 1.6;
    width: 177px;
    aspect-ratio: 177/173;
  }
}
.popup-content-block01 .desc {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #444;
  max-width: calc(100% - 32px);
  margin-inline: auto;
  outline: 1px solid #444;
  background-color: #fff;
  text-align: center;
  padding: 13px 16px;
  position: relative;
  margin-top: -7px;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .popup-content-block01 .desc {
    max-width: 608px;
    font-size: 1rem;
    line-height: 1.75;
    padding: 10px 18px;
    margin: -7px auto 0;
  }
}
.popup-content-block02 {
  max-width: 620px;
  margin-top: 39px;
  margin-inline: auto;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .popup-content-block02 {
    margin-top: 59px;
  }
}
.popup-content-block02 .decord01 {
  position: absolute;
  width: 34%;
  top: -2.4%;
  left: 29.2%;
  translate: -50% -50%;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .popup-content-block02 .decord01 {
    width: 22%;
    top: -3.7%;
    left: 2.6%;
  }
}
.popup-content-block02 .groupdecord01 {
  position: relative;
  z-index: 1;
}
.popup-content-block02 .groupdecord01 .decord02 {
  position: absolute;
  width: 37%;
  top: 8.3%;
  left: 97.6%;
  translate: -50% -50%;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .popup-content-block02 .groupdecord01 .decord02 {
    width: 20.1%;
    top: 1.3%;
    left: 105.6%;
  }
}
.popup-content-block02 .groupdecord01 .decord03 {
  position: absolute;
  width: 43%;
  top: -258.7%;
  left: 6.4%;
  translate: -50% -50%;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .popup-content-block02 .groupdecord01 .decord03 {
    width: 24.5%;
    top: 109.3%;
    left: -1.4%;
  }
}
.popup-content-block02 .groupdecord02 {
  position: relative;
  z-index: 1;
}
.popup-content-block02 .groupdecord02 .decord04 {
  position: absolute;
  width: 37%;
  top: 0.4%;
  left: 98.2%;
  translate: -50% -50%;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .popup-content-block02 .groupdecord02 .decord04 {
    width: 21.5%;
    top: -2.6%;
    left: 104.2%;
  }
}
.popup-content-block02 .groupdecord02 .decord05 {
  position: absolute;
  width: 50%;
  top: -223.7%;
  left: -3.4%;
  translate: -50% -50%;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .popup-content-block02 .groupdecord02 .decord05 {
    width: 28%;
    top: 117.3%;
    left: -7.4%;
  }
}
.popup-content-block02 .decord06 {
  position: absolute;
  width: 49%;
  top: 86%;
  left: 92.1%;
  translate: -50% -50%;
}
@media screen and (min-width: 768px) {
  .popup-content-block02 .decord06 {
    width: 31%;
    top: 101.3%;
    left: 101.1%;
  }
}
.popup-content-block02__item {
  padding: 0 17px;
}
@media screen and (min-width: 768px) {
  .popup-content-block02__item {
    padding: 0;
  }
}
.popup-content-block02__item .ttl {
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #f76ea7;
  text-align: center;
  font-feature-settings: 'palt';
}
@media screen and (min-width: 768px) {
  .popup-content-block02__item .ttl {
    font-size: 1.5rem;
    letter-spacing: 0.05em;
    font-feature-settings: unset;
  }
}
.popup-content-block02__item .desc {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  text-align: justify;
  letter-spacing: 0.05em;
  color: #444;
  margin-top: 6px;
  padding: 0 10px;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .popup-content-block02__item .desc {
    padding: 0;
    margin-top: 19px;
    font-feature-settings: unset;
    letter-spacing: 0.1em;
  }
}
.popup-content-block02__item .img01 {
  width: 100%;
  outline: 1px solid #444;
  margin-top: 35px;
}
@media screen and (min-width: 768px) {
  .popup-content-block02__item .img01 {
    margin-top: 48px;
  }
}
.popup-content-block02__item .img01 img {
  width: 100%;
  height: auto;
}
.popup-content-block02__item + .popup-content-block02__item {
  margin-top: 33px;
}
@media screen and (min-width: 768px) {
  .popup-content-block02__item + .popup-content-block02__item {
    margin-top: 50px;
  }
}
.popup-content .decord08 {
  position: absolute;
  bottom: -7.2%;
  left: 12%;
  translate: -50% -50%;
}

.popup-overlay--blue .popup-container .btnclose {
  background-color: #4ec9fa;
}
@media screen and (min-width: 768px) {
  .popup-overlay--blue .popup-container .btnclose:hover {
    background-color: #b1e7fd;
    opacity: 1;
  }
  .popup-overlay--blue .popup-container .btnclose:hover::after,
  .popup-overlay--blue .popup-container .btnclose:hover::before {
    background: #444;
  }
}
.popup-overlay--blue .popup-content-block01 {
  background: url(../images/img_popup02_mv01_sp.png) top center/cover no-repeat;
}
@media screen and (min-width: 768px) {
  .popup-overlay--blue .popup-content-block01 {
    background: url(../images/img_popup02_mv01.png) center/cover no-repeat;
  }
}
.popup-overlay--blue .popup-content-block01 .label {
  background: url("data:image/svg+xml,%3csvg%20width='181'%20height='176'%20viewBox='0%200%20181%20176'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M72.7891%201.2312C78.1487%205.87762%2085.7391%208.06519%2092.876%208.06519C100.362%208.06511%20106.867%205.89214%20111.575%202.13745L112.088%201.72925L112.347%202.33179C113.169%204.24651%20114.277%206.11164%20115.662%207.89038C121.542%2015.4288%20131.873%2020.5017%20141.336%2020.5017C143.255%2020.5017%20145.103%2020.2966%20146.858%2019.8962L147.5%2019.7498L147.47%2020.407C147.275%2024.5586%20148.186%2028.9935%20150.242%2033.3865C154.493%2042.4672%20162.565%2049.2339%20170.909%2051.2019L171.542%2051.3503L171.235%2051.9236C168.006%2057.9601%20167.443%2065.5054%20168.804%2072.1697C170.162%2078.8259%20173.628%2085.5421%20178.955%2089.8406L179.461%2090.2488L178.936%2090.6335C173.292%2094.7593%20169.481%20101.496%20167.86%20108.22C166.304%20114.675%20166.568%20122.068%20169.449%20128.141L169.729%20128.729L169.089%20128.847C160.411%20130.456%20151.791%20137.201%20147.23%20146.371C145.186%20150.481%20144.171%20154.597%20144.161%20158.499L144.16%20159.153L143.529%20158.98C141.417%20158.401%20139.15%20158.1%20136.769%20158.1C127.3%20158.1%20117.342%20162.785%20111.418%20170.019C110.143%20171.576%20109.092%20173.215%20108.27%20174.906L107.735%20174.782L107.492%20175.063C102.133%20170.417%2094.542%20168.23%2087.4053%20168.23C79.9193%20168.23%2073.414%20170.402%2068.7061%20174.157L68.1934%20174.566L67.9346%20173.964C67.1121%20172.049%2066.0039%20170.183%2064.6182%20168.406C58.7385%20160.868%2048.408%20155.796%2038.9453%20155.796C37.0266%20155.796%2035.1787%20156.001%2033.4229%20156.401L32.7812%20156.547L32.8115%20155.889C33.0062%20151.738%2032.0949%20147.302%2030.0391%20142.911C25.7888%20133.83%2017.7159%20127.063%209.37207%20125.095L8.73926%20124.946L9.0459%20124.373C12.2751%20118.336%2012.8379%20110.792%2011.4775%20104.128C10.1191%2097.4713%206.65359%2090.7553%201.32617%2086.4568L0.820312%2086.0476L1.3457%2085.6638C6.98906%2081.5401%2010.7998%2074.8019%2012.4209%2068.0769C13.9773%2061.6221%2013.7138%2054.2283%2010.832%2048.155L10.5527%2047.5681L11.1924%2047.449C19.8704%2045.8404%2028.4903%2039.0967%2033.0508%2029.9265C35.0953%2025.8158%2036.1102%2021.6975%2036.1201%2017.7976L36.1211%2017.1443L36.752%2017.3171C38.8639%2017.8961%2041.1314%2018.196%2043.5127%2018.196C52.9813%2018.1959%2062.9397%2013.512%2068.8633%206.2771C70.1386%204.72007%2071.1892%203.08173%2072.0117%201.39038L72.2969%200.804443L72.7891%201.2312Z'%20fill='%234EC9FA'%20stroke='%23444444'/%3e%3c/svg%3e")
    center/cover no-repeat;
}
.popup-overlay--blue .popup-content-block02 .ttl {
  color: #4ec9fa;
}