@charset "UTF-8";
@import url("https://use.fontawesome.com/releases/v5.15.1/css/all.css");
._disp-ib {display:inline-block !important}

@media (max-width: 1081px) {._view-cw-high {display:none important}}
@media (min-width: 1082px) {._view-cw-low {display:none important}}
@media (max-width: 1279px) {._view-xl-high {display:none important}}
@media (min-width: 1280px) {._view-xl-low {display:none important}}
@media (max-width: 1023px) {._view-lg-high {display:none important}}
@media (min-width: 1024px) {._view-lg-low {display:none important}}
@media (max-width: 767px) {._view-md-high {display:none important}}
@media (min-width: 768px) {._view-md-low {display:none important}}
@media (max-width: 479px) {._view-sm-high {display:none important}}
@media (min-width: 480px) {._view-sm-low {display:none important}}
._clearfix {zoom:1}
._clearfix:after {content: "";display: block;clear: both;overflow:auto}
._center {text-align:center !important}
._left {text-align:left !important}
._right {text-align:right !important}
._float-l {float:left !important}
._float-r {float:right !important}
._clear {clear:both !important}
._hidden {display:none !important}
._disp-ib {display:inline-block !important}
._margin0 {margin:0 !important}
._padding0 {padding:0 !important}
._border0 {border:none !important}
._fixed {position:fixed !important}
._absolute {position:absolute !important}
._static {position:static !important}
._xsmall {font-size:75% !important}
._small {font-size:88% !important}
._large {font-size:113% !important}
._xlarge {font-size:133% !important}
._nowrap {white-space:nowrap !important}
._nobg {background:none !important}
._full {width:100% !important}

:root {font-size:min(16px, 1.4801110083vw)}

@media (max-width: 767px) {:root {font-size:4.2666666667vw}}

html {-webkit-font-smoothing:antialiased}
body {font-family: "Noto Sans JP", "Noto Sans CJK JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Sans", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;min-width: 320px;padding: 0;margin: 0;font-size: 1rem;line-height:1.5}
body.-fixed {position: fixed;width: 100%;height:100%}
img {max-width: 100%;height: auto;vertical-align:bottom}
a {color: #0068ac;text-decoration: underline;-webkit-transition: opacity 0.15s ease-out;transition:opacity 0.15s ease-out}
a:hover {opacity:0.7}
a:hover {text-decoration:none}
em {font-style:normal}
ol, ul {margin: 0;padding:0}
ul {margin: 0;list-style:none}

.flex{display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;}
.flex--start{/*左寄せ*/justify-content: flex-start;-webkit-justify-content: flex-start;}
.flex--center{/*中央寄せ*/justify-content: center;-webkit-justify-content: center;}
.flex--end{/*右寄せ*/justify-content: flex-end;-webkit-justify-content: flex-end;}
.flex--bet{/*残り余白の均等割り*/justify-content: space-between;-webkit-justify-content: space-between;}
.flex--around{/*左右余白 ＋ 均等割り*/justify-content: space-around;-webkit-justify-content: space-around;}
.flex--between{/*両端揃え*/
	-webkit-box-pack:justify;  -ms-flex-pack:justify;  justify-content:space-between;}
/*col*/
.col1{width:100%;}.col2{width:48%;}.col3{width:30%;}.col4{width:25%;}.col5{width:18.4%;}.col6{width:15%;}.col3_2{width: 68%}
.vaC{align-items: center;}.vaB{align-items: flex-end;}

a.-telink, a.js-telink {cursor: default;opacity:1 !important}
body._ios a:hover {opacity:1}
.footer-contents {border-top: 8px solid #f5a200;position: relative;padding:6.25rem 0}
.footer-contents .inner {width: 47.25rem;margin:0 auto}
.footer-contents .banner-list, .footer-contents .movie-list {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 2.125rem 1fr;grid-template-columns: repeat(2, 1fr);gap: 2.125rem;margin:2.5rem auto}
@media (max-width: 1023px) {.footer-contents {padding:3.75rem 0}}
@media (max-width: 1023px) {.footer-contents .inner {width:calc(100% - 1.25rem)}}
@media (max-width: 1023px) {.footer-contents .banner-list, .footer-contents .movie-list {-ms-grid-columns:(1fr) [1];grid-template-columns:repeat(1, 1fr)}}
@media (max-width: 1023px) {.footer-contents .movie-list iframe {width:100% important}}


#openModal:hover {cursor:pointer}
.modalArea {display: none;position: fixed;z-index: 3000;top: 0;left: 0;width: 100%;height:100%}
.modalWrapper .modalContents video {width: 700px;height:350px}
.modalBg {width: 100%;height: 100%;background-color:rgba(30, 30, 30, 0.9)}
.modalWrapper {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding: 40px 40px;background-color:#fff}
.closeModal {position: absolute;top: 0.5rem;right: 1rem;cursor:pointer}
@media (max-width: 1023px) {
.modalArea {display: none;position: fixed;z-index: 3;top: 0;left: 0;width: 100%;height:100%}
.modalBg {width: 100%;height: 100%;background-color:rgba(30, 30, 30, 0.9)}
.modalWrapper {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding: 35px 35px;background-color:#fff}
.modalWrapper .modalContents video {width: 80vw;height:40vw}
.closeModal {position: absolute;top: 0.5rem;right: 1rem;cursor:pointer}
}

body > .inbox {/*padding: 90px var(--scrollbar-width, 0) 0 0;-webkit-box-sizing: border-box;box-sizing:border-box*/}

@media (max-width: 767px) {body > .inbox {/*padding:60px var(--scrollbar-width, 0) 0 0*/}}
@media (min-width: 1024px) {.only-sp {display:none !important}}
@media (max-width: 1023px) {.only-pc {display:none !important}}

footer a, header a {text-decoration: none;-webkit-box-sizing: border-box;box-sizing:border-box}
header h2 {margin:0}
footer .footer-in {-webkit-box-sizing: border-box;box-sizing:border-box}
header {top:0}
main {padding:0;background: url("../images/body_bg.jpg") repeat}

@-webkit-keyframes fadeOutAnim {0% {opacity:1}

to {opacity:0}}

@keyframes fadeOutAnim {0% {opacity:1}

to {opacity:0}}


@-webkit-keyframes progressAnim {0% {width:0%}

to {width:100%}}

@keyframes progressAnim {0% {width:0%}

to {width:100%}}

@-webkit-keyframes curtainLeftAnim {0% {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);-webkit-transform: translateX(0);transform:translateX(0)}

50% {clip-path:polygon(0 0, 100% 0, 85% 100%, 0% 100%)}

to {clip-path: polygon(0 0, 100% 0, 91% 100%, 0% 100%);-webkit-transform: translate(-100%);transform:translate(-100%)}}

@keyframes curtainLeftAnim {0% {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);-webkit-transform: translateX(0);transform:translateX(0)}

50% {clip-path:polygon(0 0, 100% 0, 85% 100%, 0% 100%)}

to {clip-path: polygon(0 0, 100% 0, 91% 100%, 0% 100%);-webkit-transform: translate(-100%);transform:translate(-100%)}}

@-webkit-keyframes curtainLeftAnim_SP {0% {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);-webkit-transform: translateX(0);transform:translateX(0)}

50% {clip-path:polygon(0 0, 100% 0, 85% 100%, 0% 100%)}

to {clip-path: polygon(0 0, 100% 0, 78% 100%, 0% 100%);-webkit-transform: translateX(-100%);transform:translateX(-100%)}}

@keyframes curtainLeftAnim_SP {0% {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);-webkit-transform: translateX(0);transform:translateX(0)}

50% {clip-path:polygon(0 0, 100% 0, 85% 100%, 0% 100%)}

to {clip-path: polygon(0 0, 100% 0, 78% 100%, 0% 100%);-webkit-transform: translateX(-100%);transform:translateX(-100%)}}

@-webkit-keyframes curtainRightAnim {0% {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);-webkit-transform: translateX(0);transform:translateX(0)}

50% {clip-path:polygon(0 0, 100% 0, 100% 100%, 15% 100%)}

to {clip-path: polygon(0 0, 100% 0, 100% 100%, 9% 100%);-webkit-transform: translateX(100%);transform:translateX(100%)}}

@keyframes curtainRightAnim {0% {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);-webkit-transform: translateX(0);transform:translateX(0)}

50% {clip-path:polygon(0 0, 100% 0, 100% 100%, 15% 100%)}

to {clip-path: polygon(0 0, 100% 0, 100% 100%, 9% 100%);-webkit-transform: translateX(100%);transform:translateX(100%)}}

@-webkit-keyframes curtainRightAnim_SP {0% {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);-webkit-transform: translateX(0);transform:translateX(0)}

50% {clip-path:polygon(0 0, 100% 0, 100% 100%, 28% 100%)}

to {clip-path: polygon(0 0, 100% 0, 100% 100%, 22% 100%);-webkit-transform: translateX(100%);transform:translateX(100%)}}

@keyframes curtainRightAnim_SP {0% {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);-webkit-transform: translateX(0);transform:translateX(0)}

50% {clip-path:polygon(0 0, 100% 0, 100% 100%, 28% 100%)}

to {clip-path: polygon(0 0, 100% 0, 100% 100%, 22% 100%);-webkit-transform: translateX(100%);transform:translateX(100%)}}



@keyframes enterAnim {
0% {
opacity: 0;
    transform: translateY(0) scale(0.6); /* 通常の位置とサイズ */
  }
  30% {
  
    transform: translateY(-50px) scale(1.2); /* 少し上にジャンプして大きくなる */
  }
  50% {
    transform: translateY(0) scale(0.8); /* 元の位置に戻りつつ縮む */
  }
  70% {
    transform: translateY(-25px) scale(1.1); /* 小さくジャンプして大きくなる */
  }
  100% {opacity: 1;
    transform: translateY(0) scale(1); /* 元のサイズと位置に戻る */
  }
}

:root {--form-border-color: #ccc;--form-required-color: #E80000;--form-alert-color: #F00;--form-alert-bg-color: #FFF0F0;--form-btn-bg-color: #f5a200;--form-btn-edit-color:#6F6F6F}

.font_Mplus{font-family: "M PLUS 1p", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Sans", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif}

.l-page-container *{font-family: "M PLUS 1p", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Sans", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif!important;font-feature-settings: "palt";-webkit-font-feature-settings: "palt";}

.loading-container {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;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;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;overflow: hidden;pointer-events:none}

.loading-container > .inner {position: relative;z-index: 1;-webkit-animation: fadeOutAnim 0.8s ease forwards 1s;animation:fadeOutAnim 0.8s ease forwards 1s}

.loading-container .text {margin-bottom: 1.6875rem;text-align:center}

@media (max-width: 767px) {.loading-container .text {margin-bottom:1.125rem}}

@media (max-width: 767px) {.loading-container .text img:first-child {width:5.625rem}}

.loading-container .text .icon {margin-left: 0.5rem;-webkit-animation: floatingAnim 3s ease-in-out infinite;animation:floatingAnim 3s ease-in-out infinite}

@media (max-width: 767px) {.loading-container .text .icon {width:1.5625rem}}

.loading-container .process {width: 11.625rem;height: 0.3125rem;background: rgba(255, 255, 255, 0.22);border-radius:50vh}

@media (max-width: 767px) {.loading-container .process {height:0.25rem}}

.loading-container .process .bar {width: 0;height: 0.3125rem;border-radius: 50vh;background-color: #fff;-webkit-animation: progressAnim 1s linear forwards;animation:progressAnim 1s linear forwards}

@media (max-width: 767px) {.loading-container .process .bar {height:0.25rem}}

.loading-container .curtain {position: absolute;top: 0;width: 50%;height: 100%;background-image: repeating-linear-gradient(45deg, #ffbf2e, #ffbf2e 3px, #f5a200 3px, #f5a200 8px);-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-delay: 1.8s;animation-delay:1.8s}
.loading-container .curtain.-left{
}
.loading-container .curtain.-right{
}

.loading-container .curtain.-left {left: 0;-webkit-animation-name: curtainLeftAnim;animation-name:curtainLeftAnim}

@media (max-width: 767px) {.loading-container .curtain.-left {-webkit-animation-name: curtainLeftAnim_SP;animation-name:curtainLeftAnim_SP}}

.loading-container .curtain.-right {right: 0;-webkit-animation-name: curtainRightAnim;animation-name:curtainRightAnim}

@media (max-width: 767px) {.loading-container .curtain.-right {-webkit-animation-name: curtainRightAnim_SP;animation-name:curtainRightAnim_SP}}

.pg-home .main-visual {position:relative}
.pg-home .main-visual img{width: 100%}
.pg-home .main-visual .bg{background: url("../images/mv_bg1.png") no-repeat center bottom;background-size: contain}
@media (max-width: 767px) {.pg-home .main-visual {margin-top: 50px;}}

.pg-home .main-visual:after {position: absolute;z-index: 1;top: 0;width: 5.625rem;height: 60%;background-image: repeating-linear-gradient(45deg, #ffbf2e, #ffbf2e 3px, #f5a200 3px, #f5a200 8px);content: ""}
.pg-home .main-visual:before {position: absolute;z-index: 1;top: 0;width: 5.625rem;height: 60%;background-image: repeating-linear-gradient(-45deg, #ffbf2e, #ffbf2e 3px, #f5a200 3px, #f5a200 8px);content: ""}

@media (max-width: 767px) {.pg-home .main-visual:after, .pg-home .main-visual:before {width: 2.1875rem;height:25.875rem}}

.pg-home .main-visual:before {left: 0;clip-path:polygon(0 0, 0% 100%, 100% 0)}

.pg-home .main-visual:after {right: 0;clip-path:polygon(100% 0, 0 0, 100% 100%)}

.pg-home .main-visual  .inner {position: relative;z-index:1}

.pg-home .main-visual  .inner{width: 72.5rem;margin: auto;text-align: center}
.pg-home .main-visual  .inner .chara{margin-top: -120px;position: relative}
.pg-home .main-visual  .inner .chara li{width: 11%}
.pg-home .main-visual  .inner .people {-webkit-transform: scale(0.6);transform: scale(0.6);-webkit-animation: enterAnim 1s ease forwards 1.9s;animation:enterAnim 1s ease forwards 1.9s;-webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;}

.pg-home .main-visual  .inner .people1 {-webkit-transform: scale(0.6);transform: scale(0.6);-webkit-animation: enterAnim 1s ease forwards 2.5s;animation:enterAnim 1s ease forwards 2.5s;-webkit-transform-origin: 50% 100%;opacity: 0;
    transform-origin: 50% 100%;}
	.pg-home .main-visual  .inner .people2 {-webkit-transform: scale(0.6);transform: scale(0.6);-webkit-animation: enterAnim 1s ease forwards 3s;animation:enterAnim 1s ease forwards 3s;-webkit-transform-origin: 50% 100%;opacity: 0;
    transform-origin: 50% 100%;}
	.pg-home .main-visual  .inner .people3 {-webkit-transform: scale(0.6);transform: scale(0.6);-webkit-animation: enterAnim 1s ease forwards 3.5s;animation:enterAnim 1s ease forwards 3.5s;-webkit-transform-origin: 50% 100%;opacity: 0;
    transform-origin: 50% 100%;}
	.pg-home .main-visual  .inner .people4 {-webkit-transform: scale(0.6);transform: scale(0.6);-webkit-animation: enterAnim 1s ease forwards 4s;animation:enterAnim 1s ease forwards 4s;-webkit-transform-origin: 50% 100%;opacity: 0;
    transform-origin: 50% 100%;}
	
.pg-home .main-visual  .inner h3{letter-spacing: 0.1em; margin-top: 60px;margin-bottom: 0px; font-weight: 700;font-size: 2.5rem; color: #f5a200;}
.pg-home .main-visual  .inner .copy{font-weight: 700;font-size: 1.2rem;letter-spacing: 0.1em; line-height: 3; font-feature-settings: "palt";-webkit-font-feature-settings: "palt";display: inline-block;}

.pg-home .main-visual  .inner .copy span {
padding-bottom: 0.25rem;
margin-bottom: 1rem;
position: relative;
background: url("../images/border_bot.svg") repeat-x center bottom;

}


@media (max-width: 767px) {
.pg-home .main-visual  .inner{width: 90%;}
.pg-home .main-visual  .inner .chara{margin-top: -80px;}
.pg-home .main-visual  .inner .chara li{width: 20%}
.pg-home .main-visual  .inner .people3,
.pg-home .main-visual  .inner .people4{display: none}
.pg-home .main-visual  .inner h3{font-size: 1.4rem; }
.pg-home .main-visual  .inner .copy{font-size: 0.9rem;}
}


@media (min-width: 1024px) {body.pg-home .-sp {display:none important}}

@media (max-width: 1023px) {body.pg-home .-pc {display:none important}}

@media (max-width: 1023px) {.contents-wrap {position: relative;z-index:2}}

.contents-wrap > .inner {width: 72.5rem;margin:0 auto}
.contents-wrap  .inner2 {width: 72.5rem;margin:0 auto}

@media (max-width: 1023px) {
.contents-wrap > .inner {width: calc(100% - 1.25rem);position: relative;z-index:2}
.contents-wrap  .inner2 {width: calc(100% - 1.25rem);position: relative;z-index:2}
}

.contents-wrap .heading {text-align: center;}



@media (max-width: 1023px) {.contents-wrap .heading:before {width: 1.125rem;height: 0.4375rem;margin-right: 0.75rem;-ms-flex-negative: 0;flex-shrink:0}}

.contents-wrap .heading:after {display: block;content: "";width: 2rem;height: 0.75rem;background: url("../img/icon-heading-dot.svg") no-repeat;background-size: 100% auto;-webkit-transform: rotate(180deg);transform: rotate(180deg);margin-left:1rem}

@media (max-width: 1023px) {.contents-wrap .heading:after {width: 1.125rem;height: 0.4375rem;margin-left: 0.75rem;-ms-flex-negative: 0;flex-shrink:0}}

.section {opacity: 0;-webkit-transform: translateY(30px);transform: translateY(30px);-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;transition: opacity 0.8s, -webkit-transform 0.8s;transition: opacity 0.8s, transform 0.8s;transition:opacity 0.8s, transform 0.8s, -webkit-transform 0.8s}

.section.is-inview {opacity: 1;-webkit-transform: translateY(0);transform:translateY(0)}

#about-step, #faq, #feature {position: relative;z-index:2}

@media (max-width: 1023px) {#about-step, #faq, #feature {margin:3.125rem 0}}

#about-step .inner, #faq .inner, 
#feature .inner {background: #fff;padding: 2.8125rem 5rem 5rem;border-radius: 2.5rem;-webkit-box-shadow: 0 0 30px rgba(31, 35, 114, 0.1);box-shadow: 0 0 30px rgba(31, 35, 114, 0.1);position: relative;z-index:2}

@media (max-width: 1023px) {#about-step .inner, #faq .inner, #feature .inner {padding: 1.25rem 1.5625rem 1.5625rem;border-radius:1.25rem}}

#about-step .inner:after, #faq .inner:after, #feature .inner:after {display: block;content: "";width: calc(100% - 1.875rem);height: calc(100% - 1.875rem);border-radius: 1.875rem;border: 2px solid #f5a200;position: absolute;top: 0.9375rem;left: 0.9375rem;-webkit-box-sizing: border-box;box-sizing: border-box;pointer-events:none}

@media (max-width: 1023px) {#about-step .inner:after, #faq .inner:after, #feature .inner:after {border-radius: 0.9375rem;border: 3px dotted #f5a200;width: calc(100% - 1.25rem);height: calc(100% - 1.25rem);top: 0.625rem;left:0.625rem}}

@-webkit-keyframes markerAnim {0% {-webkit-transform: rotate(3.7425deg);transform:rotate(3.7425deg)}

to {-webkit-transform: rotate(-4.65deg);transform:rotate(-4.65deg)}}

@keyframes markerAnim {0% {-webkit-transform: rotate(3.7425deg);transform:rotate(3.7425deg)}

to {-webkit-transform: rotate(-4.65deg);transform:rotate(-4.65deg)}}


#feature {counter-reset:number 0;text-align: center;position: relative;padding: 100px 0 240px}
#feature::after{  position: absolute;  content: "";  width: 100%;  height: 100%;  background:url("../images/feature_bg.png") no-repeat center bottom;  background-size: 100% auto;  bottom: 0;  left: 0;z-index: 1}
#feature .heading{position: relative;z-index: 2;margin-top: -80px;}
#feature .figure {text-align: center;margin-bottom:4rem}
#feature .feature-list {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 1.5rem 1fr;grid-template-columns: repeat(2, 1fr);gap:2.5rem 1.5rem}
#feature .feature-list li {position: relative;height: 9.125rem;counter-increment:number 1;}
@media (max-width: 1023px) {
#feature {padding: 0px 0 100px;margin-bottom: 0}
#feature .heading{margin-top: -25px;}
#feature .figure {margin-bottom:1.5rem}}
@media (max-width: 1023px) {#feature .feature-list {-ms-grid-columns: 1fr;grid-template-columns: repeat(1, 1fr);gap:1.875rem}}
@media (max-width: 1023px) {#feature .feature-list li {height: 8.375rem;width:calc(100% - 0.3125rem)}}

#feature .feature-list li:before {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;content: "0" counter(number);background:url("../images/feature_1.png") no-repeat center bottom;color: #fff;font-family: "Jost", sans-serif;font-size: 2.2rem;font-weight: 500;position: absolute;top: -1rem;left: 1rem;z-index:3;height: 68px;background-size: cover;text-align: center;padding: 0px 13px 9px}
#feature .feature-list li:after {display: block;content: "";width: 100%;height: 100%;border: 2px solid #f5a200;position: absolute;top: 0.375rem;left: 0.375rem;background: #fff;-webkit-box-sizing: border-box;box-sizing:border-box}
#feature .feature-list .feature-item {position: relative;z-index: 2;border: 2px solid #f5a200;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;-webkit-box-sizing: border-box;box-sizing: border-box;background: #fff;width: 100%;height:100%;}
#feature .feature-list .feature-item p {padding-top: 20px; text-align: center;font-size: 1rem;}
#feature .feature-list .feature-item p span {font-size: 1.2rem;font-weight: bold;background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(30%, #ffd900));background:linear-gradient(transparent 70%, #ffd900 30%)}
#feature .point {border-radius: 1.3rem;border: 6px solid #fee9c4;padding: 2rem 2.5rem 3.4375rem 3.4375rem;background: #fffeee;margin-top:4.0625rem}
#feature .point h3 {color: #f5a200;font-size: 1.8rem;text-align: center;margin: 0;position: relative;display: inline-block;padding: 0 25px;}
#feature .point h3:before,
#feature .point h3:after {content: '';position: absolute;top: 50%;transform: translateY(-50%);display: inline-block;width: 18px;height: 33px;}
#feature .point h3:before {background: url("../images/feature_wai.svg") no-repeat left center;background-size: cover;left:0;}
#feature .point h3:after {transform: scaleX(-1) translateY(-50%);background: url("../images/feature_wai.svg") no-repeat left center;background-size: cover;right: 0;}
#feature .point-list{border-top: 2px dotted #f5a200;margin-top: 20px;padding-top: 20px}
#feature .point-list li {padding-left: 1.875rem;position: relative;margin-bottom: 1rem;font-size:1rem;text-align: left}
#feature .point-list li:last-child {margin-bottom:0}
#feature .point-list li:before {display: block;content: "";background: url("../images/icon-check.svg") no-repeat;background-size: 100% auto;width: 1.25rem;height: 1.25rem;position: absolute;left: 0.25rem;top:0.25rem}
#feature .announce {font-size: 1rem;position: relative;z-index:2}
@media (max-width: 1023px) {#feature .feature-list li:before {font-size: 1.6875rem;height:2.5rem}}
@media (max-width: 1023px) {#feature .feature-list .feature-item {padding:0 1rem}}
@media (max-width: 1023px) {#feature .feature-list .feature-item p {font-size:0.8rem;line-height: 2}}
@media (max-width: 1023px) {#feature .feature-list .feature-item p span {font-size:1rem}}
@media (max-width: 1023px) {#feature .point {padding: 1.875rem 1.5625rem;margin-top: 2.5rem;border-radius:0.9375rem}}
@media (max-width: 1023px) {
#feature .point h3 {font-size:1.375rem}
#feature .point h3:before {margin-right:0.5rem}
#feature .point h3:after {margin-left:0.5rem}}
@media (max-width: 1023px) {#feature .point-list li {font-size:0.85rem}}
@media (max-width: 1023px) {#feature .announce {font-size:0.8125rem}}


#research {font-weight: 500;text-align: center;font-size: 1.125rem;position:relative;background:#fffddd;padding: 80px 0 40px;position: relative;z-index: 3 }
#research h2{margin-top: -100px;position: relative;z-index: 3}
#research .inner {position: relative;z-index:3}
#research .inner:before {  position: absolute;  content: "";  width: 16%;  height: 100%;  background:url("../images/research_p1.svg") no-repeat center center;  background-size: contain;  top: 0;  bottom: 0;  left: 0;  margin: auto;}
#research .inner:after {  position: absolute;  content: "";  width: 16%;  height: 100%;  background:url("../images/research_p2.svg") no-repeat center center;  background-size: contain;  top: 0;  bottom: 0;  right: 0;   margin: auto;z-index: 2}
#research .heading {margin-bottom:1.875rem}
#research .heading span.-lp {letter-spacing:-0.25em}
#research .button {margin:2.5rem 0 1.875rem}
#research .button a {display: inline-block;text-decoration: none;color: #f5a200;border: 3px solid #f5a200;font-weight: bold;border-radius: 3.125rem;padding: 1.25rem 6rem;position: relative;background: #fff;}
#research .button a:after {display: block;content: "";width: 0.5rem;height: 0.5rem;border-top: 2px solid #f5a200;border-right: 2px solid #f5a200;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 1.75rem;right:1.875rem}
#research .announce {font-size: 1rem;position: relative;z-index:2}
#research .announce a {color: #00a0e9;font-weight: bold;}
@media (max-width: 1023px) {#research {font-size:0.9375rem}
#research{padding: 40px 0;}
#research h2{margin-top: -50px;position: relative}
}
@media (max-width: 1023px) {#research .inner {padding:0 1.25rem;}}
@media (max-width: 1023px) {
#research .inner:before {height: 8rem;width: 48%;background-size: auto 100%;background-position: left;left: 2.5rem;top:calc(0)}
#research .inner:after {height: 8rem;width: 48%;background-size: auto 100%;background-position: right;right: 2.5rem;top:calc(0)}}
@media (max-width: 1023px) {#research .button {margin:11.25rem 0 1.5rem}}
@media (max-width: 1023px) {#research .button a {padding: 1.25rem 0;width:100%}}
@media (max-width: 1023px) {#research .announce {font-size:0.8125rem}}


#about-step{background: url("../images/about-step_bg.png") no-repeat center top;background-size:100% auto;padding: 130px 0 0;}
#about-step h2{margin-top: -74px;position: relative;z-index: 2}
#about-step .step-list {width: 50rem;margin: 2.25rem auto 0;position:relative}
#about-step .step-list:before {display: block;content: "";width: 0.125rem;height: 100%;position: absolute;top: 0;left: 5.9rem;background:#f39a00}
#about-step .step-list li {display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;z-index: 2;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom:4.375rem}
@media (max-width: 1023px) {
#about-step{padding: 60px 0 0;margin: 0}
#about-step .inner{margin: 0}
#about-step h2{margin-top: -34px;}
#about-step .step-list {width:100%;margin-top: 0}}
@media (max-width: 1023px) {#about-step .step-list:before {display:none}}
@media (max-width: 1023px) {#about-step .step-list li {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom:1.875rem}}

#about-step .step-list li:last-child {margin-bottom:0}
#about-step .step-list li._al-center {-webkit-box-align: center;-ms-flex-align: center;align-items:center}
#about-step .step-list li:not(._al-center) .detail {padding-top:0.5rem}
#about-step .step-list .detail {width: 34.0625rem;-ms-flex-negative: 0;flex-shrink:0}
#about-step .step-list .detail > p {font-weight: 500;line-height: 2;margin:1.25rem 0 0}
#about-step .step-list .detail .note {font-size: 0.875rem;color:#f5a200}
#about-step .step-list .detail .qr {border-radius: 1rem;border: 4px solid #fee9c4;background: #fffeee;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 2rem;margin-top:1.5rem}
#about-step .step-list .detail .qr .qr-img {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;margin-left: 1.5rem;width: 8.25rem;-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);box-shadow:0 0 12px rgba(0, 0, 0, 0.1)}
#about-step .step-list .detail .qr  .-sp{display: none!important}
#about-step .step-list .detail .qr  .-pc{display: inline-block}
#about-step .step-list .detail .qr .qr-img img {border-radius:0.25rem}
#about-step .step-list .detail .qr .text h4 {color: #f5a200;font-size: 1.4375rem;margin-bottom: 1rem;margin-top: 0;}
#about-step .step-list .detail .qr .text p {margin: 0;font-weight: 500;line-height:1.87}
#about-step .step-list .detail .qr .text p span {}
#about-step .step-list .title-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: end;-ms-flex-align: end;align-items:flex-end}
#about-step .step-list .title-wrap p {font-size: 1.25rem;color: #fff;background:url("../images/about-step_yajirusi.png") no-repeat center right;background-size:auto 100%;padding: 0 1.5rem 0 0.75rem;margin: 0 0.75rem 0 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;line-height: 2.375rem;font-family: "Jost", sans-serif;font-weight:600;font-style: italic}
#about-step .step-list .title-wrap h3 {font-size: 2rem;line-height: 2.625rem;margin: 0;}
#about-step .step-list .title-wrap h3.lh-32 {line-height:2rem}
#about-step .step-list .title-wrap h3 span {font-size: 1.25rem;margin-left: 0.375rem;}
#about-step .announce {text-align: center;font-weight: 500;line-height: 1.87;margin: 3.75rem 0 0;position: relative;z-index:2}
#about-step .announce a {color:#00aad4}
@media (max-width: 1023px) {#about-step .step-list .detail {margin-top: 1rem;width:calc(100% - 2.5rem)}}
@media (max-width: 1023px) {#about-step .step-list .detail > p {font-size:0.8rem}}
@media (max-width: 1023px) {#about-step .step-list .detail .qr {border-radius: 0.625rem;padding: 1.5rem 1.25rem;margin: 1.5rem -1.25rem 0;text-align:center}}
@media (max-width: 1023px) {
#about-step .step-list .detail .qr  .-pc{display: none!important}
#about-step .step-list .detail .qr  .-sp{display: block!important}
#about-step .step-list .detail .qr .qr-img {margin:1rem auto}}
@media (max-width: 1023px) {#about-step .step-list .detail .qr .text h4 {font-size:1rem}}
@media (max-width: 1023px) {#about-step .step-list .detail .qr .text p {font-size:0.8rem}}
@media (max-width: 1023px) {
#about-step .step-list .title-wrap p {font-size: 0.85rem;padding: 0 0.8rem 0 0.375rem;line-height:1.875rem}
#about-step .step-list .title-wrap p span:nth-child(2) {font-size: 1.4rem;line-height:2.125rem}}
@media (max-width: 1023px) {#about-step .step-list .title-wrap h3 {font-size: 1.3rem;line-height:1.875rem}}
@media (max-width: 1023px) {#about-step .step-list .title-wrap h3.lh-32 {line-height:1.5rem}}
@media (max-width: 1023px) {#about-step .step-list .title-wrap h3 span {font-size:1rem}}
@media (max-width: 1023px) {#about-step .step-list .image {width:9.125rem}}
@media (max-width: 1023px) {#about-step .announce {font-size: 0.8125rem;text-align: left;padding: 0 1.25rem 1.25rem;margin:2.5rem 0 0}}


#voice {position:relative;background: url("../images/voice_bg.png") no-repeat center -100px;background-size: 100% auto;padding: 120px 0}
#voice .inner {position: relative;z-index:3}
#voice .heading {margin-bottom:1rem}
#voice .color-guide {display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 1.875rem;-webkit-box-pack: center;-ms-flex-pack: center;justify-content:center}
#voice .color-guide .guide-item {padding: 0 2.5rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: #00aad4;font-weight:bold;font-size: 1.6rem}
#voice .color-guide .guide-item img {margin:1rem}
#voice .color-guide .guide-item.-pink {color: #f5a200;position:relative}
#voice .color-guide .guide-item.-pink:before {display: block;content: "";width: 2.875rem;height: 2px;background: url("../img/border-dotted.svg") repeat-x;position: absolute;left: -0.9375rem;top: 50%;-webkit-transform: rotate(-60deg);transform:rotate(-60deg)}
@media (max-width: 1023px) {
#voice{padding: 60px 0}
}
@media (max-width: 1023px) {#voice .color-guide .guide-item {font-size:0.8125rem}
#voice .color-guide .guide-item.-blue {padding-right: 1.25rem;padding-left:0}}
@media (max-width: 1023px) {#voice .color-guide .guide-item img {width: 1.5625rem;margin:0.5rem}}
@media (max-width: 1023px) {#voice .color-guide .guide-item.-pink {padding-left: 1.25rem;padding-right:0}}
@media (max-width: 1023px) {#voice .color-guide .guide-item.-pink:before {width:1.875rem}}

#voice .voice-list {width: 63.75rem;margin:0 auto}

.speechpink {  position: relative;  display: inline-block;  width: 100%;  margin-right: 16px;  padding: 10px 30px;  border: 2px solid #f5a200;  border-radius: 10px;  background-color: #ffffff;  box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;  -webkit-box-shadow: 0 0 30px rgba(31, 35, 114, 0.1);box-shadow: 0 0 30px rgba(31, 35, 114, 0.1);}
.speechpink::before {content: "";  position: absolute;  top: 34%;  right: 0;  border-style: solid;  border-width: 0 0 16px 16px;  border-color: transparent transparent transparent #f5a200;  translate: 100% -50%;  transform: skew(0, -10deg);  transform-origin: left;}
.speechpink::after {content: "";  position: absolute;  top: 34%;  right: 0;  border-style: solid;  border-width: 0 0 11.2px 11.2px;  border-color: transparent transparent transparent #ffffff;  translate: 100% calc(-50% - 0.4px);  transform: skew(0, -10deg);  transform-origin: left;}
.speechblue {  position: relative;  display: inline-block;  width: 100%;    padding: 10px 30px;  border: 2px solid #00aad4;  border-radius: 10px;  background-color: #ffffff;  text-align: left;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;  -webkit-box-shadow: 0 0 30px rgba(31, 35, 114, 0.1);box-shadow: 0 0 30px rgba(31, 35, 114, 0.1);}
.speechblue::before {  content: "";  position: absolute;  top: 50%;  left: 0;  border-style: solid;  border-width: 0 16px 16px 0;  border-color: transparent #00aad4 transparent transparent;  translate: -100% -50%;  transform: skew(0, -10deg);  transform-origin: right;}
.speechblue::after {  content: "";  position: absolute;  top: 50%;  left: 0;  border-style: solid;  border-width: 0 11.2px 11.2px 0;  border-color: transparent #ffffff transparent transparent;  translate: -100% calc(-50% - 0.4px);  transform: skew(0, -10deg);  transform-origin: right;}
#voice .voice-list1{width: 100%}
#voice .voice-list1 dt{padding: 0;margin: auto; width: 15%}
#voice .voice-list1 dt img{width: 100%;height: auto}
#voice .voice-list1 dd{padding: 0;margin: auto;width: 80%}

#voice .voice-list1 .pink dd{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
#voice .voice-list1 .pink dt{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
#voice .voice-item .inner {padding:1.875rem 1.75rem}
#voice .voice-list1 h3 {font-size: 1.3rem;margin: 0 0 0.5rem;color: #00aad4;}
#voice .voice-list1 .pink h3{color: #f5a200;}
#voice .voice-list1 p {font-weight: 500;line-height: 1.87;margin: 0;}
@media (max-width: 1023px) {#voice .voice-list {width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction:column}}
@media (max-width: 1023px) {#voice .voice-item .inner {padding:1.5rem 1.75rem}}
@media (max-width: 1023px) {#voice .voice-list1 h3 {font-size: 1rem;margin:0 0 0.5rem}}
@media (max-width: 1023px) {#voice .voice-list1 p {font-size:0.8rem}}




#faq {position:relative;margin-bottom: 70px}
#faq h2{margin-top: -74px;position: relative;z-index: 2}
#faq:before {position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background:url("../images/qa_bg.png");
  background-size: 100% auto;
  top: -20%;
  left: 0;z-index: 0}
#faq .inner > p {font-size: 1.125rem;text-align: center;font-weight:500}
@media (max-width: 1023px) {
#faq {margin-top:1.5rem;margin-bottom: 0px}
#faq h2{margin-top: -30px;}
}
@media (max-width: 1023px) {#faq:before {display:none}}
@media (max-width: 1023px) {#faq .inner > p {font-size:0.875rem}}

#faq .accordion {border-radius: 0.75rem;border: 2px solid #f5a200;margin: 2rem 0;overflow:hidden}
#faq .accordion .ac-open {font-size: 1.1rem;padding: 1rem 1.75rem;color: #000;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;position: relative;-webkit-transition: 0.5s;transition: 0.5s;cursor:pointer}
#faq .accordion .ac-open span {display: block;z-index: 2;padding: 0 3.75rem 0 3rem;position: relative;pointer-events:none}
#faq .accordion .ac-open span:before {display: block;content: "Q.";font-size: 1.875rem;font-family: "lineseedjp", sans-serif;font-weight: 700;position: absolute;left: 0;top: -0.375rem;color: #f5a200;pointer-events:none}
#faq .accordion .ac-open span:after {display: block;content: "＋";width: 1.875rem;text-align: center;font-size: 1.875rem;position: absolute;right: -0.625rem;top: calc(50% - 1.40625rem);color: #fff;line-height: 2.8125rem;pointer-events:none}
#faq .accordion .ac-open:before {display: block;content: "";width: 4.375rem;height: 100%;background: #f5a200;position: absolute;top: 0;right: 0;-webkit-transition: 0.5s;transition: 0.5s;pointer-events:none}
#faq .accordion .ac-open:hover span:after {-webkit-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition: 0.5s;transition:0.5s}
#faq .accordion .ac-open.-open {background: #f5a200;color: #fff;-webkit-transition: 0.5s;transition: 0.5s;border-radius:0.625rem 0.625rem 0 0}
#faq .accordion .ac-open.-open span:before {color:#fff}
#faq .accordion .ac-open.-open span:after {content: "−"}
#faq .accordion .ac-open.-open:before {width: 62.5rem;-webkit-transition: 0.5s;transition:0.5s}
@media (max-width: 1023px) {#faq .accordion {margin: 1.5rem 0;overflow:visible}}
@media (max-width: 1023px) {#faq .accordion .ac-open {font-size: 1rem;padding:0.5rem 1rem}}
@media (max-width: 1023px) {#faq .accordion .ac-open span {padding:0 1.875rem 0 1.5rem}}
@media (max-width: 1023px) {#faq .accordion .ac-open span:before {font-size: 1rem;left: -0.1875rem;top:-0.125rem}}
@media (max-width: 1023px) {#faq .accordion .ac-open span:after {font-size:1.25rem}}
@media (max-width: 1023px) {#faq .accordion .ac-open:before {width: 2.5rem;border-radius:0 0.625rem 0.625rem 0}}


#faq .accordion .ac-body {padding: 1.5rem 1.75rem;display:none}
#faq .accordion .ac-body p {margin: 0;padding: 0 3rem;position: relative;font-weight: 500;line-height: 1.87;z-index:2}
#faq .accordion .ac-body p a {color:#f5a200}
#faq .accordion .ac-body p:before {display: block;content: "A.";font-size: 1.875rem;font-family: "lineseedjp", sans-serif;font-weight: 700;position: absolute;left: 0;top: -0.375rem;color:#12b5b3}
@media (max-width: 1023px) {#faq .accordion .ac-open.-open:before {width: 100%;border-radius:0.625rem 0.625rem 0 0}}
@media (max-width: 1023px) {#faq .accordion .ac-body {padding:1rem 0rem 1rem 0.9375rem}}
@media (max-width: 1023px) {#faq .accordion .ac-body p {padding: 0 0.6rem 0 1.5rem;font-size:0.8rem}}
@media (max-width: 1023px) {#faq .accordion .ac-body p:before {font-size: 1.25rem;left: -0.125rem;top:-0.125rem}}

.entry-button {margin: 5rem 0 6.25rem;text-align: center;position: relative;z-index:2}
.entry-button a {display: inline-block;text-decoration: none;color: #fff;font-weight: bold;border-radius: 3.125rem;padding: 1.25rem 6.5625rem;position: relative;background: #f5a200;font-weight: bold;font-size:1.125rem}
@media (max-width: 1023px) {
.entry-button {margin:2.5rem 0 3.75rem}
.entry-button a {font-size:0.9375rem}}

.entry-button a:after {display: block;content: "";width: 0.5rem;height: 0.5rem;border-top: 2px solid #fff;border-right: 2px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 1.75rem;right:1.875rem}
.fixed-button {display: none;text-align: center;position: fixed;bottom: 0;left: 0;width: 100vw;padding: 0.75rem;background: #f5a200 ;;z-index: 4;-webkit-box-sizing: border-box;box-sizing:border-box}
.fixed-button p {position:relative}
.fixed-button p:before {display: block;content: "";width: 2.125rem;height: 4.1875rem;position: absolute;top: -0.3125rem;left:calc(50% - 16.5625rem)}
.fixed-button p:after {display: block;content: "";width: 2.625rem;height: 4rem;position: absolute;top: -0.3125rem;right:calc(50% - 14.0625rem)}
.fixed-button p {margin:0}
.fixed-button a {display: inline-block;text-decoration: none;color: #f5a200;font-weight: bold;border-radius: 3.125rem;padding: 1rem 6.5625rem;position: relative;background: #fff;font-weight:bold}
.fixed-button a:before {display: block;content: "";width: 6.375rem;height: 6.5625rem;position: absolute;top: -2.5rem;left:-3.375rem}
.fixed-button a:after {display: block;content: "";width: 0.5rem;height: 0.5rem;border-top: 2px solid #f5a200;border-right: 2px solid #f5a200;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 1.5rem;right: 1.875rem}
@media (max-width: 1023px) {.fixed-button p:before {left:0}
.fixed-button p:after {right:0}
.fixed-button a {font-size: 0.9375rem;padding:1rem 3.75rem}.fixed-button a:before {top: -1.25rem;left: -1.5rem;width: 4.9375rem;height:5.0625rem}
}