@charset "UTF-8";

@media (min-width: 960px) {
  .pc_br {
    display: block;
  }
  .slider__top__sp {
    display: none;
  }
  .slider__front__sp {
    display: none;
  }
  #header__sp {
    display: none;
  }
  .policy__item__list h4 {
    font-size: 2.8rem;
  }
  .results__item__list h4 {
    font-size: 2.8rem;
  }
  .results__icon {
    font-size: 2.8rem;
  }
  .common__nav__button_bg {
    font-size: 2rem;
  }
  .question__item__list h4 {
    font-size: 2.8rem;
  }  
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  scroll-padding-top: 120px;
}
@media (max-width: 768px) {
  html {
    scroll-padding-top: 60px;
  }
}

* {
  box-sizing: border-box;
}

*, :after, :before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

* {
  -webkit-appearance: none;
}

body {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 1.8rem;
  line-height: 2.5;
  font-weight: 500;
  overflow-wrap: break-word;
  color: #505050;
  margin: 0;
}
@media (max-width: 768px) {
  body {
    font-size: 1.5rem;
  }
}

br {
  display: block;
  content: "";
  margin: 10px 0;
}

h1 {
  font-size: clamp(5rem, 6vw, 6rem);
  line-height: 1.2;
  letter-spacing: 0.02em;
}

h2 {
  font-size: clamp(3rem, 5vw, 4.5rem);
  line-height: 1.3;
  letter-spacing: 0.01em;
}

h3 {
  font-size: clamp(2rem, 4.5vw, 4rem);
  line-height: 1.4;
  letter-spacing: 0.01em;
}

h4 {
  font-size: clamp(1.6rem, 4vw, 2.5rem);
  line-height: 1.4;
  letter-spacing: 0.005em;
}

h5 {
  font-size: clamp(1.5rem, 3.5vw, 2rem);
  line-height: 1.5;
  letter-spacing: 0.005em;
}

h6 {
  font-size: clamp(1.4rem, 3vw, 1.8rem);
  line-height: 1.8;
  letter-spacing: normal;
}

p {
  font-size: clamp(1.5rem, 2.5vw, 1.8rem);
  line-height: 2.5;
}

a {
  font-size: clamp(1.5rem, 2.5vw, 1.8rem);
  line-height: 2.5;
  color: inherit;
  text-decoration: none;
}

a:hover{
  opacity: .7;
}

img {
  max-width: 100%;
  vertical-align: top;
}

.header__icon {
  display: flex;
}

.header__icon img {
  width: 60px;
}

.header__logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 8px;
}

.header__logo h1 {
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: .2rem;
  line-height: 1.3;
  text-align: left;
}

.header__logo p {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: .2rem;
  line-height: 1;
  margin-top: 6px;
}

.header__sp__image {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 10px;
}

.header__sp__image h1 {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: .2rem;
  line-height: 1.3;
  text-align: left;
}

.header__sp__image p {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
}

.header__sp__name {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 10px;
}

.header__sp__name h1 {
  font-size: 2.6rem;
  font-weight: 600;
  letter-spacing: .2rem;
  line-height: 1.3;
  text-align: left;
}

.header__sp__name p {
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: .2rem;
  line-height: 1.2;
  margin-top: 6px;
}

.wrapper .container {
  width: 100%;
  margin:0px auto;
  padding: 120px 5%;
}
@media (max-width: 768px) {
  .wrapper .container {
    padding: 40px 20px;
  }
}

.footer__wrapper .container {
  width: 100%;
  margin:0px auto;
  padding: 80px 5% 40px 5%;
}
@media (max-width: 768px) {
  .footer__wrapper .container {
    padding: 60px 20px 30px 20px;
  }
}

.copyright__wrapper .container {
  width: 100%;
  margin:0px auto;
  padding: 5px 5%;
}
@media (max-width: 768px) {
  .copyright__wrapper .container {
    padding: 5px 5%;
  }
}

/* wrapper */

.kv__wrapper .container {
  max-width:1400px;
  margin:0px auto;
  padding: 120px 0px;
}
@media (max-width: 768px) {
  .kv__wrapper .container {
    padding: 40px 20px 0px 20px
  }
}

.message__wrapper .container {
  width:100%;
  padding: 0px 5% 120px 5%;
}
@media (max-width: 768px) {
  .message__wrapper .container {
    padding: 0px 20px 30px 20px;
  }
}

.splide__wrapper .container {
  width: 100%;
  margin: 0px auto;
  padding: 120px 0px;
}
@media (max-width: 768px) {
  .splide__wrapper .container {
    padding: 60px 0px ;
    padding-bottom: 60px;
  }
}

.sns__wrapper .container {
  width: 100%;
  margin: 0px auto;
  padding-bottom: 120px;
}
@media (max-width: 768px) {
  .sns__wrapper .container {
    padding: 0 20px;
    padding-top: 20px;
    padding-bottom: 40px;
  }
}

.bg__wht {
  background:#ffffff;
}

.bg__pnk {
  background:#d45e87;
}

.bg__lightpnk {
  background:#fff0f5;
}

/* header */

#header {
  width: calc(100% - 128px);
  max-width: calc(100% - 128px);
  align-items: center;
  background-color: transparent;
  /* border: #ffffff 1px solid; */
  border-radius: 60px;
  display: flex;
  justify-content: space-between;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 25px;
  position: fixed;
  top: 25px;
  z-index: 999;
}

#header.scroll-nav {
  width: calc(100% - 128px);
  max-width: calc(100% - 128px);
  align-items: center;
  background-color: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 60px;
  display: flex;
  justify-content: space-between;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 25px;
  position: fixed;
  top: 25px;
  z-index: 999;
}

/* nav */

nav {
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0 auto;
  justify-content: space-between;
}

nav h1 {
  text-decoration: none;
}

.header__nav__logo {
  display: flex;
  align-items: center;
}

@media(max-width: 768px) {

  #header {
    display: none;
  }

  #header.scroll-nav {
    display: none;
  }

  #header__sp {
    width: 100%;
    z-index: 999;
    padding: 0 2%;
    height: 75px;
    padding-bottom: 7px;
    align-items: center;
    position: fixed;
    top: 0;
    background: #ffffff;
  }

  #header__sp.scroll-nav__sp {
    width: 100%;
    z-index: 999;
    padding: 0 2%;
    height: 75px;
    padding-bottom: 7px;
    align-items: center;
    position: fixed;
    top: 0;
    background: #ffffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }

  .header__sp__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .header__sp__inner {
    display: flex;
    align-items: center;
    margin-top: 5px;
  }

  .header__sp__image {
    padding: 0px;
  }
  
  .header__sp__image img {
    width: 60px
  }

  .header__sp__name {
    display: flex;
    align-items:start;
    list-style: none;
    margin-left: 6px;
    margin-top: 2px;
  }
  
  .drawer__button {
    position: relative;
    width: 4rem;
    height: 3.2rem;
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin-right: 20px;
    margin-top: 10px;
    z-index: 999;
  }

  .drawer__button > span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4rem;
    height: 4px;
    border-radius: 20px;
    background-color: #d45e87;
    transform: translateX(-50%);
  }
  .drawer__button > span:first-child {
    transform: translate(-50%, calc(-50% - 1rem));
    transition: transform 0.3s ease;
  }
  .drawer__button > span:nth-child(2) {
    transform: translate(-50%, -50%);
    transition: opacity 0.3s ease;
  }
  .drawer__button > span:last-child {
    transform: translate(-50%, calc(-50% + 1rem));
    transition: transform 0.3s ease;
  }

  .drawer__button.active > span:first-child {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .drawer__button.active > span:nth-child(2) {
    opacity: 0;
  }
  .drawer__button.active > span:last-child {
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .drawer__nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    transition: opacity 0.3s ease;
    opacity: 0;
    visibility: hidden;
  }
  .drawer__nav.active {
    opacity: 1;
    visibility: visible;
  }
  .drawer__nav__inner {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: white;
    padding: 6rem 1.5rem 1rem;
    margin: 0 0 0 auto;
    overflow: scroll;
    transform: translateX(100%);
    transition: transform 0.3s ease;
  }
  .drawer__nav.active .drawer__nav__inner {
    transform: translateX(0);
  }
  .drawer__nav__menu {
    list-style: none;
    padding-left: 0;
    margin-top: 20px;
  }
  .drawer__nav__link {
    display: block;
    text-decoration: none;
    padding: 1.5rem 2rem;
    border-bottom: solid 1px #ffccdd;
  }

  .drawer__nav__menu > li:first-child {
    border-top: solid 1px #ffccdd;
  }

  .drawer__nav__item {
    font-weight: 600;
    letter-spacing: .1rem;
  }
  
  /* body.active {
    height: 100%;
    overflow: hidden;
  } */
}

.drawer__nav__logo {
  width: 100%;
  text-align: center;
  margin-top: 15px;
}

.drawer__nav__icon {
  width: 100px;
  margin: 0 auto;
  padding: 0px;
  text-align: center;
}

.drawer__nav img {
  width: 100%;
}


.drawer__nav__footer {
  text-align: center;
  margin-top: 10px;
}

.drawer__nav__footer span {
  font-size: 1.4rem;
  letter-spacing: .2rem;
}

.drawer__nav__footer p {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: .2rem;
  line-height: 1;
}

.drawer__nav__sns {
  align-items: center;
  list-style: none;
  margin: 0 auto;
  text-align: center;
  margin-top: 20px;
}

.drawer__nav__sns a {
  margin: 0px 15px;
}

.drawer__nav__sns img {
  width: 20px;
}

.common__subtitle {
  font-weight: 300;
  text-align: center;
  line-height: 1;
}



/* #slider {
  width: calc(100% - 128px);
  max-width: calc(100% - 128px);
  margin: 0 auto;
  border-radius: 30px;
  border: 0px solid #d45e87;
  height: 80vh;
  position: relative;
  margin-top: 120px;
}
@media (max-width: 768px) {
  #slider {
    width: 100%;
    border-radius: 20px;
    max-width: calc(100% - 40px);
    height: 75vh;
    border: 0px solid #d45e87;
    margin-top: 80px;
  }
} */

/* slider__front */

.slider__top {
  width: 70%;
  position: absolute;
  top: 5%;
  left: 30%;
  align-items: center;
  justify-content: center;
  text-align: left;
  padding: 40px;
}
@media (max-width: 768px) {
  .slider__top {
    display: none;
  }
}

.slider__catch {
  color: #d45e87;
  font-size: 8rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 1rem;
}

.slider__front {
  width: 70%;
  position: absolute;
  top: 52%;
  left: 30%;
  align-items: center;
  justify-content: center;
  text-align: left;
  padding: 40px;
}
@media (max-width: 768px) {
  .slider__front {
    display: none;
  }
}

.slider__position {
  border-radius: 60px;
  font-size: 5rem;
  font-weight: 600;
  letter-spacing: 1rem;
  color: #505050;
  line-height: 1;
  text-shadow: rgb(255, 255, 255) 6px 0px 0px, rgb(255, 255, 255) 5.91686px 0.995377px 0px, rgb(255, 255, 255) 5.66974px 1.96317px 0px, rgb(255, 255, 255) 5.2655px 2.87655px 0px, rgb(255, 255, 255) 4.71532px 3.71022px 0px, rgb(255, 255, 255) 4.03447px 4.44106px 0px, rgb(255, 255, 255) 3.24181px 5.04883px 0px, rgb(255, 255, 255) 2.35931px 5.51667px 0px, rgb(255, 255, 255) 1.41143px 5.83163px 0px, rgb(255, 255, 255) 0.424423px 5.98497px 0px, rgb(255, 255, 255) -0.574341px 5.97245px 0px, rgb(255, 255, 255) -1.55719px 5.79441px 0px, rgb(255, 255, 255) -2.49688px 5.45578px 0px, rgb(255, 255, 255) -3.36738px 4.96596px 0px, rgb(255, 255, 255) -4.14455px 4.33852px 0px, rgb(255, 255, 255) -4.80686px 3.59083px 0px, rgb(255, 255, 255) -5.33596px 2.74364px 0px, rgb(255, 255, 255) -5.71718px 1.8204px 0px, rgb(255, 255, 255) -5.93995px 0.84672px 0px, rgb(255, 255, 255) -5.99811px -0.150428px 0px, rgb(255, 255, 255) -5.89004px -1.14341px 0px, rgb(255, 255, 255) -5.61874px -2.1047px 0px, rgb(255, 255, 255) -5.19172px -3.00766px 0px, rgb(255, 255, 255) -4.62082px -3.82727px 0px, rgb(255, 255, 255) -3.92186px -4.54081px 0px, rgb(255, 255, 255) -3.11421px -5.12852px 0px, rgb(255, 255, 255) -2.22026px -5.57409px 0px, rgb(255, 255, 255) -1.26477px -5.86518px 0px, rgb(255, 255, 255) -0.274238px -5.99373px 0px, rgb(255, 255, 255) 0.723898px -5.95617px 0px, rgb(255, 255, 255) 1.70197px -5.75355px 0px, rgb(255, 255, 255) 2.63288px -5.39147px 0px, rgb(255, 255, 255) 3.49082px -4.87998px 0px, rgb(255, 255, 255) 4.25202px -4.23324px 0px, rgb(255, 255, 255) 4.89538px -3.46919px 0px, rgb(255, 255, 255) 5.40307px -2.60899px 0px, rgb(255, 255, 255) 5.76102px -1.67649px 0px, rgb(255, 255, 255) 5.95932px -0.697531px 0px;
}

.slider__name {
  color: #d45e87;
  border-radius: 0px;
  font-size: 10rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 1rem;
  margin-top: 30px;
  text-shadow: rgb(255, 255, 255) 6px 0px 0px, rgb(255, 255, 255) 5.91686px 0.995377px 0px, rgb(255, 255, 255) 5.66974px 1.96317px 0px, rgb(255, 255, 255) 5.2655px 2.87655px 0px, rgb(255, 255, 255) 4.71532px 3.71022px 0px, rgb(255, 255, 255) 4.03447px 4.44106px 0px, rgb(255, 255, 255) 3.24181px 5.04883px 0px, rgb(255, 255, 255) 2.35931px 5.51667px 0px, rgb(255, 255, 255) 1.41143px 5.83163px 0px, rgb(255, 255, 255) 0.424423px 5.98497px 0px, rgb(255, 255, 255) -0.574341px 5.97245px 0px, rgb(255, 255, 255) -1.55719px 5.79441px 0px, rgb(255, 255, 255) -2.49688px 5.45578px 0px, rgb(255, 255, 255) -3.36738px 4.96596px 0px, rgb(255, 255, 255) -4.14455px 4.33852px 0px, rgb(255, 255, 255) -4.80686px 3.59083px 0px, rgb(255, 255, 255) -5.33596px 2.74364px 0px, rgb(255, 255, 255) -5.71718px 1.8204px 0px, rgb(255, 255, 255) -5.93995px 0.84672px 0px, rgb(255, 255, 255) -5.99811px -0.150428px 0px, rgb(255, 255, 255) -5.89004px -1.14341px 0px, rgb(255, 255, 255) -5.61874px -2.1047px 0px, rgb(255, 255, 255) -5.19172px -3.00766px 0px, rgb(255, 255, 255) -4.62082px -3.82727px 0px, rgb(255, 255, 255) -3.92186px -4.54081px 0px, rgb(255, 255, 255) -3.11421px -5.12852px 0px, rgb(255, 255, 255) -2.22026px -5.57409px 0px, rgb(255, 255, 255) -1.26477px -5.86518px 0px, rgb(255, 255, 255) -0.274238px -5.99373px 0px, rgb(255, 255, 255) 0.723898px -5.95617px 0px, rgb(255, 255, 255) 1.70197px -5.75355px 0px, rgb(255, 255, 255) 2.63288px -5.39147px 0px, rgb(255, 255, 255) 3.49082px -4.87998px 0px, rgb(255, 255, 255) 4.25202px -4.23324px 0px, rgb(255, 255, 255) 4.89538px -3.46919px 0px, rgb(255, 255, 255) 5.40307px -2.60899px 0px, rgb(255, 255, 255) 5.76102px -1.67649px 0px, rgb(255, 255, 255) 5.95932px -0.697531px 0px;
}

/* slider__front__sp */

.slider__top__sp {
  width: 100%;
  position: absolute;
  top: 50%;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.slider__catch__sp {
  color: #d45e87;
  border-radius: 0px;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: .5rem;
  text-shadow: rgb(255, 255, 255) 6px 0px 0px, rgb(255, 255, 255) 5.91686px 0.995377px 0px, rgb(255, 255, 255) 5.66974px 1.96317px 0px, rgb(255, 255, 255) 5.2655px 2.87655px 0px, rgb(255, 255, 255) 4.71532px 3.71022px 0px, rgb(255, 255, 255) 4.03447px 4.44106px 0px, rgb(255, 255, 255) 3.24181px 5.04883px 0px, rgb(255, 255, 255) 2.35931px 5.51667px 0px, rgb(255, 255, 255) 1.41143px 5.83163px 0px, rgb(255, 255, 255) 0.424423px 5.98497px 0px, rgb(255, 255, 255) -0.574341px 5.97245px 0px, rgb(255, 255, 255) -1.55719px 5.79441px 0px, rgb(255, 255, 255) -2.49688px 5.45578px 0px, rgb(255, 255, 255) -3.36738px 4.96596px 0px, rgb(255, 255, 255) -4.14455px 4.33852px 0px, rgb(255, 255, 255) -4.80686px 3.59083px 0px, rgb(255, 255, 255) -5.33596px 2.74364px 0px, rgb(255, 255, 255) -5.71718px 1.8204px 0px, rgb(255, 255, 255) -5.93995px 0.84672px 0px, rgb(255, 255, 255) -5.99811px -0.150428px 0px, rgb(255, 255, 255) -5.89004px -1.14341px 0px, rgb(255, 255, 255) -5.61874px -2.1047px 0px, rgb(255, 255, 255) -5.19172px -3.00766px 0px, rgb(255, 255, 255) -4.62082px -3.82727px 0px, rgb(255, 255, 255) -3.92186px -4.54081px 0px, rgb(255, 255, 255) -3.11421px -5.12852px 0px, rgb(255, 255, 255) -2.22026px -5.57409px 0px, rgb(255, 255, 255) -1.26477px -5.86518px 0px, rgb(255, 255, 255) -0.274238px -5.99373px 0px, rgb(255, 255, 255) 0.723898px -5.95617px 0px, rgb(255, 255, 255) 1.70197px -5.75355px 0px, rgb(255, 255, 255) 2.63288px -5.39147px 0px, rgb(255, 255, 255) 3.49082px -4.87998px 0px, rgb(255, 255, 255) 4.25202px -4.23324px 0px, rgb(255, 255, 255) 4.89538px -3.46919px 0px, rgb(255, 255, 255) 5.40307px -2.60899px 0px, rgb(255, 255, 255) 5.76102px -1.67649px 0px, rgb(255, 255, 255) 5.95932px -0.697531px 0px;
}

.slider__front__sp {
  position: absolute;
  width: 100%;
  top: 70%;
  align-self: center;
  justify-content: center;
  text-align: center;
}

.slider__position__sp {
  border-radius: 60px;
  font-size: 2.6rem;
  font-weight: 600;
  letter-spacing: 1rem;
  color: #505050;
  line-height: 1;
  text-shadow: rgb(255, 255, 255) 4px 0px 0px, rgb(255, 255, 255) 2px 0.989616px 0px, rgb(255, 255, 255) 2px 1.9177px 0px, rgb(255, 255, 255) 2.92676px 2.72656px 0px, rgb(255, 255, 255) 2.16121px 3.36588px 0px, rgb(255, 255, 255) 1.26129px 3.79594px 0px, rgb(255, 255, 255) 0.282949px 3.98998px 0px, rgb(255, 255, 255) -0.712984px 3.93594px 0px, rgb(255, 255, 255) -1.66459px 3.63719px 0px, rgb(255, 255, 255) -2.51269px 3.11229px 0px, rgb(255, 255, 255) -3.20457px 2.39389px 0px, rgb(255, 255, 255) -3.69721px 1.52664px 0px, rgb(255, 255, 255) -3.95997px 0.56448px 0px, rgb(255, 255, 255) -3.97652px -0.432781px 0px, rgb(255, 255, 255) -3.74583px -1.40313px 0px, rgb(255, 255, 255) -3.28224px -2.28625px 0px, rgb(255, 255, 255) -2.61457px -3.02721px 0px, rgb(255, 255, 255) -1.78435px -3.57996px 0px, rgb(255, 255, 255) -0.843183px -3.91012px 0px, rgb(255, 255, 255) 0.150409px -3.99717px 0px, rgb(255, 255, 255) 1.13465px -3.8357px 0px, rgb(255, 255, 255) 2.04834px -3.43574px 0px, rgb(255, 255, 255) 2.83468px -2.82216px 0px, rgb(255, 255, 255) 3.44477px -2.03312px 0px, rgb(255, 255, 255) 3.84068px -1.11766px 0px, rgb(255, 255, 255) 3.9978px -0.132717px 0px;
}

.slider__name__sp {
  color: #d45e87;
  font-size: 4.5rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .5rem;
  margin-top: 20px;
  text-shadow: rgb(255, 255, 255) 4px 0px 0px, rgb(255, 255, 255) 2px 0.989616px 0px, rgb(255, 255, 255) 2px 1.9177px 0px, rgb(255, 255, 255) 2.92676px 2.72656px 0px, rgb(255, 255, 255) 2.16121px 3.36588px 0px, rgb(255, 255, 255) 1.26129px 3.79594px 0px, rgb(255, 255, 255) 0.282949px 3.98998px 0px, rgb(255, 255, 255) -0.712984px 3.93594px 0px, rgb(255, 255, 255) -1.66459px 3.63719px 0px, rgb(255, 255, 255) -2.51269px 3.11229px 0px, rgb(255, 255, 255) -3.20457px 2.39389px 0px, rgb(255, 255, 255) -3.69721px 1.52664px 0px, rgb(255, 255, 255) -3.95997px 0.56448px 0px, rgb(255, 255, 255) -3.97652px -0.432781px 0px, rgb(255, 255, 255) -3.74583px -1.40313px 0px, rgb(255, 255, 255) -3.28224px -2.28625px 0px, rgb(255, 255, 255) -2.61457px -3.02721px 0px, rgb(255, 255, 255) -1.78435px -3.57996px 0px, rgb(255, 255, 255) -0.843183px -3.91012px 0px, rgb(255, 255, 255) 0.150409px -3.99717px 0px, rgb(255, 255, 255) 1.13465px -3.8357px 0px, rgb(255, 255, 255) 2.04834px -3.43574px 0px, rgb(255, 255, 255) 2.83468px -2.82216px 0px, rgb(255, 255, 255) 3.44477px -2.03312px 0px, rgb(255, 255, 255) 3.84068px -1.11766px 0px, rgb(255, 255, 255) 3.9978px -0.132717px 0px;
}


.common__header__wrapper {
  background: #d45e87;
  border-radius: 30px;
  margin: 0 auto;
  width: calc(100% - 128px);
  max-width: calc(100% - 128px);
  margin-top: 120px;
}
@media (max-width: 768px) {
  .common__header__wrapper {
    border-radius: 20px;
    margin-top: 85px;
    width: calc(100% - 40px);
    max-width: calc(100% - 40px);
  }
}



/* header button apply */

.header__button__apply {
  width: 220px;
  height: 35px;
  margin: 0 auto;
  padding: .2em 1em;
  background: #d45e87;
  border-radius: 5px;
  color: #ffffff;
  line-height: 1;
  font-weight: 700;
  transition: 0.3s;/*マウスオンした時の変化のスピード*/
  position: relative;/*矢印アイコン位置の基点になる要素として指定*/
    /* box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); */
}

.header__button__apply::before {
  position: absolute;/*矢印アイコンを基点の要素に対して自由に配置できるようにする*/
  top: 40%;
  right: 1em;/*矢印を基点の要素の右から1文字文内側に動かす*/
  content: '';
  transform: rotate(45deg);
  width: 8px;
  height: 8px;
  margin: 0;
  padding: 0;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}

.header__button__apply:hover {
  opacity: 0.8;/*マウスオンしたときに８０％まで要素を薄くする*/
}


.header__button__contact {
  width: 220px;
  height: 35px;
  margin: 0 auto;
  padding: .2em 0em;
  background: transparent;
  border-radius: 5px;
  color: #d45e87;
  padding: .2em 1em;
  border: 1px solid #d45e87;
  line-height: 1;
  font-weight: 700;
  transition: 0.3s;/*マウスオンした時の変化のスピード*/
  position: relative;/*矢印アイコン位置の基点になる要素として指定*/
    /* box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); */
}

.header__button__contact::before {
  position: absolute;/*矢印アイコンを基点の要素に対して自由に配置できるようにする*/
  top: 40%;
  right: 1em;/*矢印を基点の要素の右から1文字文内側に動かす*/
  content: '';
  transform: rotate(45deg);
  width: 8px;
  height: 8px;
  margin: 0;
  padding: 0;
  border-top: 2px solid #d45e87;
  border-right: 2px solid #d45e87;
}

.header__button__contact:hover {
  opacity: 0.8;/*マウスオンしたときに８０％まで要素を薄くする*/
}


.header__nav__container {
  display: flex;
  align-items: center;
  list-style: none;
  margin-right: 20px;
}

.header__nav__item {
  margin: 0 0 0 30px;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.nav-box01 p {
  margin:0;
  padding:0;
}

.nav-box02 {
  background:#555555;
  padding: 5px 5px 5px 5px;
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 10px;
}

.nav-box02 p {
  margin:0;
  padding:0;
}


.slider {
  width: 100%;
  margin: 0 auto;
  height: 90vh;
  position: relative;
  background-image: url(/img/profile_kv.webp);
  background-size: contain;
}
@media (max-width: 768px) {
  .slider {
    height: 80vh;
    margin-top: 60px;
  }
}

.common__header__inner {
  padding: 0px 0;
}
@media (max-width: 768px) {
  .common__header__inner {
    padding: 0px;
  }
}

.privacy__lead {
  margin-top: 100px;
}
@media (max-width: 768px) {
  .privacy__lead {
    margin-top: 60px;
  }
}

.privacy__lead p {
  text-align: left;
}

/* contact */


.contact__lead {
  display: block;
  width: 100%;
  align-items: flex-start;
  margin-top: 40px;
}
@media (max-width: 768px) {
  .contact__lead {
    margin-top: 20px;
  }
}

.contact__lead p {
  text-align: justify;
}

/* facebook */

.facebook_wrap{
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
  margin-top: 80px;
}

.fb-page {
  margin-top: 40px;
}
 
.fb-page,
.fb-page span,
.facebook_wrap iframe{
  width: 100% !important;
  height: 500px !important;
}


.question__list__inner {
  display: flex;
  gap: 80px;
  border-radius: 30px;
  margin-top: 40px;
  color: #d45e87;
}
@media (max-width: 768px) {
  .question__list__inner {
    gap: 30px;
    padding: 0px;
    margin-top: 40px;
  }
}

.sns__inner {
  width: 100%;
  background: #ffffff;
  border-radius: 30px;
  padding: 80px 40px;
}
@media (max-width: 768px) {
  .sns__inner {
    padding: 60px 20px;
  }
}

.office__inner {
  width: 100%;
  background: #fff;
  border-radius: 30px;
  padding: 80px 40px;
  margin-top: 120px;
}
@media (max-width: 768px) {
  .office__inner {
    margin-top: 40px;
    padding: 60px 20px;
  }
}

/* profile */

.profile__inner {
  width: 100%;
  display: flex;
  gap: 0px 60px;
  justify-content: space-around;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .profile__inner {
    flex-direction: column;
  }
}

.profile__image {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.profile__image img {
  width: 450px;
  text-align: center;
}
@media (max-width: 768px) {
  .profile__image img {
    width: 300px;
  }
}

.profile__data {
  width: 100%;
  text-align: center;
}
@media (max-width: 768px) {
  .profile__data {
    margin-top: 20px;
  }
}


.profile__data dl {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  margin-top: 20px;
}
.profile__data dt {
  text-align: left;
  font-weight: 600;
  flex-basis: 20%;
  padding: 20px 0;
  /* border-bottom: #fff0f5 solid 2px; */
}
.profile__data dd {
  text-align: left;
  flex-basis: 80%;
  padding: 20px 0px;
  /* border-bottom: #fff0f5 solid 2px; */
}
@media (max-width: 768px) {
	.profile__data dt {
    column-width: 100%;
    padding: 10px 0px 0px 0px;
    width: 100%;
    flex-basis:auto;
	}
  .profile__data dd {
    padding: 0px 0px 10px 10px;
    width: 100%;
    flex-basis:auto;
	}
}


.profile__data dt:first-child {
  /* border-top: 2px solid #fff0f5; */
}

.profile__data dd:nth-child(2) {
  /* border-top: 2px solid #fff0f5; */
}


.career__inner {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 0px 60px;
}
@media (max-width: 768px) {
  .career__inner {
    flex-direction: column;
    gap: 60px 0px;
  }
}

.career__data__inner_L {
  background: #fff;
  border-radius: 30px;
  width: 100%;
  padding: 60px;
}
@media (max-width: 768px) {
  .career__data__inner_L {
    padding: 30px 20px;
  }
}

.career__data__inner_R {
  background: #fff;
  border-radius: 30px;
  width: 100%;
  padding: 60px;
}
@media (max-width: 768px) {
  .career__data__inner_R {
    padding: 30px 20px;
  }
}

.career__data {
  width: 100%;
  margin-top: 60px;
  padding: 0 40px;

}
@media (max-width: 768px) {
  .career__data {
    letter-spacing: 0px;
    padding: 0px;
  }
}

.career__data h3 {
  display: inline-block;
  position: relative;
  font-size: 4rem;
}

.career__data dl {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
.career__data dt {
  text-align: left;
  font-weight: 600;
  flex-basis: 25%;
  padding: 10px;
  border-bottom: #ff91b7 solid 0px;
}
.career__data dd {
  text-align: left;
  flex-basis: 75%;
  padding: 10px;
  border-bottom: #ff91b7 solid 0px;
}
.career__data ul {
  width: 100%;
  list-style: none;
}
.career__data li {
  padding: 10px 0px;
}

@media (max-width: 768px) {
	.career__data dt {
    column-width: 100%;
    padding: 10px 0px 0px 0px;
    width: 100%;
    flex-basis: auto;
	}
  .career__data dd {
    padding: 0px 0px 10px 10px;
    width: 100%;
    flex-basis: auto;
	}
}


.career__data dt:first-child {
  border-top: 0px solid #eeeeee;
}

.career__data dd:nth-child(2) {
  border-top: 0px solid #eeeeee;
}


.question__img {
  display: flex;
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
  background: #fff;
  border-radius: 20px;
  margin-top: 40px;
}

.question__item {
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  text-align: justify;
  padding: 30px;
  align-items: flex-start
}
@media (max-width: 768px) {
  .question__item {
    letter-spacing: 0px;
    margin-top: 15px;
  }
}

.question__movie__text {
  margin-top: 4px;
}


.nav__wrapper {
  width: 100%;
  margin: 0 auto;
}

.nav__item__inner__01 {
  display: flex;
  text-align: center;
  align-items: center;
}
@media (max-width: 768px) {
  .nav__item__inner__01 {
    flex-direction: column;
  }
}

.nav__item__inner__02 {
  display: flex;
  text-align: center;
  align-items: center;
}
@media (max-width: 768px) {
  .nav__item__inner__02 {
    flex-direction: column;
  }
}

.nav__item__icon {
  margin-left: 0px;
  padding: 0px;
}

.nav__item__icon img {
  width: 50px
}

/* nav 01 */

.nav__item__01 {
  width: 100%;
  display: inline-block;
  background: #d45e87;
  border-top: 1px solid #fff;
  margin: 0 auto;
  margin-top: 0px;
  text-align: center;
  padding: 144px 96px 144px;
}
@media (max-width: 768px) {
  .nav__item__01 {
    font-size: 1.4rem;
    padding: 60px 0;
  }
}

.nav__item__01 p {
  color: #d45e87;
  font-weight: 600;
  text-align: center;
  line-height: 0;
}

.nav__item__01 h2 {
  color: #ffffff;
  text-align: center;
  letter-spacing: .1rem;
  margin: 20px 0;
}

.nav__item__01 button {
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 25px 30px 25px;
  background: #ffffff;
  border-radius: 60px;
  transition: 0.3s;/*マウスオンした時の変化のスピード*/
  position: relative;/*矢印アイコン位置の基点になる要素として指定*/
  margin-top: 10px;
}

/* nav 02 */

.nav__item__02 {
  width: 100%;
  display: inline-block;
  background: #fff0f5;
  margin: 0 auto;
  margin-top: 0px;
  text-align: center;
  padding: 144px 96px 144px;
}
@media (max-width: 768px) {
  .nav__item__02 {
    padding: 60px 0;
  }
}

.nav__item__02 p {
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  line-height: 0;
}

.nav__item__02 h2 {
  color: #d45e87;
  text-align: center;
  letter-spacing: .1rem;
  margin: 20px 0;
}

.nav__item__02 button {
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 25px 30px 25px;
  background: #d45e87;
  border-radius: 30px;
  transition: 0.3s;/*マウスオンした時の変化のスピード*/
  position: relative;/*矢印アイコン位置の基点になる要素として指定*/
  margin-top: 10px;
}

/* nav 03 */

.nav__item__03 {
  width: 100%;
  display: inline-block;
  background: #fff0f5;
  margin: 0 auto;
  margin-top: 0px;
  text-align: center;
  padding: 144px 96px 144px;
}
@media (max-width: 768px) {
  .nav__item__03 {
    background: #d45e87;
    padding: 60px 0;
  }
}

.nav__item__03 p {
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  line-height: 0;
}
@media (max-width: 768px) {
  .nav__item__03 p {
    color: #d45e87;
  }
}

.nav__item__03 h2 {
  color: #d45e87;
  text-align: center;
  letter-spacing: .1rem;
  margin: 20px 0;
}
@media (max-width: 768px) {
  .nav__item__03 h2 {
    color: #ffffff;
  }
}

.nav__item__03 button {
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 25px 30px 25px;
  background: #d45e87;
  border-radius: 30px;
  transition: 0.3s;/*マウスオンした時の変化のスピード*/
  position: relative;/*矢印アイコン位置の基点になる要素として指定*/
  margin-top: 10px;
}
@media (max-width: 768px) {
  .nav__item__03 button {
    background: #ffffff;
  }
}

/* nav 04 */

.nav__item__04 {
  width: 100%;
  display: inline-block;
  background: #d45e87;
  margin: 0 auto;
  margin-top: 0px;
  text-align: center;
  padding: 144px 96px 144px;
}
@media (max-width: 768px) {
  .nav__item__04 {
    background: #fff0f5;
    padding: 60px 0;
  }
}

.nav__item__04 p {
  color: #d45e87;
  font-weight: 600;
  text-align: center;
  line-height: 0;
}
@media (max-width: 768px) {
  .nav__item__04 p {
    color: #ffffff;
  }
}

.nav__item__04 h2 {
  color: #ffffff;
  text-align: center;
  letter-spacing: .1rem;
  margin: 20px 0;
}
@media (max-width: 768px) {
  .nav__item__04 h2 {
    color: #d45e87;
  }
}

.nav__item__04 button {
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 25px 30px 25px;
  background: #ffffff;
  border-radius: 30px;
  transition: 0.3s;/*マウスオンした時の変化のスピード*/
  position: relative;/*矢印アイコン位置の基点になる要素として指定*/
  margin-top: 10px;
}
@media (max-width: 768px) {
  .nav__item__04 button {
    background: #d45e87;
  }
}

.company__enname__text {
  margin-top: 5px;
  font-size: 1.2rem;
  line-height: 1;
}

.company__ipname__text {
  margin-top: 20px;
  font-size: 1.2rem;
  line-height: 1.4;
}

.message__heading__inner {
  width: 100%;
  align-items: center;
  background: #d45e87;
  border-radius: 30px;
  padding: 60px 60px;
  color: #fff;
  margin-top: -60px;
}
@media (max-width: 768px) {
  .message__heading__inner {
    padding: 50px 0;
    border-radius: 20px;
  }
}

.message__heading h2 {
  text-align: center;
  font-size: 4rem;
  font-weight: 600;
  letter-spacing: .2rem;
  line-height: 1;
}
@media (max-width: 768px) {
  .message__heading h2 {
    font-size: 3rem;
    letter-spacing: .1rem;
  }
}

.profile__heading h3 {
  position: relative;
  text-align: center;
  font-size: 4rem;
  font-weight: 600;
  letter-spacing: .5rem;
  line-height: 1;
}
@media (max-width: 768px) {
  .profile__heading h3 {
    font-size: 4rem;
    letter-spacing: .1rem;
  }
}

.profile__heading h3:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 5px;
  border-radius: 40px;
  background-color: #d45e87;
}
@media (max-width: 768px) {
  .profile__heading h3:before {
    top: 55px;
    left: 50%;
  }
}

.profile__heading p {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: .5rem;
}
@media (max-width: 768px) {
  .profile__heading p {
    font-size: 1.6rem;
    letter-spacing: .2rem;
  }
}


.profile__heading__en p {
  text-align: center;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: .5rem;
  margin-top: 20px;
  color: #d45e87;
}
@media (max-width: 768px) {
  .profile__heading__en p {
    font-size: 2rem;
  }
}

.common__heading {
  width: 100%;
  text-align: center;
}

/* common__heading h2 */

.common__heading h2 {
  position: relative;
  display: inline-block;
  text-align: center;
  font-weight: 600;
  letter-spacing: .1rem;
}

.common__heading h2:before {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: -50%;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 6px;
  border-radius: 40px;
  background-color: #d45e87;
}
@media (max-width: 768px) {
  .common__heading h2:before {
    width: 50px;
    bottom: -90%;
    left: 50%;
    height: 6px;
  }
}

/* common__heading h3 */

.common__heading h3 {
  position: relative;
  display: inline-block;
  text-align: center;
  font-weight: 600;
  letter-spacing: .1rem;
}

.common__heading h3:before {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: -50%;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 6px;
  border-radius: 40px;
  background-color: #d45e87;
}
@media (max-width: 768px) {
  .common__heading h3:before {
    bottom: -90%;
    left: 50%;
    width: 50px;
    height: 6px;
  }
}

/* privacy policy */

.privacy__inner {
  margin-top: 80px;
  padding-bottom: 30px;
}
@media (max-width: 768px) {
  .privacy__inner {
    margin-top: 40px;
  }
}

.privacy__content h4 {
  margin-top: 40px;
}

.privacy__content p {
  margin-top: 10px;
}

.pprivacy__content ol {
  padding-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.privacy__content li {
  padding-top: 10px;
  list-style-position: inside;
  padding-left: 10px;
}


.privacy__end__text {
  text-align: right;
}


.map__inner iframe {
  vertical-align:top;
  margin-top: 40px;
  height: 400px
}
@media (max-width: 768px) {
  .map__inner iframe {
    max-width: 100%;
    height: 200px
  }
}



/* footer nav */

.footer__nav__wrapper {
  background-color: #ffffff;
}

.footer__nav__inner {
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .footer__nav__inner {
    padding: 30px 30px;
  }
}

.footer__office__inner {
  width: 100%;
  background: #ffffff;
}


.footer__nav__links {
  max-width: 700px;
  border-radius: 0px;
  padding: 10px 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  list-style: none;
  text-align: center;
}

@media (max-width: 768px) {
  .footer__nav__links {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px 0px;
    text-align: left;
  }
}

.footer__nav__links p {
  font-weight: 600;
  letter-spacing: 0.05em;
}


/* footer */

.footer__icon {
  width: 180px;
  margin: 0 auto;
  padding: 0px;
  text-align: center;
}

.footer__icon img {
  width: 100%;
}


.footer__title {
  text-align: center;
  margin-top: 20px;
  color: #fff;
}

.footer__title span {
  letter-spacing: .5rem;
}

.footer__title p {
  font-weight: 600;
  letter-spacing: .2rem;
  line-height: 1;
}

.footer__links__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 40px 0;
  color: #fff;
}
@media (max-width: 768px) {
  .footer__links__inner {
    padding: 60px 20px 30px 20px;
  }
}

/* .footer__inner__vh {
  position: sticky;
  top: 100vh;
  z-index: 0;
  color: #fff;
} */

.footer__links__list {
  align-items: center;
  list-style: none;
  margin: 10px auto;
  text-align: center;
}

.footer__links__list a {
  margin: 0px 20px;
}

.footer__links__list a:hover {
  opacity: .5;
}


.footer__links__sns {
  margin-top: 30px;
}

.footer__links__sns img {
  width: 25px;
}

.footer__office {
  padding: 20px 0;
  color: #fff;
}

.footer__office__title {
  letter-spacing: .1rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.5;
}

.footer__office__data {
  font-weight: 300;
  letter-spacing: .1rem;
  text-align: center;
  line-height: 1.2;
  margin-top: 10px;
}

.contact__office__title {
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 40px;
}

.contact__office__title p {
  display: inline-block;
  border-bottom: 2px solid #d45e87;
  padding: 0px 80px;
  font-weight: 600;
  letter-spacing: .1rem;
}

.facebook__personal {
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 100px;
}

.facebook__personal a {
  display: inline-block;
  background: #d45e87;
  color: #fff;
  border-radius: 60px;
  padding: 15px 30px;
  font-weight: 600;
  letter-spacing: .1rem;
}

.contact__office__adress {
  text-align: center;
  margin-top: 20px;
  line-height: 1.5;
}

.footer__list__logo {
  padding: 20px;
  margin-top: 5px;
  text-align: center;
}

.footer__list__logo_text {
  font-size: 1.0rem;
  line-height: 25px;
  text-align: center;
}

.footer__link__privacy {
  font-size: 1.2rem;
  font-weight: 400;
  margin-top: 20px;
  text-align: center;
  color: #fff;
}
@media (max-width: 768px) {
  .footer__link__privacy {
    font-size: 1rem;
  }
}

.footer__list__sns {
  margin-top: 50px;
}

.footer__list__sns img {
  width: 30px;
}

.footer__copyright {
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
  text-align: center;
  align-items: center;
}
@media (max-width: 768px) {
  .footer__copyright {
    font-size: .8rem;
  }
}

/* page top */

#page-top a{
	display: flex;
	justify-content:center;
	align-items:center;
	transition:all 0.3s;
}

#page-top {
  width: 120px;
	position: fixed;
	right: 20px;
	bottom: 0px;
	z-index: 2;
	opacity: 0;
	transform: translateY(100px);
}
@media (max-width: 768px) {
  #page-top {
    width: 80px;
    right: 10px;
    bottom: 20px;
  }
}


#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}


#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(100px);
  }
}

/*　br　*/

.pc_br {
  display: none;
}


.sp_br {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp_br {
    display: block;
  }
}


form {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
  padding-top: 20px;
}

label {
  margin-bottom: 3px;
  text-align: left;
  display: block;
}


label span {
  padding-left: 5px;
  color: red;
}

select,
option,
input[type=text],
input[type=tel],
input[type=url],
input[type=email] {
  width: 100%;
  height: 50px;
  background: #F0F0F0;
  font-weight: 400;
  margin-top: 5px;
  margin-bottom: 40px;
  padding: 7px 7px;
  text-align: left;
  display: block;
  box-sizing: none;
}

textarea {
  width: 100%;
  height: 120px;
  background: #F0F0F0;
  margin-top: 5px;
  margin-bottom: 40px;
  padding: 7px 7px;
  text-align: left;
  display: block;
}

input[type="radio"] {
  position: relative;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  border: 1px solid #3f3f3f;
  border-radius: 50%;
  vertical-align: -2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input[type="radio"]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #3f3f3f;
  content: '';
}

.radio__content {
  padding: 10px;
  margin-bottom: 40px;
  background: #F0F0F0;
}

.radio__item {
  margin: 5px;
}

input[type="submit"] {
  appearance: none;
  -webkit-appearance: none;
  width: 255px;
  height: 60px;
  background: #d45e87;
  border-radius: 5px;
  margin: 10px;
  align-items: center;
  display: inline-block;
  color: #ffffff;
}
@media (max-width: 768px) {
  input[type="submit"] {
    appearance: none;
    -webkit-appearance: none;
    width: 180px;
    height: 55px;
    border-radius: 5px;
  }
}

.click__down a:hover{
  transform: translateY(4px);
}

.click__down {
  transition: 0.2s;
}

.click__down:active {
  transform: translateY(4px);
}

input[type="button"] {
  appearance: none;
  -webkit-appearance: none;
  width: 255px;
  height: 60px;
  background: #d45e87;
  border-radius: 5px;
  opacity: 1;
  margin: 10px;
  align-items: center;
  display: inline-block;
  color: #fff;
}
@media (max-width: 768px) {
  input[type="button"] {
    appearance: none;
    -webkit-appearance: none;
    font-size: 17px;
    width: 180px;
    height: 55px;
  }
}

.h-adr {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0px;
  margin-top: 20px;
  margin-bottom: 40px;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 10
}

.contact__form__inner,
.contact__office__inner {
  background: #ffffff;
  border-radius: 30px;
  width: 100%;
  text-align: center;
  padding: 60px;
}
@media (max-width: 768px) {
  .contact__form__inner,
  .contact__office__inner {
    padding: 40px 20px;
  }
}

.contact__office__inner {
  margin-top: 80px;
}
@media (max-width: 768px) {
  .contact__office__inner {
    margin-top: 40px;
  }
}

/* iOSフォーム対策 */
@media (max-width: 768px) {
  input, textarea, select {
    font-size: 16px;
  }
}

.form__inner__title {
  margin-top: 80px;
  text-align: center;
}

.form__heading__title {
  color: #d45e87;
  margin-top: 20px;
  font-size: 4.5rem;
  font-weight: 700;
}

.form__icon {
  margin-top: 40px;
}

.form__lead {
  color: #000;
  display: inline-block;
  margin-top: 40px;
  padding: 10px 20px;
  border: #eee 2px solid;
}
@media (max-width: 768px) {
  .form__lead {
    text-align: left;
    margin-top: 30px;
  }
}


.form__bottom {
  margin-bottom: 80px;
}

.form__inner__text {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .form__inner__text {
    text-align: left;
  }
}

.form__inner__text_as {
  font-size: 1.6rem;
  margin-top: 40px;
}
@media (max-width: 768px) {
  .form__inner__text_as {
    text-align: center;
  }
}

.form__required {
  color: #d45e87;
  align-items: center;
}

.label__required {
  font-size: 1.6rem;
  color: #d45e87;
  align-items: center;
}


#formWrap {
	width:1000px;
	margin:0 auto;
	line-height:120%;
	font-size:15px;
}
table.formTable{
	width:100%;
	margin:0 auto;
  margin-bottom: 40px;
}
table.formTable td,table.formTable th{
	display:block;
	text-align:left;
	border:1px solid #FFF;
}
table.formTable td{
	margin-top:5px;
}
table.formTable th{
	width:30%;
	margin-top:50px;
	text-align:left;
}
p.error_messe{
  text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 0;
	margin-left: 0;
	color:red;
}

@media screen and (max-width:768px) {
#formWrap {
	width:100%;
	margin:0 auto;
  padding: 40px 30px;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:20px;
	border-bottom:0;
}
}

.form_sec03 {
  text-align: center;
}
@media (max-width: 768px) {
  .form_sec03 {
    text-align: left;
  }
}

.form_sec05 {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  border: none;
  margin-top: 60px;
  border-bottom: 1px solid #d45e87;
  margin-bottom: 30px;
}

.form_sec06 {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  border: none;
  border-bottom: 1px solid #d45e87;
  margin-top: 30px;
  margin-bottom: 20px;
}

.form_sec07 {
  font-size: 21px;
  line-height: 20px;
  text-align: center;
  margin-top: 80px;
  margin-bottom: 80px;
}
@media (max-width: 768px) {
  .form_sec07 {
    margin-bottom: 120px;
  }
}

.form_sec08 {
  text-align: center;
  font-size: 20px;
}

.form_sec09 {
  text-align: center;
}

.form_sec10 {
  text-align: center;
  margin: 60px 0;
}
 
.form_sec11 {
  text-align: center;
}
@media (max-width: 768px) {
  .form_sec11 {
    text-align: left;
  }
}

.form_sec12 {
  text-align: center;
  margin-top: 40px;
}
@media (max-width: 768px) {
  .form_sec12 {
    text-align: left;
  }
}

.form_sec13 {
  margin-top: 40px;
}

/* Toggle Button */
#nav-toggle {
	display: none;
	position: absolute;
	right: 12px;
	top: 14px;
	width: 34px;
	height: 36px;
	cursor: pointer;
	z-index: 101;
}
#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 1px;
	width: 100%;
	background: #fff;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}

@media screen and (max-width: 640px) {
	#top-head,
	.inner {
		width: 100%;
		padding: 0;
	}
	#top-head {
		top: 0;
		position: fixed;
		margin-top: 0;
	}
	#top-head.fixed {
		padding-top: 0;
		background: transparent;
	}
	#mobile-head {
		background: #fff;
		width: 100%;
		height: 56px;
		z-index: 999;
		position: relative;
	}
	#top-head.fixed .logo,
	#top-head .logo {
		position: absolute;
		left: 13px;
		top: 13px;
		font-size: 26px;
	}
	#global-nav {
		position: absolute;
		top: -500px;
		background: #ffffff;
		width: 100%;
		text-align: center;
		padding: 10px 0;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}
	#global-nav ul {
		list-style: none;
		position: static;
		right: 0;
		bottom: 0;
		font-size: 14px;
	}
	#global-nav ul li {
		float: none;
		position: static;
	}
	#top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a {
		width: 100%;
		display: block;
		padding: 18px 0;
	}
	#nav-toggle {
		display: block;
	}
	.open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	.open #global-nav {
		-moz-transform: translateY(556px);
		-webkit-transform: translateY(556px);
		transform: translateY(556px);
	}
}

.results__inner {
  width: 100%;
  margin-top: 100px;
}

.results__item__list {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  border: 2px solid #d45e87;
  border-radius: 20px;
  margin-top: 60px;
}
@media (max-width: 768px) {
  .results__item__list {
    margin-top: 30px;
  }
}

.results__summary__inner {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
}

.results__content__inner {
  display: block;
  padding: 30px;
}

.results__item__data {
  margin-top: 20px;
}

.results__icon {
  vertical-align: -3px;
  color: #d45e87;
  margin-right: 5px;
}

.sns__icon {
  font-size: 1.6rem;
  vertical-align: -2px;
  color: #ffffff;
  margin-left: 5px;
}

.results__item__image {
  display: flex;
  flex-direction: column;
  gap: 20px 0px;
  margin: 20px 0;
  align-items: first baseline;
}

.results__item__img {
  display: flex;
}

.results__item__img img {
  border-radius: 5px;
}

.activity__photos__inner {
  background: #fff;
  border-radius: 30px;
  width: 100%;
  text-align: center;
  padding: 60px;
}

.activity__photos p {
  font-weight: 400;
  margin-top: 10px;
}


.activity__photos img {
  width: 400px;
}


.park__inner {
  background: #fff;
  border-radius: 30px;
  width: 100%;
  text-align: center;
  padding-bottom: 60px;
}

.park__splide__inner {
  margin-top: 60px;
}
@media (max-width: 768px) {
  .park__splide__inner {
    margin-top: 20px;
  }
}

.park__inner img {
  width: 400px;
}

.question__inner {
  margin-top: 60px;
}

.question__list {
  width: 100%;
  display: inline-flex;
  align-items: center;
  list-style: none;
  padding: 0px;
  gap: 0px 0px;
}
@media (max-width: 768px) {
  .question__list {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0px 0px;
    padding: 20px;
  }
}

.question__lead {
  margin-top: 60px;
}

.question__lead p {
  text-align: center;
}

.question__play__links {
  margin-top: 30px;
  opacity: .7;
}

.question__play__links p {
  font-size: 1.4rem;
  text-align: center;
}
@media (max-width: 768px) {
  .question__play__links p {
    text-align: left;
  }
}

.question__item__list {
  width: 100%;
  margin: 0 auto;
  border-radius: 30px;
  background: #ffffff;
  border: 2px solid #d45e87;
  margin-top: 60px;
}
@media (max-width: 768px) {
  .question__item__list {
    padding: 30px 20px;
  }
}

.question__item__inner {
  width: 100%;
  padding: 30px 40px;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .question__item__inner {
    flex-direction: column;
  }
}

.question__play__icon {
  vertical-align: -3px;
  color: #ffffff;
  margin-right: 5px;
}

.common__link__icon {
  font-size: 1.6rem;
  vertical-align: -4px;
  color: #ffffff;
  margin-left: 5px;
}

.question__item__play {
  display: inline-block;
  width: 100%;
  flex-basis: 20%;
  text-align: center;
}

.question__item__play button {
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 10px 30px 10px;
  background: #d45e87;
  color: #fff;
  display: inline-flex;
  border-radius: 60px;
  align-items: center;
  transition: 0.3s;/*マウスオンした時の変化のスピード*/
  position: relative;/*矢印アイコン位置の基点になる要素として指定*/
  margin-top: 0px;
}
@media (max-width: 768px) {
  .question__item__play button {
  }
}

.question__item__title {
  display: inline-block;
  width: 100%;
  flex-basis: 80%;
}
@media (max-width: 768px) {
  .question__item__title {
    margin-top: 20px;
    text-align: center;
  }
}

.question__item__list summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 3em 5px;
  cursor: pointer;
}

.question__item__list summary::-webkit-details-marker {
  display: none;
}

.question__item__list summary::before,
.question__item__list summary::after {
  width: 4px;
  height: 1.2em;
  border-radius: 2px;
  background-color: #d45e87;
  content: '';
}

.question__item__list summary::after {
  position: absolute;
  right: 5%;
  rotate: 0deg;
}
@media (max-width: 768px) {
  .question__item__list summary::after {
    left: 50%;
    bottom: 5px;
  }
}

.question__item__list summary::before {
  position: absolute;
  right: 5%;
  rotate: 90deg;
}
@media (max-width: 768px) {
  .question__item__list summary::before {
    left: 50%;
    bottom: 5px;
  }
}

.question__item__list summary::after {
  transition: rotate .3s;
}

.question__item__list[open] summary::after {
  rotate: 90deg;
}

.question__item__list[open] p {
  padding: 30px 40px;
  transform: none;
  opacity: 1;
}

.question__item__list p {
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: .3em 0em 1.5em;
  transition: transform .5s, opacity .5s;
}


/* common　nav */

.common__nav__inner {
  max-width: 1280px;
  margin: 0 auto;
  margin-top: 100px;
}
@media (max-width: 768px) {
  .common__nav__inner {
    margin-top: 40px;
  }
}

.common__nav__list {
  display: flex;
  justify-content: space-around;
  gap: 0px 60px;
  align-items: center;
  list-style: none;
}
@media (max-width: 768px) {
  .common__nav__list {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 30px 0px;
  }
}

.common__nav__links {
  width: 100%;
  margin: 0 0px;
  padding: 0px 0px;
}
@media (max-width: 768px) {
  .common__nav__links {
    padding: 0px 0px;
  }
}

.common__nav__button {
  width: 100%;
  height: 80px;
  margin: 0 auto;
  padding: .2em 0em;
  border: 2px solid #ffffff;
  border-radius: 60px;
  color: #ffffff;
  font-weight: 600;
  line-height: 1;
  /* box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); */
  transition: 0.3s;/*マウスオンした時の変化のスピード*/
  position: relative;/*矢印アイコン位置の基点になる要素として指定*/
}
@media (max-width: 768px) {
  .common__nav__button {
    height: 50px;
    border-radius: 60px;
  }
}

.common__nav__button::before {
  position: absolute;/*矢印アイコンを基点の要素に対して自由に配置できるようにする*/
  top: 40%;
  left: 2em;/*矢印を基点の要素の右から1文字文内側に動かす*/
  content: '';
  transform: rotate(135deg);
  width: 12px;
  height: 12px;
  margin: 0;
  padding: 0;
  border-top: 3px solid #ffffff;
  border-right: 3px solid #ffffff;
}
@media (max-width: 768px) {
  .common__nav__button::before {
    width: 8px;
    height: 8px;
  }
}
.common__nav__button:hover {
  opacity: 0.8;/*マウスオンしたときに８０％まで要素を薄くする*/
}


.common__nav__button_bg {
  width: 100%;
  height: 80px;
  margin: 0 auto;
  padding: .2em 0em;
  border: 2px solid #d45e87;
  border-radius: 60px;
  color: #d45e87;
  font-weight: 600;
  line-height: 1;
  /* box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); */
  transition: 0.3s;/*マウスオンした時の変化のスピード*/
  position: relative;/*矢印アイコン位置の基点になる要素として指定*/
}
@media (max-width: 768px) {
  .common__nav__button_bg {
    height: 50px;
    border-radius: 60px;
  }
}

.common__nav__button_bg::before {
  position: absolute;/*矢印アイコンを基点の要素に対して自由に配置できるようにする*/
  top: 40%;
  left: 2em;/*矢印を基点の要素の右から1文字文内側に動かす*/
  content: '';
  transform: rotate(135deg);
  width: 12px;
  height: 12px;
  margin: 0;
  padding: 0;
  border-top: 3px solid #d45e87;
  border-right: 3px solid #d45e87;
}
@media (max-width: 768px) {
  .common__nav__button_bg::before {
    width: 8px;
    height: 8px;
  }
}
.common__nav__button_bg:hover {
  opacity: 0.8;/*マウスオンしたときに８０％まで要素を薄くする*/
}

.message__inner {
  border-radius: 30px;
  padding: 80px 60px;
  align-items: center;
  background: #fff0f5;
}
@media (max-width: 768px) {
  .message__inner {
    flex-direction: column;
    gap: 40px 0px;
    padding: 60px 20px;
  }
}

.message__item {
  display: flex;
  align-items: center;
  margin: 40px 0;
  gap: 0 60px;
}
@media (max-width: 768px) {
  .message__item {
    flex-direction: column;
    gap: 30px 0;
    margin: 20px 0;
  }
}

.message__image {
  width: 250px;
  margin: 0 auto;
  padding: 0px;
  justify-content: center;
}

.message__image img {
  width: 100%;
}

.message__text {
  width: 100%;
  margin-top: 60px;
}
@media (max-width: 768px) {
  .message__text {
    margin-top: 60px;
  }
}

.message__text h3 {
  text-align: center;
  letter-spacing: .1rem;
}

.message__text p {
  margin-top: 40px;
  text-align: justify;
}
@media (max-width: 768px) {
  .message__text p {
    margin-top: 20px;
  }
}

.message__position p {
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: .5rem;
  text-align: right;
  line-height: 1;
  margin-top: 30px;
}
@media (max-width: 768px) {
 .message__position p {
  letter-spacing: .3rem;
    font-size: 1.4rem;
  }
}

.message__sign p {
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: .5rem;
  text-align: right;
  line-height: 1;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .message__sign p {
    font-size: 2rem;
    letter-spacing: .3rem;
  }
}


.symbols__icon {
  width: 100%;
  display: flex;
  font-size: 12rem;
  color: #fff;
  opacity: .1;
  line-height: 1;
}
@media (max-width: 768px) {
  .symbols__icon {
    font-size: 4rem;
    justify-content: center;
  }
}

.nav__icon {
  font-size: 4rem;
  color: #fff;
  line-height: 0;
}

.anniversary__list {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  list-style: none;
  justify-content: center;
  background: #ffffff;
  border-bottom: #d45e87 solid 0px;
  border-radius: 20px;
  gap: 0px 0px;
}
@media (max-width: 768px) {
  .anniversary__list {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0px 0px;
    padding: 20px;
  }
}

.anniversary__title {
  font-size: 3rem;
  margin-top: 20px;
  color: #d45e87;
}
@media (max-width: 768px) {
  .anniversary__title {
    font-size: 1.8rem;
  }
}

.anniversary {
  width: 500px;
  margin: 0 auto;
  text-align: center;
  background: #fff;
  padding: 30px;
  margin-top: 40px;
}

.anniversary__inner {
  display: flex;
  max-width: 1400px;
  border-radius: 30px;
  padding: 60px;
  margin: 0 auto;
  gap: 0px 60px;
  justify-content: space-around;
  align-items: center;
  margin-top: 60px;
}
@media (max-width: 768px) {
  .anniversary__inner {
    flex-direction: column;
    gap: 40px 0px;
    padding: 20px;
  }
}

.anniversary__image {
  width: 70%;
}

.anniversary__image img {
  width: 100%;
}
@media (max-width: 768px) {
  .anniversary__image img {
    width: 100%;
  }
}

.anniversary__item {
  width: 100%;
}

.anniversary__item h3 {
  font-size: 3rem;
  margin-top: 20px;
  color: #d45e87;
}
@media (max-width: 768px) {
  .anniversary__item h3 {
    font-size: 1.8rem;
  }
}

.anniversary__item p {
}

.anniversary__links {
  width: 100%;
  text-align: center;
  margin: 20px 0;
}
.anniversary__links button {
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 10px 30px 10px;
  background: #d45e87;
  border-radius: 60px;
  transition: 0.3s;/*マウスオンした時の変化のスピード*/
  position: relative;/*矢印アイコン位置の基点になる要素として指定*/
  margin-top: 20px;
  color: #fff;
}


/* common */

.common__inner__title {
  display: flex;
  width: 100%;
  padding: 30px 40px;
  color: #ffffff;
  text-align: center;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .common__inner__title {
    flex-direction: column;
    padding: 20px 20px;
    }
}

.common__header__icon {
  width: 200px;
  margin: 0 auto;
  padding: 0px;
  border-radius: 30px;
  color: #ffffff;
  margin-top: -120px;
  margin-bottom: -60px;
  z-index: 1;
}
@media (max-width: 768px) {
  .common__header__icon {
    margin-bottom: 0px;
    }
}

.common__title {
  width: 100%;
  flex-basis: 60%;
}

.common__en__title {
  width: 100%;
  flex-basis: 20%;
  align-items: center;
  line-height: 1;
}
@media (max-width: 768px) {
  .common__en__title {
    align-items: center;
  }
}


.common__illust {
  width: 100%;
  text-align: center;
  margin-top: 80px;
}


.common__illust img {
  width: 80px;
}
@media (max-width: 768px) {
  .common__illust img {
    width: 60px;
  }
}


.common__title h2 {
  display: inline-block;
  text-align: center;
  letter-spacing: .2rem;
  line-height: 1.5;
}

.common__en__title p {
  font-weight: 300;
  letter-spacing: .1rem;
  text-align: right;
  opacity: .5;
}
@media (max-width: 768px) {
  .common__en__title p {
    text-align: center;
    opacity: 1;
  }
}

.common__icon {
  flex-basis: 20%;
  width: 100%;
}
/* @media (max-width: 768px) {
  .common__icon {
    display: none;
  }
} */


.common__icon span {
  width: 100%;
  text-align: center;
}

.form__title {
  font-size: 4.5rem;
  text-align: center;
  letter-spacing: .2rem;
  color: #d45e87;
}


.common__heading__lead {
  margin-top: 100px;
}
@media (max-width: 768px) {
  .common__heading__lead {
    margin-top: 60px;
  }
}


.common__heading__lead p {
  text-align: center;
}
@media (max-width: 768px) {
  .common__heading__lead p {
    text-align: left;
  }
}

.park__heading__lead {
  margin-top: 100px;
}
@media (max-width: 768px) {
  .park__heading__lead {
    margin-top: 60px;
  }
}

.park__heading__lead p {
  text-align: left;
}

.common__title__lead h3 {
  text-align: center;
  letter-spacing: .1rem;
}

.common__text {
  line-height: 30px;
}


/* policy */


.policy__inner {
  margin-top: 60px;
}
@media (max-width: 768px) {
  .policy__inner {
    margin-top: 40px;
  }
}

.policy__item__list {
  width: 100%;
  margin: 0 auto;
  border-radius: 20px;
  background: #ffffff;
  border: 4px solid #d45e87;
  margin-top: 60px;
}
@media (max-width: 768px) {
  .policy__item__list {
    margin-top: 40px;
  }
}

.policy__icon {
  vertical-align: -3px;
  color: #d45e87;
  line-height: 1;
  font-size: 6rem;
}

.policy__summary__inner {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 60px 30px;
}

.policy__content__inner {
  display: block;
  padding: 30px;
}

.policy__item__inner {
  display: block;
  width: 100%;
  align-items: center;
  justify-items: center;
}

.policy__item__icon {
  align-items: center;
  justify-items: center;
  text-align: center;
}

.policy__item__title {
  align-items: baseline;
  justify-items: center;
  text-align: center;
}

.policy__item__text {
  margin-top: 20px;
}

.policy__lead__inner {
  gap: 0px 60px;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .policy__lead__inner {
    flex-direction: column;
    margin-top: 0px;
  }
}

.policy__lead__item {
  width: 100%;
  margin: 0 auto;
  align-items: flex-start
}
@media (max-width: 768px) {
  .policy__lead__item {
    margin-top: 15px;
  }
}

.policy__lead__item h3 {
  font-weight: 600;
  text-align: center;
}

.policy__lead__item p {
  text-align: justify;
  margin-top: 30px;
}

.policy__item__lead {
  padding: 0em 5px;
  margin-top: 10px;
}

.policy__slogan p {
  text-align: center;
  margin-top: 30px;
}
@media (max-width: 768px) {
  .policy__slogan p {
    text-align: left;
  }
}

/* ///// */


/* アコーディオン */

summary {
  /* display: list-item;以外を指定してデフォルトの三角形アイコンを消します */
  display: block;
}

summary::-webkit-details-marker {
  /* Safariで表示されるデフォルトの三角形アイコンを消します */
  display: none;
}

.icon {
  display: flex;
  position: relative;
  width: 24px;
  margin-left: 6px;
  flex-shrink: 0;
  transform-origin: center 43%;
  transition: transform 0.4s;
}

/* is-openedクラスが付与されたときのスタイル */
details.is-opened .icon {
  transform: rotate(180deg);
}

/* アイコンのバーのスタイル */
.icon::before,
.icon::after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  right: 2%;
  width: 15px;
  height: 3px;
  background-color: #d45e87;
}

.icon::before {
  left: 0;
  transform: rotate(45deg);
}

.icon::after {
  right: 0;
  transform: rotate(-45deg);
}

/* --------アコーディオンの中身のスタイル-------- */
.open__content {
  overflow: hidden;
  /* details直下のタグにpaddingを設定すると挙動がおかしくなるので、ここには指定しない */
}

.splide__inner {
  margin: 80px 0;
}
@media (max-width: 768px) {
  .splide__inner {
    margin: 40px 0;
  }
}
.splide__slide {
  display: grid;
  place-content: center;
  aspect-ratio: 1/1;
  background-color: #ffffff;
}

.splide__slide img {
  border-radius: 20px;
  width: 450px;
  height: 350px;
  object-fit: cover;
}
@media (max-width: 768px) {
  .splide__slide img {
    width: 300px;
    height: 200px;
  }
}

.splide__pagination {
  bottom: auto;
  position: absolute;
  bottom: -2em;
}
@media (max-width: 768px) {
  .splide__pagination {
    bottom: -1em;
  }
}

.splide__pagination__page {
  background-color: #d45e87;
  height: 8px;
  transition: .5s all;
  width: 8px;
}

.splide__arrow svg {
  fill: #d45e87;
  height: 1.2em;
  width: 1.2em;
}