@charset "UTF-8";
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/
/*!
Theme Name: wd_01-addmember
Theme URI: http://underscores.me/
Author: Astle
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wd_01
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

wd_01 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
    - Normalize
    - Box sizing
# Base
    - Typography
    - Elements
    - Links
    - Forms
## Layouts
# Components
    - Navigation
    - Posts and pages
    - Comments
    - Widgets
    - Media
    - Captions
    - Galleries
# plugins
    - Jetpack infinite scroll
# Utilities
    - Accessibility
    - Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
     ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  scroll-behavior: smooth;
  font-size: 62.5%;
}

:root {
  /* Set neon color */
  --neon-text-color: #914C7A;
  --neon-border-color: #08f;
}

body {
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
  background-color: #027cfa;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
  font-family: YakuHanJP, "小塚ゴシック Pro", "Kozuka Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 游ゴシック, "Yu Gothic", メイリオ, Meiryo, sans-serif;
  color: #000;
}

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

a,
a:hover {
  text-decoration: none;
  color: #ffffff;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.d-fl {
  display: -webkit-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.contens_wrapper {
  width: 100%;
  max-width: 1980px;
  margin: auto;
}

main {
  width: 25%;
  margin: auto;
}

.left_contents {
  width: 60%;
  margin: auto;
}

.right_contents {
  width: 15%;
  margin: auto;
}

.entry_sticky {
  position: sticky;
  width: 90%;
  margin: 30px auto;
  left: 0;
  right: 0;
  bottom: 10px;
  z-index: 999;
}

.mv {
  position: relative;
  overflow: hidden;
}

.l-mv-inn-movie {
  overflow: hidden;
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  height: 100vh;
  text-align: center;
  display: block;
}

.l-mv-inn-movie video {
  height: 100vh;
  width: auto;
  text-align: center;
  margin: auto;
}

.l-mv-inn-main {
  position: absolute;
  width: 95%;
  top: 25%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

.l-mv-inn-iwill {
  position: absolute;
  bottom: 10%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

.mv::before {
  content: "";
  display: block;
  width: 40%;
  height: 40%;
  position: absolute;
  right: -20%;
  top: -10%;
  background-image: url(assets/img/2x/assets3@2x.png);
  background-size: contain;
  z-index: 2;
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: center center;
  -webkit-animation: rotate-z_01 60s linear infinite;
  animation: rotate-z_01 60s linear infinite;
  /* 2秒で1回転 */
}

@-webkit-keyframes rotate-z_01 {
  from {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes rotate-z_01 {
  from {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
.mv::after {
  content: "";
  display: block;
  width: 50%;
  height: 50%;
  position: absolute;
  left: -25%;
  bottom: -10%;
  background-image: url(assets/img/2x/assets4@2x.png);
  background-size: contain;
  z-index: 2;
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: center center;
  -webkit-animation: rotate-z_02 60s linear infinite;
  animation: rotate-z_02 60s linear infinite;
  /* 2秒で1回転 */
}

@-webkit-keyframes rotate-z_02 {
  from {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }
}
@keyframes rotate-z_02 {
  from {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }
}
#about_area,
#summary,
#schedule {
  background-image: url(assets/img/2x/assets@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}

.l-mv-inn-iwill {
  width: 90%;
  margin: auto;
}

#topics_area {
  position: relative;
}

#topics_area:before {
  content: "";
  display: block;
  width: 100%;
  height: 60px;
  position: absolute;
  right: 0%;
  left: 0%;
  top: -40px;
  background-image: url(assets/img/2x/wave_top.svg);
  background-size: 100%;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: top center;
}

#topics_area:after {
  content: "";
  display: block;
  width: 100%;
  height: 60px;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: -60px;
  background-image: url(assets/img/2x/wave_bottom.svg);
  background-size: 100%;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: bottom center;
}

#topics_area h2 {
  width: 80%;
  max-width: 800px;
  margin: auto;
}

.topics_area_list {
  width: 90%;
  margin: auto;
  position: relative;
}

.topics_area_list li {
  margin-bottom: 40px;
}

#about_area {
  padding: 60px 0 100px;
  position: relative;
}

#about_area h2 {
  width: 80%;
  max-width: 800px;
  margin: auto;
}

#about_area h3 {
  width: 85%;
  margin: 30px auto;
}

#about_area p {
  width: 80%;
  margin: auto;
  background-color: #fff;
  border: 2px solid #027cfa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 20px;
  color: #027cfa;
  padding: 12px 15px;
  font-size: 1.5rem;
  line-height: 2;
}

#about_area h4 {
  width: 85%;
  margin: 20px auto;
}

#producer_area {
  position: relative;
}

#producer_area:before {
  content: "";
  display: block;
  width: 100%;
  height: 60px;
  position: absolute;
  right: 0%;
  left: 0%;
  top: -40px;
  background-image: url(assets/img/2x/wave_top.svg);
  background-size: 100%;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: top center;
}

#producer_area h2 {
  width: 80%;
  max-width: 800px;
  margin: auto;
}

.cs {
  width: 90%;
  text-align: center;
  font-size: 1.8rem;
  margin: 60px auto;
}

.producer_area_list figure {
  width: 100%;
  margin: auto;
}

.producer_area_list figure img {
  width: 70%;
  margin: auto;
  display: block;
}

.producer_area_list h3 {
  font-size: 2rem;
  width: 90%;
  text-align: center;
  margin: 20px auto;
}

.producer_area_list figcaption {
  font-size: 1.5rem;
  line-height: 2;
  width: 80%;
  margin: 0px auto 30px;
}

.producer_sns {
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 80%;
  margin: 0 auto 60px;
}

.producer_sns li {
  width: 15%;
}

#producer_area:after {
  content: "";
  display: block;
  width: 100%;
  height: 60px;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: -60px;
  background-image: url(assets/img/2x/wave_bottom.svg);
  background-size: 100%;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: bottom center;
}

#summary {
  padding: 60px 0 70px;
  position: relative;
}

#summary h2 {
  width: 80%;
  max-width: 800px;
  margin: 0 auto 20px;
}

.summary_list {
  width: 90%;
  margin: auto;
}

.summary_list li {
  margin-bottom: 15px;
}

#partner {
  position: relative;
}

#partner:before {
  content: "";
  display: block;
  width: 100%;
  height: 60px;
  position: absolute;
  right: 0%;
  left: 0%;
  top: -40px;
  background-image: url(assets/img/2x/wave_top.svg);
  background-size: 100%;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: top center;
}

#partner h2 {
  width: 80%;
  max-width: 800px;
  margin: 0 auto 20px;
}

.partner_list figure {
  width: 100%;
  margin: auto;
}

.partner_list figure img {
  width: 70%;
  margin: auto;
  display: block;
}

.partner_list h3 {
  font-size: 2rem;
  width: 90%;
  text-align: center;
  margin: 20px auto;
}

.partner_list figcaption {
  font-size: 1.5rem;
  line-height: 2;
  width: 80%;
  margin: 0px auto 30px;
}

#partner:after {
  content: "";
  display: block;
  width: 100%;
  height: 60px;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: -60px;
  background-image: url(assets/img/2x/wave_bottom.svg);
  background-size: 100%;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: bottom center;
}

#schedule {
  padding: 60px 0 70px;
  position: relative;
}

#schedule h2 {
  width: 80%;
  max-width: 800px;
  margin: 0 auto 20px;
}

#schedule h3 {
  width: 85%;
  margin: 0 auto 40px;
}

.schedule_list {
  width: 90%;
  margin: 0 auto 40px;
}

#contact {
  position: relative;
  padding-bottom: 40px;
}

#contact:before {
  content: "";
  display: block;
  width: 100%;
  height: 60px;
  position: absolute;
  right: 0%;
  left: 0%;
  top: -40px;
  background-image: url(assets/img/2x/wave_top.svg);
  background-size: 100%;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: top center;
}

#contact h2 {
  width: 80%;
  max-width: 800px;
  margin: 0 auto 20px;
}

#contact p {
  font-size: 1.5rem;
  line-height: 2;
  width: 80%;
  margin: 0px auto 30px;
}

.contact_btn li {
  width: 80%;
  margin: 10px auto;
}

footer {
  background-color: #fff;
  padding: 100px 0 40px;
}

#contact:after {
  content: "";
  display: block;
  width: 100%;
  height: 60px;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: -60px;
  background-image: url(assets/img/2x/wave_bottom.svg);
  background-size: 100%;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: bottom center;
}

#contact h3 {
  text-align: center;
  margin: 30px auto 20px;
  width: 90%;
  font-size: 2.4rem;
  font-weight: bold;
}

#contact .pr_content {
  width: 90%;
  font-size: 1.1rem;
  margin: auto;
}

#contact .pr_content li {
  margin-bottom: 10px;
}

.ft_nav_list {
  text-align: center;
}

.ft_nav_list li {
  margin: 15px 0;
}

.ft_nav_list a {
  color: #027cfa;
  font-size: 1.5rem;
  line-height: 2;
  width: 80%;
  margin: 0px auto;
  font-weight: bolder;
}

footer h1 {
  width: 80%;
  margin: 80px auto 30px;
}

.ft_copy {
  text-align: center;
  font-size: 1rem;
  color: #027cfa;
}

.topics_circle,
.producer_area_circle_01,
.producer_area_circle_0,
.partner_circle {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
}

.topics_circle::before {
  content: "";
  display: block;
  width: 60%;
  height: 60%;
  position: absolute;
  right: -30%;
  top: -10%;
  background-image: url(assets/img/2x/assets8@2x.png);
  background-size: contain;
  z-index: -1;
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: center center;
  -webkit-animation: rotate-z_01 60s linear infinite;
  animation: rotate-z_01 60s linear infinite;
}

.topics_circle::after {
  content: "";
  display: block;
  width: 40%;
  height: 40%;
  position: absolute;
  left: -20%;
  bottom: 30%;
  background-image: url(assets/img/2x/assets4@2x.png);
  background-size: contain;
  z-index: -1;
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: center center;
  -webkit-animation: rotate-z_02 60s linear infinite;
  animation: rotate-z_02 60s linear infinite;
}

.producer_area_circle_01::after {
  content: "";
  display: block;
  width: 50%;
  height: 50%;
  position: absolute;
  left: -25%;
  top: -10%;
  background-image: url(assets/img/2x/assets29@2x.png);
  background-size: contain;
  z-index: -1;
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: center center;
  -webkit-animation: rotate-z_02 60s linear infinite;
  animation: rotate-z_02 60s linear infinite;
}

.producer_area_circle_02::after {
  content: "";
  display: block;
  width: 50%;
  height: 50%;
  position: absolute;
  left: -25%;
  bottom: -27%;
  background-image: url(assets/img/2x/assets29@2x.png);
  background-size: contain;
  z-index: -1;
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: center center;
  -webkit-animation: rotate-z_02 60s linear infinite;
  animation: rotate-z_02 60s linear infinite;
}

.producer_area_circle_02::before {
  content: "";
  display: block;
  width: 60%;
  height: 60%;
  position: absolute;
  right: -30%;
  top: 35%;
  background-image: url(assets/img/2x/assets3@2x.png);
  background-size: contain;
  z-index: -1;
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: center center;
  -webkit-animation: rotate-z_01 60s linear infinite;
  animation: rotate-z_01 60s linear infinite;
}

.partner_circle::before {
  content: "";
  display: block;
  width: 60%;
  height: 60%;
  position: absolute;
  right: -30%;
  top: 30%;
  background-image: url(assets/img/2x/assets41@2x.png);
  background-size: contain;
  z-index: -1;
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: center center;
  -webkit-animation: rotate-z_01 60s linear infinite;
  animation: rotate-z_01 60s linear infinite;
}

.left_contents h1 {
  max-width: 600px;
  position: fixed;
  z-index: -1;
  left: calc(50% - 300px);
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90%;
}

.right_contents {
  position: relative;
}

.right_contents ul {
  max-width: 150px;
  position: fixed;
  z-index: -1;
  right: -35px;
  bottom: 0%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90%;
}

.right_contents ul li {
  margin: 10px 0;
}

.header {
  background: var(--background-navbar);
  position: sticky;
  width: 100%;
  height: 60px;
  top: 0;
  background-color: #027cfa;
  z-index: 999;
}

/* Nav items */
.menu {
  list-style: none;
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  margin-top: 52px;
  padding: 0 0 10px 0;
  clear: both;
  background: var(--background-navbar);
  -webkit-transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  -o-transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  -webkit-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  background-color: #027cfa;
  z-index: 999;
}

/* Hamburger menu button */
.menu-btn:checked ~ .menu {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  -o-transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

/* Hamburger menbu text */
.menu a {
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 2px;
  font-size: 16px;
  text-transform: capitalize;
  color: #fff;
  opacity: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.menu li {
  padding: 15px 0;
  margin: 0 54px;
  opacity: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.menu-btn:checked ~ .menu a,
.menu-btn:checked ~ .menu li {
  opacity: 1;
  -webkit-transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s;
  -o-transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s;
}

.menu-btn {
  display: none;
}

.menu-icon {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding: 24px 14px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.navicon {
  background: #fff;
  display: block;
  height: 3px;
  width: 26px;
  position: relative;
  -webkit-transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  -o-transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

.navicon:before,
.navicon:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  background: #fff;
  -webkit-transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  -o-transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

.navicon:before {
  top: 9px;
}

.navicon:after {
  bottom: 9px;
}

/* Hamburger Menu Animation Start */
.menu-btn:checked ~ .menu-icon .navicon:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.menu-btn:checked ~ .menu-icon .navicon:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before {
  top: 0;
}

.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  bottom: 0;
}

.menu-btn:checked ~ .menu-icon .navicon {
  background: rgba(0, 0, 0, 0);
  -webkit-transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  -o-transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

/* Hamburger Menu Animation End */
/* Navbar Container */
.navtext-container {
  width: 100%;
  height: 52px;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* Navbar Text */
.navtext {
  text-transform: uppercase;
  color: #ddd;
  letter-spacing: 4px;
  font-size: 20px;
  width: 50%;
  margin-left: auto;
  position: absolute;
  right: 5px;
  bottom: -2px;
}

bold {
  position: absolute;
  bottom: -3px;
  color: #fff;
}

.sub_page {
  padding-top: 20px;
  z-index: 5;
  position: relative;
}

.sub_page_inner {
  width: 90%;
  margin: 0 auto 40px;
  background-color: #fff;
  padding: 0 0 40px;
}

.sub_page h2 {
  color: #027cfa;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 30px 15px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

section {
  color: #fff;
}

.accordion {
  margin: 1em auto;
  width: 90%;
}

.accordion__summary {
  display: block;
  background: #b2e5ff;
  /* 見出しの背景色 */
  font-weight: bold;
  position: relative;
  list-style: none;
  /* 矢印を消す */
  cursor: pointer;
  padding: 10px 38px 10px 10px;
  color: #027cfa;
}

.accordion__summary::-webkit-details-marker {
  display: none;
}

.accordion__summary::after {
  content: "+";
  font-size: 1.4em;
  /* 記号のサイズ */
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.accordion[open] .accordion__summary::after {
  content: "−";
}

.accordion__detail {
  padding: 4px 10px;
  margin: 10px 0;
}

.accordion__text {
  margin: 0;
  color: #027cfa;
}

.entry-step-attention {
  color: #c50018;
  font-size: 1.5rem;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 20px;
}

.wpcf7c-elm-step1 > p,
.wpcf7c-elm-step2 > p {
  width: 80%;
  max-width: 570px;
  margin: 0 auto 100px;
}

.entry-form-box > p {
  width: 100%;
  padding: 5% 10%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.entry-form-box label {
  width: 40%;
  display: inline-block;
}

.entry-form-box span {
  width: 50%;
  display: inline-block;
}

.entry-form-box:nth-child(odd) {
  background: #f8f8f8;
}

.entry-acceptance {
  max-width: 520px;
  width: 80%;
  margin: 40px auto 60px;
}

.entry-btn {
  text-align: center;
}

.entry-btn input {
  max-width: 300px;
  width: 80%;
  margin: 0px auto;
  text-align: center;
  padding: 10px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50px;
  font-size: 1.8rem;
  font-weight: bold;
  background-color: #fdf45c;
}

.wpcf7c-elm-step2 .entry-btn p {
  display: block;
  width: 100%;
}

.wpcf7c-elm-step2 .entry-btn input {
  max-width: 300px;
  width: 80%;
  margin: 0px auto;
  text-align: center;
  padding: 10px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50px;
  font-size: 1.8rem;
  font-weight: bold;
  background-color: #fdf45c;
  display: block;
}

.entry-form {
  color: #000;
}

.wpcf7c-elm-step1 > p,
.wpcf7c-elm-step2 > p {
  width: 100%;
  max-width: 570px;
  margin: 0 auto 60px;
}

.page-id-14 .sub_page_entry {
  font-size: 1.4rem;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 100px 0;
}

.entry-form-box > p {
  width: 100%;
  padding: 5% 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: block;
}

.entry-form-box label {
  width: 100%;
  display: block;
}

.entry-form-box span {
  width: 100%;
  display: block;
}

.partner_content_04 p {
  width: 80%;
  margin: 0 auto;
}

.entry-form input,
.entry-form select,
.entry-form textarea {
  width: 100%;
  display: block;
  border: 1px solid #EBEBEB;
  padding: 10px;
  border-radius: 5px;
  outline: none;
  color: #2A1E1E;
  background: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.entry-acceptance {
  max-width: 520px;
  width: 80%;
  margin: 40px auto 60px;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
  content: " ";
}

.entry_container {
  font-size: 1.4rem;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

.entry-acceptance {
  background-color: #fff;
  color: #000;
}

.thanks_container {
  width: 90%;
  margin: auto;
}

.thanks_container h3 {
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
}

.thanks_container p {
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e7380c;
  margin: 20px 0;
  color: #fff;
}

.line img {
  display: block;
  width: 60%;
  margin: auto;
}

.line a {
  display: block;
  text-align: center;
  font-size: 10px;
  color: #000;
}

.page-id-11 .entry_sticky {
  display: none;
}

.grecaptcha-badge {
  z-index: 5;
}

@media screen and (max-width: 1280px) {
  main {
    width: 40%;
    margin: auto;
  }
  .left_contents {
    width: 60%;
    margin: auto;
  }
  .right_contents {
    width: 0%;
    margin: auto;
  }
  .left_contents h1 {
    max-width: 500px;
    position: fixed;
    z-index: -1;
    left: calc(50% - 250px);
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
  }
  .right_contents ul {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  main {
    width: 100%;
    margin: auto;
  }
  .left_contents {
    width: 0%;
    margin: auto;
  }
  .right_contents {
    width: 0%;
    margin: auto;
  }
  .left_contents {
    display: none;
  }
  #about_area,
  #summary,
  #schedule {
    background-image: url(assets/img/2x/assets@2x.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: local;
  }
}
*,
*::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-within) {
    scroll-behavior: smooth;
  }
}
:where(body) {
  line-height: 1.5;
  font-family: system-ui, sans-serif;
  -webkit-font-smoothing: 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-within, :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 {
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  /* Safari */
  font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  box-sizing: border-box;
}

:root {
  color-scheme: light;
}

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

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

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

.center {
  text-align: center;
}

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

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

img {
  pointer-events: none;
}

@media screen and (min-width: 1025px) {
  .site {
    padding-top: 55.04px;
  }
}
@media screen and (max-width: 1024px) {
  .site {
    padding-top: 31.92vw;
  }
}

body.home .l-header {
  margin: 0;
  height: 0;
}
body.home .site {
  padding-top: 0;
}

.l-header {
  z-index: 10;
  width: 100%;
  top: 0;
  position: sticky;
  background-color: #F7F2E8;
  position: fixed;
  height: 75px !important;
}
@media screen and (min-width: 1025px) {
  .l-header__pc {
    padding-top: 30px;
  }
}
.l-header__inner {
  position: relative;
}
.l-header__spinner {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 18px 0;
}
.l-header__logo--modal {
  white-space: preserve nowrap;
  text-indent: -9999px;
  display: block;
  margin: 0;
  background: url("./img/logo_footer.png") no-repeat 0 0;
  background-size: 100% auto;
}
@media screen and (min-width: 1025px) {
  .l-header__logo--modal {
    width: 148.48px;
    height: 65.28px;
  }
}
@media screen and (max-width: 1024px) {
  .l-header__logo--modal {
    width: 30.856vw;
    height: 13.566vw;
  }
}
.l-header__logo--modal a {
  display: block;
}
.l-header__logo {
  white-space: preserve nowrap;
  text-indent: -9999px;
  display: block;
  margin: 0;
  background-image: url("./img/logo.png");
  background-size: 100% auto;
}
@media screen and (min-width: 1025px) {
  .l-header__logo {
    width: 148.48px;
    height: 65.28px;
  }
}
@media screen and (max-width: 1024px) {
  .l-header__logo {
    width: 30.856vw;
    height: 13.566vw;
  }
}
.l-header__logo a {
  display: block;
}
.l-header__nav {
  margin: 0 auto;
}
@media screen and (min-width: 1025px) {
  .l-header__nav {
    width: 243px;
    padding-top: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .l-header__nav {
    width: 54vw;
    padding-top: 4.6vw;
  }
}
.l-header__nav img {
  width: 100%;
  height: auto;
}
.l-header__nav--list {
  margin: 0 auto;
}
.l-header__nav--list02 {
  margin: 0 auto;
}
.l-header__nav--list03 {
  margin: 0 auto 30px;
  text-align: center;
}
.l-header__navtxt {
  color: #FFFFFF;
  text-align: center;
  font-family: "shippori-mincho", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  margin-bottom: 0;
}
.l-header__nav--item {
  margin: 0;
  font-size: 0;
}
@media screen and (min-width: 1025px) {
  .l-header__nav--item {
    margin: 0 auto 23px;
  }
}
@media screen and (max-width: 1024px) {
  .l-header__nav--item {
    margin: 0 auto 5vw;
  }
}
@media screen and (min-width: 1025px) {
  .l-header__nav--item-txt {
    margin: 0 auto 28px;
  }
}
@media screen and (max-width: 1024px) {
  .l-header__nav--item-txt {
    margin: 0 auto 6vw;
  }
}
.l-header__navbtm {
  margin: 0 auto 30px;
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .l-header__navbtm {
    padding: 0 35.2px;
  }
}
@media screen and (max-width: 1024px) {
  .l-header__navbtm {
    padding: 0 7.315vw;
  }
}
.l-header__navbtm--item {
  list-style-type: none;
}
@media screen and (min-width: 1025px) {
  .l-header__navbtm--item {
    width: 197.12px;
  }
}
@media screen and (max-width: 1024px) {
  .l-header__navbtm--item {
    width: 40.964vw;
  }
}
.l-header__modalbtm--info {
  margin: 0 auto 20px;
}
.l-header__copyright {
  text-align: center;
  color: #FFFFFF;
  font-family: "shippori-mincho", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 2;
  margin-bottom: 0;
}
.l-header__copyright-small {
  text-align: center;
  color: #FFFFFF;
  font-family: "shippori-mincho", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 2;
  margin-bottom: 0;
}
.l-header__modal {
  min-height: 100vh;
  padding-bottom: 33px;
  top: 0;
  background-color: #2F4157;
  position: fixed;
  transition: all 0.4s ease-out;
  bottom: 0;
  opacity: 0;
  animation: fadeout 0.4s;
  visibility: hidden;
}
.l-header__modal.is-checked {
  overflow-y: scroll;
  opacity: 1;
  animation: fadein 0.4s;
  visibility: visible;
  height: 100vh;
  height: 100dvh;
  width: 100vw;
}
@media screen and (min-width: 1025px) {
  .l-header__modal.is-checked {
    width: 450px;
    right: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 1024px) {
  .l-header__modal {
    width: 100vw;
  }
}
@media screen and (min-width: 1025px) {
  .l-header__modal {
    width: 450px;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
  }
}
.l-header__leftnav--logo {
  white-space: preserve nowrap;
  text-indent: -9999px;
  display: block;
  margin: 0 auto 20px;
  background-image: url("./img/logo.png");
  background-size: 100% auto;
}
@media screen and (min-width: 1025px) and (max-width: 1480px) {
  .l-header__leftnav--logo {
    width: 224px;
    height: 98px;
  }
}
@media screen and (min-width: 1481px) {
  .l-header__leftnav--logo {
    width: 280px;
    height: 123px;
  }
}

.fadeout {
  opacity: 1;
  animation: fadeout 0.4s;
}

.fadein {
  opacity: 0;
  animation: fadein 0.4s;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
#header__modal-input {
  display: none;
}

@media screen and (min-width: 1025px) {
  .l-header__btn {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .l-header__btn {
    position: fixed;
    right: 0;
    top: 0;
  }
}
.l-header__btn.active {
  background: transparent;
}
.l-header__btn.active ~ #header__modal {
  visibility: visible;
}

#leftMenu .l-header__nav {
  width: 100%;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 1025px) and (max-width: 1480px) {
  #leftMenu .l-header__nav--list {
    width: 151px;
    margin: 0 auto 23px;
    padding: 0;
  }
}
@media screen and (min-width: 1481px) {
  #leftMenu .l-header__nav--list {
    width: 178px;
    margin: 0 auto 27px;
    padding: 0;
  }
}
#leftMenu .l-header__nav--item {
  margin: 0;
}
#leftMenu .l-header__nav--item.l-header__nav--item {
  margin-top: 12px;
}
@media screen and (min-width: 1025px) and (max-width: 1480px) {
  #leftMenu .l-header__nav--list02 {
    list-style-type: none;
    display: flex;
    width: 243px;
    justify-content: space-between;
    margin: 0 auto 17px;
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1481px) {
  #leftMenu .l-header__nav--list02 {
    list-style-type: none;
    display: flex;
    width: 286px;
    justify-content: space-between;
    margin: 0 auto 20px;
    flex-direction: row-reverse;
  }
}
#leftMenu .l-header__nav--list03 {
  display: none;
}
#leftMenu .l-header__nav--item-txt {
  margin: 0;
}
#leftMenu .l-header__navtxt {
  color: #2F4157;
  text-align: center;
  font-family: "shippori-mincho", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  margin-bottom: 0;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
@media screen and (min-width: 1025px) and (max-width: 1480px) {
  #leftMenu .l-header__navtxt {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media screen and (min-width: 1481px) {
  #leftMenu .l-header__navtxt {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
#leftMenu .l-header__copyright {
  text-align: center;
  color: #2F4157;
  font-family: "shippori-mincho", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.8;
  margin-bottom: 0;
}
#leftMenu .l-header__copyright-small {
  text-align: center;
  color: #2F4157;
  font-family: "shippori-mincho", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 8px;
  font-size: 0.5rem;
  line-height: 1.65;
  margin-bottom: 0;
}
#leftMenu .l-header__navbtm {
  display: flex;
  padding: 0;
  justify-content: space-between;
}
@media screen and (min-width: 1025px) and (max-width: 1480px) {
  #leftMenu .l-header__navbtm {
    width: 345px;
    margin: 0 auto 17px;
  }
}
@media screen and (min-width: 1481px) {
  #leftMenu .l-header__navbtm {
    width: 405px;
    margin: 0 auto 20px;
  }
}
#leftMenu .l-header__navbtm--item {
  width: 48%;
}
#leftMenu .l-header__modalbtm--info {
  margin: 0 auto 18px;
}

.l-wrapper {
  width: 100%;
  position: relative;
  height: 100vh;
}
.l-wrapper::before {
  content: "";
  width: 100vw;
  height: 100vh;
  position: fixed;
  background-color: #F7F2E8;
  z-index: -1;
  top: 0;
  left: 0;
}
@media screen and (min-width: 1025px) {
  .l-wrapper__right {
    width: calc(50vw - 237px);
    position: fixed;
    right: 0;
    height: calc(100vh - 75px);
    top: 75px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
@media screen and (max-width: 1024px) {
  .l-wrapper__right {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  .l-wrapper__left {
    width: calc(50vw - 237px);
    position: fixed;
    left: 0;
    height: calc(100vh - 75px);
    top: 75px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}
@media screen and (max-width: 1024px) {
  .l-wrapper__left {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  .l-wrapper__inner {
    display: flex;
    align-items: center;
    padding: 30px;
    height: 100%;
    width: 100%;
    max-width: 334px;
  }
}

.l-wrapper::before {
  background: url("./assets/img/2x/bg_pc.png") no-repeat 0 0;
  background-size: cover;
  background-color: #0261da;
}

.l-footer {
  position: relative;
}
@media screen and (min-width: 1025px) {
  .l-footer {
    padding: 208px 0 110px;
  }
}
@media screen and (max-width: 1024px) {
  .l-footer {
    padding: 46vw 0 22vw;
  }
}
.l-footer::before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  background-image: url("assets/img/2x/bg_aobtm.png");
  background-size: 100%;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: bottom center;
}
@media screen and (min-width: 1025px) {
  .l-footer::before {
    height: 145px;
    top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .l-footer::before {
    height: 32vw;
    top: 0;
  }
}
.l-footer__btnwrap {
  position: fixed;
  bottom: 20px;
  z-index: 5;
  max-width: 83vw;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.7s ease, filter 0.7s ease 0.2s, transform 0.7s ease 0.2s;
}
.l-footer__btnwrap.hidden {
  opacity: 0;
  filter: blur(20px);
  will-change: filter;
  transition: opacity 0.7s ease, filter 0.7s ease 0.2s, transform 0.7s ease 0.2s;
}
.l-footer__btnwrap.visible {
  opacity: 1;
  filter: blur(0);
}

.l-container__sp--wrapper {
  background-color: #FFFFFF;
}
@media screen and (min-width: 1025px) {
  .l-container__sp--wrapper {
    padding: 0 10px;
    max-width: 470px;
    min-width: 470px;
    height: 100%;
    margin-left: calc(70vw - 235px);
    margin-right: calc(30vw - 235px);
  }
}
@media screen and (max-width: 1024px) {
  .l-container__sp--wrapper {
    width: 100vw;
    padding: 0;
    max-width: 100%;
  }
}
.l-container__sp {
  background-color: #F7F2E8;
  grid-template-rows: auto 1fr auto;
  min-height: 100dvh;
}
@media screen and (min-width: 1025px) {
  .l-container__sp {
    width: 100%;
    max-width: 450px;
    width: 450px;
    min-width: 450px;
  }
}
@media screen and (max-width: 1024px) {
  .l-container__sp {
    width: 100%;
    max-width: 100%;
  }
}
.l-container__sp--inner {
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .l-container__sp--inner {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .l-container__right {
    position: fixed;
    width: calc(30vw - 235px);
    height: 100vh;
    right: 0;
    top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .l-container__right {
    display: none;
  }
}
.l-container__left {
  position: fixed;
  height: 100vh;
  left: 0;
  top: 0;
}
@media screen and (min-width: 1025px) and (max-width: 1366px) {
  .l-container__left {
    width: calc((70vw - 235px) * 0.16);
  }
}
@media screen and (min-width: 1367px) {
  .l-container__left {
    width: calc((70vw - 235px) * 0.32);
  }
}
@media screen and (max-width: 1024px) {
  .l-container__left {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  .l-container__left--content {
    position: relative;
    width: 430px;
    height: 100vh;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1366px) {
  .l-container__left--inner {
    padding-left: calc((70vw - 235px) * 0.16);
  }
}
@media screen and (min-width: 1367px) {
  .l-container__left--inner {
    padding-left: calc((70vw - 235px) * 0.32);
  }
}
.l-container__left--content {
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes vertical-animation {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
@keyframes vertical-animation02 {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.l-main {
  background-color: #027cfa !important;
}
@media screen and (min-width: 1025px) {
  .l-main {
    width: 474px;
    margin: 0 auto;
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    margin-top: -10px;
    padding-top: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .l-main {
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .l-main__inner.pages {
    padding-top: 130px;
  }
}
@media screen and (max-width: 1024px) {
  .l-main__inner.pages {
    padding-top: 29vw;
  }
}
.l-main__inner.entry {
  background-color: #FFFFFF;
}
@media screen and (min-width: 1025px) {
  .l-main__inner.entry {
    padding-top: 130px;
  }
}
@media screen and (max-width: 1024px) {
  .l-main__inner.entry {
    padding-top: 29vw;
  }
}

html {
  margin-top: 0 !important;
  margin-bottom: 32px !important;
}

.l-nav {
  z-index: 10;
  width: 100%;
  top: 0;
  height: auto;
  position: sticky;
  position: fixed;
  background-color: #0261da;
}
.l-nav__logo {
  background-image: url("assets/img/2x/logo_fuku.png");
  background-size: 66px 59px;
  width: 65px;
  height: 59px;
  padding: 0;
  display: block;
  white-space: nowrap;
  text-indent: -9999px;
}
.l-nav__inner {
  display: flex;
  width: 100%;
  justify-content: space-between;
  max-width: 1080px;
  align-items: center;
  margin: 0 auto;
}
@media screen and (min-width: 1025px) {
  .l-nav__inner {
    padding: 9px 17px 7px;
  }
}
@media screen and (max-width: 1024px) {
  .l-nav__inner {
    padding: 9px 17px 7px 16px;
  }
}
@media screen and (max-width: 1024px) {
  .l-nav__date {
    width: 44.2vw;
  }
}
@media screen and (min-width: 1025px) {
  .l-nav__date {
    width: 199px;
  }
}
.l-nav__date img {
  width: 100%;
  height: auto;
}
.l-nav .menu {
  margin-top: 80px;
}

.c-button__entry {
  background-color: #fff45c;
  animation: flash 1s infinite;
  font-size: 0;
  line-height: 0;
}
@media screen and (min-width: 1025px) {
  .c-button__entry {
    width: 274px;
    height: 68px;
    border-radius: 50px;
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  .c-button__entry {
    display: block;
    width: 83vw;
    height: 20vw;
    border-radius: 10vw;
  }
}
.c-button__reflection {
  height: 100%;
  width: 30px;
  position: absolute;
  top: -180px;
  left: 0;
  background-color: #fff;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflection 2s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflection 2s ease-in-out infinite;
  -moz-transform: rotate(45deg);
  -moz-animation: reflection 2s ease-in-out infinite;
  -ms-transform: rotate(45deg);
  -ms-animation: reflection 2s ease-in-out infinite;
  -o-transform: rotate(45deg);
  -o-animation: reflection 2s ease-in-out infinite;
}

@keyframes reflection {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
@-webkit-keyframes reflection {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
@-moz-keyframes reflection {
  0% {
    -moz-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -moz-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    -moz-transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
@-ms-keyframes reflection {
  0% {
    -ms-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -ms-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    -ms-transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    -ms-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
@-o-keyframes reflection {
  0% {
    -o-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -o-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    -o-transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    -o-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
@keyframes flash {
  0%, 100% {
    /* 明るく光るよう影を重ねる */
    box-shadow: 0 0 0 #fff45c, 0 0 3px #fff45c, 0 0 5px #fff45c, 0 0 10px #fff45c, 0 0 15px #fff45c, 0 0 20px #fff45c, 0 0 25px #fff45c, 0 0 35px #fff45c;
  }
  50% {
    /* 淡く光るよう影を重ねる */
    box-shadow: 0 0 0 #fff45c, 0 0 3px #fff45c, 0 0 5px #fff45c, 0 0 10px #fff45c;
  }
}
.p-home__fv {
  width: 100%;
  position: relative;
  margin-top: 75px;
}
@media screen and (max-width: 1024px) {
  .p-home__fv {
    height: 178vw;
  }
}
@media screen and (min-width: 1025px) {
  .p-home__fv {
    height: 56.25vw;
  }
}
.p-home__video {
  width: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  margin: 0;
}
.p-home__video video {
  width: 100%;
  height: auto;
}
.p-home__fv--logowrap {
  position: absolute;
  font-size: 0;
  line-height: 0;
  top: 0;
  left: 0;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .p-home__fv--logowrap {
    height: 178vw;
  }
}
@media screen and (min-width: 1025px) {
  .p-home__fv--logowrap {
    height: 56.25vw;
  }
}
.p-home__fv--logowinner {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  line-height: 0;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .p-home__fv--logowinner {
    background-image: url("./assets/img/2x/fv-sp.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 178vw;
  }
}
@media screen and (min-width: 1025px) {
  .p-home__fv--logowinner {
    height: 56.25vw;
  }
}
.p-home__fvwrap01 {
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .p-home__fvwrap02 {
    margin: 3.5vw auto 4vw;
  }
}
@media screen and (min-width: 1025px) {
  .p-home__fvwrap02 {
    margin: 36px auto 0;
  }
}
@media screen and (max-width: 1024px) {
  .p-home__fvwrap03 {
    margin: 0 auto;
    width: 83vw;
  }
}
@media screen and (min-width: 1025px) {
  .p-home__fvwrap03 {
    display: none;
  }
}
.p-home__fv--logo {
  background-image: url("assets/img/2x/logo_add.png");
  white-space: nowrap;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1024px) {
  .p-home__fv--logo {
    width: 91vw;
    height: 30vw;
  }
}
@media screen and (min-width: 1025px) {
  .p-home__fv--logo {
    width: 559px;
    height: 188px;
  }
}
.p-home__fv--logo02 {
  background-image: url("assets/img/2x/logo_feature.png");
  white-space: nowrap;
  text-indent: -9999px;
  background-size: contain;
}
@media screen and (max-width: 1024px) {
  .p-home__fv--logo02 {
    width: 91vw;
    height: 23.6vw;
  }
}
@media screen and (min-width: 1025px) {
  .p-home__fv--logo02 {
    width: 643px;
    height: 166px;
  }
}
.p-home__fv--btm {
  position: absolute;
  bottom: 0;
  background-image: url("assets/img/2x/bg_ao.png");
  background-size: 100% auto;
  width: 100%;
  height: 10vw;
}
.p-home__fv--btmcon {
  width: 100%;
}
.p-home__topics {
  position: relative;
}
.p-home__topics::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  background-image: url(assets/img/2x/wave_bottom.svg);
  background-size: 100%;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: bottom center;
}
@media screen and (min-width: 1025px) {
  .p-home__topics::after {
    height: 95px;
    bottom: -95px;
  }
}
@media screen and (max-width: 1024px) {
  .p-home__topics::after {
    height: 21vw;
    bottom: -21vw;
  }
}
@media screen and (max-width: 1024px) {
  .p-home__topics--inner {
    padding: 0 4.6vw 0 3.7vw;
  }
}
@media screen and (min-width: 1025px) {
  .p-home__topics--inner {
    padding: 0 21px 0 17px;
  }
}
@media screen and (min-width: 1025px) {
  .p-home__topics--ttl {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1025px) {
  .p-home__topicsblc {
    margin-bottom: 36px;
  }
}
@media screen and (max-width: 1024px) {
  .p-home__topicsblc {
    margin-bottom: 8vw;
  }
}
.p-home__slickwrap {
  font-size: 0;
  line-height: 0;
  background-image: url("assets/img/2x/topics01-top.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
@media screen and (min-width: 1025px) {
  .p-home__slickwrap {
    padding-top: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .p-home__slickwrap {
    padding-top: 17vw;
  }
}
.p-home__slickwrap--btm {
  background-image: url("assets/img/2x/topics01-btm.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: bottom 0 left 0;
  font-size: 0;
  line-height: 0;
}
@media screen and (max-width: 1024px) {
  .p-home__slickwrap--btm {
    padding: 5.5vw 1.8vw 6.2vw;
  }
}
@media screen and (min-width: 1025px) {
  .p-home__slickwrap--btm {
    padding: 25px 8px 28px;
  }
}
.p-home__flowimg {
  display: flex;
  animation: scroll 13s linear infinite;
}
.p-home__flowimg--contents {
  width: 100%;
  display: block;
}
@media screen and (max-width: 1024px) {
  .p-home__flowimg--contents {
    padding-left: 1.6vw;
  }
}
@media screen and (min-width: 1025px) {
  .p-home__flowimg--contents {
    padding-left: 8px;
  }
}
.p-home__flowimg--wrapper {
  display: flex;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
.p-home__flowimg--item {
  flex: 0 0 auto;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-home__flowimg--item {
    width: 275px;
    height: 218px;
    margin: 0 20px;
  }
}
@media screen and (max-width: 1024px) {
  .p-home__flowimg--item {
    width: 61vw;
    height: 48.4vw;
    margin: 0 4.4vw;
  }
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
#loading {
  width: 100%;
  height: 100vh;
  transition: all 1s;
  background-color: #fceffe;
  z-index: 20;
  position: fixed;
  top: 0;
}
#loading .spinner {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 100%;
  animation: rotation 3s linear infinite;
}
#loading .spinner__wrap {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
#loading.loaded {
  opacity: 0;
  visibility: hidden;
  z-index: -10;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.p-entry {
  background-color: #FFFFFF;
}
@media screen and (min-width: 1025px) {
  .p-entry {
    padding: 0 0 140px;
  }
}
@media screen and (max-width: 1024px) {
  .p-entry {
    padding: 0 0 25vw;
  }
}
.p-entry__ttl {
  background-color: #FFFFFF;
  margin: 0 auto 40px;
}

.p-contact.entry {
  background-color: #027cfa;
}
@media screen and (min-width: 1025px) {
  .p-contact.entry {
    padding: 0 0 140px;
  }
}
@media screen and (max-width: 1024px) {
  .p-contact.entry {
    padding: 0 0 25vw;
  }
}

.p-about {
  position: relative;
  background-image: url("assets/img/2x/bg_sky.jpg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
@media screen and (min-width: 1025px) {
  .p-about {
    padding: 110px 0 0;
  }
}
@media screen and (max-width: 1024px) {
  .p-about {
    padding: 24.4vw 0 0;
  }
}
.p-about::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  background-image: url(assets/img/2x/bg_white.png);
  background-size: 100%;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: bottom center;
}
@media screen and (min-width: 1025px) {
  .p-about::after {
    height: 95px;
    bottom: -95px;
  }
}
@media screen and (max-width: 1024px) {
  .p-about::after {
    height: 21vw;
    bottom: -21vw;
  }
}
@media screen and (min-width: 1025px) {
  .p-about__ttl {
    margin: 0 auto 39px;
  }
}
@media screen and (max-width: 1024px) {
  .p-about__ttl {
    margin: 0 auto 8.6vw;
  }
}
@media screen and (min-width: 1025px) {
  .p-about__logo {
    width: 392px;
    margin: 0 auto 30px;
  }
}
@media screen and (max-width: 1024px) {
  .p-about__logo {
    width: 87vw;
    margin: 0 auto 6.66vw;
  }
}
.p-about__blc {
  position: relative;
}
@media screen and (min-width: 1025px) {
  .p-about__blc {
    padding: 0 35px;
    margin: 0 auto 78px;
  }
}
@media screen and (max-width: 1024px) {
  .p-about__blc {
    padding: 0 7.7vw;
    margin: 0 auto 17.5vw;
  }
}
.p-about__blcin {
  background-color: #FFFFFF;
  border: solid 2px #027cfa;
  border-radius: 13px;
}
@media screen and (min-width: 1025px) {
  .p-about__blcin {
    padding: 50px 30px 5px;
  }
}
@media screen and (max-width: 1024px) {
  .p-about__blcin {
    padding: 11vw 30px 5px;
  }
}
@media screen and (min-width: 1025px) {
  .p-about__fukukake {
    margin: 46px 0 32px;
  }
}
@media screen and (max-width: 1024px) {
  .p-about__fukukake {
    margin: 10vw 0 8vw;
  }
}
.p-about__sns {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 16px auto 0;
}
.p-about__sns--web {
  display: block;
  white-space: nowrap;
  text-indent: -9999px;
  background-image: url("assets/img/svg/icon_web.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 11px;
}
@media screen and (min-width: 1025px) {
  .p-about__sns--web {
    width: 36px;
    height: 36px;
  }
}
@media screen and (max-width: 1024px) {
  .p-about__sns--web {
    width: 8vw;
    height: 8vw;
  }
}
.p-about__sns--insta {
  display: block;
  white-space: nowrap;
  text-indent: -9999px;
  background-image: url("assets/img/svg/icon_insta.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 11px;
}
@media screen and (min-width: 1025px) {
  .p-about__sns--insta {
    width: 36px;
    height: 36px;
  }
}
@media screen and (max-width: 1024px) {
  .p-about__sns--insta {
    width: 8vw;
    height: 8vw;
  }
}
.p-about__sns--x {
  display: block;
  white-space: nowrap;
  text-indent: -9999px;
  background-image: url("assets/img/svg/icon_x.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 11px;
}
@media screen and (min-width: 1025px) {
  .p-about__sns--x {
    width: 36px;
    height: 36px;
  }
}
@media screen and (max-width: 1024px) {
  .p-about__sns--x {
    width: 8vw;
    height: 8vw;
  }
}
.p-about__sns--tiktok {
  display: block;
  white-space: nowrap;
  text-indent: -9999px;
  background-image: url("assets/img/svg/icon_tiktok.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 11px;
}
@media screen and (min-width: 1025px) {
  .p-about__sns--tiktok {
    width: 36px;
    height: 36px;
  }
}
@media screen and (max-width: 1024px) {
  .p-about__sns--tiktok {
    width: 8vw;
    height: 8vw;
  }
}
.p-about__sns--youtube {
  display: block;
  white-space: nowrap;
  text-indent: -9999px;
  background-image: url("assets/img/svg/icon_youtube.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 11px;
}
@media screen and (min-width: 1025px) {
  .p-about__sns--youtube {
    width: 36px;
    height: 36px;
  }
}
@media screen and (max-width: 1024px) {
  .p-about__sns--youtube {
    width: 8vw;
    height: 8vw;
  }
}
.p-about__video--wrapper {
  margin: 0 -50px;
}
.p-about__video {
  border-radius: 20px;
  border: solid 2px #027cfa;
  position: relative;
  padding-top: 56.25%;
}
.p-about__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 18px;
}
.p-about__comment {
  white-space: nowrap;
  text-indent: -9999px;
  background-image: url("assets/img/svg/about_comment.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 184px;
  height: 12px;
  margin: 10px auto;
}
@media screen and (min-width: 1025px) {
  .p-about__aution--inner {
    padding: 20px 44px 0;
  }
}
@media screen and (max-width: 1024px) {
  .p-about__aution--inner {
    padding: 4.4vw 9.5vw 0;
  }
}
@media screen and (min-width: 1025px) {
  .p-about__audition--blc {
    margin: 0 auto 20px;
  }
}
@media screen and (max-width: 1024px) {
  .p-about__audition--blc {
    margin: 0 auto 4.4vw;
  }
}
.p-about__audition--subttl {
  border-radius: 20px 20px 0 0;
  background-color: #027cfa;
  padding: 3px 0 0;
}
.p-about__audtion--details {
  border-radius: 0 0 20px 20px;
  background-color: #FFFFFF;
  border: solid 2px #027cfa;
}
@media screen and (min-width: 1025px) {
  .p-about__audtion--details {
    padding: 10px 20px 20px;
  }
}
@media screen and (max-width: 1024px) {
  .p-about__audtion--details {
    padding: 4.4vw;
  }
}
.p-about__audition--detailsin {
  border-bottom: solid 1px #027cfa;
}
.p-about__audition--detailsin.noborder {
  border: none;
}
@media screen and (min-width: 1025px) {
  .p-about__audition--detailsin {
    padding-bottom: 14px;
    margin-bottom: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .p-about__audition--detailsin {
    padding-bottom: 3vw;
    margin-bottom: 3vw;
  }
}
.p-schedule {
  position: relative;
  background-image: url("assets/img/2x/bg_sky.jpg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
@media screen and (min-width: 1025px) {
  .p-schedule {
    padding: 110px 0 0;
  }
}
@media screen and (max-width: 1024px) {
  .p-schedule {
    padding: 24.4vw 0 0;
  }
}
.p-schedule::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  background-image: url(assets/img/2x/bg_white.png);
  background-size: 100%;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: bottom center;
}
@media screen and (min-width: 1025px) {
  .p-schedule::after {
    height: 95px;
    bottom: -95px;
  }
}
@media screen and (max-width: 1024px) {
  .p-schedule::after {
    height: 21vw;
    bottom: -21vw;
  }
}

.p-benefit {
  background-image: url("assets/img/2x/bg_benefit.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
@media screen and (min-width: 1025px) {
  .p-benefit {
    padding: 140px 0 0;
  }
}
@media screen and (max-width: 1024px) {
  .p-benefit {
    padding: 31vw 0 0;
  }
}
@media screen and (min-width: 1025px) {
  .p-benefit__ttl {
    margin: 0 auto 34px;
  }
}
@media screen and (max-width: 1024px) {
  .p-benefit__ttl {
    margin: 0 auto 7.5vw;
  }
}
@media screen and (min-width: 1025px) {
  .p-benefit__inner {
    padding: 0 43px 84px;
  }
}
@media screen and (max-width: 1024px) {
  .p-benefit__inner {
    padding: 0 9.5vw 18.6vw;
  }
}
@media screen and (min-width: 1025px) {
  .p-benefit__inner02 {
    padding: 0 43px;
  }
}
@media screen and (max-width: 1024px) {
  .p-benefit__inner02 {
    padding: 0 9.5vw;
  }
}
.p-benefit__blc {
  background-color: #FFFFFF;
}
@media screen and (min-width: 1025px) {
  .p-benefit__blc {
    border-radius: 0 30px 0 30px;
    padding: 20px 10px 18px;
  }
}
@media screen and (max-width: 1024px) {
  .p-benefit__blc {
    border-radius: 0 6.66vw 0 6.66vw;
    padding: 4.5vw 2vw 4vw;
  }
}
@media screen and (min-width: 1025px) {
  .p-benefit__blcwrap {
    margin: 28px 0;
  }
}
@media screen and (max-width: 1024px) {
  .p-benefit__blcwrap {
    margin: 6.2vw 0;
  }
}
.p-schedule {
  position: relative;
}
@media screen and (min-width: 1025px) {
  .p-schedule {
    padding: 208px 0 110px;
  }
}
@media screen and (max-width: 1024px) {
  .p-schedule {
    padding: 46vw 0 22vw;
  }
}
.p-schedule::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  background-image: url("assets/img/2x/bg_aobtm.png");
  background-size: 100%;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: bottom center;
}
@media screen and (min-width: 1025px) {
  .p-schedule::after {
    height: 145px;
    top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .p-schedule::after {
    height: 32vw;
    top: 0;
  }
}
@media screen and (min-width: 1025px) {
  .p-schedule__ttl {
    margin: 0 auto 45px;
  }
}
@media screen and (max-width: 1024px) {
  .p-schedule__ttl {
    margin: 0 auto 10vw;
  }
}
.p-schedule__subttlwrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1025px) {
  .p-schedule__subttlwrap {
    margin: 0 auto 15px;
  }
}
@media screen and (max-width: 1024px) {
  .p-schedule__subttlwrap {
    margin: 0 auto 3.33vw;
  }
}
.p-schedule__subttlwrap p {
  display: inline-block;
  border-bottom: solid 5px #027cfa;
  padding: 0 10px;
}
.p-schedule__featureblc--wrap {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1025px) {
  .p-schedule__featureblc--wrap {
    margin: 0 auto 48px;
  }
}
@media screen and (max-width: 1024px) {
  .p-schedule__featureblc--wrap {
    margin: 0 auto 10.5vw;
  }
}
.p-schedule__featureblc {
  background-color: #FFFFFF;
  display: inline-block;
}
@media screen and (min-width: 1025px) {
  .p-schedule__featureblc {
    padding: 12px 30px;
  }
}
@media screen and (max-width: 1024px) {
  .p-schedule__featureblc {
    padding: 2.6vw 6.6vw;
  }
}
.p-schedule__inner {
  background-image: url("assets/img/2x/bg_line.png");
  background-repeat: repeat-y;
  background-size: 2px 2px;
  background-position: center top;
}
@media screen and (min-width: 1025px) {
  .p-schedule__inner {
    padding: 0 30px;
  }
}
@media screen and (max-width: 1024px) {
  .p-schedule__inner {
    padding: 0 6.66vw;
  }
}
@media screen and (min-width: 1025px) {
  .p-schedule__item {
    margin: 0 auto 45px;
  }
}
@media screen and (max-width: 1024px) {
  .p-schedule__item {
    margin: 0 auto 10vw;
  }
}
.p-contact {
  position: relative;
}
.p-contact::before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  background-image: url("assets/img/2x/bg_ao.png");
  background-size: 100%;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: top center;
}
@media screen and (min-width: 1025px) {
  .p-contact::before {
    height: 110px;
    top: -110px;
  }
}
@media screen and (max-width: 1024px) {
  .p-contact::before {
    height: 24.4vw;
    top: -24.4vw;
  }
}
@media screen and (min-width: 1025px) {
  .p-contact__ttl {
    margin: 0 auto 30px;
  }
}
@media screen and (max-width: 1024px) {
  .p-contact__ttl {
    margin: 0 auto 6.6vw;
  }
}
@media screen and (min-width: 1025px) {
  .p-contact__inner {
    padding: 0 55px;
  }
}
@media screen and (max-width: 1024px) {
  .p-contact__inner {
    padding: 0 12.5vw;
  }
}
@media screen and (min-width: 1025px) {
  .p-contact__btnwrap {
    margin: 41px auto 18px;
  }
}
@media screen and (max-width: 1024px) {
  .p-contact__btnwrap {
    margin: 9vw auto 4vw;
  }
}
@media screen and (min-width: 1025px) {
  .p-contact {
    padding: 0 0;
  }
}
@media screen and (max-width: 1024px) {
  .p-contact {
    padding: 0 0;
  }
}

.p-guideline {
  position: relative;
  background-image: url("assets/img/2x/bg_sky.jpg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
@media screen and (min-width: 1025px) {
  .p-guideline {
    padding: 208px 0 110px;
  }
}
@media screen and (max-width: 1024px) {
  .p-guideline {
    padding: 46vw 0 22vw;
  }
}
.p-guideline::before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  background-image: url("assets/img/2x/bg_aobtm.png");
  background-size: 100%;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: bottom center;
}
@media screen and (min-width: 1025px) {
  .p-guideline::before {
    height: 145px;
    top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .p-guideline::before {
    height: 32vw;
    top: 0;
  }
}
@media screen and (min-width: 1025px) {
  .p-guideline__ttl {
    margin: 0 auto 45px;
  }
}
@media screen and (max-width: 1024px) {
  .p-guideline__ttl {
    margin: 0 auto 10vw;
  }
}
@media screen and (min-width: 1025px) {
  .p-guideline__inner {
    padding: 0 36px 95px;
  }
}
@media screen and (max-width: 1024px) {
  .p-guideline__inner {
    padding: 0 8vw 20vw;
  }
}
.p-guideline__txtblc {
  margin: 0 auto 1em;
}
.p-media {
  position: relative;
  background-color: #027cfa;
}
.p-media::before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  background-image: url("assets/img/2x/bg_ao.png");
  background-size: 100%;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: top center;
}
@media screen and (min-width: 1025px) {
  .p-media::before {
    height: 110px;
    top: -110px;
  }
}
@media screen and (max-width: 1024px) {
  .p-media::before {
    height: 24.4vw;
    top: -24.4vw;
  }
}
@media screen and (min-width: 1025px) {
  .p-media__ttl {
    margin: 0 auto 30px;
  }
}
@media screen and (max-width: 1024px) {
  .p-media__ttl {
    margin: 0 auto 6.6vw;
  }
}
@media screen and (min-width: 1025px) {
  .p-media__supporter {
    width: 336px;
    margin: 0 auto 95px;
  }
}
@media screen and (max-width: 1024px) {
  .p-media__supporter {
    width: 75vw;
    margin: 0 auto 22vw;
  }
}
@media screen and (min-width: 1025px) {
  .p-media__supporter {
    width: 336px;
    margin: 0 auto 95px;
  }
}
@media screen and (max-width: 1024px) {
  .p-media__supporter {
    width: 75vw;
    margin: 0 auto 22vw;
  }
}
@media screen and (min-width: 1025px) {
  .p-media__showroom {
    width: 270px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1024px) {
  .p-media__showroom {
    width: 60vw;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1025px) {
  .qa_container {
    padding: 0 0 110px 0;
  }
}
@media screen and (max-width: 1024px) {
  .qa_container {
    padding: 0 0 24.4vw 0;
  }
}

.p-qa__item {
  background-color: #FFFFFF;
  border-radius: 13px;
}
@media screen and (min-width: 1025px) {
  .p-qa__item {
    padding: 12px;
  }
}
@media screen and (max-width: 1024px) {
  .p-qa__item {
    padding: 12px;
  }
}
.p-qa__item--ttl {
  background-color: #FFFFFF;
  border-radius: 13px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px !important;
}
.p-qa__item--ttl::after {
  content: "";
  background-position: 0 0;
  content: none !important;
}
.p-qa__item--answer {
  border-top: solid 1px #027cfa;
  padding-top: 23px;
}
.p-qa__item--arrow {
  background-image: url("assets/img/svg/arrow.svg");
  background-repeat: no-repeat;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  margin-left: 10px;
  background-size: contain;
  display: block;
  transition: transform 0.2s ease-in-out;
}

.accordion[open] .p-qa__item--arrow {
  transform: rotate(90deg);
  transition: transform 0.2s ease-in-out;
}

.kozuka {
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-style: normal;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.white {
  color: #FFFFFF;
}

.yellow {
  color: #D3BD88;
}

.red {
  color: #fa02ab;
}

.blue {
  color: #027cfa;
}

.u-text__qa {
  font-weight: 600;
  line-height: 1.6;
}
@media screen and (max-width: 1024px) {
  .u-text__qa {
    font-size: 4.44vw;
  }
}
@media screen and (min-width: 1025px) {
  .u-text__qa {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
.u-text__common {
  font-weight: 400;
  line-height: 2.22;
}
@media screen and (max-width: 1024px) {
  .u-text__common {
    font-size: 3.6vw;
  }
}
@media screen and (min-width: 1025px) {
  .u-text__common {
    font-size: 26px;
    font-size: 1.625rem;
  }
}
.u-text__subttl {
  font-weight: 400;
  line-height: 2.22;
}
@media screen and (max-width: 1024px) {
  .u-text__subttl {
    font-size: 4vw;
  }
}
@media screen and (min-width: 1025px) {
  .u-text__subttl {
    font-size: 34px;
    font-size: 2.125rem;
  }
}
.u-text__guide {
  font-weight: 400;
  line-height: 1.8;
}
@media screen and (max-width: 1024px) {
  .u-text__guide {
    font-size: 4vw;
  }
}
@media screen and (min-width: 1025px) {
  .u-text__guide {
    font-size: 34px;
    font-size: 2.125rem;
  }
}
.u-text__subttl02 {
  font-weight: 400;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .u-text__subttl02 {
    font-size: 4vw;
  }
}
@media screen and (min-width: 1025px) {
  .u-text__subttl02 {
    font-size: 34px;
    font-size: 2.125rem;
  }
}
.u-text__feature {
  font-weight: 600;
  line-height: 1.34;
}
@media screen and (max-width: 1024px) {
  .u-text__feature {
    font-size: 5.3vw;
  }
}
@media screen and (min-width: 1025px) {
  .u-text__feature {
    font-size: 38px;
    font-size: 2.375rem;
  }
}
.u-text__schedul-ttl {
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .u-text__schedul-ttl {
    font-size: 6.2vw;
  }
}
@media screen and (min-width: 1025px) {
  .u-text__schedul-ttl {
    font-size: 42px;
    font-size: 2.625rem;
  }
}
.u-text__note {
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .u-text__note {
    font-size: 2.8vw;
  }
}
@media screen and (min-width: 1025px) {
  .u-text__note {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

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

.white {
  color: #FFFFFF;
}

@media screen and (min-width: 1025px) {
  .u-padding__both {
    padding-left: 35.2px;
    padding-right: 35.2px;
  }
}
@media screen and (max-width: 1024px) {
  .u-padding__both {
    padding-left: 7.315vw;
    padding-right: 7.315vw;
  }
}
@media screen and (min-width: 1025px) {
  .u-padding__left--small {
    padding-left: 19.2px;
  }
}
@media screen and (max-width: 1024px) {
  .u-padding__left--small {
    padding-left: 3.99vw;
  }
}

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