@charset "UTF-8";
/*color*/
/*anim*/
/*size*/
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
@media screen and (min-width: 768px) {
  /*debug
  body{
  	background: url(../../../img/_guide.jpg) no-repeat top center;
  	background-size: 100% auto;
  	// background: url(../../../img/_guidef.jpg) no-repeat 50% -75px;
  	// background: url(../../../img/_guidem.jpg) no-repeat 50% -9px;
  	// background-size: 1280px auto;
  	#header{
  		@include opacity(0.6);
  		width: 100%;
  	}
  	#wrapper{
  		width: 100% !important;
  		margin: 0 auto;
  		float: none !important;
  		@include opacity(0.6);
  	}
  	#footer{
  		@include opacity(0.6);
  	}
  	#float{
  		top: 0 !important;
  		opacity: 0.6 !important;
  	}
  }*/
  /* line 33, ../../../src/page/top/_pc.scss */
  body {
    overflow: hidden;
  }
  /* line 36, ../../../src/page/top/_pc.scss */
  body #wrapper .content_all {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 0;
  }
  /* line 39, ../../../src/page/top/_pc.scss */
  body #wrapper .content_all.open {
    opacity: 1;
  }
  /* line 42, ../../../src/page/top/_pc.scss */
  body #wrapper .content_all.passive {
    opacity: 0;
  }
  /* line 47, ../../../src/page/top/_pc.scss */
  body .logo_main {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 0;
  }
  /* line 50, ../../../src/page/top/_pc.scss */
  body .logo_main.open {
    opacity: 1;
  }
  /* line 54, ../../../src/page/top/_pc.scss */
  body #header {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 0;
  }
  /* line 57, ../../../src/page/top/_pc.scss */
  body #header.active {
    opacity: 1;
  }
  /* line 61, ../../../src/page/top/_pc.scss */
  body #opening {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 10000;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    visibility: hidden;
  }
  /* line 70, ../../../src/page/top/_pc.scss */
  body #opening.start {
    display: block;
    visibility: visible;
  }
  /* line 74, ../../../src/page/top/_pc.scss */
  body #opening.ie {
    display: none;
  }
  /* line 77, ../../../src/page/top/_pc.scss */
  body #opening .container {
    height: 100%;
  }
  /* line 80, ../../../src/page/top/_pc.scss */
  body #opening.open {
    top: 16.5vw;
    z-index: 10;
  }
  /* line 83, ../../../src/page/top/_pc.scss */
  body #opening.open .txt {
    top: 0%;
    transform: translateY(0%);
  }
  /* line 87, ../../../src/page/top/_pc.scss */
  body #opening.open .txt .t1 .kana {
    opacity: 1;
  }
  /* line 93, ../../../src/page/top/_pc.scss */
  body #opening .txt {
    display: flex;
    margin: 0 0 0 9%;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
  /* line 100, ../../../src/page/top/_pc.scss */
  body #opening .txt span {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
  }
  /* line 106, ../../../src/page/top/_pc.scss */
  body #opening .txt .t1 {
    width: 35.9%;
    position: relative;
    transform: translateX(71%);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    top: -0.14vw;
  }
  /* line 112, ../../../src/page/top/_pc.scss */
  body #opening .txt .t1.open {
    transform: translateX(0%);
  }
  /* line 115, ../../../src/page/top/_pc.scss */
  body #opening .txt .t1 .kana {
    position: absolute;
    top: -10%;
    width: 63.4%;
    left: 18%;
    opacity: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 124, ../../../src/page/top/_pc.scss */
  body #opening .txt .t2 {
    top: 0;
    height: 16.7vw;
    margin: 0 0 0 2.8%;
    width: 38.49vw;
    position: relative;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 132, ../../../src/page/top/_pc.scss */
  body #opening .txt .t2.open span {
    -webkit-animation: op1 1s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: op1 1s cubic-bezier(0.23, 1, 0.32, 1);
    animation: op1 1s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 136, ../../../src/page/top/_pc.scss */
  body #opening .txt .t2 span {
    overflow: hidden;
    width: 0;
  }
  /* line 140, ../../../src/page/top/_pc.scss */
  body #opening .txt .t2 img {
    width: 38.49vw;
    position: absolute;
    top: 0;
    left: 0;
    height: 16.2vw;
  }
  /* line 150, ../../../src/page/top/_pc.scss */
  body .container {
    width: 82.3%;
    margin: 0 auto;
    position: relative;
  }
  /* line 155, ../../../src/page/top/_pc.scss */
  body #wrapper {
    background: #ff657d;
  }
  /* line 157, ../../../src/page/top/_pc.scss */
  body #wrapper .bg_bar {
    position: absolute;
    top: 0;
    right: 0;
    width: 54%;
    height: 100%;
    background: url(../../../img/bg2.png) repeat-y top left;
    background-size: 100% auto;
  }
  /* line 166, ../../../src/page/top/_pc.scss */
  body #wrapper section {
    position: relative;
    z-index: 10;
  }
  /* line 171, ../../../src/page/top/_pc.scss */
  body #wrapper #top .copy {
    text-align: center;
    padding: 7vw 0 0 0;
    margin: 0 0 2.3vw 0;
  }
  /* line 175, ../../../src/page/top/_pc.scss */
  body #wrapper #top .copy img {
    width: 35vw;
  }
  /* line 179, ../../../src/page/top/_pc.scss */
  body #wrapper #top h1 {
    text-align: center;
    margin-bottom: 5.2vw;
    visibility: hidden;
  }
  /* line 183, ../../../src/page/top/_pc.scss */
  body #wrapper #top h1 img {
    width: 67.5vw;
  }
  /* line 187, ../../../src/page/top/_pc.scss */
  body #wrapper #top .copy2 {
    display: flex;
    justify-content: center;
    font-size: 1.40625vw;
    font-weight: bold;
    letter-spacing: 0.1vw;
    margin: 0 0 1.7vw 0;
  }
  /* line 194, ../../../src/page/top/_pc.scss */
  body #wrapper #top .copy2 img {
    width: 1vw;
    position: relative;
    top: -0.4vw;
    display: inline-block;
    margin: 0 1.8vw 0 0;
  }
  /* line 200, ../../../src/page/top/_pc.scss */
  body #wrapper #top .copy2 img:last-child {
    margin: 0 0 0 1.1vw;
  }
  /* line 205, ../../../src/page/top/_pc.scss */
  body #wrapper #top .proj {
    text-align: center;
    padding: 0 0 7.8vw 0;
  }
  /* line 208, ../../../src/page/top/_pc.scss */
  body #wrapper #top .proj img {
    width: 43.9%;
  }
  /* line 212, ../../../src/page/top/_pc.scss */
  body #wrapper #top .top_bnr_area {
    position: absolute;
    position: absolute;
    bottom: 0.8vw;
    right: -7.2vw;
  }
  /* line 217, ../../../src/page/top/_pc.scss */
  body #wrapper #top .top_bnr_area p {
    text-align: center;
    margin: 0 0 0.7vw 0;
  }
  /* line 220, ../../../src/page/top/_pc.scss */
  body #wrapper #top .top_bnr_area p img {
    width: 97%;
  }
  /* line 224, ../../../src/page/top/_pc.scss */
  body #wrapper #top .top_bnr_area .bnr {
    display: block;
    line-height: 0;
    width: 18vw;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    cursor: pointer;
  }
  /* line 230, ../../../src/page/top/_pc.scss */
  body #wrapper #top .top_bnr_area .bnr:hover {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  /* line 235, ../../../src/page/top/_pc.scss */
  body #wrapper #top .scroll {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    justify-content: center;
    flex-wrap: wrap;
  }
  /* line 243, ../../../src/page/top/_pc.scss */
  body #wrapper #top .scroll span {
    display: block;
    width: 2px;
    height: 2.5vw;
    background: white;
    margin: 0 0 0.8vw 0;
    position: relative;
    overflow: hidden;
  }
  /* line 251, ../../../src/page/top/_pc.scss */
  body #wrapper #top .scroll span:before {
    content: "";
    display: block;
    background: #ff657d;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation: scroll 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    -moz-animation: scroll 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    animation: scroll 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 264, ../../../src/page/top/_pc.scss */
  body #wrapper #top .scroll p {
    font-size: 0.85938vw;
    width: 100%;
  }
  /* line 270, ../../../src/page/top/_pc.scss */
  body #wrapper #intro {
    padding: 10.4vw 0 0 0;
  }
  /* line 272, ../../../src/page/top/_pc.scss */
  body #wrapper #intro .box {
    background: url(../../../img/bg1.png) no-repeat top center;
    background-size: 100% auto;
    margin: 0 auto;
    width: 76%;
    padding: 6.9vw 0 6.3vw 0;
    margin-bottom: 13vw;
  }
  /* line 279, ../../../src/page/top/_pc.scss */
  body #wrapper #intro .box h2 {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 2.03125vw;
    font-weight: bold;
    align-content: flex-end;
    align-items: flex-end;
    color: #ee4b66;
    letter-spacing: 0.3vw;
    margin: 0 0 4.5vw 0;
  }
  /* line 290, ../../../src/page/top/_pc.scss */
  body #wrapper #intro .box h2 img {
    width: 8.04688vw;
    display: inline-block;
    margin: 0 2vw 0 -2.4vw;
  }
  /* line 296, ../../../src/page/top/_pc.scss */
  body #wrapper #intro .box .detail {
    font-size: 1.40625vw;
    line-height: 3.28125vw;
    margin: 0 0 4vw 0;
    color: black;
    text-align: left;
    font-weight: bold;
    margin: 0 0 1.7vw 7vw;
    letter-spacing: 0.12vw;
    font-weight: 500;
  }
  /* line 306, ../../../src/page/top/_pc.scss */
  body #wrapper #intro .box .detail:nth-of-type(2) {
    margin-bottom: 3.9vw;
  }
  /* line 310, ../../../src/page/top/_pc.scss */
  body #wrapper #intro .box .main {
    font-size: 1.71875vw;
    line-height: 3.28125vw;
    text-align: left;
    margin: 0 0 0 7vw;
    letter-spacing: 0.14vw;
  }
  /* line 316, ../../../src/page/top/_pc.scss */
  body #wrapper #intro .box .main span {
    display: inline-block;
    position: relative;
    color: #ee4b66;
    font-weight: bold;
    text-align: left;
    margin: 0 0 1.2vw 0;
  }
  /* line 323, ../../../src/page/top/_pc.scss */
  body #wrapper #intro .box .main span:before {
    content: "";
    display: block;
    background: #ff657d;
    position: absolute;
    bottom: -0.1vw;
    left: 0;
    width: 100%;
    height: 0.39063vw;
  }
  /* line 337, ../../../src/page/top/_pc.scss */
  body #wrapper #data {
    padding: 0 0 0 0;
  }
  /* line 339, ../../../src/page/top/_pc.scss */
  body #wrapper #data h2 {
    text-align: center;
    margin: 0 0 2.5vw 0;
  }
  /* line 342, ../../../src/page/top/_pc.scss */
  body #wrapper #data h2 img {
    width: 62vw;
  }
  /* line 346, ../../../src/page/top/_pc.scss */
  body #wrapper #data .copy {
    text-align: center;
    font-size: 1.5625vw;
    line-height: 3.125vw;
    letter-spacing: 0.18vw;
    font-weight: bold;
    margin: 0 0 1.1vw 0;
  }
  /* line 354, ../../../src/page/top/_pc.scss */
  body #wrapper #data .fuki {
    margin: 0 auto;
    width: 28.35937vw;
    border-radius: 1vw;
    box-sizing: border-box;
    background: white;
    font-size: 2.65625vw;
    line-height: 5.3125vw;
    color: #ee4b66;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 0 1.875vw;
    height: 5.9375vw;
    letter-spacing: 0.5vw;
    position: relative;
    margin-bottom: 3.3vw;
  }
  /* line 373, ../../../src/page/top/_pc.scss */
  body #wrapper #data .fuki:before {
    content: "";
    display: block;
    background: url(../../../img/tri.svg) no-repeat top center;
    background-size: contain;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    width: 1.71875vw;
    height: 1.40625vw;
    bottom: -1.2vw;
  }
  /* line 385, ../../../src/page/top/_pc.scss */
  body #wrapper #data .fuki img {
    width: 1.5625vw;
    position: relative;
    left: 0.3vw;
  }
  /* line 392, ../../../src/page/top/_pc.scss */
  body #wrapper #data section h3 {
    display: flex;
    justify-content: center;
    font-size: 5.46875vw;
    line-height: 6.25vw;
    font-weight: bold;
    letter-spacing: 0.3vw;
    margin: 0 0 3.8vw 0;
  }
  /* line 400, ../../../src/page/top/_pc.scss */
  body #wrapper #data section h3 img {
    width: 2.1vw;
    display: inline-block;
    margin: 0 1.6vw 0 0;
    position: relative;
    top: 0.5vw;
  }
  /* line 406, ../../../src/page/top/_pc.scss */
  body #wrapper #data section h3 img:last-child {
    margin: 0 0 0 1.6vw;
  }
  /* line 411, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content {
    margin: 0 auto 1vw auto;
    width: 95%;
    position: relative;
  }
  /* line 417, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn_float {
    position: absolute;
    display: block;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 423, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn_float.open {
    opacity: 1;
  }
  /* line 427, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn1 {
    width: 100%;
    height: 9%;
    top: 0;
    left: 0;
    background: url(../../../img/top_data1.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 434, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn1:hover {
    background-image: url(../../../img/top_data1_on.png);
  }
  /* line 438, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn2 {
    width: 33.5%;
    height: 5%;
    top: 4.3%;
    right: 0;
    background: url(../../../img/top_data2.png) no-repeat top left;
    background-size: 102% auto;
  }
  /* line 445, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn2:hover {
    background-image: url(../../../img/top_data2_on.png);
  }
  /* line 449, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn3 {
    top: 9%;
    left: 0;
    width: 32.75%;
    height: 11%;
    background: url(../../../img/top_data3.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 456, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn3:hover {
    background-image: url(../../../img/top_data3_on.png);
  }
  /* line 460, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn4 {
    top: 9%;
    right: 0;
    width: 66.8%;
    height: 6.7%;
    background: url(../../../img/top_data4.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 467, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn4:hover {
    background-image: url(../../../img/top_data4_on.png);
  }
  /* line 471, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn5 {
    top: 15.6%;
    left: 33.2%;
    width: 26.9%;
    height: 4.4%;
    background: url(../../../img/top_data5.png) no-repeat top left;
    background-size: 102% auto;
  }
  /* line 478, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn5:hover {
    background-image: url(../../../img/top_data5_on.png);
  }
  /* line 482, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn6 {
    top: 20.05%;
    left: 0;
    width: 60.15%;
    height: 6.1%;
    background: url(../../../img/top_data6.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 489, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn6:hover {
    background-image: url(../../../img/top_data6_on.png);
  }
  /* line 493, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn7 {
    top: 15.6%;
    right: 0;
    width: 39.45%;
    height: 13%;
    background: url(../../../img/top_data7.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 500, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn7:hover {
    background-image: url(../../../img/top_data7_on.png);
  }
  /* line 504, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn8 {
    top: 26.2%;
    left: 0;
    width: 60.15%;
    height: 8.3%;
    background: url(../../../img/top_data8.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 511, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn8:hover {
    background-image: url(../../../img/top_data8_on.png);
  }
  /* line 515, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn9 {
    top: 28.7%;
    right: 0;
    width: 39.4%;
    height: 11%;
    background: url(../../../img/top_data9.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 522, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn9:hover {
    background-image: url(../../../img/top_data9_on.png);
  }
  /* line 526, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn10 {
    top: 34.6%;
    left: 32.9%;
    width: 27.23%;
    height: 4.5%;
    background: url(../../../img/top_data10.png) no-repeat top left;
    background-size: 101% auto;
    z-index: 6;
  }
  /* line 534, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn10:hover {
    background-image: url(../../../img/top_data10_on.png);
  }
  /* line 538, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn11 {
    top: 34.6%;
    left: 0;
    width: 60.15%;
    height: 8.4%;
    background: url(../../../img/top_data11.png) no-repeat top left;
    background-size: 101% auto;
    z-index: 5;
  }
  /* line 546, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn11:hover {
    background-image: url(../../../img/top_data11_on.png);
  }
  /* line 550, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn12 {
    top: 39.63%;
    right: 0;
    width: 76.45%;
    height: 6.7%;
    background: url(../../../img/top_data12.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 557, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn12:hover {
    background-image: url(../../../img/top_data12_on.png);
  }
  /* line 561, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn13 {
    top: 43%;
    left: 0;
    width: 23.2%;
    height: 9.9%;
    background: url(../../../img/top_data13.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 568, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn13:hover {
    background-image: url(../../../img/top_data13_on.png);
  }
  /* line 572, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn14 {
    top: 46.4%;
    left: 23.55%;
    width: 37.85%;
    height: 6.5%;
    background: url(../../../img/top_data14.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 579, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn14:hover {
    background-image: url(../../../img/top_data14_on.png);
  }
  /* line 583, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn15 {
    top: 46.4%;
    right: 0;
    width: 38.1%;
    height: 12.6%;
    background: url(../../../img/top_data15.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 590, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn15:hover {
    background-image: url(../../../img/top_data15_on.png);
  }
  /* line 595, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn16 {
    top: 53%;
    left: 39.45%;
    width: 22%;
    height: 6.1%;
    background: url(../../../img/top_data16.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 602, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn16:hover {
    background-image: url(../../../img/top_data16_on.png);
  }
  /* line 606, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn17 {
    top: 52.9%;
    left: 0;
    width: 39%;
    height: 9.4%;
    background: url(../../../img/top_data17.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 613, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn17:hover {
    background-image: url(../../../img/top_data17_on.png);
  }
  /* line 617, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn18 {
    top: 59.05%;
    right: 0;
    width: 60.55%;
    height: 4.9%;
    background: url(../../../img/top_data18.png) no-repeat top left;
    background-size: 100% auto;
    z-index: 3;
  }
  /* line 625, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn18:hover {
    background-image: url(../../../img/top_data18_on.png);
  }
  /* line 629, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn19 {
    top: 62.3%;
    left: 0;
    width: 58%;
    height: 5.15%;
    background: url(../../../img/top_data19.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 636, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn19:hover {
    background-image: url(../../../img/top_data19_on.png);
  }
  /* line 640, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn20 {
    top: 64%;
    right: 0;
    width: 41.85%;
    height: 9.6%;
    background: url(../../../img/top_data20.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 647, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn20:hover {
    background-image: url(../../../img/top_data20_on.png);
  }
  /* line 651, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn21 {
    top: 67.35%;
    left: 0;
    width: 57.65%;
    height: 9.6%;
    background: url(../../../img/top_data21.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 658, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn21:hover {
    background-image: url(../../../img/top_data21_on.png);
  }
  /* line 662, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn22 {
    top: 73.7%;
    right: 0;
    width: 41.85%;
    height: 8.8%;
    background: url(../../../img/top_data22.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 669, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn22:hover {
    background-image: url(../../../img/top_data22_on.png);
  }
  /* line 673, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn23 {
    top: 77%;
    left: 22.75vw;
    width: 28.5%;
    height: 5.5%;
    background: url(../../../img/top_data23.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 680, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn23:hover {
    background-image: url(../../../img/top_data23_on.png);
  }
  /* line 684, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn24 {
    top: 76.9%;
    left: 0;
    width: 29%;
    height: 9.8%;
    background: url(../../../img/top_data24.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 691, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn24:hover {
    background-image: url(../../../img/top_data24_on.png);
  }
  /* line 695, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn25 {
    top: 82.6%;
    left: 29.4%;
    width: 47.5%;
    height: 6.2%;
    background: url(../../../img/top_data25.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 702, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn25:hover {
    background-image: url(../../../img/top_data25_on.png);
  }
  /* line 706, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn26 {
    top: 82.6%;
    right: 0;
    width: 23.37%;
    height: 6.2%;
    background: url(../../../img/top_data26.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 713, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn26:hover {
    background-image: url(../../../img/top_data26_on.png);
  }
  /* line 717, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn27 {
    top: 86.7%;
    left: 0;
    width: 29%;
    height: 6.2%;
    background: url(../../../img/top_data27.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 724, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn27:hover {
    background-image: url(../../../img/top_data27_on.png);
  }
  /* line 728, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn28 {
    top: 88.9%;
    left: 29.3%;
    width: 39.8%;
    height: 3.9%;
    background: url(../../../img/top_data28.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 735, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn28:hover {
    background-image: url(../../../img/top_data28_on.png);
  }
  /* line 739, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn29 {
    top: 88.9%;
    right: 0;
    width: 31%;
    height: 3.9%;
    background: url(../../../img/top_data29.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 746, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn29:hover {
    background-image: url(../../../img/top_data29_on.png);
  }
  /* line 750, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn30 {
    top: 92.8%;
    left: 0;
    width: 100%;
    height: 7.1%;
    background: url(../../../img/top_data30.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 757, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .btn30:hover {
    background-image: url(../../../img/top_data30_on.png);
  }
  /* line 761, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .content .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    pointer-events: none;
  }
  /* line 770, ../../../src/page/top/_pc.scss */
  body #wrapper #data section .notice {
    margin: 0 auto;
    width: 95%;
    text-align: left;
    font-size: 0.9375vw;
    line-height: 1.9;
  }
  /* line 780, ../../../src/page/top/_pc.scss */
  body #wrapper #result {
    padding: 9.2vw 0 1.8vw 0;
  }
  /* line 782, ../../../src/page/top/_pc.scss */
  body #wrapper #result h2 {
    text-align: center;
    margin: 0 0 2.5vw 0;
  }
  /* line 785, ../../../src/page/top/_pc.scss */
  body #wrapper #result h2 img {
    width: 62vw;
  }
  /* line 789, ../../../src/page/top/_pc.scss */
  body #wrapper #result .sub {
    text-align: center;
    font-size: 1.5625vw;
    line-height: 3.125vw;
    font-weight: bold;
    letter-spacing: 0.25vw;
    position: relative;
    left: 0.7vw;
    margin: 0 0 1.8vw 0;
  }
  /* line 799, ../../../src/page/top/_pc.scss */
  body #wrapper #result .copy {
    text-align: center;
    font-size: 2.65625vw;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 0.3vw;
    margin: 0 0 3.5vw 0;
  }
  /* line 807, ../../../src/page/top/_pc.scss */
  body #wrapper #result .btn {
    margin: 0 auto;
    width: 40.9375vw;
    height: 7.8125vw;
    border-radius: 5vw;
    margin-bottom: 3.3vw;
  }
  /* line 813, ../../../src/page/top/_pc.scss */
  body #wrapper #result .btn img {
    width: 1.3vw;
    margin: 0 0 0 0.4vw;
    position: relative;
    top: 0.1vw;
  }
  /* line 822, ../../../src/page/top/_pc.scss */
  body #wrapper #cp .prod {
    width: 95%;
    margin: 1.9vw auto 0 auto;
    background: white;
    position: relative;
    border-radius: 2.5vw;
    padding: 6.1vw 0 0 0;
  }
  /* line 829, ../../../src/page/top/_pc.scss */
  body #wrapper #cp .prod:before {
    content: "";
    display: block;
    background: url(../../../img/tri2.svg) no-repeat top center;
    background-size: contain;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 4.375vw;
    height: 2.57813vw;
    top: -2vw;
  }
  /* line 841, ../../../src/page/top/_pc.scss */
  body #wrapper #cp .prod h2 {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 2.8125vw;
    font-weight: bold;
    align-content: center;
    align-items: center;
    color: #ee4b66;
    letter-spacing: 0.4vw;
    margin: 0 0 1.7vw 0;
    color: #ee4b66;
  }
  /* line 853, ../../../src/page/top/_pc.scss */
  body #wrapper #cp .prod h2 img {
    width: 1.8vw;
    display: inline-block;
    margin: 0 2.3vw 0 0;
  }
  /* line 857, ../../../src/page/top/_pc.scss */
  body #wrapper #cp .prod h2 img:last-child {
    margin: 0 0 0 2vw;
  }
  /* line 862, ../../../src/page/top/_pc.scss */
  body #wrapper #cp .prod .copy {
    font-size: 1.875vw;
    line-height: 3.125vw;
    font-weight: bold;
    color: black;
    text-align: center;
    letter-spacing: 0.2vw;
  }
  /* line 870, ../../../src/page/top/_pc.scss */
  body #wrapper #cp .prod .info {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  /* line 874, ../../../src/page/top/_pc.scss */
  body #wrapper #cp .prod .info .img {
    width: 27.8125vw;
    margin: 3.8vw 0 0 5.8vw;
    width: 27.4vw;
    position: relative;
  }
  /* line 879, ../../../src/page/top/_pc.scss */
  body #wrapper #cp .prod .info .img .mark {
    width: 100%;
    text-align: right;
    box-sizing: border-box;
    padding: 0vw 0.5vw 0 0;
    position: relative;
    top: 1.3vw;
  }
  /* line 886, ../../../src/page/top/_pc.scss */
  body #wrapper #cp .prod .info .img .mark img {
    width: 10vw;
  }
  /* line 890, ../../../src/page/top/_pc.scss */
  body #wrapper #cp .prod .info .img .mark2 {
    position: absolute;
    width: 13.75vw;
    top: 32vw;
    left: 0.5vw;
  }
  /* line 897, ../../../src/page/top/_pc.scss */
  body #wrapper #cp .prod .info .detail {
    margin: 3.9vw 0 0 5.5vw;
    width: 32.9vw;
  }
  /* line 900, ../../../src/page/top/_pc.scss */
  body #wrapper #cp .prod .info .detail p {
    font-size: 1.09375vw;
    line-height: 2.1875vw;
    text-align: center;
    font-weight: bold;
    color: black;
    margin: 4.3vw 0 1.2vw 0;
    letter-spacing: 0.1vw;
    position: relative;
    left: -2vw;
  }
  /* line 911, ../../../src/page/top/_pc.scss */
  body #wrapper #cp .prod .info .detail .btn {
    width: 29.4vw;
    border-radius: 5vw;
    box-sizing: border-box;
    font-size: 1.09375vw;
    line-height: 1.5625vw;
    font-weight: bold;
    display: flex;
    height: 4.6875vw;
    letter-spacing: 0.15vw;
    position: relative;
  }
  /* line 926, ../../../src/page/top/_pc.scss */
  body #wrapper #cp .prod .info .detail .btn img {
    width: 1.32813vw;
    position: relative;
    top: 0.1vw;
    margin: 0 0.7vw;
  }
  /* line 935, ../../../src/page/top/_pc.scss */
  body #wrapper #cp .prod .notice {
    box-sizing: border-box;
    padding: 4.5vw 6.3vw 4.1vw 6.3vw;
  }
  /* line 939, ../../../src/page/top/_pc.scss */
  body #wrapper #cp .prod .notice ul li {
    margin: 0 0 1.2vw 0;
  }
  /* line 941, ../../../src/page/top/_pc.scss */
  body #wrapper #cp .prod .notice ul li p {
    color: black;
    letter-spacing: 0.03vw;
    font-size: 1.09375vw;
    line-height: 2.1;
    font-weight: 500;
  }
  /* line 948, ../../../src/page/top/_pc.scss */
  body #wrapper #cp .prod .notice ul li .ttl {
    color: #ee4b66;
    margin: 0 0 0.2vw 0;
    font-weight: bold;
  }
  /* line 957, ../../../src/page/top/_pc.scss */
  body #wrapper #cp #step {
    padding: 13vw 0 13.4vw 0;
  }
  /* line 959, ../../../src/page/top/_pc.scss */
  body #wrapper #cp #step h3 {
    text-align: center;
    font-size: 2.65625vw;
    line-height: 3.59375vw;
    font-weight: bold;
    margin-bottom: 3.20312vw;
    letter-spacing: 0.2vw;
  }
  /* line 967, ../../../src/page/top/_pc.scss */
  body #wrapper #cp #step ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto 4.5vw auto;
    width: 95%;
  }
  /* line 973, ../../../src/page/top/_pc.scss */
  body #wrapper #cp #step ul li {
    background: white;
    position: relative;
    width: 21.3vw;
    height: 18.6vw;
    border-radius: 1.8vw;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 1.9vw 0 0 0;
  }
  /* line 987, ../../../src/page/top/_pc.scss */
  body #wrapper #cp #step ul li:last-child::before {
    display: none;
  }
  /* line 991, ../../../src/page/top/_pc.scss */
  body #wrapper #cp #step ul li:before {
    content: "";
    display: block;
    background: url(../../../img/tri.svg) no-repeat top center;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(88%, -55%);
    width: 1.6vw;
    height: 1.6vw;
  }
  /* line 1003, ../../../src/page/top/_pc.scss */
  body #wrapper #cp #step ul li .num {
    text-align: center;
    width: 100%;
    margin: 0 0 2.4vw 0;
  }
  /* line 1007, ../../../src/page/top/_pc.scss */
  body #wrapper #cp #step ul li .num img {
    width: 2.1vw;
  }
  /* line 1011, ../../../src/page/top/_pc.scss */
  body #wrapper #cp #step ul li .copy {
    width: 100%;
    font-size: 1.25vw;
    line-height: 2.10938vw;
    text-align: center;
    color: black;
    margin: 0 0 1.2vw 0;
  }
  /* line 1018, ../../../src/page/top/_pc.scss */
  body #wrapper #cp #step ul li .copy span {
    color: #ee4b66;
  }
  /* line 1022, ../../../src/page/top/_pc.scss */
  body #wrapper #cp #step ul li .logo {
    width: 100%;
    margin: -0.5vw 0 0.2vw 0;
    text-align: center;
  }
  /* line 1026, ../../../src/page/top/_pc.scss */
  body #wrapper #cp #step ul li .logo img {
    width: 12.5vw;
  }
  /* line 1030, ../../../src/page/top/_pc.scss */
  body #wrapper #cp #step ul li .ttl {
    color: #ee4b66;
    font-size: 2.73438vw;
    line-height: 4.76563vw;
    font-weight: bold;
    margin: -0.4vw 0 0.2vw 0;
  }
  /* line 1037, ../../../src/page/top/_pc.scss */
  body #wrapper #cp #step ul li .btn {
    width: 14.21875vw;
    border-radius: 5vw;
    box-sizing: border-box;
    font-size: 0.9375vw;
    line-height: 1.25vw;
    color: white;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    height: 3.28125vw;
    letter-spacing: 0.15vw;
    position: relative;
  }
  /* line 1052, ../../../src/page/top/_pc.scss */
  body #wrapper #cp #step ul li .btn img {
    width: 1.01563vw;
    position: relative;
    top: 0.1vw;
    margin: 0 0.7vw;
  }
  /* line 1061, ../../../src/page/top/_pc.scss */
  body #wrapper #cp #step .term {
    margin: 0 auto;
    width: 76%;
    background: white;
  }
  /* line 1065, ../../../src/page/top/_pc.scss */
  body #wrapper #cp #step .term .ttl {
    text-align: center;
    color: #ee4b66;
    font-size: 1.5625vw;
    line-height: 2.10938vw;
    padding: 3vw 0 2.6vw 0;
    font-weight: bold;
  }
  /* line 1073, ../../../src/page/top/_pc.scss */
  body #wrapper #cp #step .term #term_scroll {
    margin: 0 auto;
    width: 97.6%;
    height: 32vw;
    position: relative;
    overflow: hidden;
  }
  /* line 1079, ../../../src/page/top/_pc.scss */
  body #wrapper #cp #step .term #term_scroll .iScrollVerticalScrollbar {
    background: #E2E2E2 !important;
  }
  /* line 1081, ../../../src/page/top/_pc.scss */
  body #wrapper #cp #step .term #term_scroll .iScrollVerticalScrollbar .iScrollIndicator {
    background: #ff657d !important;
  }
  /* line 1086, ../../../src/page/top/_pc.scss */
  body #wrapper #cp #step .term .box {
    box-sizing: border-box;
    padding: 0 3%;
  }
  /* line 1089, ../../../src/page/top/_pc.scss */
  body #wrapper #cp #step .term .box p {
    color: black;
    font-size: 1.09375vw;
    line-height: 2.1875vw;
    text-align: left;
    padding-bottom: 1.5625vw;
    font-weight: 400;
  }
  /* line 1096, ../../../src/page/top/_pc.scss */
  body #wrapper #cp #step .term .box p span.w {
    font-weight: bold;
  }
  /* line 1099, ../../../src/page/top/_pc.scss */
  body #wrapper #cp #step .term .box p a {
    color: black;
    text-decoration: underline;
  }
  /* line 1102, ../../../src/page/top/_pc.scss */
  body #wrapper #cp #step .term .box p a:hover {
    text-decoration: none;
  }
  /* line 1111, ../../../src/page/top/_pc.scss */
  body #wrapper #prod {
    padding: 0 0 8.8vw 0;
  }
  /* line 1113, ../../../src/page/top/_pc.scss */
  body #wrapper #prod .box {
    width: 95%;
    margin: 1.9vw auto 0 auto;
    background: white;
    position: relative;
    border-radius: 2.5vw;
    padding: 7.5vw 0 0 0;
  }
  /* line 1120, ../../../src/page/top/_pc.scss */
  body #wrapper #prod .box .ttl {
    font-size: 4.0625vw;
    color: #ee4b66;
    letter-spacing: 0.2vw;
    margin: 0 0 1.4vw 0;
  }
  /* line 1126, ../../../src/page/top/_pc.scss */
  body #wrapper #prod .box h2 {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 2.5vw;
    font-weight: bold;
    align-content: center;
    align-items: center;
    color: #ee4b66;
    letter-spacing: 0.2vw;
    margin: 0 0 1.7vw -0.1vw;
    color: #ee4b66;
  }
  /* line 1138, ../../../src/page/top/_pc.scss */
  body #wrapper #prod .box h2 img {
    width: 1.7vw;
    display: inline-block;
    margin: 0 2.9vw 0 0;
  }
  /* line 1142, ../../../src/page/top/_pc.scss */
  body #wrapper #prod .box h2 img:last-child {
    margin: 0 0 0 3vw;
  }
  /* line 1147, ../../../src/page/top/_pc.scss */
  body #wrapper #prod .box .info {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-direction: row-reverse;
  }
  /* line 1152, ../../../src/page/top/_pc.scss */
  body #wrapper #prod .box .info .img {
    width: 27.8125vw;
    margin: 8vw 0 0 -0.3vw;
    width: 27.4vw;
    position: relative;
  }
  /* line 1157, ../../../src/page/top/_pc.scss */
  body #wrapper #prod .box .info .img .mark {
    width: 100%;
    text-align: right;
    box-sizing: border-box;
    padding: 0vw 0.5vw 0 0;
    position: relative;
    top: 1.3vw;
  }
  /* line 1164, ../../../src/page/top/_pc.scss */
  body #wrapper #prod .box .info .img .mark img {
    width: 10vw;
  }
  /* line 1168, ../../../src/page/top/_pc.scss */
  body #wrapper #prod .box .info .img .mark2 {
    position: absolute;
    width: 13.75vw;
    top: 32vw;
    left: 0.5vw;
  }
  /* line 1175, ../../../src/page/top/_pc.scss */
  body #wrapper #prod .box .info .detail {
    margin: 3.9vw 0 0 9vw;
    width: 32.3vw;
  }
  /* line 1178, ../../../src/page/top/_pc.scss */
  body #wrapper #prod .box .info .detail .logo {
    width: 26.4vw;
    margin: 0.1vw 0 3.5vw -1vw;
  }
  /* line 1183, ../../../src/page/top/_pc.scss */
  body #wrapper #prod .box .info .detail ul li {
    margin-bottom: 2.3vw;
    color: black;
    font-size: 1.40625vw;
    line-height: 2.8125vw;
    text-align: left;
    letter-spacing: 0.13vw;
    background: url(../../../img/prod_mark.svg) no-repeat 0% 0%;
    background-size: 2vw auto;
    padding: 0 0 0 3vw;
    margin-left: -4vw;
  }
  /* line 1196, ../../../src/page/top/_pc.scss */
  body #wrapper #prod .box .info .detail .btn {
    width: 21.25vw;
    border-radius: 5vw;
    box-sizing: border-box;
    font-size: 1.09375vw;
    line-height: 1.5625vw;
    color: white;
    font-weight: bold;
    height: 4.6875vw;
    letter-spacing: 0.15vw;
    position: relative;
    margin: 2.6vw 0 0 -0.3vw;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 1209, ../../../src/page/top/_pc.scss */
  body #wrapper #prod .box .info .detail .btn img {
    width: 1.32813vw;
    position: relative;
    top: 0.1vw;
    margin: 0 0.7vw;
  }
  /* line 1218, ../../../src/page/top/_pc.scss */
  body #wrapper #prod .box .notice {
    box-sizing: border-box;
    padding: 4.7vw 6.3vw 4.8vw 6.3vw;
    text-align: left;
  }
  /* line 1223, ../../../src/page/top/_pc.scss */
  body #wrapper #prod .box .notice ul li {
    margin: 0 0 1.2vw 0;
  }
  /* line 1225, ../../../src/page/top/_pc.scss */
  body #wrapper #prod .box .notice ul li p {
    color: black;
    letter-spacing: 0.03vw;
    font-size: 1.09375vw;
    line-height: 2.1;
    font-weight: 500;
  }
  /* line 1232, ../../../src/page/top/_pc.scss */
  body #wrapper #prod .box .notice ul li .ttl {
    color: #ee4b66;
    margin: 0 0 0.2vw 0;
    font-weight: bold;
  }
  /* line 1243, ../../../src/page/top/_pc.scss */
  body #wrapper .share {
    padding: 0 0 1.5vw 0;
    position: relative;
    z-index: 10;
  }
  /* line 1247, ../../../src/page/top/_pc.scss */
  body #wrapper .share .box {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
  }
  /* line 1253, ../../../src/page/top/_pc.scss */
  body #wrapper .share .box .m {
    width: 4.5vw;
    margin: 0 2.1vw;
    position: relative;
    top: 2.7vw;
  }
  /* line 1259, ../../../src/page/top/_pc.scss */
  body #wrapper .share .box .area {
    width: 18.2vw;
    height: 18.2vw;
    background: #EE4B66;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
  }
  /* line 1268, ../../../src/page/top/_pc.scss */
  body #wrapper .share .box .area p {
    text-align: center;
    width: 100%;
    margin: 0 0 2vw 0;
    position: relative;
    top: -0.3vw;
  }
  /* line 1274, ../../../src/page/top/_pc.scss */
  body #wrapper .share .box .area p img {
    width: 7.42188vw;
    animation: scale-easeOutElastic 2s infinite normal;
  }
  /* line 1279, ../../../src/page/top/_pc.scss */
  body #wrapper .share .box .area ul {
    display: flex;
    width: 100%;
    justify-content: center;
  }
  /* line 1283, ../../../src/page/top/_pc.scss */
  body #wrapper .share .box .area ul li {
    width: 3vw;
    margin: 0 1.3vw;
  }
  /* line 1286, ../../../src/page/top/_pc.scss */
  body #wrapper .share .box .area ul li a {
    display: block;
  }
  /* line 1288, ../../../src/page/top/_pc.scss */
  body #wrapper .share .box .area ul li a:hover {
    -webkit-animation: share 0.8s linear;
    -moz-animation: share 0.8s linear;
    animation: share 0.8s linear;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 1301, ../../../src/page/top/_pc.scss */
  body #wrapper .share small {
    display: block;
    margin: 10.5vw 0 0 0;
    box-sizing: border-box;
    padding: 0 0 0 3%;
    font-size: 0.9375vw;
    font-weight: 400;
  }
  /* line 1311, ../../../src/page/top/_pc.scss */
  body #float_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* line 1318, ../../../src/page/top/_pc.scss */
  body #btn_floatclose {
    position: fixed;
    top: 0;
    right: 0;
    width: 3.75vw;
    z-index: 1005;
    cursor: pointer;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 1326, ../../../src/page/top/_pc.scss */
  body #btn_floatclose:hover {
    transform: scale(1.05);
  }
}
@media screen and (min-width: 768px) {
  /* line 1, ../../../src/page/top/_float.scss */
  #float {
    position: fixed;
    z-index: 500;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* line 9, ../../../src/page/top/_float.scss */
  #float #float_scroll_graph {
    height: 100%;
    width: 100%;
    float: none;
  }
  /* line 14, ../../../src/page/top/_float.scss */
  #float .float_scroll_cont {
    width: 1100px;
    margin: 0 auto;
  }
  /* line 18, ../../../src/page/top/_float.scss */
  #float .nav {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  /* line 22, ../../../src/page/top/_float.scss */
  #float .nav ul {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 50px 0 50px 0;
  }
  /* line 27, ../../../src/page/top/_float.scss */
  #float .nav ul li {
    margin: 0 45px;
  }
  /* line 31, ../../../src/page/top/_float.scss */
  #float .nav a {
    color: white;
    font-size: 16px;
    font-weight: bold;
    display: block;
    padding: 0 0 0 20px;
    position: relative;
    letter-spacing: 0.1em;
    cursor: pointer;
  }
  /* line 41, ../../../src/page/top/_float.scss */
  #float .nav a:hover:before {
    transform: translateX(-5px);
  }
  /* line 45, ../../../src/page/top/_float.scss */
  #float .nav a:before {
    content: "";
    display: block;
    background: url(../../../img/arr3.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    left: 0;
    width: 8px;
    height: 100%;
    top: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 57, ../../../src/page/top/_float.scss */
  #float .nav a.btn_next {
    padding: 0 20px 0 0;
  }
  /* line 60, ../../../src/page/top/_float.scss */
  #float .nav a.btn_next:hover:before {
    transform: rotate(180deg) translateX(-5px);
  }
  /* line 64, ../../../src/page/top/_float.scss */
  #float .nav a.btn_next:before {
    right: 0;
    left: auto;
    transform: rotate(180deg);
  }
  /* line 72, ../../../src/page/top/_float.scss */
  #float .box {
    position: relative;
    overflow: hidden;
    float: left;
  }
  /* line 76, ../../../src/page/top/_float.scss */
  #float .box #float_scroll {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    background: white;
  }
  /* line 82, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content {
    width: 100%;
    float: left;
    position: relative;
    box-sizing: border-box;
    padding: 73px 44px 85px 41px;
  }
  /* line 88, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .ttl {
    width: 100%;
    text-align: left;
    position: relative;
    top: -5px;
    margin-bottom: 74px;
  }
  /* line 94, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .ttl img {
    width: 90%;
  }
  /* line 98, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual {
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    margin-bottom: 57px;
  }
  /* line 107, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph {
    width: 523px;
    height: 523px;
    position: relative;
  }
  /* line 111, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph.no {
    background: url(../../../img/data_blank.png) no-repeat center center;
    background-size: contain;
  }
  /* line 114, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph.no .lbl {
    display: none;
  }
  /* line 118, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph.passive {
    opacity: 0;
  }
  /* line 121, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph .lbl {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    font-weight: bold;
    transform: translate(-50%, -50%);
    justify-content: center;
    opacity: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 130, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph .lbl.open {
    opacity: 1;
  }
  /* line 134, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph .lbl.m.open {
    opacity: 0;
  }
  /* line 137, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph .lbl.m.active {
    opacity: 1;
  }
  /* line 140, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph .lbl.m .t {
    font-size: 8px;
  }
  /* line 143, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph .lbl.m .n {
    font-size: 18px;
    color: #ff657d;
  }
  /* line 146, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph .lbl.m .n small {
    font-size: 12px;
  }
  /* line 151, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph .lbl .t {
    font-size: 14px;
    background: #ffcd36;
    color: #ff657d;
    padding: 8px 10px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 0 0 2px 0;
  }
  /* line 162, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph .lbl .n {
    width: 100%;
    font-size: 50px;
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
    color: white;
    justify-content: center;
  }
  /* line 170, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph .lbl .n small {
    font-size: 30px;
  }
  /* line 176, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl {
    width: 33.5%;
    margin: 0 0 0 3.5%;
    position: relative;
    top: -3px;
  }
  /* line 181, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .lbl {
    font-size: 22px;
    line-height: 1;
    font-weight: bold;
    color: #ff657d;
    margin-bottom: 32px;
    font-weight: bold;
    letter-spacing: 0.1em;
  }
  /* line 189, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .lbl.lbl2 {
    font-size: 18px;
    line-height: 1.3;
  }
  /* line 193, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .lbl.passive {
    opacity: 0.2;
  }
  /* line 197, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .select_c {
    position: relative;
    width: 100%;
    background: white;
    border: 2px solid #ff657d;
    box-sizing: border-box;
    border-radius: 42px;
    height: 42px;
    overflow: hidden;
  }
  /* line 206, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .select_c.active {
    background: #ff657d;
    color: white;
  }
  /* line 207, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .select_c.active:after {
    background: url(../../../img/arr_btm_w.svg) no-repeat center center;
    background-size: contain;
  }
  /* line 213, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .select_c.active select {
    background: #ff657d;
    color: white;
  }
  /* line 218, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .select_c:after {
    content: "";
    display: block;
    background: url(../../../img/arr_btm.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    right: 9%;
    width: 14px;
    height: 100%;
    bottom: 0;
    z-index: 5;
    pointer-events: none;
  }
  /* line 231, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .select_c select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: black;
    text-decoration: none;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: normal;
    letter-spacing: normal;
    border: none;
    background: transparent;
    margin: 0;
    padding: 0;
    outline: none;
    width: 100%;
    height: 100%;
    font-size: 12px;
    box-sizing: border-box;
    color: #ff657d;
    font-weight: bold;
    padding: 0 12%;
    position: relative;
    line-height: 32px;
    z-index: 4;
  }
  /* line 244, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .select_c select::-ms-expand {
    display: none;
  }
  /* line 248, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .btn_ctrl {
    width: 100%;
    background: white;
    border: 2px solid #ff657d;
    box-sizing: border-box;
    border-radius: 42px;
    height: 42px;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    font-size: 12px;
    color: #ff657d;
    font-weight: bold;
    box-sizing: border-box;
    padding: 0 12%;
    letter-spacing: 0.1em;
    position: relative;
    cursor: pointer;
  }
  /* line 267, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .btn_ctrl:after {
    content: "";
    display: block;
    background: url(../../../img/arr_btm.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    right: 9%;
    width: 14px;
    height: 100%;
    bottom: 0;
  }
  /* line 278, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .btn_ctrl.active {
    background: #ff657d;
    color: white;
    cursor: default;
  }
  /* line 283, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .btn_ctrl.all {
    height: 60px;
    margin-bottom: 50px;
    font-size: 16px;
    justify-content: center;
  }
  /* line 288, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .btn_ctrl.all:after {
    display: none;
  }
  /* line 291, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .btn_ctrl.all.passive {
    opacity: 0.2;
  }
  /* line 296, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  /* line 300, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl ul li {
    width: 48%;
    margin-bottom: 10px;
  }
  /* line 307, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .copy {
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #ff657d;
  }
  /* line 317, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .copy img {
    width: 23px;
    position: relative;
    top: 4px;
    display: inline-block;
    margin: 0 22px 0 0;
  }
  /* line 323, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .copy img:last-child {
    margin: 0 0 0 22px;
  }
  /* line 332, ../../../src/page/top/_float.scss */
  #float .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    float: left;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
  }
  /* line 341, ../../../src/page/top/_float.scss */
  #float .iScrollIndicator {
    background: white !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  /* line 1, ../../../src/page/top/_float.scss */
  #float {
    position: fixed;
    z-index: 500;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* line 9, ../../../src/page/top/_float.scss */
  #float #float_scroll_graph {
    height: 100%;
    width: 100%;
    float: none;
  }
  /* line 14, ../../../src/page/top/_float.scss */
  #float .float_scroll_cont {
    width: 85.9375vw;
    margin: 0 auto;
  }
  /* line 18, ../../../src/page/top/_float.scss */
  #float .nav {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  /* line 22, ../../../src/page/top/_float.scss */
  #float .nav ul {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 3.90625vw 0 3.90625vw 0;
  }
  /* line 27, ../../../src/page/top/_float.scss */
  #float .nav ul li {
    margin: 0 3.51563vw;
  }
  /* line 31, ../../../src/page/top/_float.scss */
  #float .nav a {
    color: white;
    font-size: 1.25vw;
    font-weight: bold;
    display: block;
    padding: 0 0 0 1.5625vw;
    position: relative;
    letter-spacing: 0.1em;
    cursor: pointer;
  }
  /* line 41, ../../../src/page/top/_float.scss */
  #float .nav a:hover:before {
    transform: translateX(-5px);
  }
  /* line 45, ../../../src/page/top/_float.scss */
  #float .nav a:before {
    content: "";
    display: block;
    background: url(../../../img/arr3.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    left: 0;
    width: 0.625vw;
    height: 100%;
    top: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 57, ../../../src/page/top/_float.scss */
  #float .nav a.btn_next {
    padding: 0 1.5625vw 0 0;
  }
  /* line 60, ../../../src/page/top/_float.scss */
  #float .nav a.btn_next:hover:before {
    transform: rotate(180deg) translateX(-5px);
  }
  /* line 64, ../../../src/page/top/_float.scss */
  #float .nav a.btn_next:before {
    right: 0;
    left: auto;
    transform: rotate(180deg);
  }
  /* line 72, ../../../src/page/top/_float.scss */
  #float .box {
    position: relative;
    overflow: hidden;
    float: left;
  }
  /* line 76, ../../../src/page/top/_float.scss */
  #float .box #float_scroll {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    background: white;
  }
  /* line 82, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content {
    width: 100%;
    float: left;
    position: relative;
    box-sizing: border-box;
    padding: 5.70313vw 3.4375vw 6.64063vw 3.20312vw;
  }
  /* line 88, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .ttl {
    width: 100%;
    text-align: left;
    position: relative;
    top: -0.39063vw;
    margin-bottom: 5.78125vw;
  }
  /* line 94, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .ttl img {
    width: 90%;
  }
  /* line 98, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual {
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    margin-bottom: 4.45313vw;
  }
  /* line 107, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph {
    width: 40.85938vw;
    height: 40.85938vw;
    position: relative;
  }
  /* line 111, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph.no {
    background: url(../../../img/data_blank.png) no-repeat center center;
    background-size: contain;
  }
  /* line 114, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph.no .lbl {
    display: none;
  }
  /* line 118, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph.passive {
    opacity: 0;
  }
  /* line 121, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph .lbl {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    font-weight: bold;
    transform: translate(-50%, -50%);
    justify-content: center;
    opacity: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 130, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph .lbl.open {
    opacity: 1;
  }
  /* line 134, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph .lbl.m.open {
    opacity: 0;
  }
  /* line 137, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph .lbl.m.active {
    opacity: 1;
  }
  /* line 140, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph .lbl.m .t {
    font-size: 0.625vw;
  }
  /* line 143, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph .lbl.m .n {
    font-size: 1.40625vw;
    color: #ff657d;
  }
  /* line 146, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph .lbl.m .n small {
    font-size: 0.9375vw;
  }
  /* line 151, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph .lbl .t {
    font-size: 1.09375vw;
    background: #ffcd36;
    color: #ff657d;
    padding: 0.625vw 0.78125vw;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 0 0 0.15625vw 0;
  }
  /* line 162, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph .lbl .n {
    width: 100%;
    font-size: 3.90625vw;
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
    color: white;
    justify-content: center;
  }
  /* line 170, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .graph .lbl .n small {
    font-size: 2.34375vw;
  }
  /* line 176, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl {
    width: 33.5%;
    margin: 0 0 0 3.5%;
    position: relative;
    top: -0.23438vw;
  }
  /* line 181, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .lbl {
    font-size: 1.71875vw;
    line-height: 1;
    font-weight: bold;
    color: #ff657d;
    margin-bottom: 2.5vw;
    font-weight: bold;
    letter-spacing: 0.1em;
  }
  /* line 189, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .lbl.lbl2 {
    font-size: 1.40625vw;
    line-height: 1.3;
  }
  /* line 193, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .lbl.passive {
    opacity: 0.2;
  }
  /* line 197, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .select_c {
    position: relative;
    width: 100%;
    background: white;
    border: 2px solid #ff657d;
    box-sizing: border-box;
    border-radius: 3.28125vw;
    height: 3.28125vw;
    overflow: hidden;
  }
  /* line 206, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .select_c.active {
    background: #ff657d;
    color: white;
  }
  /* line 207, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .select_c.active:after {
    background: url(../../../img/arr_btm_w.svg) no-repeat center center;
    background-size: contain;
  }
  /* line 213, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .select_c.active select {
    background: #ff657d;
    color: white;
  }
  /* line 218, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .select_c:after {
    content: "";
    display: block;
    background: url(../../../img/arr_btm.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    right: 9%;
    width: 1.09375vw;
    height: 100%;
    bottom: 0;
    z-index: 5;
    pointer-events: none;
  }
  /* line 231, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .select_c select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: black;
    text-decoration: none;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: normal;
    letter-spacing: normal;
    border: none;
    background: transparent;
    margin: 0;
    padding: 0;
    outline: none;
    width: 100%;
    height: 100%;
    font-size: 0.9375vw;
    box-sizing: border-box;
    color: #ff657d;
    font-weight: bold;
    padding: 0 12%;
    position: relative;
    line-height: 2.5vw;
    z-index: 4;
  }
  /* line 244, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .select_c select::-ms-expand {
    display: none;
  }
  /* line 248, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .btn_ctrl {
    width: 100%;
    background: white;
    border: 2px solid #ff657d;
    box-sizing: border-box;
    border-radius: 3.28125vw;
    height: 3.28125vw;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    font-size: 0.9375vw;
    color: #ff657d;
    font-weight: bold;
    box-sizing: border-box;
    padding: 0 12%;
    letter-spacing: 0.1em;
    position: relative;
    cursor: pointer;
  }
  /* line 267, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .btn_ctrl:after {
    content: "";
    display: block;
    background: url(../../../img/arr_btm.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    right: 9%;
    width: 1.09375vw;
    height: 100%;
    bottom: 0;
  }
  /* line 278, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .btn_ctrl.active {
    background: #ff657d;
    color: white;
    cursor: default;
  }
  /* line 283, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .btn_ctrl.all {
    height: 4.6875vw;
    margin-bottom: 3.90625vw;
    font-size: 1.25vw;
    justify-content: center;
  }
  /* line 288, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .btn_ctrl.all:after {
    display: none;
  }
  /* line 291, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl .btn_ctrl.all.passive {
    opacity: 0.2;
  }
  /* line 296, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  /* line 300, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .visual .ctrl ul li {
    width: 48%;
    margin-bottom: 0.78125vw;
  }
  /* line 307, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .copy {
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    font-size: 1.71875vw;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #ff657d;
  }
  /* line 317, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .copy img {
    width: 1.79687vw;
    position: relative;
    top: 0.3125vw;
    display: inline-block;
    margin: 0 1.71875vw 0 0;
  }
  /* line 323, ../../../src/page/top/_float.scss */
  #float .box #float_scroll .content .copy img:last-child {
    margin: 0 0 0 1.71875vw;
  }
  /* line 332, ../../../src/page/top/_float.scss */
  #float .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    float: left;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
  }
  /* line 341, ../../../src/page/top/_float.scss */
  #float .iScrollIndicator {
    background: white !important;
  }
}
/*color*/
/*anim*/
/*size*/
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
@media screen and (max-width: 767px) {
  /*debug
  body{
  	background: url(../../../img/_guidesp.jpg) no-repeat top center;
  	// background: url(../../../img/_spmenu.jpg) no-repeat top center;
  	background-size: 100% auto;
      background-position: 0px 0;
  	// background: url(../../../img/_guidespf.jpg) no-repeat 50% -21px;
  	// background-size: 100% auto;
  	#header{
  		@include opacity(0.6);
  	}
  	#wrapper{
  		@include opacity(0.6);
  	}
  	#footer{
  		@include opacity(0.6);
  	}
  	#recruit{
  		.img_area{
  		    height: 552px !important;
  		}
  	}
  	#float{
  		opacity: 0.6;
  	}
  }
  */
  /* line 36, ../../../src/page/top/_sp.scss */
  body #wrapper .content_all {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 0;
  }
  /* line 39, ../../../src/page/top/_sp.scss */
  body #wrapper .content_all.open {
    opacity: 1;
  }
  /* line 42, ../../../src/page/top/_sp.scss */
  body #wrapper .content_all.passive {
    opacity: 0;
  }
  /* line 47, ../../../src/page/top/_sp.scss */
  body .logo_main {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 0;
  }
  /* line 50, ../../../src/page/top/_sp.scss */
  body .logo_main.open {
    opacity: 1;
  }
  /* line 54, ../../../src/page/top/_sp.scss */
  body #header {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 0;
  }
  /* line 57, ../../../src/page/top/_sp.scss */
  body #header.active {
    opacity: 1;
  }
  /* line 61, ../../../src/page/top/_sp.scss */
  body #opening {
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 10000;
    backface-visibility: visible;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 70, ../../../src/page/top/_sp.scss */
  body #opening .container {
    height: 100%;
    position: relative;
    left: 0.2vw;
  }
  /* line 75, ../../../src/page/top/_sp.scss */
  body #opening.open {
    z-index: 10;
    height: 100vw;
  }
  /* line 79, ../../../src/page/top/_sp.scss */
  body #opening.open .txt {
    transform: translateY(38%);
  }
  /* line 82, ../../../src/page/top/_sp.scss */
  body #opening.open .txt .t1 .kana {
    opacity: 1;
  }
  /* line 88, ../../../src/page/top/_sp.scss */
  body #opening .txt {
    display: flex;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
  /* line 94, ../../../src/page/top/_sp.scss */
  body #opening .txt span {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
  }
  /* line 100, ../../../src/page/top/_sp.scss */
  body #opening .txt .t1 {
    width: 36.8vw;
    position: relative;
    transform: translateX(71%);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 105, ../../../src/page/top/_sp.scss */
  body #opening .txt .t1.open {
    transform: translateX(0%);
  }
  /* line 108, ../../../src/page/top/_sp.scss */
  body #opening .txt .t1 .kana {
    position: absolute;
    top: -20%;
    width: 69.4%;
    left: 14%;
    opacity: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 117, ../../../src/page/top/_sp.scss */
  body #opening .txt .t2 {
    top: 0.6vw;
    height: 21.7vw;
    margin: 0 0 0 2.2vw;
    width: 52.6vw;
    position: relative;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 125, ../../../src/page/top/_sp.scss */
  body #opening .txt .t2.open span {
    -webkit-animation: op1 1s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: op1 1s cubic-bezier(0.23, 1, 0.32, 1);
    animation: op1 1s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 129, ../../../src/page/top/_sp.scss */
  body #opening .txt .t2 span {
    overflow: hidden;
    width: 0;
  }
  /* line 133, ../../../src/page/top/_sp.scss */
  body #opening .txt .t2 img {
    width: 52.5vw;
    position: absolute;
    top: 0;
    left: 0;
  }
  /* line 142, ../../../src/page/top/_sp.scss */
  body .container {
    width: 90.4%;
    margin: 0 auto;
    position: relative;
  }
  /* line 147, ../../../src/page/top/_sp.scss */
  body #wrapper {
    background: #ff657d;
  }
  /* line 149, ../../../src/page/top/_sp.scss */
  body #wrapper .bg_bar {
    position: absolute;
    top: 0;
    right: 0;
    width: 74%;
    height: 100%;
    background: url(../../../img/bg2_sp.png) repeat-y top left;
    background-size: 290% auto;
  }
  /* line 158, ../../../src/page/top/_sp.scss */
  body #wrapper section {
    position: relative;
    z-index: 10;
  }
  /* line 163, ../../../src/page/top/_sp.scss */
  body #wrapper #top .copy {
    text-align: center;
    padding: 33vw 0 0 0;
    margin: 0 0 13.5vw 0;
  }
  /* line 167, ../../../src/page/top/_sp.scss */
  body #wrapper #top .copy img {
    width: 80.95238vw;
  }
  /* line 171, ../../../src/page/top/_sp.scss */
  body #wrapper #top h1 {
    text-align: center;
    margin-bottom: 15.2vw;
    visibility: hidden;
  }
  /* line 175, ../../../src/page/top/_sp.scss */
  body #wrapper #top h1 img {
    width: 90.47619vw;
  }
  /* line 179, ../../../src/page/top/_sp.scss */
  body #wrapper #top .copy2 {
    display: flex;
    justify-content: center;
    font-size: 3.33333vw;
    font-weight: bold;
    letter-spacing: 0.4vw;
    margin: 0 0 2vw 0;
  }
  /* line 186, ../../../src/page/top/_sp.scss */
  body #wrapper #top .copy2 img {
    width: 3vw;
    position: relative;
    top: -1.7vw;
    display: inline-block;
    margin: 0 4vw 0 0;
  }
  /* line 192, ../../../src/page/top/_sp.scss */
  body #wrapper #top .copy2 img:last-child {
    margin: 0 0 0 1.3vw;
  }
  /* line 197, ../../../src/page/top/_sp.scss */
  body #wrapper #top .proj {
    text-align: center;
    padding: 0 0 49.8vw 0;
  }
  /* line 200, ../../../src/page/top/_sp.scss */
  body #wrapper #top .proj img {
    width: 89.9%;
  }
  /* line 204, ../../../src/page/top/_sp.scss */
  body #wrapper #top .top_bnr_area {
    position: absolute;
    bottom: -0.8vw;
    right: -2.2vw;
  }
  /* line 208, ../../../src/page/top/_sp.scss */
  body #wrapper #top .top_bnr_area p {
    text-align: center;
    margin: 0 0 1.2vw 0;
  }
  /* line 211, ../../../src/page/top/_sp.scss */
  body #wrapper #top .top_bnr_area p img {
    width: 84%;
  }
  /* line 215, ../../../src/page/top/_sp.scss */
  body #wrapper #top .top_bnr_area .bnr {
    display: block;
    line-height: 0;
    width: 22vw;
  }
  /* line 221, ../../../src/page/top/_sp.scss */
  body #wrapper #top .scroll {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    justify-content: center;
    flex-wrap: wrap;
  }
  /* line 229, ../../../src/page/top/_sp.scss */
  body #wrapper #top .scroll span {
    display: block;
    width: 2px;
    height: 7vw;
    background: white;
    margin: 0 0 2vw 0;
    overflow: hidden;
    position: relative;
  }
  /* line 237, ../../../src/page/top/_sp.scss */
  body #wrapper #top .scroll span:before {
    content: "";
    display: block;
    background: #ff657d;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation: scroll 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    -moz-animation: scroll 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    animation: scroll 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 250, ../../../src/page/top/_sp.scss */
  body #wrapper #top .scroll p {
    font-size: 2.61905vw;
    width: 100%;
  }
  /* line 256, ../../../src/page/top/_sp.scss */
  body #wrapper #intro {
    padding: 27vw 0 0 0;
  }
  /* line 258, ../../../src/page/top/_sp.scss */
  body #wrapper #intro .box {
    background: url(../../../img/bg1_sp.png) no-repeat center top;
    background-size: contain;
    margin: 0 auto;
    width: 100%;
    padding: 19.4vw 8% 30vw 8%;
    margin-bottom: 13vw;
    box-sizing: border-box;
  }
  /* line 266, ../../../src/page/top/_sp.scss */
  body #wrapper #intro .box h2 {
    width: 100%;
    display: flex;
    font-size: 6.19048vw;
    font-weight: bold;
    align-content: flex-end;
    align-items: flex-end;
    color: #ee4b66;
    letter-spacing: 0.3vw;
    margin: 0 0 10.2vw 0;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  /* line 278, ../../../src/page/top/_sp.scss */
  body #wrapper #intro .box h2 img {
    width: 24.52381vw;
    display: inline-block;
    margin: 0 2vw 0 -2.4vw;
  }
  /* line 283, ../../../src/page/top/_sp.scss */
  body #wrapper #intro .box h2 span {
    display: block;
    margin: 5vw 0 0 -3vw;
  }
  /* line 288, ../../../src/page/top/_sp.scss */
  body #wrapper #intro .box .detail {
    font-size: 3.80952vw;
    line-height: 9.04762vw;
    color: black;
    text-align: left;
    font-weight: bold;
    margin: 0 0 4vw -4%;
    letter-spacing: 0.3vw;
    width: 106%;
    font-weight: 500;
  }
  /* line 298, ../../../src/page/top/_sp.scss */
  body #wrapper #intro .box .detail:nth-of-type(2) {
    margin-bottom: 6vw;
  }
  /* line 302, ../../../src/page/top/_sp.scss */
  body #wrapper #intro .box .main {
    font-size: 4.52381vw;
    line-height: 10.47619vw;
    text-align: left;
    margin: 0 0 0 -5%;
    letter-spacing: 0.14vw;
    width: 110%;
  }
  /* line 309, ../../../src/page/top/_sp.scss */
  body #wrapper #intro .box .main span {
    display: inline-block;
    position: relative;
    color: #ee4b66;
    font-weight: bold;
    text-align: left;
    margin: 0 0 1.2vw 0;
    white-space: nowrap;
  }
  /* line 317, ../../../src/page/top/_sp.scss */
  body #wrapper #intro .box .main span:before {
    content: "";
    display: block;
    background: #ff657d;
    position: absolute;
    bottom: -0.1vw;
    left: 0;
    width: 100%;
    height: 1.19048vw;
  }
  /* line 331, ../../../src/page/top/_sp.scss */
  body #wrapper #data {
    padding: 22vw 0 0 0;
  }
  /* line 333, ../../../src/page/top/_sp.scss */
  body #wrapper #data h2 {
    text-align: center;
    margin: 0 0 8vw 0;
  }
  /* line 336, ../../../src/page/top/_sp.scss */
  body #wrapper #data h2 img {
    width: 74vw;
  }
  /* line 340, ../../../src/page/top/_sp.scss */
  body #wrapper #data .copy {
    text-align: center;
    font-size: 3.80952vw;
    line-height: 7.61905vw;
    letter-spacing: 0.18vw;
    font-weight: bold;
    margin: 0 0 9vw 0;
  }
  /* line 348, ../../../src/page/top/_sp.scss */
  body #wrapper #data .fuki {
    margin: 0 auto;
    width: 68.09524vw;
    border-radius: 1vw;
    box-sizing: border-box;
    background: white;
    font-size: 5.71429vw;
    line-height: 16.19048vw;
    color: #ee4b66;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 0 5.71429vw;
    height: 14.28571vw;
    letter-spacing: 1vw;
    position: relative;
    margin-bottom: 6vw;
  }
  /* line 367, ../../../src/page/top/_sp.scss */
  body #wrapper #data .fuki:before {
    content: "";
    display: block;
    background: url(../../../img/tri.svg) no-repeat top center;
    background-size: contain;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    width: 5.2381vw;
    height: 4.28571vw;
    bottom: -2.5vw;
  }
  /* line 379, ../../../src/page/top/_sp.scss */
  body #wrapper #data .fuki img {
    width: 4.7619vw;
    position: relative;
    left: 2vw;
  }
  /* line 386, ../../../src/page/top/_sp.scss */
  body #wrapper #data section h3 {
    display: flex;
    justify-content: center;
    font-size: 13.09524vw;
    line-height: 15vw;
    font-weight: bold;
    letter-spacing: 0.3vw;
    margin: 0 0 11vw 3vw;
  }
  /* line 394, ../../../src/page/top/_sp.scss */
  body #wrapper #data section h3 img {
    width: 5.1vw;
    display: inline-block;
    margin: 0 4vw 0 0;
    position: relative;
    top: 0.5vw;
  }
  /* line 400, ../../../src/page/top/_sp.scss */
  body #wrapper #data section h3 img:last-child {
    margin: 0 0 0 4vw;
  }
  /* line 405, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content {
    margin: 0 0 2vw -4%;
    width: 108%;
    position: relative;
  }
  /* line 409, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn_float {
    position: absolute;
    display: block;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 415, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn_float.open {
    opacity: 1;
  }
  /* line 419, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn1 {
    width: 100%;
    height: 28vw;
    top: 0;
    left: 0;
    z-index: 1;
  }
  /* line 426, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn_float {
    position: absolute;
    display: block;
    cursor: pointer;
  }
  /* line 431, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .base {
    visibility: hidden;
  }
  /* line 436, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn1 {
    width: 100%;
    height: 27.61905vw;
    top: 0;
    left: 0;
    background: url(../../../img/top_data1_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 443, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn1.on {
    background-image: url(../../../img/top_data1_sp_on.png);
  }
  /* line 447, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn2 {
    width: 64.58571vw;
    height: 27.75714vw;
    top: 28.19524vw;
    left: 0;
    background: url(../../../img/top_data2_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 454, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn2.on {
    background-image: url(../../../img/top_data2_sp_on.png);
  }
  /* line 458, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn3 {
    top: 13.80952vw;
    right: 0;
    width: 32.38095vw;
    height: 42.18095vw;
    background: url(../../../img/top_data3_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 465, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn3.on {
    background-image: url(../../../img/top_data3_sp_on.png);
  }
  /* line 469, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn4 {
    top: 56.69667vw;
    left: 0;
    width: 60.57619vw;
    height: 18.57143vw;
    background: url(../../../img/top_data4_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 476, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn4.on {
    background-image: url(../../../img/top_data4_sp_on.png);
  }
  /* line 480, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn5 {
    top: 56.69667vw;
    right: 0;
    width: 36.39048vw;
    height: 18.57143vw;
    background: url(../../../img/top_data5_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 487, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn5.on {
    background-image: url(../../../img/top_data5_sp_on.png);
  }
  /* line 491, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn6 {
    top: 76.00048vw;
    left: 0;
    width: 100%;
    height: 30.95238vw;
    background: url(../../../img/top_data6_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 498, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn6.on {
    background-image: url(../../../img/top_data6_sp_on.png);
  }
  /* line 502, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn7 {
    top: 107.65714vw;
    left: 0;
    width: 40.2381vw;
    height: 42.85714vw;
    background: url(../../../img/top_data7_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 509, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn7.on {
    background-image: url(../../../img/top_data7_sp_on.png);
  }
  /* line 513, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn8 {
    top: 107.65714vw;
    right: 0;
    width: 56.52857vw;
    height: 24.9619vw;
    background: url(../../../img/top_data8_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 520, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn8.on {
    background-image: url(../../../img/top_data8_sp_on.png);
  }
  /* line 524, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn9 {
    top: 133.33333vw;
    right: 0;
    width: 56.52857vw;
    height: 45.95238vw;
    background: url(../../../img/top_data9_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 531, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn9.on {
    background-image: url(../../../img/top_data9_sp_on.png);
  }
  /* line 535, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn10 {
    top: 151.19048vw;
    left: 0vw;
    width: 40.2381vw;
    height: 28.09524vw;
    background: url(../../../img/top_data10_sp.png) no-repeat top left;
    background-size: 100% auto;
    z-index: 3;
  }
  /* line 543, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn10.on {
    background-image: url(../../../img/top_data10_sp_on.png);
  }
  /* line 547, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn11 {
    top: 179.9vw;
    left: 0vw;
    width: 100%;
    height: 42.85714vw;
    background: url(../../../img/top_data11_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 554, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn11.on {
    background-image: url(../../../img/top_data11_sp_on.png);
  }
  /* line 558, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn12 {
    top: 179.9vw;
    right: 0;
    width: 44.38571vw;
    height: 22.93524vw;
    background: url(../../../img/top_data12_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 565, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn12.on {
    background-image: url(../../../img/top_data12_sp_on.png);
  }
  /* line 569, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn13 {
    top: 223.57143vw;
    left: 0vw;
    width: 27.54286vw;
    height: 36.80476vw;
    background: url(../../../img/top_data13_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 576, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn13.on {
    background-image: url(../../../img/top_data13_sp_on.png);
  }
  /* line 580, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn14 {
    top: 223.57143vw;
    right: 0;
    width: 69.28571vw;
    height: 36.90476vw;
    background: url(../../../img/top_data14_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 587, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn14.on {
    background-image: url(../../../img/top_data14_sp_on.png);
  }
  /* line 591, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn15 {
    top: 261.29048vw;
    left: 0vw;
    width: 40.4681vw;
    height: 40.95238vw;
    background: url(../../../img/top_data15_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 598, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn15.on {
    background-image: url(../../../img/top_data15_sp_on.png);
  }
  /* line 603, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn16 {
    top: 302.99524vw;
    left: 0vw;
    width: 100%;
    height: 29.28571vw;
    background: url(../../../img/top_data16_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 610, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn16.on {
    background-image: url(../../../img/top_data16_sp_on.png);
  }
  /* line 614, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn17 {
    top: 261.29048vw;
    right: 0;
    width: 56.45048vw;
    height: 41.0048vw;
    background: url(../../../img/top_data17_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 621, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn17.on {
    background-image: url(../../../img/top_data17_sp_on.png);
  }
  /* line 625, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn18 {
    top: 333.09524vw;
    left: 0vw;
    width: 100%;
    height: 24.7619vw;
    background: url(../../../img/top_data18_sp.png) no-repeat top left;
    background-size: 100% auto;
    z-index: 3;
  }
  /* line 633, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn18.on {
    background-image: url(../../../img/top_data18_sp_on.png);
  }
  /* line 637, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn19 {
    top: 358.57143vw;
    left: 0vw;
    width: 100%;
    height: 24.7619vw;
    background: url(../../../img/top_data19_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 644, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn19.on {
    background-image: url(../../../img/top_data19_sp_on.png);
  }
  /* line 648, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn20 {
    top: 384.11429vw;
    left: 0vw;
    width: 43.43333vw;
    height: 31.22857vw;
    background: url(../../../img/top_data20_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 655, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn20.on {
    background-image: url(../../../img/top_data20_sp_on.png);
  }
  /* line 659, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn21 {
    top: 384.11429vw;
    right: 0;
    width: 53.33333vw;
    height: 31.42857vw;
    background: url(../../../img/top_data21_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 666, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn21.on {
    background-image: url(../../../img/top_data21_sp_on.png);
  }
  /* line 670, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn22 {
    top: 416.21905vw;
    left: 0vw;
    width: 38.57143vw;
    height: 35.71429vw;
    background: url(../../../img/top_data22_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 677, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn22.on {
    background-image: url(../../../img/top_data22_sp_on.png);
  }
  /* line 681, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn23 {
    top: 416.21905vw;
    right: 0;
    width: 58.09524vw;
    height: 35.71429vw;
    background: url(../../../img/top_data23_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 688, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn23.on {
    background-image: url(../../../img/top_data23_sp_on.png);
  }
  /* line 692, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn24 {
    top: 452.84762vw;
    left: 0vw;
    width: 27.71905vw;
    height: 28.80952vw;
    background: url(../../../img/top_data24_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 699, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn24.on {
    background-image: url(../../../img/top_data24_sp_on.png);
  }
  /* line 703, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn25 {
    top: 452.84762vw;
    right: 0;
    width: 69.04762vw;
    height: 28.80952vw;
    background: url(../../../img/top_data25_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 710, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn25.on {
    background-image: url(../../../img/top_data25_sp_on.png);
  }
  /* line 714, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn26 {
    top: 482.50952vw;
    left: 0vw;
    width: 43.77143vw;
    height: 37.85714vw;
    background: url(../../../img/top_data26_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 721, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn26.on {
    background-image: url(../../../img/top_data26_sp_on.png);
  }
  /* line 725, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn27 {
    top: 482.50952vw;
    left: 44.52381vw;
    width: 52.85714vw;
    height: 37.85714vw;
    background: url(../../../img/top_data27_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 732, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn27.on {
    background-image: url(../../../img/top_data27_sp_on.png);
  }
  /* line 736, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn28 {
    top: 521.14286vw;
    left: 0vw;
    width: 55.1vw;
    height: 17.14286vw;
    background: url(../../../img/top_data28_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 743, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn28.on {
    background-image: url(../../../img/top_data28_sp_on.png);
  }
  /* line 747, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn29 {
    top: 521.14286vw;
    right: 0;
    width: 41.76667vw;
    height: 17.14286vw;
    background: url(../../../img/top_data29_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 754, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn29.on {
    background-image: url(../../../img/top_data29_sp_on.png);
  }
  /* line 758, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn30 {
    top: 539.0381vw;
    left: 0vw;
    width: 97.38095vw;
    height: 21.90476vw;
    background: url(../../../img/top_data30_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  /* line 765, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .content .btn30.on {
    background-image: url(../../../img/top_data30_sp_on.png);
  }
  /* line 770, ../../../src/page/top/_sp.scss */
  body #wrapper #data section .notice {
    margin: 0 0 0 -4%;
    width: 108%;
    font-size: 2.85714vw;
    line-height: 2;
  }
  /* line 778, ../../../src/page/top/_sp.scss */
  body #wrapper #result {
    padding: 17vw 0 13vw 0;
  }
  /* line 780, ../../../src/page/top/_sp.scss */
  body #wrapper #result h2 {
    text-align: center;
    margin: 0 0 8vw 0;
  }
  /* line 783, ../../../src/page/top/_sp.scss */
  body #wrapper #result h2 img {
    width: 76vw;
  }
  /* line 787, ../../../src/page/top/_sp.scss */
  body #wrapper #result .sub {
    text-align: center;
    font-size: 3.80952vw;
    line-height: 7.61905vw;
    font-weight: bold;
    letter-spacing: 0.25vw;
    position: relative;
    left: 0.7vw;
    margin: 0 0 3.5vw 0;
  }
  /* line 797, ../../../src/page/top/_sp.scss */
  body #wrapper #result .copy {
    text-align: center;
    font-size: 5.71429vw;
    line-height: 10vw;
    font-weight: bold;
    letter-spacing: 0.3vw;
    margin: 0 0 8vw 0;
  }
  /* line 805, ../../../src/page/top/_sp.scss */
  body #wrapper #result .btn {
    margin: 0 auto;
    width: 90.47619vw;
    border-radius: 12vw;
    box-sizing: border-box;
    background: white;
    font-size: 4.7619vw;
    line-height: 6.90476vw;
    color: #ee4b66;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    height: 21.42857vw;
    letter-spacing: 0.5vw;
    position: relative;
    margin-bottom: 3.3vw;
  }
  /* line 823, ../../../src/page/top/_sp.scss */
  body #wrapper #result .btn img {
    width: 5vw;
    margin: 0 0 0 4vw;
    position: relative;
    top: 0.1vw;
  }
  /* line 832, ../../../src/page/top/_sp.scss */
  body #wrapper #cp .prod {
    width: 100%;
    margin: 1.9vw auto 0 auto;
    background: white;
    position: relative;
    border-radius: 3.5vw;
    padding: 11.5vw 0 0 0;
  }
  /* line 839, ../../../src/page/top/_sp.scss */
  body #wrapper #cp .prod:before {
    content: "";
    display: block;
    background: url(../../../img/tri2.svg) no-repeat top center;
    background-size: contain;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 13.33333vw;
    height: 7.85714vw;
    top: -3vw;
  }
  /* line 851, ../../../src/page/top/_sp.scss */
  body #wrapper #cp .prod h2 {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 4.28571vw;
    font-weight: bold;
    align-content: center;
    align-items: center;
    color: #ee4b66;
    letter-spacing: 0.4vw;
    margin: 0 0 3.7vw 0;
    color: #ee4b66;
  }
  /* line 863, ../../../src/page/top/_sp.scss */
  body #wrapper #cp .prod h2 img {
    width: 4vw;
    display: inline-block;
    margin: 0 2.3vw 0 0;
  }
  /* line 867, ../../../src/page/top/_sp.scss */
  body #wrapper #cp .prod h2 img:last-child {
    margin: 0 0 0 2vw;
  }
  /* line 872, ../../../src/page/top/_sp.scss */
  body #wrapper #cp .prod .copy {
    font-size: 3.33333vw;
    line-height: 6.66667vw;
    font-weight: bold;
    color: black;
    text-align: center;
    letter-spacing: 0.2vw;
    margin: 0 0 5vw 0;
  }
  /* line 881, ../../../src/page/top/_sp.scss */
  body #wrapper #cp .prod .info {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  /* line 885, ../../../src/page/top/_sp.scss */
  body #wrapper #cp .prod .info .img {
    margin: 3vw 0 0 13%;
    width: 73.5%;
    position: relative;
  }
  /* line 889, ../../../src/page/top/_sp.scss */
  body #wrapper #cp .prod .info .img .mark {
    width: 100%;
    text-align: right;
    box-sizing: border-box;
    padding: 0vw 0.5vw 0 0;
    position: relative;
    top: 1.3vw;
  }
  /* line 896, ../../../src/page/top/_sp.scss */
  body #wrapper #cp .prod .info .img .mark img {
    width: 21vw;
    display: inline-block;
    margin: 0 3% 0 0;
  }
  /* line 902, ../../../src/page/top/_sp.scss */
  body #wrapper #cp .prod .info .img .mark2 {
    position: absolute;
    width: 31.66667vw;
    top: 75vw;
    left: 2.5vw;
  }
  /* line 909, ../../../src/page/top/_sp.scss */
  body #wrapper #cp .prod .info .detail {
    margin: 3.9vw 0 0 6%;
    width: 91%;
  }
  /* line 912, ../../../src/page/top/_sp.scss */
  body #wrapper #cp .prod .info .detail p {
    font-size: 3.33333vw;
    line-height: 6.66667vw;
    text-align: center;
    font-weight: bold;
    color: black;
    margin: 8.3vw 0 3.6vw 0;
    letter-spacing: 0.1vw;
    position: relative;
    left: -2vw;
  }
  /* line 923, ../../../src/page/top/_sp.scss */
  body #wrapper #cp .prod .info .detail .btn {
    width: 96.5%;
    border-radius: 7vw;
    box-sizing: border-box;
    background: #ff657d;
    font-size: 3.33333vw;
    line-height: 4.7619vw;
    color: white;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    height: 14.28571vw;
    letter-spacing: 0.3vw;
    position: relative;
  }
  /* line 939, ../../../src/page/top/_sp.scss */
  body #wrapper #cp .prod .info .detail .btn img {
    width: 4.04762vw;
    position: relative;
    top: 0.1vw;
    margin: 0 3vw 0 0;
  }
  /* line 948, ../../../src/page/top/_sp.scss */
  body #wrapper #cp .prod .notice {
    box-sizing: border-box;
    padding: 8.9vw 4.3vw 0 4.3vw;
  }
  /* line 952, ../../../src/page/top/_sp.scss */
  body #wrapper #cp .prod .notice ul li {
    margin: 0 0 3.2vw 0;
  }
  /* line 954, ../../../src/page/top/_sp.scss */
  body #wrapper #cp .prod .notice ul li p {
    color: black;
    letter-spacing: 0.03vw;
    font-size: 3.33333vw;
    line-height: 6.66667vw;
    font-weight: 500;
    letter-spacing: 0.3vw;
  }
  /* line 962, ../../../src/page/top/_sp.scss */
  body #wrapper #cp .prod .notice ul li .ttl {
    color: #ee4b66;
    font-weight: bold;
    margin: 0 0 0.2vw 0;
  }
  /* line 971, ../../../src/page/top/_sp.scss */
  body #wrapper #cp #step {
    padding: 20.7vw 0 26.4vw 0;
  }
  /* line 973, ../../../src/page/top/_sp.scss */
  body #wrapper #cp #step h3 {
    text-align: center;
    font-size: 6.66667vw;
    line-height: 7.38095vw;
    font-weight: bold;
    margin-bottom: 9.7619vw;
    letter-spacing: 0.8vw;
  }
  /* line 981, ../../../src/page/top/_sp.scss */
  body #wrapper #cp #step ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto 5vw auto;
    width: 100%;
  }
  /* line 987, ../../../src/page/top/_sp.scss */
  body #wrapper #cp #step ul li {
    background: white;
    position: relative;
    width: 100%;
    border-radius: 4.8vw;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 6.9vw 0 7vw 0;
    margin: 0 0 9vw 0;
  }
  /* line 1000, ../../../src/page/top/_sp.scss */
  body #wrapper #cp #step ul li:nth-of-type(2) {
    padding-bottom: 2vw;
  }
  /* line 1003, ../../../src/page/top/_sp.scss */
  body #wrapper #cp #step ul li:last-child {
    padding-bottom: 5vw;
  }
  /* line 1005, ../../../src/page/top/_sp.scss */
  body #wrapper #cp #step ul li:last-child::before {
    display: none;
  }
  /* line 1009, ../../../src/page/top/_sp.scss */
  body #wrapper #cp #step ul li:before {
    content: "";
    display: block;
    background: url(../../../img/tri.svg) no-repeat top center;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 85%) rotate(90deg);
    width: 6.6vw;
    height: 5.6vw;
  }
  /* line 1021, ../../../src/page/top/_sp.scss */
  body #wrapper #cp #step ul li .num {
    text-align: center;
    width: 100%;
    margin: 0 0 6.4vw 0;
  }
  /* line 1025, ../../../src/page/top/_sp.scss */
  body #wrapper #cp #step ul li .num img {
    width: 9vw;
  }
  /* line 1029, ../../../src/page/top/_sp.scss */
  body #wrapper #cp #step ul li .copy {
    width: 100%;
    font-size: 3.80952vw;
    line-height: 7vw;
    text-align: center;
    color: black;
    margin: 0 0 3.2vw 0;
  }
  /* line 1036, ../../../src/page/top/_sp.scss */
  body #wrapper #cp #step ul li .copy span {
    color: #ee4b66;
    font-size: 4.7619vw;
  }
  /* line 1041, ../../../src/page/top/_sp.scss */
  body #wrapper #cp #step ul li .logo {
    width: 100%;
    margin: -2vw 0 2vw 0;
    text-align: center;
  }
  /* line 1045, ../../../src/page/top/_sp.scss */
  body #wrapper #cp #step ul li .logo img {
    width: 89%;
  }
  /* line 1049, ../../../src/page/top/_sp.scss */
  body #wrapper #cp #step ul li .ttl {
    color: #ee4b66;
    font-size: 8.33333vw;
    line-height: 14.52381vw;
    font-weight: bold;
    margin: -4.4vw 0 0.2vw 0;
  }
  /* line 1056, ../../../src/page/top/_sp.scss */
  body #wrapper #cp #step ul li .btn {
    width: 50.95238vw;
    border-radius: 5vw;
    box-sizing: border-box;
    background: #ff657d;
    font-size: 2.85714vw;
    line-height: 3.80952vw;
    color: white;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    height: 10vw;
    letter-spacing: 0.15vw;
    position: relative;
  }
  /* line 1072, ../../../src/page/top/_sp.scss */
  body #wrapper #cp #step ul li .btn img {
    width: 3.09524vw;
    position: relative;
    top: 0.1vw;
    margin: 0 0.7vw;
  }
  /* line 1081, ../../../src/page/top/_sp.scss */
  body #wrapper #cp #step .term {
    margin: 0 auto;
    width: 100%;
    background: white;
    padding: 0 0 6vw 0;
  }
  /* line 1086, ../../../src/page/top/_sp.scss */
  body #wrapper #cp #step .term .ttl {
    text-align: center;
    color: #ee4b66;
    font-size: 5.2381vw;
    line-height: 7.85714vw;
    padding: 8vw 0 7.6vw 0;
    font-weight: bold;
  }
  /* line 1094, ../../../src/page/top/_sp.scss */
  body #wrapper #cp #step .term #term_scroll {
    margin: 0 auto;
    width: 96.6%;
    height: 93vw;
    position: relative;
    overflow: hidden;
  }
  /* line 1100, ../../../src/page/top/_sp.scss */
  body #wrapper #cp #step .term #term_scroll .iScrollVerticalScrollbar {
    background: #E2E2E2 !important;
  }
  /* line 1102, ../../../src/page/top/_sp.scss */
  body #wrapper #cp #step .term #term_scroll .iScrollVerticalScrollbar .iScrollIndicator {
    background: #ff657d !important;
  }
  /* line 1107, ../../../src/page/top/_sp.scss */
  body #wrapper #cp #step .term .box {
    box-sizing: border-box;
    padding: 0 3%;
  }
  /* line 1110, ../../../src/page/top/_sp.scss */
  body #wrapper #cp #step .term .box p {
    color: black;
    font-size: 2.85714vw;
    line-height: 6.19048vw;
    text-align: left;
    padding-bottom: 4.7619vw;
    font-weight: 400;
  }
  /* line 1117, ../../../src/page/top/_sp.scss */
  body #wrapper #cp #step .term .box p span.w {
    font-weight: bold;
  }
  /* line 1120, ../../../src/page/top/_sp.scss */
  body #wrapper #cp #step .term .box p a {
    color: black;
    text-decoration: underline;
  }
  /* line 1129, ../../../src/page/top/_sp.scss */
  body #wrapper #prod {
    padding: 0 0 27.4vw 0;
  }
  /* line 1131, ../../../src/page/top/_sp.scss */
  body #wrapper #prod .container {
    width: 95%;
  }
  /* line 1134, ../../../src/page/top/_sp.scss */
  body #wrapper #prod .box {
    width: 95%;
    margin: 3vw auto 0 auto;
    background: white;
    position: relative;
    border-radius: 3.5vw;
    padding: 11.5vw 0 0.6vw 0;
  }
  /* line 1141, ../../../src/page/top/_sp.scss */
  body #wrapper #prod .box .ttl {
    font-size: 7.61905vw;
    color: #ee4b66;
    letter-spacing: 0.2vw;
    margin: 0 0 2vw 0;
  }
  /* line 1147, ../../../src/page/top/_sp.scss */
  body #wrapper #prod .box h2 {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 4.7619vw;
    font-weight: bold;
    align-content: center;
    align-items: center;
    color: #ee4b66;
    letter-spacing: 0.2vw;
    margin: 0 0 1.7vw -0.1vw;
    color: #ee4b66;
  }
  /* line 1159, ../../../src/page/top/_sp.scss */
  body #wrapper #prod .box h2 img {
    width: 3.3vw;
    display: inline-block;
    margin: 0 4.9vw 0 0;
  }
  /* line 1163, ../../../src/page/top/_sp.scss */
  body #wrapper #prod .box h2 img:last-child {
    margin: 0 0 0 4.9vw;
  }
  /* line 1168, ../../../src/page/top/_sp.scss */
  body #wrapper #prod .box .info {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-direction: row-reverse;
  }
  /* line 1173, ../../../src/page/top/_sp.scss */
  body #wrapper #prod .box .info .img {
    margin: 8vw 0 0 13%;
    width: 73.5%;
    position: relative;
  }
  /* line 1177, ../../../src/page/top/_sp.scss */
  body #wrapper #prod .box .info .img .logo {
    margin: 0 0 7vw 0;
  }
  /* line 1180, ../../../src/page/top/_sp.scss */
  body #wrapper #prod .box .info .img .mark {
    width: 100%;
    text-align: right;
    box-sizing: border-box;
    padding: 0vw 0.5vw 0 0;
    position: relative;
    top: 1.3vw;
  }
  /* line 1187, ../../../src/page/top/_sp.scss */
  body #wrapper #prod .box .info .img .mark img {
    width: 21vw;
    display: inline-block;
    margin: 0 3% 0 0;
  }
  /* line 1193, ../../../src/page/top/_sp.scss */
  body #wrapper #prod .box .info .img .mark2 {
    position: absolute;
    width: 31.66667vw;
    top: 101vw;
    left: 2.5vw;
  }
  /* line 1200, ../../../src/page/top/_sp.scss */
  body #wrapper #prod .box .info .detail {
    margin: 5vw 0 0 11%;
    width: 82%;
  }
  /* line 1204, ../../../src/page/top/_sp.scss */
  body #wrapper #prod .box .info .detail ul li {
    margin-bottom: 6vw;
    color: black;
    font-size: 3.80952vw;
    line-height: 7.3vw;
    text-align: left;
    letter-spacing: 0.13vw;
    background: url(../../../img/prod_mark.svg) no-repeat 0% 10%;
    background-size: 3.5vw auto;
    padding: 0 0 0 6vw;
    margin-left: -6vw;
  }
  /* line 1217, ../../../src/page/top/_sp.scss */
  body #wrapper #prod .box .info .detail .btn {
    width: 80.95238vw;
    border-radius: 8vw;
    box-sizing: border-box;
    background: #ff657d;
    font-size: 3.33333vw;
    line-height: 4.7619vw;
    color: white;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    height: 14.28571vw;
    letter-spacing: 0.15vw;
    position: relative;
    margin: 8.6vw 0 0 -7%;
    width: 109%;
  }
  /* line 1235, ../../../src/page/top/_sp.scss */
  body #wrapper #prod .box .info .detail .btn img {
    width: 4.04762vw;
    position: relative;
    top: 0.1vw;
    margin: 0 3vw;
  }
  /* line 1244, ../../../src/page/top/_sp.scss */
  body #wrapper #prod .box .notice {
    box-sizing: border-box;
    padding: 10vw 4.3vw 0 4.3vw;
    text-align: left;
  }
  /* line 1249, ../../../src/page/top/_sp.scss */
  body #wrapper #prod .box .notice ul li {
    margin: 0 0 3.2vw 0;
  }
  /* line 1251, ../../../src/page/top/_sp.scss */
  body #wrapper #prod .box .notice ul li p {
    color: black;
    letter-spacing: 0.03vw;
    font-size: 3.33333vw;
    line-height: 6.66667vw;
    font-weight: 500;
    letter-spacing: 0.3vw;
  }
  /* line 1259, ../../../src/page/top/_sp.scss */
  body #wrapper #prod .box .notice ul li .ttl {
    color: #ee4b66;
    font-weight: bold;
    margin: 0 0 0.2vw 0;
  }
  /* line 1270, ../../../src/page/top/_sp.scss */
  body #wrapper .share {
    padding: 0 0 4.5vw 0;
    position: relative;
    z-index: 10;
  }
  /* line 1274, ../../../src/page/top/_sp.scss */
  body #wrapper .share .box {
    display: flex;
    justify-content: center;
  }
  /* line 1277, ../../../src/page/top/_sp.scss */
  body #wrapper .share .box .m {
    width: 14.5vw;
    margin: 0 2.1vw;
    position: relative;
    top: 4.7vw;
  }
  /* line 1283, ../../../src/page/top/_sp.scss */
  body #wrapper .share .box .area {
    width: 48.57143vw;
    height: 48.57143vw;
    background: #EE4B66;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
  }
  /* line 1292, ../../../src/page/top/_sp.scss */
  body #wrapper .share .box .area p {
    text-align: center;
    width: 42%;
    margin: 0vw auto 6vw auto;
    position: relative;
    top: 0;
  }
  /* line 1298, ../../../src/page/top/_sp.scss */
  body #wrapper .share .box .area p img {
    animation: scale-easeOutElastic 2s infinite normal;
  }
  /* line 1302, ../../../src/page/top/_sp.scss */
  body #wrapper .share .box .area ul {
    display: flex;
    width: 100%;
    justify-content: center;
  }
  /* line 1306, ../../../src/page/top/_sp.scss */
  body #wrapper .share .box .area ul li {
    width: 8vw;
    margin: 0 2vw;
  }
  /* line 1309, ../../../src/page/top/_sp.scss */
  body #wrapper .share .box .area ul li:nth-of-type(2) {
    position: relative;
    left: 2vw;
  }
  /* line 1317, ../../../src/page/top/_sp.scss */
  body #wrapper .share small {
    font-size: 2.85714vw;
    line-height: 5.2381vw;
    display: block;
    box-sizing: border-box;
    margin: 20.5vw 0 0 0;
    padding: 0 5vw 0 5vw;
    letter-spacing: 0.2vw;
    font-weight: 400;
  }
  /* line 1330, ../../../src/page/top/_sp.scss */
  body #float_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* line 1337, ../../../src/page/top/_sp.scss */
  body #btn_floatclose {
    position: fixed;
    top: 0;
    right: 0;
    width: 11.42857vw;
    z-index: 1005;
  }
  /* line 1345, ../../../src/page/top/_sp.scss */
  body #float {
    z-index: 500;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
  }
  /* line 1351, ../../../src/page/top/_sp.scss */
  body #float #float_scroll_graph {
    height: 100%;
    width: 100%;
    float: none;
  }
  /* line 1356, ../../../src/page/top/_sp.scss */
  body #float .float_scroll_cont {
    width: 91%;
    margin: auto;
  }
  /* line 1360, ../../../src/page/top/_sp.scss */
  body #float .nav {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  /* line 1364, ../../../src/page/top/_sp.scss */
  body #float .nav ul {
    width: 84%;
    display: flex;
    justify-content: space-between;
    margin: 9.5vw 0 9.5vw 0;
  }
  /* line 1372, ../../../src/page/top/_sp.scss */
  body #float .nav a {
    color: white;
    font-size: 3.33333vw;
    font-weight: bold;
    display: block;
    padding: 0 0 0 5vw;
    position: relative;
    letter-spacing: 0.15vw;
  }
  /* line 1380, ../../../src/page/top/_sp.scss */
  body #float .nav a:before {
    content: "";
    display: block;
    background: url(../../../img/arr3.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    left: 0;
    width: 3vw;
    height: 100%;
    top: 0;
  }
  /* line 1391, ../../../src/page/top/_sp.scss */
  body #float .nav a.btn_next {
    padding: 0 5vw 0 0;
  }
  /* line 1393, ../../../src/page/top/_sp.scss */
  body #float .nav a.btn_next:before {
    right: 0;
    left: auto;
    transform: rotate(180deg);
  }
  /* line 1401, ../../../src/page/top/_sp.scss */
  body #float .box {
    position: relative;
    overflow: hidden;
    float: left;
  }
  /* line 1405, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    padding: 4vw 0 10vw 0;
  }
  /* line 1411, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content {
    width: 100%;
    float: left;
    position: relative;
    box-sizing: border-box;
    padding: 7vw 4% 19vw 4%;
    background: white;
  }
  /* line 1418, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .ttl {
    width: 100%;
    margin-bottom: 11vw;
    text-align: left;
    position: relative;
    top: -0.5vw;
  }
  /* line 1424, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .ttl img {
    width: 93%;
  }
  /* line 1428, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual {
    width: 100%;
    margin-bottom: 12.5vw;
  }
  /* line 1431, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .graph {
    width: 75.47619vw;
    height: 75.47619vw;
    margin: 0 auto;
    position: relative;
  }
  /* line 1436, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .graph.no {
    background: url(../../../img/data_blank.png) no-repeat center center;
    background-size: contain;
  }
  /* line 1439, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .graph.no .lbl {
    display: none;
  }
  /* line 1443, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .graph.passive {
    opacity: 0;
  }
  /* line 1446, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .graph .lbl {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    font-weight: bold;
    transform: translate(-50%, -50%);
    justify-content: center;
    opacity: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 1455, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .graph .lbl.open {
    opacity: 1;
  }
  /* line 1458, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .graph .lbl.m {
    transform: translate(0%, 0%);
  }
  /* line 1460, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .graph .lbl.m.open {
    opacity: 0;
  }
  /* line 1463, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .graph .lbl.m.active {
    opacity: 1;
  }
  /* line 1466, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .graph .lbl.m .t {
    font-size: 1.90476vw;
  }
  /* line 1469, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .graph .lbl.m .n {
    font-size: 4.28571vw;
    color: black;
  }
  /* line 1472, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .graph .lbl.m .n small {
    font-size: 2.85714vw;
  }
  /* line 1477, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .graph .lbl .t {
    font-size: 2.61905vw;
    background: #ffcd36;
    color: #ee4b66;
    padding: 0.5vw 0.5vw;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 0 0 0.2vw 0;
  }
  /* line 1488, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .graph .lbl .n {
    width: 100%;
    font-size: 5.71429vw;
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
    color: white;
    justify-content: center;
  }
  /* line 1496, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .graph .lbl .n small {
    font-size: 3.80952vw;
  }
  /* line 1502, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .ctrl {
    width: 97%;
    margin: 14vw auto 0 auto;
    position: relative;
  }
  /* line 1506, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .ctrl .lbl {
    font-size: 4.28571vw;
    line-height: 1;
    font-weight: bold;
    color: #ee4b66;
    margin-bottom: 6.90476vw;
    font-weight: bold;
    letter-spacing: 0.13vw;
  }
  /* line 1514, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .ctrl .lbl.lbl2 {
    font-size: 4.28571vw;
    margin-bottom: 6vw;
    line-height: 1.3;
  }
  /* line 1519, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .ctrl .lbl.passive {
    opacity: 0.2;
  }
  /* line 1523, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .ctrl .select_c {
    position: relative;
    width: 100%;
    background: white;
    border: 2px solid #ff657d;
    box-sizing: border-box;
    border-radius: 10vw;
    height: 10vw;
    overflow: hidden;
  }
  /* line 1532, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .ctrl .select_c.active {
    background: #ff657d;
    color: white;
  }
  /* line 1533, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .ctrl .select_c.active:after {
    background: url(../../../img/arr_btm_w.svg) no-repeat center center;
    background-size: contain;
  }
  /* line 1539, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .ctrl .select_c.active select {
    background: #ff657d;
    color: white;
  }
  /* line 1544, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .ctrl .select_c:after {
    content: "";
    display: block;
    background: url(../../../img/arr_btm.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    right: 9%;
    width: 3.2vw;
    height: 100%;
    bottom: 0;
    z-index: 5;
    pointer-events: none;
  }
  /* line 1557, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .ctrl .select_c select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: black;
    text-decoration: none;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: normal;
    letter-spacing: normal;
    border: none;
    background: transparent;
    margin: 0;
    padding: 0;
    outline: none;
    width: 100%;
    height: 100%;
    font-size: 2.85714vw;
    box-sizing: border-box;
    background: white;
    color: #ee4b66;
    font-weight: bold;
    padding: 0 12%;
    position: relative;
    line-height: 3vw;
    z-index: 4;
  }
  /* line 1572, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .ctrl .btn_ctrl {
    width: 100%;
    background: white;
    border: 2px solid #ff657d;
    box-sizing: border-box;
    border-radius: 10vw;
    height: 10vw;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    font-size: 2.85714vw;
    color: #ee4b66;
    font-weight: bold;
    box-sizing: border-box;
    padding: 0 12%;
    letter-spacing: 0.15vw;
    position: relative;
  }
  /* line 1590, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .ctrl .btn_ctrl:after {
    content: "";
    display: block;
    background: url(../../../img/arr_btm.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    right: 9%;
    width: 3.2vw;
    height: 100%;
    bottom: 0;
  }
  /* line 1601, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .ctrl .btn_ctrl.active {
    background: #ff657d;
    color: white;
  }
  /* line 1605, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .ctrl .btn_ctrl.all {
    height: 14.28571vw;
    margin-bottom: 9.5vw;
    font-size: 3.33333vw;
    justify-content: center;
  }
  /* line 1610, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .ctrl .btn_ctrl.all:after {
    display: none;
  }
  /* line 1613, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .ctrl .btn_ctrl.all.passive {
    opacity: 0.2;
  }
  /* line 1618, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .ctrl ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  /* line 1622, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .visual .ctrl ul li {
    width: 48%;
    margin-bottom: 2.38095vw;
  }
  /* line 1629, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .copy {
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    font-size: 3.80952vw;
    line-height: 1.8;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.1vw;
    color: #ee4b66;
  }
  /* line 1641, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .copy img {
    width: 4vw;
    position: relative;
    top: 0.7vw;
    display: inline-block;
    margin: 0 4vw 0 0;
  }
  /* line 1647, ../../../src/page/top/_sp.scss */
  body #float .box #float_scroll .content .copy img:last-child {
    margin: 0 0 0 4vw;
  }
  /* line 1656, ../../../src/page/top/_sp.scss */
  body #float .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    float: left;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
  }
  /* line 1665, ../../../src/page/top/_sp.scss */
  body #float .iScrollIndicator {
    background: white !important;
  }
}