.fadeup{opacity:0;transition:opacity 1s,translate 1s;translate:0 10px;&.is-active{opacity:1;translate:0}}.primary-button{display:block;font-weight:700;margin:0 6px 6px 0;padding:14px 12px;position:relative;width:min(100%,265px);z-index:1;&:before{background-color:var(--color-quinary);bottom:0;right:0;transition:background-color .3s;z-index:-1}&:after,&:before{border:3px solid var(--color-text);border-radius:28px;content:"";display:block;height:100%;position:absolute;width:100%}&:after{background-color:#fff;bottom:-6px;right:-6px;z-index:-2}.primary-button__inner{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;justify-items:center;&:after{aspect-ratio:1/2;background-color:var(--color-quaternary);content:"";display:inline-block;grid-column:3/4;mask:no-repeat center/contain;mask-image:url(../images/icon/arrow-left.svg);transition:background-color .3s;width:10px}.primary-button__text{color:var(--color-quaternary);font-size:var(--text-lg);grid-column:2;padding:0 10px;transition:color .3s}}&:hover{&:before{background-color:var(--color-quaternary);transition:background-color .3s}.primary-button__inner{&:after{background-color:var(--color-quinary);transition:background-color .3s}.primary-button__text{color:var(--color-quinary);transition:color .3s}}}}.secondary-button{display:block;font-weight:700;margin:0 6px 6px 0;padding:14px 12px;position:relative;width:min(100%,265px);z-index:1;&:before{background-color:var(--color-quaternary);bottom:0;right:0;transition:background-color .3s;z-index:-1}&:after,&:before{border:3px solid var(--color-text);border-radius:28px;content:"";display:block;height:100%;position:absolute;width:100%}&:after{background-color:#fff;bottom:-6px;right:-6px;z-index:-2}.secondary-button__inner{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;justify-items:center;&:after{aspect-ratio:1/2;background-color:var(--color-text);content:"";display:inline-block;grid-column:3/4;mask:no-repeat center/contain;mask-image:url(../images/icon/arrow-left.svg);transition:background-color .3s;width:10px}.secondary-button__text{color:var(--color-text);font-size:var(--text-lg);grid-column:2;padding:0 10px;transition:color .3s}}&:hover{&:before{background-color:var(--color-text);transition:background-color .3s}.secondary-button__inner{&:after{background-color:var(--color-quaternary);transition:background-color .3s}.secondary-button__text{color:var(--color-quaternary);transition:color .3s}}}}.fv-animation{opacity:0;transform:translateY(20px);&.fv-fadeup{animation:fv-fadeUp 1.5s ease-out forwards}}.fv-zoom-in{animation:zoomIn .8s ease-out forwards}@keyframes fv-fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.fv-taishi{aspect-ratio:349/212;margin:0 13px}.fv-taishi>img{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;&.is-active{opacity:1}}.fv-background{background-image:url(../images/fv/fv_background.png);background-position:top;background-repeat:no-repeat;background-size:cover}.fv-left-background{@media (1024px <= width){&:before{aspect-ratio:380/720;background-image:url(../images/fv/fv_background-left.png);background-position:100% 100%;background-repeat:no-repeat;background-size:cover;content:"";display:block;height:min(100%,1080px);left:0;position:absolute;top:0;width:100%;z-index:-1}}}.fv-right-background{@media (1024px <= width){&:before{aspect-ratio:380/720;background-image:url(../images/fv/fv_background-right.png);background-position:0 100%;background-repeat:no-repeat;background-size:cover;content:"";display:block;height:min(100%,1080px);left:0;position:absolute;top:0;width:100%;z-index:-1}}}@keyframes jump{0%{transform:translateY(0)}50%{transform:translateY(-30px)}to{transform:translateY(0)}}.jump{&.is-active{animation:jump .5s ease-in-out infinite;transform-origin:50% 50%}}.step01_background{background-image:url(../images/sec02/sec02_background01.png);background-position:top;background-repeat:no-repeat;background-size:100% 100%;padding:0 11px 11px 0}.sec02__flow-item{&:after{background-image:url(../images/sec02/sec02_arrow-bottom.svg);background-position:top;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:61px;margin:20px 0 35px;margin-inline:auto;width:25px}}.sec02__flow-item--last{&:after{content:none}}.sec03-background{background-image:url(../images/sec03/sec03_background.svg);background-position:top;background-size:25px 25px}.sec06_background{background-image:url(../images/sec06/sec06_background.png);background-position:bottom;background-repeat:no-repeat;background-size:cover}