@charset "UTF-8";
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:where([hidden]:not([hidden=until-found])) {
  display: none !important;
}

:where(html) {
  -webkit-text-size-adjust: none;
  color-scheme: dark light;
  tab-size: 2;
  scrollbar-gutter: stable;
}

:where(html:has(dialog:modal[open])) {
  overflow: clip;
}

@media (prefers-reduced-motion: no-preference) {
  :where(html:focus-wimidium) {
    scroll-behavior: smooth;
  }
}
:where(body) {
  line-height: 1.5;
  font-family: system-ui, sans-serif;
  -webkit-font-smoomidiumg: antialiased;
}

:where(button) {
  all: unset;
}

:where(input, button, textarea, select) {
  font: inherit;
  color: inherit;
}

:where(textarea) {
  resize: vertical;
  resize: block;
}

:where(button, label, select, summary, [role=button], [role=option]) {
  cursor: pointer;
}

:where(:disabled) {
  cursor: not-allowed;
}

:where(label:has(> input:disabled), label:has(+ input:disabled)) {
  cursor: not-allowed;
}

:where(a) {
  color: inherit;
  text-underline-offset: 0.2ex;
}

:where(ul, ol) {
  list-style: none;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, picture, svg, video) {
  max-inline-size: 100%;
  block-size: auto;
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

:where(h1, h2, h3) {
  line-height: calc(1em + 0.5rem);
  text-wrap: balance;
}

:where(hr) {
  border: none;
  border-block-start: 1px solid;
  color: inherit;
  block-size: 0;
  overflow: visible;
}

:where(dialog, [popover]) {
  border: none;
  background: none;
  color: inherit;
  inset: unset;
  max-width: unset;
  max-height: unset;
}

:where(dialog:not([open], [popover]), [popover]:not(:popover-open)) {
  display: none !important;
}

:where(:focus-visible) {
  outline: 3px solid CanvasText;
  box-shadow: 0 0 0 5px Canvas;
  outline-offset: 1px;
}

:where(:focus-visible, :target) {
  scroll-margin-block: 8vh;
}

:where(.visually-hidden:not(:focus-wimidium, :active)) {
  clip-path: inset(50%) !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  border: 0 !important;
  user-select: none !important;
}

/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
body {
  background-color: #fff2ed;
  overflow-x: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  color: #454545;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; /* Safari */
  font-family: "Noto Sans JP", "Open Sans", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif;
}

.dashed_top {
  background-image: url("../img/dashed.png");
  background-repeat: repeat-x;
  background-size: 11px 1px;
  background-position: 0 top;
}

.dashed_btm {
  background-image: url("../img/dashed.png");
  background-repeat: repeat-x;
  background-size: 11px 1px;
  background-position: 0 bottom;
}

@media screen and (min-width: 961px) {
  .l-bg {
    background-image: url("../img/bg_pc.png");
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100vw;
    height: 100vh;
    width: 100%;
    background-position: center center;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
  }
}

:root {
  color-scheme: light;
}

img {
  width: 100%;
  height: auto;
}

a {
  text-decoration: none;
}
@media screen and (min-width: 961px) {
  a:hover {
    opacity: 0.8;
  }
}

@media screen and (min-width: 961px) {
  header {
    position: sticky;
    top: 0;
    width: 100%;
  }
}
@media screen and (max-width: 960px) {
  header {
    position: sticky;
    top: 0;
    width: 100%;
  }
}

html {
  scroll-behavior: smooth;
}

.scrollSet, .scrollSet02, .scrollSet03, .scrollSet04, .scrollSet05, .scrollSet06 {
  opacity: 0;
  filter: blur(20px);
  will-change: filter;
  transform: translateY(20px);
  transition: opacity 0.7s ease, filter 0.7s ease 0.2s, transform 0.7s ease 0.2s;
}
.scrollSet.blurIn, .scrollSet02.blurIn, .scrollSet03.blurIn, .scrollSet04.blurIn, .scrollSet05.blurIn, .scrollSet06.blurIn {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
}

.scrollSet02 {
  opacity: 0;
  filter: blur(20px);
  will-change: filter;
  transform: translate(-50%, 20px);
  transition: opacity 0.7s ease, filter 0.7s ease 0.2s, transform 0.7s ease 0.2s;
}
.scrollSet02.blurIn {
  opacity: 1;
  filter: blur(0);
  transform: translate(-50%, 0);
}

.js-scroll-element {
  opacity: 0; /* 初期状態では非表示 */
  transform: translateY(20px); /* 初期状態では少し下に */
  transition: opacity 0.5s ease, transform 0.5s ease; /* アニメーションの設定 */
}
.js-scroll-element.active {
  opacity: 1; /* inviewクラスが付与されたら表示 */
  transform: translateY(0); /* inviewクラスが付与されたら元の位置に */
}

.js-scroll-element-fv {
  opacity: 0; /* 初期状態では非表示 */
  transform: translateY(20px); /* 初期状態では少し下に */
  transition: opacity 0.5s ease, transform 0.5s ease; /* アニメーションの設定 */
}
.js-scroll-element-fv.active {
  opacity: 1; /* inviewクラスが付与されたら表示 */
  transform: translateY(0); /* inviewクラスが付与されたら元の位置に */
}

@media screen and (min-width: 961px) {
  .pc {
    display: block;
  }
}
@media screen and (max-width: 960px) {
  .pc {
    display: none;
  }
}

@media screen and (min-width: 961px) {
  .sp {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .sp {
    display: block;
  }
}

@media screen and (max-width: 459px) {
  .tb {
    display: none;
  }
}
@media screen and (min-width: 460px) {
  .tb {
    display: block;
  }
}

@media screen and (max-width: 459px) {
  .tbsp {
    display: block;
  }
}
@media screen and (min-width: 460px) {
  .tbsp {
    display: none;
  }
}

.fluffy {
  animation: fluffy 2.7s infinite;
}

@keyframes fluffy {
  0%, 100% {
    transform: translateY(8px);
  }
  50% {
    transform: translateY(-8px);
  }
}
.fluffy01 {
  animation: fluffy02 2.7s infinite;
}

.fluffy02 {
  animation: fluffy02 2s infinite;
}

@keyframes fluffy02 {
  0%, 100% {
    transform: translateY(-10px);
  }
  50% {
    transform: translateY(10px);
  }
}
@keyframes blinking {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blinking02 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* 要素にアニメーションを適用 */
.blink {
  animation: blinking 1.5s ease-in-out infinite alternate;
}

.blink02 {
  animation: blinking02 1.2s ease-in-out infinite alternate;
}

.frog {
  transform-origin: center bottom;
  animation: yurayura 1s linear infinite;
}

@keyframes yurayura {
  0%, 100% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(-10deg);
  }
}
.l-main {
  background-color: #ff3d85;
}

.l-footer__contact {
  background-color: #fff2ed;
}
@media screen and (min-width: 961px) {
  .l-footer__contact {
    padding: 67px 20px 97px;
    border-radius: 50px 50px 0 0;
  }
}
@media screen and (max-width: 960px) {
  .l-footer__contact {
    padding: 16.75vw 5vw 24.25vw;
    border-radius: 12.5vw 12.5vw 0 0;
  }
}
@media screen and (min-width: 961px) {
  .l-footer__contact--ttlwrap {
    margin: 0 auto 20px;
  }
}
@media screen and (max-width: 960px) {
  .l-footer__contact--ttlwrap {
    margin: 0 auto 5vw;
  }
}
.l-footer__contact--sblc {
  border-bottom: solid 1px #ff3d85;
}
@media screen and (min-width: 961px) {
  .l-footer__contact--sblc {
    padding-bottom: 15px;
    margin: 0 auto 13px;
  }
}
@media screen and (max-width: 960px) {
  .l-footer__contact--sblc {
    margin: 0 auto 4.5vw;
    padding-bottom: 3vw;
  }
}
.l-footer__contact--mail {
  background-color: #FFFFFF;
  width: 100%;
}
@media screen and (min-width: 961px) {
  .l-footer__contact--mail {
    border-radius: 26px;
    margin: 0 auto 90px;
    padding: 15px;
  }
}
@media screen and (max-width: 960px) {
  .l-footer__contact--mail {
    border-radius: 6.5vw;
    margin: 0 auto 22vw;
    padding: 3.75vw;
  }
}
.l-footer__contact--caution {
  background-color: #FFFFFF;
}
@media screen and (min-width: 961px) {
  .l-footer__contact--caution {
    border-radius: 26px;
    padding: 32px 20px 40px;
  }
}
@media screen and (max-width: 960px) {
  .l-footer__contact--caution {
    border-radius: 6.5vw;
    padding: 8vw 5vw 10vw;
  }
}
.l-footer__top {
  background-color: #FFFFFF;
}
@media screen and (min-width: 961px) {
  .l-footer__top {
    padding: 82px 0 100px;
  }
}
@media screen and (max-width: 960px) {
  .l-footer__top {
    padding: 20.5vw 0 25vw;
  }
}
.l-footer__ttl {
  margin: 0 auto 62px;
}
.l-footer__partner {
  display: block;
}
@media screen and (min-width: 961px) {
  .l-footer__partner {
    width: 248px;
    margin: 0 auto 100px;
  }
}
@media screen and (max-width: 960px) {
  .l-footer__partner {
    width: 62vw;
    margin: 0 auto 25vw;
  }
}
.l-footer__tp {
  display: block;
}
@media screen and (min-width: 961px) {
  .l-footer__tp {
    width: 242px;
    margin: 44px auto 60px;
  }
}
@media screen and (max-width: 960px) {
  .l-footer__tp {
    width: 60.5vw;
    margin: 11vw auto 15vw;
  }
}
.l-footer__heroins {
  display: block;
}
@media screen and (min-width: 961px) {
  .l-footer__heroins {
    width: 216px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 960px) {
  .l-footer__heroins {
    width: 54vw;
    margin: 0 auto;
  }
}
.l-footer__btm {
  background-color: #ff3d85;
}
@media screen and (min-width: 961px) {
  .l-footer__btm {
    padding: 80px 45px 45px;
  }
}
@media screen and (max-width: 960px) {
  .l-footer__btm {
    padding: 21vw 11vw 11vw;
  }
}
.l-footer__sns {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 961px) {
  .l-footer__sns {
    width: 226px;
    margin: 0 auto 44px;
  }
}
@media screen and (max-width: 960px) {
  .l-footer__sns {
    width: 56vw;
    margin: 0 auto 11vw;
  }
}
.l-footer__sns--item {
  display: block;
}
@media screen and (min-width: 961px) {
  .l-footer__sns--item {
    width: 38px;
  }
}
@media screen and (max-width: 960px) {
  .l-footer__sns--item {
    width: 9.5vw;
  }
}
.l-footer__logo {
  display: block;
}
@media screen and (min-width: 961px) {
  .l-footer__logo {
    width: 100%;
    margin: 0 auto 50px;
  }
}
@media screen and (max-width: 960px) {
  .l-footer__logo {
    width: 78.2vw;
    margin: 0 auto 12.5vw;
  }
}
.l-footer__logo a {
  display: block;
}
.l-footer__links {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 961px) {
  .l-footer__links {
    margin: 0 -20px 82px;
  }
}
@media screen and (max-width: 960px) {
  .l-footer__links {
    margin: 0 -6vw 20.5vw;
  }
}
.l-footer__links--item {
  display: block;
}
@media screen and (min-width: 961px) {
  .l-footer__links--item {
    padding: 0 23px;
  }
}
@media screen and (max-width: 960px) {
  .l-footer__links--item {
    padding: 0 5.7vw;
  }
}
.l-footer__links--item + .l-footer__links--item {
  border-left: solid 1px #FFFFFF;
}
.l-footer__btn {
  opacity: 1;
  transition: opacity 0.7s ease, filter 0.7s ease 0.2s, transform 0.7s ease 0.2s;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
  width: 80vw;
  z-index: 10;
  box-shadow: rgba(0, 0, 0, 0.25) 0 14px 14px;
  border-radius: 80px;
}
@media screen and (max-width: 960px) {
  .l-footer__btn {
    bottom: 5vw;
  }
}
.l-footer__btn img {
  width: 100%;
  height: auto;
}
.l-footer__btn.is-hidden {
  opacity: 0;
}
@media screen and (max-width: 960px) {
  body#home .l-container__main {
    margin: 0 auto;
    position: absolute;
    left: 0;
    z-index: 3;
    top: 100%;
    width: 100%;
  }
}

@media screen and (max-width: 960px) {
  .l-wrapper {
    background-color: #ff3d85;
  }
}

@media screen and (min-width: 961px) {
  .l-container__main {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
    margin: 0 auto;
    box-shadow: 0 10px 10px rgba(255, 255, 255, 0.3);
  }
}
@media screen and (max-width: 960px) {
  .l-container__main {
    width: 100%;
  }
}
@media screen and (min-width: 961px) {
  .l-container__right {
    width: calc(50vw - 200px);
    height: calc(100vh - 50px);
    position: fixed;
    right: 0;
    top: 50px;
  }
}
@media screen and (max-width: 960px) {
  .l-container__right {
    display: none;
  }
}
.l-container__right--contents {
  width: 280px;
  max-width: 280px;
}
@media screen and (min-width:460px) and (max-width:1180px) {
  .l-container__right--contents {
    width: 25vw;
  }
}
@media screen and (min-width: 961px) {
  .l-container__left {
    width: calc(50vw - 200px);
    height: calc(100vh - 50px);
    position: fixed;
    display: block;
    left: 0;
    top: 50px;
  }
}
@media screen and (max-width: 960px) {
  .l-container__left {
    display: none;
  }
}
.l-container__right--fukidashi {
  margin: 0 auto 5px;
}
.l-container__right--tp {
  width: 220px;
  display: block;
  margin: 0 auto;
}
.l-container__left--contents {
  width: 288px;
  max-width: 288px;
}
@media screen and (min-width:460px) and (max-width:1180px) {
  .l-container__left--contents {
    width: 26vw;
  }
}
.l-container__left--logos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0 0;
}
.l-container__left--tplogo {
  width: 131px;
  max-width: 131px;
  display: block;
}
.l-container__left--hero {
  width: 120px;
  max-width: 120px;
  display: block;
}
.l-container__sideinner {
  width: 100%;
  height: calc(100vh - 50px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.l-nav {
  position: fixed;
  width: 100%;
  height: calc(100vh - 50px);
  height: calc(100dvh - 50px);
  top: 50px;
  right: 0;
  background: linear-gradient(to right, #fda3ff, #ffd3fc);
  overflow-y: scroll;
  transition: all 400ms;
  animation: fadeout 0.4s;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}
@media screen and (min-width: 961px) {
  .l-nav {
    display: none;
  }
}
.l-nav.is-checked {
  opacity: 1;
  animation: fadein 0.4s;
  visibility: visible;
  z-index: 100;
}
.l-nav__wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
.l-nav__fukidashi--wrap {
  margin: 0 auto;
}
@media screen and (min-width: 961px) {
  .l-nav__fukidashi--wrap {
    width: 216px;
    margin: 0 0 30px;
  }
}
@media screen and (max-width: 960px) {
  .l-nav__fukidashi--wrap {
    max-width: 240px;
    width: 54.5vw;
    margin: 0 auto 32px;
  }
}
.l-nav__fukidashik--right {
  overflow: hidden;
}
.l-nav__fukidashik--right a {
  float: right;
}
.l-nav__fukidashi--btn {
  display: block;
  margin-bottom: 5px;
}
@media screen and (min-width: 961px) {
  .l-nav__fukidashi--btn.big {
    width: 186px;
  }
}
@media screen and (max-width: 960px) {
  .l-nav__fukidashi--btn.big {
    max-width: 205px;
    width: 46.6vw;
  }
}
@media screen and (min-width: 961px) {
  .l-nav__fukidashi--btn.small {
    width: 162px;
  }
}
@media screen and (max-width: 960px) {
  .l-nav__fukidashi--btn.small {
    max-width: 179px;
    width: 40.6vw;
  }
}
.l-nav__fukidashi--btn img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 960px) {
  .l-nav__btm--blc {
    display: flex;
    align-items: center;
    margin: 0 0 20px;
  }
}
@media screen and (min-width: 961px) {
  .l-nav__btm--right {
    margin: 0 0 14px;
  }
}
@media screen and (max-width: 960px) {
  .l-nav__btm--right {
    width: 120px;
  }
}
@media screen and (min-width: 961px) {
  .l-nav__btm--left {
    margin: 0 0 14px;
  }
}
@media screen and (max-width: 960px) {
  .l-nav__btm--left {
    width: 161px;
  }
}
.l-nav__btn {
  position: absolute;
  right: 32px;
  bottom: 32px;
  width: 118px;
}
.l-nav__btn img {
  width: 100%;
  height: auto;
}

.l-headnav {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 4;
  top: 0;
  left: 0;
  background-image: url("../img/bg_head.png");
  background-repeat: repeat-x;
  background-size: 73px 81px;
  background-position: left bottom;
}
@media screen and (min-width: 961px) {
  .l-headnav {
    height: 50px;
  }
}
@media screen and (max-width: 960px) {
  .l-headnav {
    height: 50px;
  }
}
.l-headnav__fluid--list {
  display: flex;
  list-style: none;
  padding: 13px 0 0;
}
@media screen and (min-width: 961px) {
  .l-headnav__fluid--list {
    animation: fluid 18s linear infinite;
  }
}
@media screen and (max-width: 960px) {
  .l-headnav__fluid--list {
    animation: fluid 14s linear infinite;
  }
}
.l-headnav__fluid--contents {
  width: 100%;
  display: block;
}
.l-headnav__fluid--wrapper {
  display: flex;
  overflow: hidden;
}
@media screen and (min-width: 961px) {
  .l-headnav__fluid--item {
    width: 326px;
    height: auto;
  }
}
@media screen and (max-width: 960px) {
  .l-headnav__fluid--item {
    width: 326px;
    height: auto;
  }
}
.l-headnav__fluid--item img {
  width: 100%;
  height: auto;
}
.l-headnav__menu--inner {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 961px) {
  .l-headnav__menu--navbtn {
    display: none;
  }
}
.l-headnav__navbtn {
  position: relative;
  width: 50px;
  height: 44px;
  cursor: pointer;
  background-color: #b46eff;
}
@keyframes fluid {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.l-headnav__fluid--wrapper {
  display: none;
}

.l-headnav__main {
  display: block;
}

#home .l-headnav__fluid--wrapper {
  display: flex;
}
#home .l-headnav__main {
  display: none;
}

@media screen and (min-width: 961px) {
  .l-headnav__main {
    width: 1080px;
    margin: 0 auto;
    padding: 0 30px;
  }
}
@media screen and (max-width: 960px) {
  .l-headnav__main {
    width: 100%;
    padding: 0 5vw;
  }
}
.l-headnav__main--top {
  display: block;
  width: 56px;
  padding: 15px 0 15px;
}

.l-fv {
  position: relative;
  width: 100%;
  background-color: #FFFFFF;
}
@media screen and (max-width: 960px) {
  .l-fv {
    background-color: #ff3d85;
  }
}

.l-fvmain {
  position: relative;
  width: 100%;
  background-color: #FFFFFF;
}
.l-fvmain__main {
  margin: 0 auto;
}
@media screen and (min-width: 961px) {
  .l-fvmain__main {
    width: 600px;
    padding: 100px 0 80px;
  }
}
@media screen and (max-width: 960px) {
  .l-fvmain__main {
    width: 69vw;
    padding: 20vw 0 7.5vw;
  }
}
.l-fvmain__btm {
  width: 100%;
}
@media screen and (min-width: 961px) {
  .l-fvmain__btm {
    background-color: #ff3d85;
    padding-top: 50px;
  }
}
@media screen and (max-width: 960px) {
  .l-fvmain__btm {
    background-color: #fff2ed;
    padding-bottom: 8.5vw;
    padding-top: 6.75vw;
    border-radius: 0 0 12.5vw 12.5vw;
  }
}
@media screen and (min-width:460px) and (max-width:1180px) {
  .l-fvmain__btm {
    background-color: #ff3d85;
  }
}
.l-fvmain__btm--ttl {
  margin: 0 auto;
}
@media screen and (min-width: 961px) {
  .l-fvmain__btm--ttl {
    width: 1080px;
  }
}
@media screen and (max-width: 960px) {
  .l-fvmain__btm--ttl {
    width: 73.7vw;
  }
}
@media screen and (min-width:460px) and (max-width:1180px) {
  .l-fvmain__btm--ttl {
    width: 90.6vw;
  }
}
.l-fvmain__btm--ttl img {
  width: 100%;
  height: auto;
}

.c-button__contactmail {
  display: inline-block;
  background-image: url("../img/mail.svg");
  background-repeat: no-repeat;
  background-size: 34px 25px;
  background-position: left center;
  color: #ff3d85;
  padding-left: 50px;
}

@-webkit-keyframes btn07-bar01 {
  0% {
    -webkit-transform: translateY(10px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(10px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes btn07-bar01 {
  0% {
    transform: translateY(10px) rotate(45deg);
  }
  50% {
    transform: translateY(10px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
@-webkit-keyframes btn07-bar03 {
  0% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-10px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes btn07-bar03 {
  0% {
    transform: translateY(-10px) rotate(-45deg);
  }
  50% {
    transform: translateY(-10px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
@-webkit-keyframes active-btn07-bar01 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(10px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(10px) rotate(45deg);
  }
}
@keyframes active-btn07-bar01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(10px) rotate(0);
  }
  100% {
    transform: translateY(10px) rotate(45deg);
  }
}
@-webkit-keyframes active-btn07-bar03 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-10px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
  }
}
@keyframes active-btn07-bar03 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-10px) rotate(0);
  }
  100% {
    transform: translateY(-10px) rotate(-45deg);
  }
}
.c-title__subttl {
  background-color: #ff3d85;
  border-radius: 20px;
  width: 230px;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .c-title__subttl {
    width: 57.5vw;
  }
}

.p-first-view {
  position: relative;
}
.p-first-view__top {
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
@media screen and (min-width: 961px) {
  .p-first-view__top {
    height: 754px;
    padding: 104px 0 0;
  }
}
@media screen and (max-width: 960px) {
  .p-first-view__top {
    height: 167.5vw;
    width: 100%;
    padding: 15.75vw 0 0;
  }
}
@media screen and (min-width:460px) and (max-width:1180px) {
  .p-first-view__top {
    padding: 8.9vw 0 0;
    width: 100%;
    height: 63.8vw;
  }
}
.p-first-view__top--video {
  margin: 0 auto;
}
@media screen and (min-width: 961px) {
  .p-first-view__top--video {
    width: 1080px;
  }
}
@media screen and (max-width: 960px) {
  .p-first-view__top--video {
    width: 83.5vw;
  }
}
@media screen and (min-width:460px) and (max-width:1180px) {
  .p-first-view__top--video {
    width: 90.6vw;
  }
}
.p-first-view__top--video video {
  width: 100%;
  height: auto;
}
.p-first-view__top--logo {
  position: absolute;
  white-space: nowrap;
  text-indent: -9999px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("../img/h1.png");
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 961px) {
  .p-first-view__top--logo {
    width: 538px;
    height: 324px;
    top: 240px;
  }
}
@media screen and (max-width: 960px) {
  .p-first-view__top--logo {
    width: 80vw;
    height: 45vw;
    top: 60vw;
  }
}
@media screen and (min-width:460px) and (max-width:1180px) {
  .p-first-view__top--logo {
    width: 45.6vw;
    height: 27.4vw;
    top: 20vw;
  }
}
.p-first-view__cover {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 961px) {
  .p-first-view__cover {
    width: 100vw;
    height: 754px;
    background-image: url("../img/top.png");
    background-size: 2366px 754px;
    background-position: center center;
  }
}
@media screen and (max-width: 960px) {
  .p-first-view__cover {
    width: 100vw;
    height: 167.5vw;
    background-image: url("../img/top-sp.png");
    background-size: cover;
    background-position: center center;
  }
}
@media screen and (min-width:460px) and (max-width:1180px) {
  .p-first-view__cover {
    width: 100vw;
    height: 63.9vw;
    background-image: url("../img/top-tb.png");
    background-size: 100% 63.9vw;
  }
}
.p-first-view__btm {
  width: 100%;
}
@media screen and (min-width: 961px) {
  .p-first-view__btm {
    background-color: #ff3d85;
  }
}
@media screen and (max-width: 960px) {
  .p-first-view__btm {
    background-color: #FFFFFF;
    padding-bottom: 8.5vw;
  }
}
@media screen and (min-width:460px) and (max-width:1180px) {
  .p-first-view__btm {
    background-color: #ff3d85;
  }
}
.p-first-view__btm--ttl {
  margin: 0 auto;
}
@media screen and (min-width: 961px) {
  .p-first-view__btm--ttl {
    width: 1080px;
  }
}
@media screen and (max-width: 960px) {
  .p-first-view__btm--ttl {
    width: 73.7vw;
  }
}
@media screen and (min-width:460px) and (max-width:1180px) {
  .p-first-view__btm--ttl {
    width: 90.6vw;
  }
}
.p-first-view__btm--ttl img {
  width: 100%;
  height: auto;
}
.p-first-view__spbtm {
  background-color: #fff2ed;
  border-radius: 0 0 12vw 12vw;
  position: relative;
  padding: 11.25vw 10vw 20vw;
}
@media screen and (min-width: 961px) {
  .p-first-view__spbtm--fukidashi {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .p-first-view__spbtm--fukidashi {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -20px;
    width: 70vw;
  }
}
@media screen and (min-width:460px) and (max-width:1180px) {
  .p-first-view__spbtm--fukidashi {
    display: none;
  }
}
.p-first-view__spbtm--fukidashi img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 961px) {
  .p-first-view__spbtm--btn {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .p-first-view__spbtm--btn {
    display: block;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.25) 0 14px 14px;
    border-radius: 50px;
  }
}
@media screen and (min-width:460px) and (max-width:1180px) {
  .p-first-view__spbtm--btn {
    display: none;
  }
}
.p-first-view__spbtm--btn img {
  width: 100%;
  height: auto;
}

.p-home__about {
  position: relative;
  background-color: #FFFFFF;
}
@media screen and (min-width: 961px) {
  .p-home__about {
    padding: 67px 20px 76px;
    border-radius: 0 0 50px 50px;
  }
}
@media screen and (max-width: 960px) {
  .p-home__about {
    padding: 16.75vw 5vw 19vw;
    border-radius: 12.5vw;
  }
}
@media screen and (min-width:460px) and (max-width:1180px) {
  .p-home__about {
    border-radius: 0 0 50px 50px;
    padding: 67px 20px 76px;
  }
}
.p-home__about--flx {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 5px 0;
}
.p-home__about--tp {
  display: block;
}
@media screen and (min-width: 961px) {
  .p-home__about--tp {
    width: 158px;
    margin-right: 40px;
  }
}
@media screen and (max-width: 960px) {
  .p-home__about--tp {
    width: 39.5vw;
    margin-right: 10vw;
  }
}
.p-home__about--hero {
  display: block;
}
@media screen and (min-width: 961px) {
  .p-home__about--hero {
    width: 145px;
  }
}
@media screen and (max-width: 960px) {
  .p-home__about--hero {
    width: 36.25vw;
  }
}
.p-home__about--ttl {
  margin: 0 auto 30px;
}
.p-home__member {
  background-color: #fff2ed;
  position: relative;
}
@media screen and (min-width: 961px) {
  .p-home__member {
    padding: 140px 0 10px;
    border-radius: 50px;
  }
}
@media screen and (max-width: 960px) {
  .p-home__member {
    padding: 35vw 0 2.5vw;
    border-radius: 12.5vw;
  }
}
.p-home__member--ttl {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 961px) {
  .p-home__member--ttl {
    top: 60px;
  }
}
@media screen and (max-width: 960px) {
  .p-home__member--ttl {
    top: 15vw;
  }
}
.p-home__member--ttlinner {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 961px) {
  .p-home__member--ttlinner {
    width: 100%;
    height: 108px;
  }
}
.p-home__member--item {
  background-image: url("../img/bg_member_top.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 top;
  width: 100%;
}
@media screen and (min-width: 961px) {
  .p-home__member--item {
    padding-top: 130px;
  }
}
@media screen and (max-width: 960px) {
  .p-home__member--item {
    padding-top: 32.5vw;
  }
}
.p-home__member--item-inner {
  background-image: url("../img/bg_member_btm.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 bottom;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 961px) {
  .p-home__member--item-inner {
    padding: 0 30px 75px;
  }
}
@media screen and (max-width: 960px) {
  .p-home__member--item-inner {
    padding: 0 7.5vw 18.75vw;
  }
}
.p-home__member--img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 961px) {
  .p-home__member--img {
    width: 312px;
    top: -106px;
  }
}
@media screen and (max-width: 960px) {
  .p-home__member--img {
    width: 78vw;
    top: -26.5vw;
  }
}
.p-home__member--img img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 961px) {
  .p-home__member--name {
    padding-top: 218px;
    margin: 0 auto 10px;
  }
}
@media screen and (max-width: 960px) {
  .p-home__member--name {
    padding-top: 54.5vw;
    margin: 0 auto 2.5vw;
  }
}
.p-home__member--sns {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 961px) {
  .p-home__member--sns {
    margin: 24px auto 0;
  }
}
@media screen and (max-width: 960px) {
  .p-home__member--sns {
    margin: 6vw auto 0;
  }
}
.p-home__member--sns-icon {
  display: block;
}
@media screen and (min-width: 961px) {
  .p-home__member--sns-icon {
    width: 38px;
    margin: 0 23px;
  }
}
@media screen and (max-width: 960px) {
  .p-home__member--sns-icon {
    width: 9vw;
    margin: 0 6vw;
  }
}
.p-home__benefit {
  background-color: #FFFFFF;
}
@media screen and (min-width: 961px) {
  .p-home__benefit {
    border-radius: 50px;
    padding: 80px 20px 100px;
  }
}
@media screen and (max-width: 960px) {
  .p-home__benefit {
    border-radius: 12.5vw;
    padding: 20vw 5vw 25vw;
  }
}
@media screen and (min-width: 961px) {
  .p-home__benefit--ttl {
    margin: 0 auto 56px;
  }
}
@media screen and (max-width: 960px) {
  .p-home__benefit--ttl {
    margin: 0 auto 14vw;
  }
}
.p-home__benefit--item {
  position: relative;
  background-color: #fff2ed;
}
@media screen and (min-width: 961px) {
  .p-home__benefit--item {
    border-radius: 20px;
    margin-bottom: 24px;
    padding: 30px 0 19px 98px;
  }
}
@media screen and (max-width: 960px) {
  .p-home__benefit--item {
    border-radius: 5vw;
    margin-bottom: 6vw;
    padding: 7.5vw 0 4.75vw 24.5vw;
  }
}
.p-home__benefit--item02 {
  position: relative;
  background-color: #fff2ed;
}
@media screen and (min-width: 961px) {
  .p-home__benefit--item02 {
    border-radius: 20px;
    padding: 41px 0 32px 98px;
  }
}
@media screen and (max-width: 960px) {
  .p-home__benefit--item02 {
    border-radius: 5vw;
    padding: 10.25vw 0 8vw 24.5vw;
  }
}
.p-home__benefit--num {
  position: absolute;
}
@media screen and (min-width: 961px) {
  .p-home__benefit--num {
    width: 80px;
    left: 9px;
    top: -9px;
  }
}
@media screen and (max-width: 960px) {
  .p-home__benefit--num {
    width: 20vw;
    left: 2.25vw;
    top: -2.25vw;
  }
}
.p-home__audition {
  background-color: #fff2ed;
}
@media screen and (min-width: 961px) {
  .p-home__audition {
    border-radius: 50px;
    padding: 63px 20px 52px;
  }
}
@media screen and (max-width: 960px) {
  .p-home__audition {
    border-radius: 12.5vw;
    padding: 15.75vw 5vw 13vw;
  }
}
@media screen and (min-width: 961px) {
  .p-home__audition--ttl {
    margin: 0 auto 40px;
  }
}
@media screen and (max-width: 960px) {
  .p-home__audition--ttl {
    margin: 0 auto 10vw;
  }
}
.p-home__audition--item {
  background-image: url("../img/bg_audition-top.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 top;
  width: 100%;
}
@media screen and (min-width: 961px) {
  .p-home__audition--item {
    padding-top: 32px;
    margin: 0 auto 30px;
  }
}
@media screen and (max-width: 960px) {
  .p-home__audition--item {
    padding-top: 8vw;
    margin: 0 auto 7.5vw;
  }
}
.p-home__audition--item::last-child {
  margin-bottom: 0;
}
.p-home__audition--item-inner {
  background-image: url("../img/bg_audition-btm.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 bottom;
  width: 100%;
}
@media screen and (min-width: 961px) {
  .p-home__audition--item-inner {
    padding: 0 25px 26px;
  }
}
@media screen and (max-width: 960px) {
  .p-home__audition--item-inner {
    padding: 0 6.25vw 6.8vw;
  }
}
.p-home__audition--txtblc {
  border-bottom: solid 1px #ff3d85;
}
@media screen and (min-width: 961px) {
  .p-home__audition--txtblc {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 960px) {
  .p-home__audition--txtblc {
    padding-bottom: 2.5vw;
    margin-bottom: 2.5vw;
  }
}
.p-home__audition--subttl {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 961px) {
  .p-home__audition--subttl {
    top: -10px;
  }
}
@media screen and (max-width: 960px) {
  .p-home__audition--subttl {
    top: -2.5vw;
  }
}
.p-home__schedule {
  background-color: #FFFFFF;
}
@media screen and (min-width: 961px) {
  .p-home__schedule {
    border-radius: 50px;
    padding: 90px 20px 100px;
  }
}
@media screen and (max-width: 960px) {
  .p-home__schedule {
    border-radius: 12.5vw;
    padding: 22.5vw 5vw 25vw;
  }
}
@media screen and (min-width: 961px) {
  .p-home__schedule--img {
    width: 308px;
    margin: 0 auto 23px;
  }
}
@media screen and (max-width: 960px) {
  .p-home__schedule--img {
    width: 77vw;
    margin: 0 auto 5.75vw;
  }
}
@media screen and (min-width: 961px) {
  .p-home__schedule--ttl {
    margin: 0 auto 30px;
  }
}
@media screen and (max-width: 960px) {
  .p-home__schedule--ttl {
    margin: 0 auto 7.5vw;
  }
}

.p-home__member__wrap {
  width: 100%;
}

.wrapper {
  display: flex; /* 要素を横並び */
  box-sizing: border-box;
  overflow-x: hidden;
}
@media screen and (min-width: 961px) {
  .wrapper {
    width: 400px;
    height: 740px;
    padding-top: 50px;
  }
}
@media screen and (max-width: 960px) {
  .wrapper {
    width: 100vw;
    height: 185vw;
    padding-top: 12vw;
  }
}

.side-scroll {
  width: 100%;
}
@media screen and (min-width: 961px) {
  .side-scroll {
    width: 400px;
    min-width: 400px;
    padding: 0 20px;
  }
}
@media screen and (max-width: 960px) {
  .side-scroll {
    width: 100vw;
    min-width: 100vw;
    padding: 0 5vw;
  }
}

.p-faq {
  width: 100%;
  background-color: #FFFFFF;
}
@media screen and (min-width: 961px) {
  .p-faq {
    padding: 65px 20px 85px;
    border-radius: 0 0 50px 50px;
  }
}
@media screen and (max-width: 960px) {
  .p-faq {
    padding: 18.25vw 5vw 21.25vw;
    border-radius: 12.5vw;
  }
}
@media screen and (min-width: 961px) {
  .p-faq__icon {
    width: 72px;
    margin: 0 auto 18px;
  }
}
@media screen and (max-width: 960px) {
  .p-faq__icon {
    width: 15.6vw;
    margin: 0 auto 3.9vw;
  }
}
@media screen and (min-width: 961px) {
  .p-faq__ttlwrap {
    width: 292px;
    margin: 0 auto 30px;
  }
}
@media screen and (max-width: 960px) {
  .p-faq__ttlwrap {
    width: 63.4vw;
    margin: 0 auto 6.5vw;
  }
}
@media screen and (min-width: 961px) {
  .p-faq__question {
    width: 45px;
    min-width: 45px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 960px) {
  .p-faq__question {
    width: 11.25vw;
    min-width: 11.25vw;
    margin-right: 2.5vw;
  }
}
@media screen and (min-width: 961px) {
  .p-faq__answer {
    width: 45px;
    min-width: 45px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 960px) {
  .p-faq__answer {
    width: 11.25vw;
    min-width: 11.25vw;
    margin-right: 2.5vw;
  }
}
.p-faq__mark {
  position: relative;
}
@media screen and (min-width: 961px) {
  .p-faq__mark {
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    margin: 0 20px;
  }
}
@media screen and (max-width: 960px) {
  .p-faq__mark {
    width: 5vw;
    min-width: 5vw;
    height: 5vw;
    min-height: 5vw;
    margin: 0 6vw;
  }
}
.p-faq__mark {
  display: block;
  transition: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  cursor: pointer;
  will-change: transform;
}
.p-faq__mark::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 75%;
  height: 2px;
  min-height: 2px;
  border-radius: 10px;
  background: #ff3d85;
  display: block;
}
@media screen and (max-width: 960px) {
  .p-faq__mark::before {
    height: 3px;
    min-height: 3px;
  }
}
.p-faq__mark::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 2px;
  min-width: 2px;
  height: 75%;
  border-radius: 10px;
  background: #ff3d85;
  display: block;
  transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1);
  will-change: transform;
}
@media screen and (max-width: 960px) {
  .p-faq__mark::after {
    width: 3px;
    min-width: 3px;
  }
}
.p-faq__answerblc {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
@media screen and (min-width: 961px) {
  .p-faq__answerblc {
    padding: 0 15px;
  }
}
@media screen and (max-width: 960px) {
  .p-faq__answerblc {
    padding: 0 3.75vw;
  }
}
.p-faq__answerblc--inner {
  border-top: dotted 3px #ff3d85;
  display: flex;
}
@media screen and (min-width: 961px) {
  .p-faq__answerblc--inner {
    padding: 20px 0 24px;
  }
}
@media screen and (max-width: 960px) {
  .p-faq__answerblc--inner {
    padding: 5vw 0 6vw;
  }
}
.p-faq__blc {
  background-color: #fff2ed;
}
@media screen and (min-width: 961px) {
  .p-faq__blc {
    border-radius: 22px;
    margin: 0 auto 30px;
  }
}
@media screen and (max-width: 960px) {
  .p-faq__blc {
    border-radius: 5.5vw;
    margin: 0 auto 7.5vw;
  }
}
.p-faq__qblc {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
@media screen and (min-width: 961px) {
  .p-faq__qblc {
    padding: 20px 0 20px 18px;
  }
}
@media screen and (max-width: 960px) {
  .p-faq__qblc {
    padding: 5vw 0 5vw 4vw;
  }
}
.p-faq__qblc.open .p-faq__mark {
  transform: rotate(-179.99deg);
}
.p-faq__qblc.open .p-faq__mark::after {
  transform: translate(-50%, -50%) rotate(-90deg);
  opacity: 0;
}
.p-faq__qblc.open .p-faq__answerblc {
  height: auto;
}
.p-faq__qblc--in {
  display: flex;
  align-items: center;
}

.p-policy {
  width: 100%;
}
@media screen and (min-width: 961px) {
  .p-policy {
    padding: 20px 50px 80px;
  }
}
@media screen and (max-width: 960px) {
  .p-policy {
    padding: 4.3vw 10.87vw 17.4vw;
  }
}
@media screen and (min-width: 961px) {
  .p-policy__icon {
    width: 72px;
    margin: 0 auto 18px;
  }
}
@media screen and (max-width: 960px) {
  .p-policy__icon {
    width: 15.6vw;
    margin: 0 auto 3.9vw;
  }
}
@media screen and (min-width: 961px) {
  .p-policy__ttlwrap {
    width: 292px;
    margin: 0 auto 30px;
  }
}
@media screen and (max-width: 960px) {
  .p-policy__ttlwrap {
    width: 63.4vw;
    margin: 0 auto 6.5vw;
  }
}
.p-policy__txtwrap {
  margin: 42px 0 21px;
}
.p-policy__smlblc {
  padding-left: 1em;
}
@media screen and (min-width: 961px) {
  .p-policy__tpwrap {
    padding: 98px 30px 0;
  }
}
@media screen and (max-width: 960px) {
  .p-policy__tpwrap {
    padding: 21.3vw 6.5vw 0;
  }
}
.p-policy__tp {
  border: solid 1px #828282;
  padding: 25px 24px;
  margin: 0 auto;
}
.p-policy__tp--ttlwrap {
  margin: 18px 0;
}

.nounder {
  text-decoration: none;
}

.indent {
  text-indent: -1em;
  padding-left: 1em;
}

.underline {
  text-decoration: unerline;
}

.red {
  color: #b32b5d;
}

.color {
  color: #000000;
}

.purple {
  color: #b46eff;
}

.pink {
  color: #ff3d85;
}

.grey {
  color: #717071;
}

.white {
  color: #FFF;
}

.center {
  text-align: center;
}

.thin {
  font-weight: 100;
}

.exlight {
  font-weight: 200;
}

.italic {
  font-style: italic;
}

.light {
  font-weight: 300;
}

.regular {
  font-weight: 400;
}

.midium {
  font-weight: 500;
}

.semibold {
  font-weight: 600;
}

.spacing20 {
  letter-spacing: 0.1em;
}

.bold {
  font-weight: 700;
}

.exbold {
  font-weight: 800;
}

.black {
  font-weight: 900;
}

.letter075 {
  letter-spacing: 0.075em;
}

.letter50 {
  letter-spacing: 0.05em;
}

.letterminus {
  letter-spacing: -0.025em !important;
}

.line-height01 {
  line-height: 1;
}

.line-height02 {
  line-height: 2;
}

.u-text__en {
  font-family: "espiritu-expanded", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 960px) {
  .u-text__en {
    font-size: 6.5vw;
  }
}
.u-text__en02 {
  font-family: "espiritu-expanded", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.6;
}
@media screen and (max-width: 960px) {
  .u-text__en02 {
    font-size: 6.5vw;
  }
}
.u-text__benefit {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.6;
  font-weight: bold;
}
@media screen and (max-width: 960px) {
  .u-text__benefit {
    font-size: 4vw;
  }
}
.u-text__noto {
  font-family: "Noto Sans JP", sans-serif;
}
.u-text__fvtxt {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.9;
}
.u-text__font12 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (max-width: 960px) {
  .u-text__font12 {
    font-size: 3vw;
  }
}
.u-text__font13 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (max-width: 960px) {
  .u-text__font13 {
    font-size: 3.25vw;
  }
}
.u-text__font14 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (max-width: 960px) {
  .u-text__font14 {
    font-size: 3.5vw;
  }
}
.u-text__font15 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
}
@media screen and (max-width: 960px) {
  .u-text__font15 {
    font-size: 3.75vw;
  }
}
.u-text__font16 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (max-width: 960px) {
  .u-text__font16 {
    font-size: 4vw;
  }
}
.u-text__font17 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 17px;
  font-size: 1.0625rem;
}
@media screen and (max-width: 960px) {
  .u-text__font17 {
    font-size: 4.25vw;
  }
}
.u-text__font18 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (max-width: 960px) {
  .u-text__font18 {
    font-size: 4.5vw;
  }
}
.u-text__font20 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 17px;
  font-size: 1.0625rem;
}
@media screen and (max-width: 960px) {
  .u-text__font20 {
    font-size: 4.25vw;
  }
}
.u-text__font22 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
}
@media screen and (max-width: 960px) {
  .u-text__font22 {
    font-size: 5.5vw;
  }
}
.u-text__font23 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 23px;
  font-size: 1.4375rem;
}
@media screen and (max-width: 960px) {
  .u-text__font23 {
    font-size: 5.75vw;
  }
}
.u-text__font25 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 25px;
  font-size: 1.5625rem;
}
@media screen and (max-width: 960px) {
  .u-text__font25 {
    font-size: 6.25vw;
  }
}

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