@charset "UTF-8";
/*color*/
/*util*/
@-webkit-keyframes loading {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes loading {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes scroll {
  0% {
    height: 6px;
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
  10% {
    height: 2px;
    -moz-transform: translate(0, 6px);
    -ms-transform: translate(0, 6px);
    -webkit-transform: translate(0, 6px);
    transform: translate(0, 6px);
  }
  20% {
    height: 6px;
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
}
@-moz-keyframes scroll {
  0% {
    height: 6px;
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
  10% {
    height: 2px;
    -moz-transform: translate(0, 6px);
    -ms-transform: translate(0, 6px);
    -webkit-transform: translate(0, 6px);
    transform: translate(0, 6px);
  }
  20% {
    height: 6px;
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
}
@keyframes scroll {
  0% {
    height: 6px;
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
  10% {
    height: 2px;
    -moz-transform: translate(0, 6px);
    -ms-transform: translate(0, 6px);
    -webkit-transform: translate(0, 6px);
    transform: translate(0, 6px);
  }
  20% {
    height: 6px;
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
}
@-webkit-keyframes btn_anim {
  0% {
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  25% {
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@-moz-keyframes btn_anim {
  0% {
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  25% {
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@keyframes btn_anim {
  0% {
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  25% {
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@-webkit-keyframes btn_anim_sp {
  0% {
    transform: translateY(0);
  }
  3.57143% {
    transform: translateY(0);
  }
  7.14286% {
    transform: translateY(0);
  }
  14.28571% {
    transform: translateY(-12vw);
  }
  17.85714% {
    transform: translateY(0);
  }
  21.42857% {
    transform: translateY(-12vw);
  }
  28.57143% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
@-moz-keyframes btn_anim_sp {
  0% {
    transform: translateY(0);
  }
  3.57143% {
    transform: translateY(0);
  }
  7.14286% {
    transform: translateY(0);
  }
  14.28571% {
    transform: translateY(-12vw);
  }
  17.85714% {
    transform: translateY(0);
  }
  21.42857% {
    transform: translateY(-12vw);
  }
  28.57143% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes btn_anim_sp {
  0% {
    transform: translateY(0);
  }
  3.57143% {
    transform: translateY(0);
  }
  7.14286% {
    transform: translateY(0);
  }
  14.28571% {
    transform: translateY(-12vw);
  }
  17.85714% {
    transform: translateY(0);
  }
  21.42857% {
    transform: translateY(-12vw);
  }
  28.57143% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
/*============================
mixin
============================*/
/*============================
easing
============================*/
/*size*/
@media screen and (min-width: 759px) {
  /* line 3, ../../src/page/top/css/_pc.scss */
  body {
    	/*
    	background: url(../../../../mask/special/assets/img/_guide_pc.jpg) no-repeat top center;
    	//background: url(../../../../mask/special/assets/img/_guide_float.jpg) no-repeat center 14px;
    	-webkit-background-size: 1400px auto;
    	background-size: 1400px auto;
    	background-position-y: 0px;
    	//background-position-y: -80px;
    	//background-position-y: -667px;
    	width: 1400px;
        margin: 0 auto !important;
    	
        
    	#wrapper{
    		@include opacity(0.6);
    		//background: black !important;
    	}
    	#header{
    		@include opacity(0.6);
    		position: absolute;
    	}
    	.float_panel {
    		@include opacity(0.6);
    		position: absolute;
    		bottom: auto !important;
        	top: 20px !important;
    	}
    	.float_bg{
    		display: none;
    	}	*/
    overflow: visible;
  }
  /* line 38, ../../src/page/top/css/_pc.scss */
  body .sp_view {
    display: none !important;
  }
  /* line 41, ../../src/page/top/css/_pc.scss */
  body .pc_view {
    display: block !important;
  }
  /* line 44, ../../src/page/top/css/_pc.scss */
  body .sp_view_i {
    display: none !important;
  }
  /* line 47, ../../src/page/top/css/_pc.scss */
  body .pc_view_i {
    display: inline !important;
  }
  /* line 52, ../../src/page/top/css/_pc.scss */
  body #wrapper #main {
    float: none;
    margin: 0 auto;
    min-width: 1064px;
  }
  /* line 57, ../../src/page/top/css/_pc.scss */
  body #wrapper #main div.inner {
    text-align: center;
    padding: 0;
  }
  /* line 64, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page .inner .btn_area {
    display: inline-block;
    margin: 0 auto;
    clear: both;
    height: 72px;
    position: relative;
    width: 390px;
  }
  /* line 71, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page .inner .btn_area .btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 16px;
    padding: 3px;
    box-sizing: border-box;
    overflow: hidden;
    background: #d9a000;
    cursor: pointer;
  }
  /* line 84, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page .inner .btn_area .btn .t {
    display: block;
    height: 100%;
    width: 100%;
    background: #ffffff;
    border-radius: 12px;
    line-height: 72px;
    position: relative;
    z-index: 1;
    font-size: 1.8em;
    color: #b38d3b;
  }
  /* line 96, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page .inner .btn_area .btn .t2 {
    display: block;
    line-height: 1.35;
    position: absolute;
    width: 100%;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  /* line 104, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page .inner .btn_area .btn .arw {
    position: absolute;
    width: 40px;
    top: 35px;
    right: 17px;
    z-index: 1;
    transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 112, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page .inner .btn_area .btn .plus {
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    right: 22px;
    z-index: 30;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  /* line 121, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page .inner .btn_area .btn .plus span {
    height: 1px;
    width: 100%;
    background: #b38d3b;
    display: block;
    position: relative;
    margin: 6px 0 0 0;
  }
  /* line 128, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page .inner .btn_area .btn .plus span:before {
    content: "";
    height: 13px;
    width: 1px;
    background: #b38d3b;
    position: absolute;
    top: -6px;
    right: 6px;
    z-index: 30;
  }
  /* line 140, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page .inner .btn_area .btn:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: black;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 50% 50%;
    -webkit-animation: btn_anim 5s linear infinite;
    -moz-animation: btn_anim 5s linear infinite;
    animation: btn_anim 5s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    background: #d99f00;
    /* Old browsers */
    background: -moz-linear-gradient(bottom, #d99f00 0%, #866301 50%, #ffe785 57%, #d99f00 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom, #d99f00 0%, #866301 50%, #ffe785 57%, #d99f00 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, #d99f00 0%, #866301 50%, #ffe785 57%, #d99f00 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d99f00', endColorstr='#d99f00',GradientType=0 );
  }
  /* line 158, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page .inner .btn_area .btn:hover .arw {
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  /* line 166, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page h2:not(.excep) {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 3.8em;
    padding: 0 0 42px 0;
    font-weight: bold;
    position: relative;
    margin: 0 0 38px 0;
  }
  /* line 174, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page h2:not(.excep) span {
    display: block;
    float: left;
    width: 100%;
    color: #b38d3b;
  }
  /* line 178, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page h2:not(.excep) span.s {
    font-size: 0.47em;
    margin: 0 0 25px 0;
  }
  /* line 182, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page h2:not(.excep) span small {
    font-size: 0.6em;
  }
  /* line 186, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page h2:not(.excep):before {
    content: "";
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: 50%;
    background: #b38d3b;
    font-size: 8px;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    line-height: 1;
  }
  /* line 202, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page .check {
    float: left;
    width: 100%;
    text-align: center;
  }
  /* line 205, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page .check p {
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
  }
  /* line 208, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page .check p img {
    width: 117px;
  }
  /* line 216, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top {
    position: relative;
    background: url(../img/bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
  }
  /* line 221, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top .wave {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 0 -1%;
    width: 102%;
    line-height: 0;
    text-align: center;
    background: url(../img/wave.svg) no-repeat left bottom;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    height: 137px;
  }
  /* line 232, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top .wave:before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000000;
    height: 34px;
  }
  /* line 242, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top .wave .logo {
    width: 275px;
    line-height: 0;
    display: inline-block;
    margin: 8px 0 0 -8px;
    position: relative;
    z-index: 10;
  }
  /* line 251, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top > .inner {
    overflow: hidden;
  }
  /* line 254, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top .inner {
    padding: 33px 0 0 0;
    text-align: center;
  }
  /* line 257, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top .inner h1 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 3.8em;
    margin: 0 0 28px 0;
    font-weight: bold;
  }
  /* line 263, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top .inner h1 span {
    display: block;
    float: left;
    width: 100%;
    color: #f1cb89;
  }
  /* line 267, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top .inner h1 span.s {
    font-size: 0.47em;
    margin: 0 0 25px 0;
  }
  /* line 273, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top .inner .award {
    clear: both;
    display: inline-block;
    color: #ffffff;
    text-align: center;
    position: relative;
    margin: 0 0 29px 0;
  }
  /* line 281, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top .inner .award small {
    display: block;
    float: left;
    width: 100%;
    font-size: 1.65em;
    line-height: 1.35;
    margin: 0 0 15px 0;
  }
  /* line 288, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top .inner .award p {
    display: block;
    float: left;
    width: 100%;
    font-size: 3em;
  }
  /* line 293, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top .inner .award .logo {
    position: absolute;
    width: 124px;
    top: 91px;
    left: -92px;
  }
  /* line 299, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top .inner .award .tsumekae {
    width: 240px;
    position: absolute;
    right: -150px;
    top: 135px;
  }
  /* line 306, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top .inner figure {
    float: left;
    margin: 0 0 0 371px;
    width: 291px;
    height: 341px;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  /* line 318, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro {
    padding: 20px 0 0 0;
    margin: 0 0 37px 0;
  }
  /* line 321, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 232px;
    background: url(../img/intro_wave.png) top center/auto 100%;
  }
  /* line 330, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro .inner {
    width: 900px;
  }
  /* line 332, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro .inner .copy1 {
    color: #b38d3b;
    font-size: 2em;
    line-height: 35px;
    width: 430px;
    height: 35px;
    background: white;
    margin: 0 auto 15px;
  }
  /* line 341, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro .inner .copy2 {
    color: white;
    font-size: 3.4em;
    line-height: 1.5em;
    margin: 0 0 101px 0;
  }
  /* line 347, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro .inner .reason {
    float: left;
    width: 100%;
  }
  /* line 351, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro .inner .reason p.ttl {
    margin: 0 0 40px 0;
  }
  /* line 353, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro .inner .reason p.ttl span {
    display: block;
    line-height: 1em;
    color: #b38d3b;
    font-weight: bold;
  }
  /* line 358, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro .inner .reason p.ttl span.s {
    margin: 0 0 8px 0;
    font-size: 2.2em;
  }
  /* line 362, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro .inner .reason p.ttl span.b {
    font-size: 2.8em;
  }
  /* line 366, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro .inner .reason p.ttl::after {
    content: '';
    display: block;
    height: 1px;
    width: 422px;
    background: #b38d3b;
    margin: 15px auto 0;
  }
  /* line 375, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro .inner .reason p:not(.ttl) {
    color: black;
    font-size: 1.6em;
    line-height: 1.75em;
  }
  /* line 381, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro .inner .reason ul {
    display: flex;
    justify-content: center;
    margin: 0 0 34px 0;
  }
  /* line 385, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro .inner .reason ul li {
    width: 290px;
    height: 70px;
    line-height: 70px;
    box-sizing: border-box;
    border: 1px solid #c3942a;
    font-size: 1.8em;
    color: black;
    margin: 0 35px;
    position: relative;
  }
  /* line 396, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro .inner .reason ul li:first-child::after {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    background: url(../img/intro_x.svg) center/contain no-repeat;
    position: absolute;
    top: 0;
    right: -48px;
    bottom: 0;
    margin: auto;
  }
  /* line 413, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro section {
    background: #b38d3b;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    float: left;
    width: 437px;
    height: 260px;
    position: relative;
    margin: 0 0 28px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 37px 0 0 0;
  }
  /* line 424, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro section:nth-of-type(2) {
    float: right;
    margin: 0 0 28px 0;
  }
  /* line 427, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro section:nth-of-type(2) h3 {
    margin: 0 0 50px 0;
  }
  /* line 431, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro section h3 {
    float: left;
    width: 100%;
    color: #ffffff;
    text-align: center;
    font-size: 2.7em;
    margin: 0 0 25px 0;
  }
  /* line 437, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro section h3 span {
    display: block;
    float: left;
    width: 100%;
  }
  /* line 440, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro section h3 span.s {
    font-size: 0.8em;
    margin: 0 0 16px 0;
  }
  /* line 446, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro section p {
    float: left;
    width: 100%;
    color: #434343;
    font-size: 1.65em;
    line-height: 1.7;
    font-weight: bold;
  }
  /* line 454, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro .technology {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #b4b4b4;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    padding: 28px 0 21px 0;
    margin: 0 0 28px 0;
  }
  /* line 463, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro .technology .txt {
    float: left;
    line-height: 0;
    margin: 21px 0 0 26px;
    width: 410px;
  }
  /* line 469, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro .technology .txt2 {
    float: right;
    line-height: 0;
    width: 423px;
    margin: 0 10px 20px 0;
  }
  /* line 475, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro .technology small {
    float: left;
    width: 100%;
    font-size: 1.2em;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    margin: 0 0 0 27px;
    text-align: left;
    color: #434343;
  }
  /* line 485, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#tech {
    color: white;
    background: #c3942a;
    padding: 51px 0 45px 0;
  }
  /* line 489, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#tech h2 {
    line-height: 1em;
    font-size: 2.4em;
    margin: 0 0 31px 0;
  }
  /* line 493, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#tech h2 + p {
    line-height: 1em;
    font-size: 1.6em;
    margin: 0 0 34px 0;
  }
  /* line 499, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#tech ul {
    display: flex;
    justify-content: center;
    margin: 0 0 40px 0;
  }
  /* line 503, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#tech ul li {
    width: 260px;
    height: 174px;
    border: 1px solid white;
    box-sizing: border-box;
    font-size: 2em;
    line-height: 1.5em;
    padding: 33px 0 0 0;
  }
  /* line 511, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#tech ul li span {
    display: block;
    line-height: 0;
    width: 35px;
    margin: 0 auto 15px;
  }
  /* line 517, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#tech ul li:nth-child(2) {
    margin: 0 30px;
  }
  /* line 523, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment {
    padding: 78px 0 0 0;
    margin-bottom: 65px;
  }
  /* line 526, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment .inner {
    width: 900px;
  }
  /* line 529, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment h2 {
    margin-bottom: 28px;
  }
  /* line 531, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment h2 .n {
    display: inline-block;
    width: auto;
    float: none;
    font-size: 0.25em;
    line-height: 1em;
    position: relative;
  }
  /* line 538, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment h2 .n.u {
    top: -22px;
  }
  /* line 541, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment h2 .n.b {
    display: block;
    margin: 15px 0 0 0;
    font-size: 0.3em;
  }
  /* line 548, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment .comment {
    float: left;
    width: 286px;
    margin: 0 19px 36px 0;
  }
  /* line 553, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment .comment:nth-of-type(2):after {
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
  /* line 557, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment .comment:nth-of-type(2) .box .txt {
    -moz-transform: translateY(-65%);
    -ms-transform: translateY(-65%);
    -webkit-transform: translateY(-65%);
    transform: translateY(-65%);
  }
  /* line 562, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment .comment:nth-of-type(3) {
    margin-right: 0;
    float: right;
  }
  /* line 566, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment .comment:nth-of-type(3) .box .txt {
    -moz-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%);
  }
  /* line 571, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment .comment:before {
    content: "";
    display: block;
    float: left;
    width: 100%;
    height: 10px;
    background: url(../img/comment_top_pc.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
  }
  /* line 580, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment .comment:after {
    content: "";
    display: block;
    float: left;
    width: 100%;
    height: 23px;
    background: url(../img/comment_btm_pc.png) no-repeat center center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin: -1px 0 0 0;
  }
  /* line 590, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment .comment .box {
    background: #c3942a;
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 19px;
    text-align: left;
    height: 237px;
    position: relative;
    margin: -1px 0 0 0;
  }
  /* line 601, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment .comment .box .name {
    float: left;
    width: 100%;
    font-size: 1.2em;
    line-height: 1;
    margin: 0 0 4px 0;
    color: #434343;
  }
  /* line 608, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment .comment .box .star {
    float: left;
    width: 100%;
    font-size: 1.2em;
    line-height: 1;
    color: #434343;
  }
  /* line 614, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment .comment .box .txt {
    float: left;
    width: 100%;
    position: relative;
    top: 50%;
    left: 0;
    -moz-transform: translateY(-65%);
    -ms-transform: translateY(-65%);
    -webkit-transform: translateY(-65%);
    transform: translateY(-65%);
    color: #ffffff;
    text-align: center;
    font-size: 1.65em;
    line-height: 1.6;
    margin: 0 0 0 -8%;
    width: 116%;
  }
  /* line 629, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment .btn_area {
    margin: 0 10px;
  }
  /* line 633, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#check {
    padding: 38px 0 0 0;
    height: 791px;
    margin: 0 0 77px 0;
    box-sizing: border-box;
    background: url(../img/check_bg.jpg) center/auto 100%;
  }
  /* line 639, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#check .inner {
    width: 900px;
  }
  /* line 642, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#check h2 {
    color: #b38d3b;
    font-size: 2.8em;
    line-height: 1em;
    font-weight: bold;
    margin: 0 0 28px 0;
  }
  /* line 648, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#check h2 .t {
    display: inline-block;
  }
  /* line 650, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#check h2 .t::after {
    content: '';
    display: block;
    background: #b38d3b;
    height: 1px;
    width: 100%;
    margin: 16px auto 0;
  }
  /* line 660, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#check figure {
    line-height: 0;
    margin: 0 0 -48px 0;
  }
  /* line 664, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#check p {
    width: 585px;
    margin: 0 auto;
    line-height: 0;
  }
  /* line 670, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto {
    margin: 0 0 79px 0;
  }
  /* line 673, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section h3 {
    color: #b38d3b;
    font-weight: bold;
    font-size: 2.8em;
    text-align: center;
  }
  /* line 678, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section h3 span {
    line-height: 1em;
    display: inline-block;
  }
  /* line 681, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section h3 span::after {
    content: '';
    height: 1px;
    width: 100%;
    background: #b38d3b;
    display: block;
    margin: 15px 0 0 0;
  }
  /* line 692, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper {
    text-align: center;
  }
  /* line 694, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper > p {
    font-size: 1.6em;
    line-height: 1.75em;
    color: black;
    margin: 0 0 45px 0;
  }
  /* line 700, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper h3 {
    margin: 0 0 33px 0;
  }
  /* line 703, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares {
    background: #fff7de;
    position: relative;
    padding: 41px 0 50px;
    display: flex;
    justify-content: center;
    margin: 0 0 68px 0;
  }
  /* line 710, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares::before {
    content: '';
    position: absolute;
    width: 50%;
    right: 0;
    top: 0;
    height: 100%;
    background: #ffecc8;
  }
  /* line 719, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div {
    margin: 0 35px;
    width: 415px;
    height: 490px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    background: white;
  }
  /* line 727, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div .inn {
    position: relative;
    width: 100%;
    height: 100%;
  }
  /* line 732, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div .ttl {
    color: white;
    font-size: 2.2em;
    line-height: 60px;
    margin: 0 0 29px 0;
    position: relative;
  }
  /* line 738, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div .ttl::after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: calc(100% - 1px);
    width: 13px;
    height: 11px;
  }
  /* line 749, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div .en {
    line-height: 1em;
    font-size: 1.5em;
    color: #b38d3b;
    text-align: right;
    position: absolute;
    width: 384px;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    right: -171px;
    bottom: 211px;
  }
  /* line 759, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div .en::after {
    position: absolute;
    top: 0;
    margin: auto 0;
    bottom: 0;
    left: 0;
    width: 100%;
    content: '';
    height: 1px;
    background: rgba(224, 181, 104, 0.5);
  }
  /* line 770, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div .en .t {
    display: inline-block;
    background: white;
    padding: 0 0 0 20px;
    position: relative;
    z-index: 1;
  }
  /* line 778, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div .copy {
    display: block;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    margin: 0 auto 106px;
    box-sizing: border-box;
  }
  /* line 785, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div .copy span {
    display: block;
    line-height: 1em;
    font-weight: bold;
  }
  /* line 789, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div .copy span.s {
    font-size: 1.5em;
    margin: 0 0 10px 0;
  }
  /* line 792, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div .copy span.s .t {
    display: inline-block;
  }
  /* line 794, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div .copy span.s .t::after {
    content: '';
    display: block;
    margin: 9px auto 0;
    height: 1px;
    width: 100%;
  }
  /* line 803, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div .copy span.m {
    font-size: 2em;
  }
  /* line 809, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div figure .img {
    position: absolute;
    line-height: 0;
    bottom: 108px;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
  /* line 817, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div figure figcaption {
    color: black;
    font-size: 1.6em;
    line-height: 1.75em;
  }
  /* line 824, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:first-child .ttl {
    background: #e0b568;
  }
  /* line 826, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:first-child .ttl::after {
    background: url(../img/howto_proper_ttl_bg1.svg) top center/contain no-repeat;
  }
  /* line 830, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:first-child .copy {
    padding: 28px 0 0 0;
    background: rgba(224, 181, 104, 0.2);
  }
  /* line 833, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:first-child .copy span {
    color: #a4001c;
  }
  /* line 836, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:first-child .copy span .t::after {
    background: #c3942a;
  }
  /* line 843, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:first-child figure .img {
    width: 154px;
  }
  /* line 848, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:last-child {
    background: #c3942a;
  }
  /* line 850, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:last-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: 4px;
  }
  /* line 860, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:last-child .ttl {
    background: #c3942a;
  }
  /* line 862, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:last-child .ttl::after {
    background: url(../img/howto_proper_ttl_bg2.svg) top center/contain no-repeat;
  }
  /* line 866, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:last-child .copy {
    background: #c3942a;
    padding: 50px 0 0 0;
  }
  /* line 869, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:last-child .copy span {
    color: white;
  }
  /* line 872, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:last-child .copy span .t::after {
    background: white;
  }
  /* line 876, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:last-child .copy span.m {
    line-height: 1.2em;
  }
  /* line 882, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:last-child figure .img {
    width: 120px;
  }
  /* line 891, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#step .inner {
    width: 900px;
  }
  /* line 894, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#step h3 {
    margin: 0 0 40px 0;
  }
  /* line 898, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#step figure .img {
    line-height: 0;
    margin: 0 0 61px 0;
  }
  /* line 902, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#step figure figcaption {
    border: 1px solid #ad8e58;
    border-radius: 4px;
    padding: 26px 34px 29px;
  }
  /* line 906, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#step figure figcaption .ttl {
    line-height: 1em;
    color: #b38d3b;
    font-weight: bold;
    font-size: 2.2em;
    margin: 0 0 18px 0;
  }
  /* line 913, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#step figure figcaption ul {
    text-align: left;
    margin: 0 0 3px 0;
  }
  /* line 916, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#step figure figcaption ul li {
    color: black;
    font-size: 1.6em;
    line-height: 1.75em;
    padding: 0 0 0 15px;
    position: relative;
  }
  /* line 922, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#step figure figcaption ul li::after {
    content: '';
    background: #ad8e58;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 11px;
  }
  /* line 932, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#step figure figcaption ul li:not(:last-child) {
    margin: 0 0 6px 0;
  }
  /* line 937, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#howto section#step figure figcaption small {
    font-size: 1.3em;
    display: block;
    line-height: 1em;
    text-align: left;
    padding: 0 0 0 16px;
  }
  /* line 949, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#award {
    padding: 76px 0 0 0;
  }
  /* line 951, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#award .movie {
    float: left;
    width: 100%;
  }
  /* line 953, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#award .movie a {
    display: block;
    margin: 0 auto 39px;
    width: 780px;
    line-height: 0;
    position: relative;
    cursor: pointer;
    transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 961, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#award .movie a span {
    position: absolute;
    width: 99px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 99px;
    margin: auto;
    transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 972, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#award .movie a:hover {
    opacity: 0.8;
  }
  /* line 974, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#award .movie a:hover span {
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  /* line 982, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice {
    padding: 76px 0 0 0;
    margin-bottom: 55px;
  }
  /* line 985, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice .inner {
    width: 900px;
  }
  /* line 988, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice h2 {
    margin-bottom: 18px;
  }
  /* line 991, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice .list {
    float: left;
    width: 100%;
  }
  /* line 994, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice section {
    float: left;
    width: 436px;
    padding: 30px 0 0 0;
    position: relative;
    margin-bottom: 17px;
    overflow: visible;
  }
  /* line 1001, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice section:nth-child(odd) {
    clear: both;
  }
  /* line 1004, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice section:nth-child(even) {
    float: right;
  }
  /* line 1007, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice section .lbl {
    background: #434343;
    color: #ffffff;
    display: block;
    float: left;
    padding: 6px 0;
    font-size: 1.4em;
    margin: 0 0 0 27px;
    width: 140px;
    position: relative;
    z-index: 3;
  }
  /* line 1019, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice section h3 {
    float: left;
    width: 419px;
    height: 179px;
    background: #ad8e58;
    color: #ffffff;
    font-size: 2.3em;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 46px 0 0 30px;
    text-align: left;
    margin: -22px 0 0 0;
  }
  /* line 1032, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice section h3.l3 {
    padding-top: 30px;
  }
  /* line 1036, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice section figure {
    position: absolute;
    width: 141px;
    top: 0;
    right: -8px;
    z-index: 5;
  }
  /* line 1043, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice section .name {
    float: right;
    width: 409px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ad8e58;
    background: #ffffff;
    position: relative;
    margin: -35px 0 0 0;
    height: 60px;
  }
  /* line 1054, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice section .name:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #ad8e58;
    position: absolute;
    top: 15px;
    left: 0;
  }
  /* line 1064, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice section .name small {
    position: relative;
    float: right;
    display: block;
    background: #ffffff;
    color: #ad8e58;
    z-index: 10;
    font-size: 1.45em;
    padding: 7px 27px 0 10px;
  }
  /* line 1074, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice section .name p {
    float: right;
    clear: both;
    display: block;
    background: #ffffff;
    color: #ad8e58;
    font-size: 1.6em;
    margin: 5px 25px 0 0;
  }
  /* line 1084, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice section .txt {
    float: right;
    width: 385px;
    font-size: 1.6em;
    line-height: 2;
    text-align: left;
    margin: 25px 26px 0 0;
    color: #434343;
  }
  /* line 1095, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit {
    padding: 20px 0 0 0;
    margin: 0 0 79px 0;
  }
  /* line 1098, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox {
    border: 1px solid #c3942a;
    border-radius: 4px;
    width: 900px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    padding: 0 0 32px 0;
  }
  /* line 1106, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 60px;
    left: 0;
    width: 100%;
    border-radius: 4px 4px 0 0;
    height: 510px;
    background: #fff7de;
    background: -moz-linear-gradient(180deg, #fff7de 0%, white 70%);
    background: -webkit-linear-gradient(180deg, #fff7de 0%, white 70%);
    background: linear-gradient(180deg, #fff7de 0%, #ffffff 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff7de",endColorstr="#ffffff",GradientType=1);
  }
  /* line 1121, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox > span {
    width: 200px;
    position: absolute;
    top: -20px;
    right: 19px;
  }
  /* line 1127, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox > p {
    font-size: 1.8em;
    font-weight: bold;
  }
  /* line 1130, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox > p.copy {
    color: #c3942a;
    height: 40px;
    background: #ffecc8;
    line-height: 40px;
    border-radius: 4px 4px 0px 0px;
  }
  /* line 1137, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox > p.copy2 {
    margin: 0 0 41px 0;
    color: white;
    background: #c3942a;
    line-height: 70px;
    letter-spacing: 0.08em;
  }
  /* line 1145, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox h2 {
    line-height: 1em;
    font-size: 2.8em;
    color: #b38d3b;
    padding: 0;
    letter-spacing: 0.06em;
    float: none;
    margin: 0 0 43px 0;
  }
  /* line 1153, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox h2::before {
    display: none;
  }
  /* line 1157, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox > ul {
    display: flex;
    justify-content: center;
    margin: 0 0 44px 0;
  }
  /* line 1161, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox > ul li {
    margin: 0 35px;
    width: 380px;
  }
  /* line 1164, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox > ul li figure {
    position: relative;
  }
  /* line 1166, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox > ul li figure .img {
    width: 208px;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 47px;
  }
  /* line 1175, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox > ul li figure figcaption p {
    line-height: 1em;
    font-weight: bold;
    font-size: 1.6em;
    margin: 0 0 302px 0;
  }
  /* line 1180, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox > ul li figure figcaption p::before {
    content: '';
    display: inline-block;
    width: 60px;
    height: 1px;
    background: #b38d3b;
    margin: 0 16px 0 0;
    vertical-align: middle;
  }
  /* line 1189, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox > ul li figure figcaption p::after {
    content: '';
    display: inline-block;
    width: 60px;
    height: 1px;
    background: #b38d3b;
    margin: 0 0 0 16px;
    vertical-align: middle;
  }
  /* line 1199, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox > ul li figure figcaption .btn_area {
    width: 100%;
    height: 60px;
  }
  /* line 1202, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox > ul li figure figcaption .btn_area .btn {
    transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 1204, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox > ul li figure figcaption .btn_area .btn:hover {
    opacity: 0.8;
  }
  /* line 1208, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox > ul li figure figcaption .btn_area .t {
    color: white;
    background: #b38d3b;
    line-height: 54px;
  }
  /* line 1213, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox > ul li figure figcaption .btn_area .pl {
    width: 14px;
    height: 1px;
    background: white;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px;
    z-index: 1;
  }
  /* line 1223, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox > ul li figure figcaption .btn_area .pl:after {
    content: '';
    display: block;
    position: absolute;
    background: white;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  /* line 1241, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox > ul li.moist figure figcaption p {
    color: #a4001c;
  }
  /* line 1250, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox > ul li.repair figure figcaption p {
    color: #b38d3b;
  }
  /* line 1258, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox section {
    float: none;
    color: #b38d3b;
  }
  /* line 1261, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox section h3 {
    line-height: 1em;
    font-size: 2.2em;
    font-weight: bold;
    margin: 0 0 25px 0;
  }
  /* line 1267, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox section dl {
    text-align: left;
    padding: 0 0 0 35px;
  }
  /* line 1270, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox section dl dt {
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1em;
    letter-spacing: 0.05em;
    margin: 0 0 11px 0;
  }
  /* line 1276, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox section dl dt:first-child {
    color: #a4001c;
  }
  /* line 1278, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox section dl dt:first-child::before {
    background: #a4001c;
  }
  /* line 1281, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox section dl dt:first-child + dd {
    color: #a4001c;
    margin: 0 0 32px 0;
  }
  /* line 1286, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox section dl dt::before {
    content: '';
    width: 6px;
    height: 6px;
    vertical-align: middle;
    border-radius: 50%;
    display: inline-block;
    background: #b38d3b;
    margin: 0 8px 0 0;
  }
  /* line 1297, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox section dl dd {
    padding: 0 0 0 16px;
  }
  /* line 1300, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#limit .bbox section dl dd ul li {
    font-size: 1.4em;
    line-height: 2em;
    letter-spacing: 0.05em;
  }
  /* line 1311, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod {
    padding: 20px 0 0 0;
    margin: 0 0 39px 0;
  }
  /* line 1314, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .inner {
    width: 900px;
  }
  /* line 1317, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod {
    margin: 0 0 81px 0;
    float: left;
    width: 100%;
  }
  /* line 1320, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod.spring {
    margin: 0 0 41px 0;
    position: relative;
  }
  /* line 1323, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod.spring::before {
    position: absolute;
    content: '';
    background: #fff0f6;
    top: 0;
    height: 100%;
    width: 100vw;
    left: calc((100vw - 900px) / 2 * -1);
  }
  /* line 1332, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod.spring figure {
    margin-bottom: 19px;
  }
  /* line 1335, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod.spring figure .img_area .limit {
    color: white;
    font-size: 2.2em;
    line-height: 92px;
    width: 92px;
    height: 92px;
    border-radius: 50%;
    background: #cf005b;
    position: absolute;
    top: 96px;
    right: -22px;
  }
  /* line 1347, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod.spring figure .img_area .capa {
    color: #cf005b;
  }
  /* line 1352, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod.spring .detail {
    color: #cf005b;
    margin-top: 60px;
    position: relative;
  }
  /* line 1356, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod.spring .detail .copy {
    line-height: 1em;
    font-size: 2.2em;
    font-weight: bold;
    margin: 0 0 28px 0;
  }
  /* line 1364, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod.prod2 {
    margin-bottom: 60px;
  }
  /* line 1366, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod.prod2 .detail {
    margin-top: 120px;
  }
  /* line 1370, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod.prod2 figure .img_area {
    margin: 0 auto 0 auto;
  }
  /* line 1372, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod.prod2 figure .img_area .ico {
    top: 17px;
    right: -35px;
    width: 119px;
  }
  /* line 1380, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod figure {
    text-align: center;
    margin: -46px 0 28px 22px;
    float: left;
    width: 271px;
  }
  /* line 1385, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod figure .img_area {
    width: 100%;
    position: relative;
    margin: 0 auto 31px;
    padding: 113px 0 0 0;
  }
  /* line 1390, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod figure .img_area .circle {
    line-height: 0;
  }
  /* line 1393, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod figure .img_area .capa {
    font-size: 1.2em;
    line-height: 1em;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 23px;
    color: #b38d3b;
  }
  /* line 1402, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod figure .img_area .ico {
    position: absolute;
    top: 68px;
    width: 92px;
    right: -52px;
  }
  /* line 1408, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod figure .img_area .img {
    position: absolute;
    bottom: 57px;
    width: 163px;
    left: 54px;
    line-height: 0;
    z-index: 10;
  }
  /* line 1418, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .detail {
    float: left;
    width: 495px;
    margin: 26px 0 0 112px;
    text-align: left;
    color: #b38d3b;
  }
  /* line 1424, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .detail .sub {
    float: left;
    width: 100%;
    font-size: 2.8em;
    line-height: 1em;
    margin: 0 0 19px 0;
    font-weight: bold;
  }
  /* line 1431, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .detail h3 {
    float: left;
    width: 100%;
    font-weight: bold;
    font-size: 3.4em;
    line-height: 0.8em;
    margin: 0 0 23px 0;
  }
  /* line 1437, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .detail h3 .m {
    font-size: 0.82em;
  }
  /* line 1440, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .detail h3 .s {
    font-size: 0.52em;
  }
  /* line 1444, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .detail .name {
    font-size: 1.5em;
    float: left;
    width: 100%;
    margin: 0 0 25px 0;
  }
  /* line 1449, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .detail .txt {
    float: left;
    width: 100%;
  }
  /* line 1451, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .detail .txt p {
    font-size: 1.6em;
    text-align: left;
    line-height: 2.4em;
    margin: 0 0 37px 0;
  }
  /* line 1456, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .detail .txt p.notice {
    color: #343434;
    font-size: 15px;
    letter-spacing: 0;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  }
  /* line 1465, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area {
    float: left;
    width: 100%;
    margin: 0 0 0 -47px;
    width: 994px;
  }
  /* line 1469, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area h3 {
    font-size: 1.8em;
    line-height: 1em;
    color: #434343;
    margin: 0 0 35px 0;
  }
  /* line 1474, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area h3 .ico {
    width: 15px;
    display: inline-block;
  }
  /* line 1479, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area ul {
    float: left;
    width: 100%;
  }
  /* line 1481, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area ul li {
    margin: 0 10px 14px 0;
    width: 241px;
    float: left;
  }
  /* line 1485, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area ul li a {
    position: relative;
    display: block;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #b38d3b;
    height: 59px;
  }
  /* line 1492, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area ul li a .t {
    position: absolute;
    left: 43px;
    width: 153px;
    top: 8px;
    transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 1499, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area ul li a .i {
    position: absolute;
    width: 7px;
    bottom: 6px;
    right: 7px;
    line-height: 0;
  }
  /* line 1507, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area ul li a:hover .t {
    opacity: 0.6;
  }
  /* line 1512, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area ul li:last-child {
    margin: 0;
  }
  /* line 1518, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .btn_area {
    width: 470px;
    height: 60px;
    float: left;
    margin: 0 calc((100% - 470px) / 2);
  }
  /* line 1523, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .btn_area .btn {
    cursor: pointer;
    transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 1526, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .btn_area .btn .t {
    color: white;
    background: #b38c3b;
    line-height: 54px;
  }
  /* line 1531, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .btn_area .btn .pl {
    width: 14px;
    height: 1px;
    background: white;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px;
    z-index: 1;
  }
  /* line 1541, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .btn_area .btn .pl:after {
    content: '';
    display: block;
    position: absolute;
    background: white;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  /* line 1553, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .btn_area .btn:hover {
    opacity: 0.8;
  }
  /* line 1560, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod_everyday {
    margin: 0 0 104px 0;
    color: #b38d3b;
  }
  /* line 1563, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod_everyday .inner {
    width: 900px;
  }
  /* line 1566, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod_everyday h2 {
    text-align: center;
    margin: 0 0 36px 0;
  }
  /* line 1569, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod_everyday h2 span {
    display: inline-block;
    line-height: 1em;
    font-size: 2.6em;
    position: relative;
  }
  /* line 1574, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod_everyday h2 span::before {
    content: '';
    width: 200px;
    height: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: calc(100% + 21px);
    background: #b38d3b;
  }
  /* line 1585, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod_everyday h2 span::after {
    content: '';
    width: 200px;
    height: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: calc(100% + 21px);
    background: #b38d3b;
  }
  /* line 1598, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod_everyday ul {
    display: flex;
    justify-content: space-between;
  }
  /* line 1601, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod_everyday ul li {
    width: 415px;
  }
  /* line 1604, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod_everyday ul li figure .img {
    width: 92px;
    line-height: 0;
    margin: 0 auto 31px;
  }
  /* line 1610, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod_everyday ul li figure figcaption h3 {
    margin: 0 0 28px 0;
  }
  /* line 1612, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod_everyday ul li figure figcaption h3 span {
    display: block;
    line-height: 1em;
  }
  /* line 1615, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod_everyday ul li figure figcaption h3 span.s {
    font-size: 2em;
    margin: 0 0 7px 0;
  }
  /* line 1619, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod_everyday ul li figure figcaption h3 span.m {
    font-size: 2.4em;
    white-space: nowrap;
    letter-spacing: -0.08em;
  }
  /* line 1626, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod_everyday ul li figure figcaption p {
    line-height: 1em;
  }
  /* line 1628, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod_everyday ul li figure figcaption p.sub {
    font-size: 1.5em;
    margin: 0 0 31px 0;
  }
  /* line 1632, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod_everyday ul li figure figcaption p:not(.sub) {
    font-size: 1.4em;
    margin: 0 0 39px 0;
  }
  /* line 1637, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod_everyday ul li figure figcaption .btn_area {
    width: 415px;
    height: 60px;
    margin: 0 calc((100% - 470px) / 2);
  }
  /* line 1641, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod_everyday ul li figure figcaption .btn_area .btn {
    cursor: pointer;
    transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 1644, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod_everyday ul li figure figcaption .btn_area .btn .t {
    color: white;
    background: #b38c3b;
    line-height: 54px;
  }
  /* line 1649, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod_everyday ul li figure figcaption .btn_area .btn .pl {
    width: 14px;
    height: 1px;
    background: white;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px;
    z-index: 1;
  }
  /* line 1659, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod_everyday ul li figure figcaption .btn_area .btn .pl:after {
    content: '';
    display: block;
    position: absolute;
    background: white;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  /* line 1671, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod_everyday ul li figure figcaption .btn_area .btn:hover {
    opacity: 0.8;
  }
  /* line 1685, ../../src/page/top/css/_pc.scss */
  body #wrapper #main section#lineup {
    background: #f8e9c9;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #f8e9c9 0%, #f6c462 41%, #ea910a 100%);
    /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #f8e9c9 0%, #f6c462 41%, #ea910a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #f8e9c9 0%, #f6c462 41%, #ea910a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e9c9', endColorstr='#ea910a',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
    box-sizing: border-box;
    border: 1px solid #b38d3b;
  }
  /* line 1695, ../../src/page/top/css/_pc.scss */
  body #wrapper #main section#lineup .inner .btn_area {
    position: relative;
    width: 360px;
    line-height: 0;
    margin: auto;
  }
  /* line 1700, ../../src/page/top/css/_pc.scss */
  body #wrapper #main section#lineup .inner .btn_area .btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 16px;
    padding: 3px;
    box-sizing: border-box;
    overflow: hidden;
    background: #d9a000;
  }
  /* line 1712, ../../src/page/top/css/_pc.scss */
  body #wrapper #main section#lineup .inner .btn_area .btn .t {
    display: block;
    height: 100%;
    width: 100%;
    background: #ffffff;
    border-radius: 12px;
    line-height: 54px;
    position: relative;
    z-index: 1;
    font-size: 1.8em;
    color: #b38d3b;
  }
  /* line 1724, ../../src/page/top/css/_pc.scss */
  body #wrapper #main section#lineup .inner .btn_area .btn .arw {
    position: absolute;
    width: 61px;
    top: 25px;
    right: 19px;
    z-index: 1;
    transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 1732, ../../src/page/top/css/_pc.scss */
  body #wrapper #main section#lineup .inner .btn_area .btn:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: black;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 50% 50%;
    -webkit-animation: btn_anim 5s linear infinite;
    -moz-animation: btn_anim 5s linear infinite;
    animation: btn_anim 5s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    background: #d99f00;
    /* Old browsers */
    background: -moz-linear-gradient(bottom, #d99f00 0%, #866301 50%, #ffe785 57%, #d99f00 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom, #d99f00 0%, #866301 50%, #ffe785 57%, #d99f00 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, #d99f00 0%, #866301 50%, #ffe785 57%, #d99f00 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d99f00', endColorstr='#d99f00',GradientType=0 );
  }
  /* line 1750, ../../src/page/top/css/_pc.scss */
  body #wrapper #main section#lineup .inner .btn_area .btn:hover .arw {
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  /* line 1757, ../../src/page/top/css/_pc.scss */
  body #wrapper #main section#lineup .inner {
    padding: 36px 0 36px 0;
  }
  /* line 1759, ../../src/page/top/css/_pc.scss */
  body #wrapper #main section#lineup .inner h2 {
    font-weight: bold;
    line-height: 1em;
    color: #a31f25;
    font-size: 2.8em;
    margin: 0 0 30px 0;
  }
  /* line 1765, ../../src/page/top/css/_pc.scss */
  body #wrapper #main section#lineup .inner h2:before {
    display: none;
  }
  /* line 1769, ../../src/page/top/css/_pc.scss */
  body #wrapper #main section#lineup .inner figure {
    width: 430px;
    margin: 0 auto;
    position: relative;
  }
  /* line 1773, ../../src/page/top/css/_pc.scss */
  body #wrapper #main section#lineup .inner figure span {
    position: absolute;
    opacity: 0.6;
    line-height: 0;
    width: 867px;
    top: 146px;
    left: -234px;
  }
  /* line 1782, ../../src/page/top/css/_pc.scss */
  body #wrapper #main section#lineup .inner .btn_area {
    margin-top: -47px;
  }
  /* line 1790, ../../src/page/top/css/_pc.scss */
  body .footer-nav .inner {
    z-index: 2;
  }
  /* line 1795, ../../src/page/top/css/_pc.scss */
  body .float_panel {
    z-index: 10002;
    width: 1024px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  /* line 1803, ../../src/page/top/css/_pc.scss */
  body .float_panel > a {
    width: 21px;
    position: absolute;
    line-height: 0;
    right: -90px;
    top: 0;
    cursor: pointer;
  }
  /* line 1811, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner {
    float: left;
    width: 100%;
    padding: 39px 0 0 0;
    text-align: center;
  }
  /* line 1815, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .sub {
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 2.2em;
    margin: 0 0 47px 0;
  }
  /* line 1821, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box {
    float: left;
    width: 100%;
    width: 1200px;
    margin: 0 0 0 -88px;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d5ac33;
  }
  /* line 1830, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box .ttl {
    float: left;
    width: 100%;
    width: 900px;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d5ac33;
    color: #b59968;
    text-align: center;
    font-size: 2.3em;
    height: 55px;
    line-height: 55px;
    margin: -27px 0 38px 150px;
  }
  /* line 1845, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box ol {
    float: left;
    width: 100%;
    text-align: center;
  }
  /* line 1848, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box ol li {
    display: inline-block;
    width: 300px;
    float: left;
  }
  /* line 1852, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box ol li:nth-of-type(1) {
    margin: 0 49px 0 100px;
  }
  /* line 1855, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box ol li:nth-of-type(2) {
    margin: 0 49px 0 0;
  }
  /* line 1857, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box ol li:nth-of-type(2) .txt p {
    margin: 0 0 25px 0;
  }
  /* line 1861, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box ol li .num {
    float: left;
    width: 100%;
    margin: 0 0 19px 0;
  }
  /* line 1864, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box ol li .num .n {
    display: block;
    float: left;
    background: #434343;
    color: #ffffff;
    text-align: center;
    width: 23px;
    height: 23px;
    line-height: 23px;
    font-size: 1.2em;
  }
  /* line 1875, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box ol li .num .t {
    display: block;
    float: left;
    font-size: 1.5em;
    position: relative;
    top: 3px;
    left: 12px;
  }
  /* line 1884, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box ol li .txt {
    float: left;
    width: 100%;
    text-align: left;
    margin: 0 0 18px 0;
  }
  /* line 1888, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box ol li .txt p {
    font-size: 1.4em;
    line-height: 2;
    margin: 0 0 5px 0;
  }
  /* line 1892, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box ol li .txt p span {
    font-size: 0.7em;
    vertical-align: top;
  }
  /* line 1898, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box ol li small {
    font-size: 1.1em;
    line-height: 1.5;
  }
  /* line 1902, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box ol li figure {
    float: left;
    width: 100%;
    margin: 0 0 40px 0;
  }
  /* line 1909, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .logo {
    width: 153px;
    margin: 0 auto 35px;
    line-height: 0;
  }
  /* line 1914, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner h2 {
    text-align: center;
    margin: 0 0 24px 0;
    font-size: 1.5em;
    color: #b38d3b;
  }
  /* line 1919, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner h2 .ico {
    display: inline-block;
    width: 20px;
    line-height: 0;
    vertical-align: middle;
  }
  /* line 1926, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .btn_area {
    overflow: hidden;
    margin: 0 0 30px 0;
  }
  /* line 1929, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .btn_area ul {
    width: 241px;
  }
  /* line 1931, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .btn_area ul.l {
    float: left;
  }
  /* line 1934, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .btn_area ul.r {
    float: right;
  }
  /* line 1938, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .btn_area ul li a {
    width: 241px;
    display: block;
    border: 1px solid #b38d3b;
    border-radius: 2px;
    height: 60px;
    box-sizing: border-box;
    position: relative;
  }
  /* line 1946, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .btn_area ul li a > img {
    width: 152px;
    position: absolute;
    left: 39px;
    top: 9px;
    transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 1953, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .btn_area ul li a .ico {
    position: absolute;
    width: 11px;
    line-height: 0;
    top: 45px;
    right: 7px;
  }
  /* line 1961, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .btn_area ul li a:hover > img {
    opacity: 0.6;
  }
  /* line 1966, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .btn_area ul li:first-child {
    margin: 0 0 12px 0;
  }
  /* line 1972, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .close {
    font-size: 1.8em;
    font-weight: bold;
    color: #b38d3b;
    display: inline-block;
    cursor: pointer;
  }
  /* line 1978, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .close .ico {
    display: inline-block;
    width: 15px;
    line-height: 0;
  }
  /* line 1987, ../../src/page/top/css/_pc.scss */
  body .float_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 10001;
    background: #c3942a;
  }
  /* line 1996, ../../src/page/top/css/_pc.scss */
  body #reel {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    float: left;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.9);
  }
  /* line 2005, ../../src/page/top/css/_pc.scss */
  body #reel .bg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    float: left;
    top: 0;
    left: 0;
    z-index: 5;
    cursor: pointer;
  }
  /* line 2016, ../../src/page/top/css/_pc.scss */
  body #reel .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 800px;
    height: 607.5px;
    z-index: 10;
  }
  /* line 2026, ../../src/page/top/css/_pc.scss */
  body #reel .inner i {
    float: right;
    font-size: 2em;
    margin: 0 0 1em 0;
  }
  /* line 2031, ../../src/page/top/css/_pc.scss */
  body #reel .inner iframe {
    width: 100%;
    height: 607.5px;
    float: left;
  }
  /* line 2037, ../../src/page/top/css/_pc.scss */
  body #reel .close {
    width: 85px;
    height: 85px;
    float: right;
    position: absolute;
    text-align: center;
    cursor: pointer;
    top: -60px;
    right: -60px;
    z-index: 5003;
  }
  /* line 2049, ../../src/page/top/css/_pc.scss */
  body #reel .close .bar {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 2055, ../../src/page/top/css/_pc.scss */
  body #reel .close .bar span {
    background: #b38d3b;
    width: 30px;
    height: 2px;
    float: left;
    display: block;
    position: absolute;
    top: 50%;
    left: 28px;
    content: "";
    margin: -13px 0 0 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transform: rotate(45deg) translate(7px, 7px);
    -moz-transform: rotate(45deg) translate(7px, 7px);
    -ms-transform: rotate(45deg) translate(7px, 7px);
    -o-transform: rotate(45deg) translate(7px, 7px);
    transform: rotate(45deg) translate(7px, 7px);
  }
  /* line 2071, ../../src/page/top/css/_pc.scss */
  body #reel .close .bar:after {
    background: #b38d3b;
    width: 30px;
    height: 2px;
    float: left;
    display: block;
    position: absolute;
    top: 50%;
    left: 30px;
    content: "";
    margin: 7px 0 0 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transform: rotate(-45deg) translate(6px, -8px);
    -moz-transform: rotate(-45deg) translate(6px, -8px);
    -ms-transform: rotate(-45deg) translate(6px, -8px);
    -o-transform: rotate(-45deg) translate(6px, -8px);
    transform: rotate(-45deg) translate(6px, -8px);
  }
  /* line 2088, ../../src/page/top/css/_pc.scss */
  body #reel .close .t {
    display: inline-block;
    position: absolute;
    top: 57px;
    left: 25px;
  }
  /* line 2095, ../../src/page/top/css/_pc.scss */
  body #reel .close:hover .bar {
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  /* line 2101, ../../src/page/top/css/_pc.scss */
  body .product_float {
    z-index: 10002;
    width: 584px;
    border: 2px solid #b38d3b;
    box-sizing: border-box;
    background: white;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 359px;
  }
  /* line 2114, ../../src/page/top/css/_pc.scss */
  body .product_float > a {
    width: 21px;
    position: absolute;
    line-height: 0;
    right: 0;
    top: -30px;
    cursor: pointer;
  }
  /* line 2122, ../../src/page/top/css/_pc.scss */
  body .product_float .inner {
    width: 495px;
    padding: 39px 0 0 0;
    text-align: center;
  }
  /* line 2126, ../../src/page/top/css/_pc.scss */
  body .product_float .inner .logo {
    width: 153px;
    margin: 0 auto 35px;
    line-height: 0;
  }
  /* line 2131, ../../src/page/top/css/_pc.scss */
  body .product_float .inner h2 {
    text-align: center;
    margin: 0 0 24px 0;
    font-size: 1.5em;
    font-weight: bold;
    color: #b38d3b;
  }
  /* line 2137, ../../src/page/top/css/_pc.scss */
  body .product_float .inner h2 .ico {
    display: inline-block;
    width: 20px;
    line-height: 0;
    vertical-align: middle;
  }
  /* line 2144, ../../src/page/top/css/_pc.scss */
  body .product_float .inner .btn_area {
    overflow: hidden;
    margin: 0 0 30px 0;
  }
  /* line 2147, ../../src/page/top/css/_pc.scss */
  body .product_float .inner .btn_area ul {
    width: 241px;
  }
  /* line 2149, ../../src/page/top/css/_pc.scss */
  body .product_float .inner .btn_area ul.l {
    float: left;
  }
  /* line 2152, ../../src/page/top/css/_pc.scss */
  body .product_float .inner .btn_area ul.r {
    float: right;
  }
  /* line 2156, ../../src/page/top/css/_pc.scss */
  body .product_float .inner .btn_area ul li a {
    width: 241px;
    display: block;
    border: 1px solid #b38d3b;
    border-radius: 2px;
    height: 60px;
    box-sizing: border-box;
    position: relative;
  }
  /* line 2164, ../../src/page/top/css/_pc.scss */
  body .product_float .inner .btn_area ul li a > img {
    width: 152px;
    position: absolute;
    left: 39px;
    top: 9px;
    transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 2171, ../../src/page/top/css/_pc.scss */
  body .product_float .inner .btn_area ul li a .ico {
    position: absolute;
    width: 11px;
    line-height: 0;
    top: 45px;
    right: 7px;
  }
  /* line 2179, ../../src/page/top/css/_pc.scss */
  body .product_float .inner .btn_area ul li a:hover > img {
    opacity: 0.6;
  }
  /* line 2183, ../../src/page/top/css/_pc.scss */
  body .product_float .inner .btn_area ul li a.no {
    border: none;
    background: #eeeeee;
    pointer-events: none;
  }
  /* line 2187, ../../src/page/top/css/_pc.scss */
  body .product_float .inner .btn_area ul li a.no .ico {
    display: none;
  }
  /* line 2192, ../../src/page/top/css/_pc.scss */
  body .product_float .inner .btn_area ul li:first-child {
    margin: 0 0 12px 0;
  }
  /* line 2198, ../../src/page/top/css/_pc.scss */
  body .product_float .inner .close {
    font-size: 1.8em;
    font-weight: bold;
    color: #b38d3b;
    display: inline-block;
    cursor: pointer;
  }
  /* line 2204, ../../src/page/top/css/_pc.scss */
  body .product_float .inner .close .ico {
    display: inline-block;
    width: 15px;
    line-height: 0;
  }
}
@media screen and (min-width: 759px) and (max-width: 1024px) {
  /* line 2214, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod.spring::before {
    width: 1024px;
    left: -82px;
  }
}
@media all and (-ms-high-contrast: none) and (min-width: 759px) {
  /* line 2221, ../../src/page/top/css/_pc.scss */
  *::-ms-backdrop, body #wrapper #main .mask_page#howto h2 span.s {
    line-height: 1.3em;
  }

  /* line 2224, ../../src/page/top/css/_pc.scss */
  *::-ms-backdrop, body #wrapper #main .mask_page#howto section h3 span {
    line-height: 1.3em;
  }

  /* line 2227, ../../src/page/top/css/_pc.scss */
  *::-ms-backdrop, body #wrapper #main .mask_page#prod_everyday h2 span {
    line-height: 1.3em;
  }
}
/*size*/
@media screen and (max-width: 758px) {
  /* line 3, ../../src/page/top/css/_sp.scss */
  body {
    	/*
    	background: url(../../../../mask/special/assets/img/_guide_sp.jpg) no-repeat top center;
    	//background: url(../../../../mask/special/assets/img/_guide_sp_float.jpg) no-repeat top center;
    	-webkit-background-size: 100% auto;
    	background-size: 100% auto;
    	//background-position-y: -80px;
    	//background-position-y: -667px;
    	background-position-y: 0px;
    	#wrapper{
    		opacity: 0.6 !important;
    	}
    	#header{
    		@include opacity(0.6);
    		position: absolute;
    	}
    	.footer-nav, .footer-nav .inner {
    		background: none;
    	}
    	.float_panel {
    		@include opacity(0.6);
    		position: absolute;
    		bottom: auto !important;
        	top: 20px !important;
    	}
    	.float_bg{
    		display: none;
    	}*/
    overflow: visible;
  }
  /* line 37, ../../src/page/top/css/_sp.scss */
  body #wrapper #main {
    float: none;
    margin: 0 auto;
    background: #ffffff;
  }
  /* line 38, ../../src/page/top/css/_sp.scss */
  body #wrapper #main div.inner {
    text-align: center;
    padding: 0;
  }
  /* line 45, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .sp_view {
    display: block !important;
  }
  /* line 48, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .pc_view {
    display: none !important;
  }
  /* line 51, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .sp_view_i {
    display: inline !important;
  }
  /* line 54, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .pc_view_i {
    display: none !important;
  }
  /* line 59, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page .btn_area {
    display: inline-block;
    margin: 0 auto;
    clear: both;
    height: 21vw;
    position: relative;
    width: 100%;
  }
  /* line 66, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page .btn_area .btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 2vw;
    padding: 1.5px;
    box-sizing: border-box;
    overflow: hidden;
    background: #d9a000;
  }
  /* line 78, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page .btn_area .btn .t {
    display: block;
    height: 100%;
    width: 100%;
    background: #ffffff;
    border-radius: 1.5vw;
    line-height: 20vw;
    position: relative;
    z-index: 1;
    font-size: 28px;
    font-size: 3.73333vw;
    color: #b38d3b;
  }
  /* line 90, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page .btn_area .btn .t2 {
    display: block;
    line-height: 1.35;
    position: absolute;
    width: 100%;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  /* line 98, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page .btn_area .btn .arw {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 5%;
    width: 13%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  /* line 106, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page .btn_area .btn .plus {
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 6vw;
    z-index: 30;
  }
  /* line 115, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page .btn_area .btn .plus span {
    height: 1px;
    width: 100%;
    background: #b38d3b;
    display: block;
    position: relative;
    margin: 6px 0 0 0;
  }
  /* line 122, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page .btn_area .btn .plus span:before {
    content: "";
    height: 13px;
    width: 1px;
    background: #b38d3b;
    position: absolute;
    top: -6px;
    right: 6px;
    z-index: 30;
  }
  /* line 134, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page .btn_area .btn:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: black;
    position: absolute;
    -webkit-animation: btn_anim 5s linear infinite;
    -moz-animation: btn_anim 5s linear infinite;
    animation: btn_anim 5s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    top: 0;
    left: 0;
    background: #d99f00;
    /* Old browsers */
    background: -moz-linear-gradient(bottom, #d99f00 0%, #866301 50%, #ffe785 57%, #d99f00 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom, #d99f00 0%, #866301 50%, #ffe785 57%, #d99f00 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, #d99f00 0%, #866301 50%, #ffe785 57%, #d99f00 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d99f00', endColorstr='#d99f00',GradientType=0 );
  }
  /* line 153, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page h2:not(.excep) {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 8.4vw;
    padding: 0 0 9vw 0;
    font-weight: bold;
    position: relative;
    margin: 0 0 6vw 0;
  }
  /* line 161, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page h2:not(.excep) span {
    display: block;
    float: left;
    width: 100%;
    color: #b38d3b;
  }
  /* line 165, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page h2:not(.excep) span.s {
    font-size: 0.6em;
    margin: 0 0 5vw 0;
  }
  /* line 169, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page h2:not(.excep) span small {
    font-size: 0.6em;
  }
  /* line 173, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page h2:not(.excep):before {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    background: #b38d3b;
    width: 1.33333vw;
    height: 1.33333vw;
    border-radius: 50%;
    font-size: 2vw;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    line-height: 1;
  }
  /* line 189, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page .check {
    float: left;
    width: 100%;
    text-align: center;
  }
  /* line 192, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page .check p {
    float: left;
    width: 100%;
    margin: 0 0 2.8vw 0;
  }
  /* line 195, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page .check p img {
    width: 30%;
  }
  /* line 203, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top {
    position: relative;
    background: url(../img/bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
  }
  /* line 208, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top .wave {
    position: relative;
    float: left;
    width: 100%;
    line-height: 0;
    text-align: center;
    background: url(../img/wave_sp.svg) no-repeat center bottom;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    height: 27.5vw;
  }
  /* line 217, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top .wave .logo {
    width: 48.26667vw;
    line-height: 0;
    display: inline-block;
    margin: 4.8vw 0 0 0vw;
  }
  /* line 224, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top > .inner {
    overflow: hidden;
  }
  /* line 227, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top .inner {
    padding: 9vw 0 0 0;
  }
  /* line 229, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top .inner h1 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 8.4vw;
    margin: 0 0 9vw 0;
    font-weight: bold;
  }
  /* line 235, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top .inner h1 span {
    display: block;
    float: left;
    width: 100%;
    color: #f1cb89;
  }
  /* line 239, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top .inner h1 span.s {
    font-size: 0.47em;
    margin: 0 0 5vw 0;
    line-height: 1.53125em;
  }
  /* line 246, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top .inner .award {
    float: left;
    width: 100%;
    color: #ffffff;
    text-align: center;
    position: relative;
    margin: 0 0 17.5vw 0;
  }
  /* line 252, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top .inner .award small {
    display: block;
    float: left;
    width: 100%;
    font-size: 3.8vw;
    line-height: 1.35;
    margin: 0 0 4.3vw 0;
  }
  /* line 259, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top .inner .award p {
    display: block;
    float: left;
    width: 100%;
    font-size: 6.5vw;
  }
  /* line 264, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top .inner .award .logo {
    position: absolute;
    width: 20.4vw;
    top: 23.3vw;
    left: 2%;
  }
  /* line 270, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top .inner .award .tsumekae {
    width: 39.7%;
    position: absolute;
    right: 0%;
    top: 21.5vw;
  }
  /* line 277, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top .inner figure {
    float: left;
    margin: 0 0 0 27%;
    width: 46%;
    height: 62vw;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  /* line 289, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro {
    padding: 4vw 0 0 0;
    margin: 0 0 8vw 0;
  }
  /* line 292, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 42.13333vw;
    background: url(../img/intro_wave_sp.png) top center/100% auto no-repeat;
  }
  /* line 301, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro .inner {
    width: 88%;
    margin: 0 calc((100% - 88%) / 2);
  }
  /* line 304, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro .inner .copy1 {
    color: #b38d3b;
    font-size: 26px;
    font-size: 3.46667vw;
    line-height: 6.13333vw;
    width: 100%;
    height: 6.13333vw;
    background: white;
    margin: 0 0 3vw 0;
  }
  /* line 313, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro .inner .copy2 {
    color: white;
    font-size: 38px;
    font-size: 5.06667vw;
    line-height: 1.3em;
    margin: 0 0 20vw 0;
  }
  /* line 319, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro .inner .reason {
    float: left;
    width: 100%;
  }
  /* line 323, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro .inner .reason p.ttl {
    margin: 0 0 7vw 0;
  }
  /* line 325, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro .inner .reason p.ttl span {
    display: block;
    line-height: 1em;
    color: #b38d3b;
    font-weight: bold;
  }
  /* line 330, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro .inner .reason p.ttl span.s {
    margin: 0 0 1vw 0;
    font-size: 32px;
    font-size: 4.26667vw;
  }
  /* line 334, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro .inner .reason p.ttl span.b {
    font-size: 42px;
    font-size: 5.6vw;
    line-height: 2em;
  }
  /* line 337, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro .inner .reason p.ttl span.b .l_sp {
    padding: 0 0 2vw 0;
    display: inline;
    background: linear-gradient(rgba(0, 0, 0, 0) calc(100% - 1px), #b38d3b 0%);
  }
  /* line 345, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro .inner .reason p:not(.ttl) {
    color: black;
    font-size: 26px;
    font-size: 3.46667vw;
    line-height: 1.8em;
    white-space: nowrap;
  }
  /* line 352, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro .inner .reason ul {
    display: flex;
    justify-content: center;
    margin: 0 0 8vw 0;
  }
  /* line 356, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro .inner .reason ul li {
    width: 35.2vw;
    height: 16.13333vw;
    line-height: 16.13333vw;
    box-sizing: border-box;
    border: 1px solid #c3942a;
    font-size: 28px;
    font-size: 3.73333vw;
    color: black;
    margin: 0 4.13333vw;
    position: relative;
  }
  /* line 366, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro .inner .reason ul li:first-child {
    line-height: 1.3em;
    padding: 3vw 0 0 0;
  }
  /* line 369, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro .inner .reason ul li:first-child::after {
    content: '';
    display: block;
    width: 4.13333vw;
    height: 4.13333vw;
    background: url(../img/intro_x.svg) center/contain no-repeat;
    position: absolute;
    top: 0;
    right: -6.26667vw;
    bottom: 0;
    margin: auto;
  }
  /* line 386, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro section {
    background: #b38d3b;
    -moz-border-radius: 4vw;
    -webkit-border-radius: 4vw;
    border-radius: 4vw;
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 5vw 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 9vw 0 7vw 0;
  }
  /* line 396, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro section:nth-of-type(2) {
    margin: 0 0 5vw 0;
  }
  /* line 399, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro section h3 {
    float: left;
    width: 100%;
    color: #ffffff;
    text-align: center;
    font-size: 6.2vw;
    margin: 0 0 4.5vw 0;
  }
  /* line 405, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro section h3 span {
    display: block;
    float: left;
    width: 100%;
    white-space: nowrap;
  }
  /* line 409, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro section h3 span.s {
    font-size: 0.8em;
    margin: 0 0 2vw 0;
  }
  /* line 412, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro section h3 span.s + span {
    letter-spacing: -0.01em;
  }
  /* line 418, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro section p {
    float: left;
    width: 100%;
    color: #434343;
    font-size: 3.6vw;
    line-height: 1.8;
    font-weight: bold;
  }
  /* line 426, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro .technology {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #b4b4b4;
    -moz-border-radius: 4vw;
    -webkit-border-radius: 4vw;
    border-radius: 4vw;
    padding: 6vw 5% 6vw 5%;
    margin: 0 0 5vw 0;
  }
  /* line 435, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro .technology .txt {
    float: left;
    line-height: 0;
    width: 100%;
    margin: 0 0 5vw 0;
  }
  /* line 441, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro .technology .txt2 {
    float: left;
    width: 100%;
    line-height: 0;
    margin: 0 0 8vw 0;
  }
  /* line 447, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro .technology small {
    float: left;
    width: 100%;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 2.1vw;
    line-height: 1.9;
    color: #434343;
  }
  /* line 456, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#tech {
    color: white;
    background: #c3942a;
    padding: 6vw 0 9vw 0;
  }
  /* line 460, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#tech .inner {
    width: 88%;
    margin: 0 calc((100% - 88%) / 2);
  }
  /* line 464, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#tech h2 {
    line-height: 1.5em;
    font-size: 38px;
    font-size: 5.06667vw;
    margin: 0 0 3.9vw 0;
  }
  /* line 468, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#tech h2 + p {
    line-height: 1.8em;
    font-size: 26px;
    font-size: 3.46667vw;
    margin: 0 0 5.5vw 0;
  }
  /* line 474, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#tech ul {
    margin: 0 0 4vw 0;
  }
  /* line 476, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#tech ul li {
    width: 100%;
    height: 26.66667vw;
    border: 1px solid white;
    box-sizing: border-box;
    font-size: 34px;
    font-size: 4.53333vw;
    line-height: 1.5em;
    padding: 6vw 0 0 20.8vw;
    position: relative;
    text-align: left;
    letter-spacing: 0.07em;
  }
  /* line 487, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#tech ul li span {
    display: block;
    line-height: 0;
    width: 10.66667vw;
    height: 9.46667vw;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 7.46667vw;
    position: absolute;
  }
  /* line 498, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#tech ul li:not(:last-child) {
    margin: 0 0 2.66667vw 0;
  }
  /* line 504, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment {
    padding: 18vw 0 0 0;
    margin-bottom: 11vw;
  }
  /* line 507, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .inner {
    width: 86%;
    margin: 0 0 0 7%;
  }
  /* line 511, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment h2 {
    margin-bottom: 8vw;
  }
  /* line 513, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment h2 span {
    white-space: nowrap;
  }
  /* line 516, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment h2 .n {
    display: inline-block;
    width: auto;
    float: none;
    font-size: 0.25em;
    line-height: 1em;
    position: relative;
  }
  /* line 523, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment h2 .n.u {
    top: -5vw;
  }
  /* line 526, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment h2 .n.b {
    display: block;
    margin: 4vw 0 0 0;
    font-size: 0.3em;
  }
  /* line 533, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .comment {
    float: left;
    width: 105%;
    margin: 0 0 5.6vw 0;
  }
  /* line 537, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .comment:nth-of-type(2) {
    margin-left: -4%;
  }
  /* line 539, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .comment:nth-of-type(2):before {
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
  /* line 542, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .comment:nth-of-type(2):after {
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
  /* line 545, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .comment:nth-of-type(2) .box {
    float: right;
  }
  /* line 549, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .comment:nth-of-type(3) {
    margin-bottom: 7vw;
  }
  /* line 552, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .comment:before {
    content: "";
    display: block;
    float: left;
    width: 100%;
    height: 2vw;
    background: url(../img/comment_top.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
  }
  /* line 561, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .comment:after {
    content: "";
    display: block;
    float: left;
    width: 100%;
    height: 4vw;
    background: url(../img/comment_btm.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    margin: -1px 0 0 0;
  }
  /* line 571, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .comment .box {
    background: #c3942a;
    float: left;
    width: 96%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2vw 7%;
    text-align: left;
    position: relative;
    margin: -1px 0 0 0;
  }
  /* line 581, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .comment .box .name {
    float: left;
    width: 100%;
    font-size: 2.6vw;
    line-height: 1;
    margin: 0 0 1.1vw 0;
    color: #434343;
  }
  /* line 588, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .comment .box .star {
    float: left;
    width: 100%;
    font-size: 2.6vw;
    line-height: 1;
    margin: 0 0 3vw 0;
    color: #434343;
  }
  /* line 595, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .comment .box .txt {
    float: left;
    width: 112%;
    position: relative;
    color: #ffffff;
    text-align: center;
    font-size: 4vw;
    line-height: 1.55;
    margin: 0 0 0 -4%;
    width: 108%;
  }
  /* line 608, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .btn_area.r {
    margin-top: 2vw;
  }
  /* line 613, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#check {
    padding: 7.7vw 0 0 0;
    height: 174.26667vw;
    margin: 0 0 16.13333vw 0;
    box-sizing: border-box;
    background: url(../img/check_bg_sp.jpg) center/auto 100%;
  }
  /* line 619, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#check .inner {
    width: 88%;
    margin: 0 calc((100% - 88%) / 2);
  }
  /* line 623, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#check h2 {
    color: #b38d3b;
    font-size: 42px;
    font-size: 5.6vw;
    line-height: 1em;
    font-weight: bold;
    margin: 0 0 5.33333vw 0;
  }
  /* line 629, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#check h2 .t {
    display: inline-block;
  }
  /* line 631, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#check h2 .t::after {
    content: '';
    display: block;
    background: #b38d3b;
    height: 1px;
    width: 100%;
    margin: 2.6vw auto 0;
  }
  /* line 641, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#check figure {
    line-height: 0;
    margin: 0 0 -3.6vw 0;
  }
  /* line 645, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#check p {
    width: 86.53333vw;
    margin: 0 0 0 2.5%;
    line-height: 0;
  }
  /* line 651, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto {
    margin: 0 0 12.5vw 0;
  }
  /* line 653, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto h2 {
    padding: 0 0 6.5vw 0;
  }
  /* line 655, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto h2 .s {
    margin: 0 0 1vw 0;
  }
  /* line 657, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto h2 .s + span {
    line-height: 1.29032em;
  }
  /* line 663, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section h3 {
    color: #b38d3b;
    font-weight: bold;
    font-size: 42px;
    font-size: 5.6vw;
    line-height: 2em;
    text-align: center;
    margin: 0 0 4vw 0;
  }
  /* line 670, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section h3 span {
    display: inline;
    padding: 0 0 2vw 0;
    background: linear-gradient(rgba(0, 0, 0, 0) calc(100% - 1px), #b38d3b 0%);
  }
  /* line 677, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper {
    text-align: center;
    margin: 0 0 11.6vw 0;
  }
  /* line 680, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper > p {
    font-size: 26px;
    font-size: 3.46667vw;
    line-height: 2.30769em;
    color: black;
    margin: 0 auto 8.5vw;
    text-align: left;
    width: 75.86667vw;
  }
  /* line 688, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper h3 {
    margin: 0 0 4vw 0;
  }
  /* line 691, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares {
    background: #fff7de;
    position: relative;
    padding: 5.33333vw 0 8vw;
    display: flex;
    justify-content: center;
  }
  /* line 697, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares::before {
    content: '';
    position: absolute;
    width: 50%;
    right: 0;
    top: 0;
    height: 100%;
    background: #ffecc8;
  }
  /* line 706, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div {
    margin: 0 3.33333vw;
    width: 42.66667vw;
    height: 105.33333vw;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    background: white;
  }
  /* line 714, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div .inn {
    position: relative;
    width: 100%;
    height: 100%;
  }
  /* line 719, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div .ttl {
    color: white;
    font-size: 28px;
    font-size: 3.73333vw;
    line-height: 17.33333vw;
    height: 17.33333vw;
    margin: 0 0 6vw 0;
    position: relative;
    box-sizing: border-box;
  }
  /* line 727, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div .ttl::after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: calc(100% - 1px);
    width: 2.66667vw;
    height: 2.26667vw;
  }
  /* line 738, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div .copy {
    display: block;
    width: 36vw;
    height: 36vw;
    border-radius: 50%;
    margin: 0 auto 24vw;
    box-sizing: border-box;
  }
  /* line 745, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div .copy span {
    display: block;
    line-height: 1em;
    font-weight: bold;
  }
  /* line 749, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div .copy span.s {
    font-size: 24px;
    font-size: 3.2vw;
    margin: 0 0 2vw 0;
  }
  /* line 752, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div .copy span.s .t {
    display: inline-block;
  }
  /* line 754, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div .copy span.s .t::after {
    content: '';
    display: block;
    margin: 1.6vw auto 0;
    height: 1px;
    width: 100%;
  }
  /* line 763, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div .copy span.m {
    font-size: 28px;
    font-size: 3.73333vw;
    line-height: 1.3em;
  }
  /* line 770, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div figure .img {
    position: absolute;
    line-height: 0;
    bottom: 25.73333vw;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
  /* line 778, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div figure figcaption {
    color: black;
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 1.75em;
  }
  /* line 785, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:first-child .ttl {
    background: #e0b568;
  }
  /* line 787, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:first-child .ttl::after {
    background: url(../img/howto_proper_ttl_bg1.svg) top center/contain no-repeat;
  }
  /* line 791, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:first-child .copy {
    background: rgba(224, 181, 104, 0.2);
    padding: 6.5vw 0 0 0;
  }
  /* line 794, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:first-child .copy span {
    color: #a4001c;
  }
  /* line 797, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:first-child .copy span .t::after {
    background: #c3942a;
  }
  /* line 804, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:first-child figure .img {
    width: 27.86667vw;
  }
  /* line 809, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:last-child {
    background: #c3942a;
  }
  /* line 811, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:last-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 1px;
    background: white;
    width: calc(100% - 3px);
    height: calc(100% - 2px);
    border-radius: 4px;
  }
  /* line 821, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:last-child .ttl {
    background: #c3942a;
    line-height: 1.3em;
    padding: 2.8vw 0 0 0;
    line-height: 1.5em;
  }
  /* line 826, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:last-child .ttl::after {
    background: url(../img/howto_proper_ttl_bg2.svg) top center/contain no-repeat;
  }
  /* line 830, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:last-child .copy {
    padding: 8.5vw 0 0 0;
    background: #c3942a;
  }
  /* line 833, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:last-child .copy span {
    color: white;
  }
  /* line 836, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:last-child .copy span .t::after {
    background: white;
  }
  /* line 843, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#proper .cares > div:last-child figure .img {
    width: 21.6vw;
  }
  /* line 852, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#step .inner {
    width: 88%;
    margin: 0 calc((100% - 88%) / 2);
  }
  /* line 856, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#step h3 {
    margin: 0 0 6.4vw 0;
  }
  /* line 860, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#step figure .img {
    line-height: 0;
    margin: 0 0 8.13333vw 0;
  }
  /* line 864, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#step figure figcaption {
    border: 1px solid #ad8e58;
    border-radius: 4px;
    padding: 5.5vw 6vw 4.7vw;
  }
  /* line 868, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#step figure figcaption .ttl {
    line-height: 1.5em;
    color: #b38d3b;
    font-weight: bold;
    font-size: 36px;
    font-size: 4.8vw;
    margin: 0 0 5vw 0;
  }
  /* line 875, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#step figure figcaption ul {
    text-align: left;
    margin: 0 0 1.5vw 0;
  }
  /* line 878, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#step figure figcaption ul li {
    color: black;
    font-size: 26px;
    font-size: 3.46667vw;
    line-height: 1.84615em;
    padding: 0 0 0 2.8vw;
    position: relative;
  }
  /* line 884, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#step figure figcaption ul li::after {
    content: '';
    background: #ad8e58;
    width: 1.33333vw;
    height: 1.33333vw;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 2.5vw;
  }
  /* line 894, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#step figure figcaption ul li:not(:last-child) {
    margin: 0 0 4.8vw 0;
  }
  /* line 899, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#howto section#step figure figcaption small {
    font-size: 22px;
    font-size: 2.93333vw;
    display: block;
    line-height: 1.8em;
    text-align: left;
    padding: 0 0 0 2.8vw;
  }
  /* line 911, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#award {
    padding: 17vw 0 0 0;
  }
  /* line 913, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#award .inner_b {
    width: 86%;
    margin: 0 0 0 7%;
  }
  /* line 917, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#award h2 {
    margin-bottom: 7vw;
  }
  /* line 919, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#award h2 .s {
    line-height: 1.3;
  }
  /* line 923, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#award .movie {
    float: left;
    width: 100%;
    width: 94%;
    margin: 0 0 0 3%;
  }
  /* line 927, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#award .movie a {
    display: block;
    line-height: 0;
    position: relative;
    margin: 0 0 7vw 0;
  }
  /* line 932, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#award .movie a span {
    position: absolute;
    width: 15.2%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 13vw;
    margin: auto;
  }
  /* line 946, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice {
    padding: 17vw 0 0 0;
  }
  /* line 948, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice .inner {
    width: 86%;
    margin: 0 0 0 7%;
  }
  /* line 952, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice h2 {
    margin-bottom: 18px;
  }
  /* line 955, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice .list {
    float: left;
    width: 100%;
    width: 102%;
    margin: 0 0 0 -1%;
  }
  /* line 960, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice section {
    float: left;
    width: 100%;
    padding: 1.6vw 0 0 0;
    position: relative;
    margin-bottom: 11vw;
    overflow: visible;
  }
  /* line 967, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice section:nth-child(odd) {
    clear: both;
  }
  /* line 970, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice section:nth-child(even) {
    float: right;
  }
  /* line 973, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice section .lbl {
    background: #434343;
    color: #ffffff;
    display: block;
    float: left;
    padding: 0.8vw 0;
    font-size: 3.8vw;
    margin: 0 0 0 6.5%;
    width: 35.5%;
    position: relative;
    z-index: 3;
  }
  /* line 985, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice section h3 {
    float: left;
    background: #ad8e58;
    color: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    padding: 10.5vw 0 0 7%;
    margin: -4.6vw 0 0 0;
    width: 94%;
    height: 40vw;
    font-size: 4.2vw;
    line-height: 1.8;
  }
  /* line 999, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice section h3.l3 {
    padding-top: 6.5vw;
  }
  /* line 1003, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice section figure {
    position: absolute;
    width: 35.3%;
    top: -3vw;
    right: 0;
    z-index: 5;
  }
  /* line 1010, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice section .name {
    float: right;
    width: 93%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ad8e58;
    background: #ffffff;
    position: relative;
    margin: -8vw 0 0 0;
    height: 13vw;
  }
  /* line 1021, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice section .name:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #ad8e58;
    position: absolute;
    top: 3.3vw;
    left: 0;
  }
  /* line 1031, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice section .name small {
    position: relative;
    float: right;
    display: block;
    background: #ffffff;
    color: #ad8e58;
    z-index: 10;
    font-size: 2.8vw;
    padding: 1.1vw 6vw 0 3%;
  }
  /* line 1041, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice section .name p {
    float: right;
    clear: both;
    display: block;
    background: #ffffff;
    color: #ad8e58;
    font-size: 3.5vw;
    margin: 0.3vw 6.5% 0 0;
  }
  /* line 1051, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice section .txt {
    float: right;
    line-height: 2;
    text-align: left;
    margin: 6vw 7% 0 0;
    width: 87%;
    font-size: 3.5vw;
    line-height: 2.2;
    color: #434343;
  }
  /* line 1063, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit {
    margin: 0 0 12.5vw 0;
  }
  /* line 1065, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .inner {
    width: 88%;
    margin: 0 calc((100% - 88%) / 2);
  }
  /* line 1069, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox {
    border: 1px solid #c3942a;
    border-radius: 4px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    padding: 0 0 8.1vw 0;
  }
  /* line 1076, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox::before {
    content: '';
    position: absolute;
    top: 33.33333vw;
    left: 0;
    width: 100%;
    height: 73.86667vw;
    background: #fff7de;
    background: -moz-linear-gradient(180deg, #fff7de 0%, white 70%);
    background: -webkit-linear-gradient(180deg, #fff7de 0%, white 70%);
    background: linear-gradient(180deg, #fff7de 0%, #ffffff 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff7de",endColorstr="#ffffff",GradientType=1);
  }
  /* line 1089, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox > span {
    width: 31.93467vw;
    position: absolute;
    top: 5.33333vw;
    right: 1.33333vw;
  }
  /* line 1095, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox > p {
    font-weight: bold;
  }
  /* line 1097, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox > p.copy {
    font-size: 28px;
    font-size: 3.73333vw;
    color: #c3942a;
    height: 9.33333vw;
    background: #ffecc8;
    line-height: 40px;
    border-radius: 4px 4px 0px 0px;
  }
  /* line 1105, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox > p.copy2 {
    font-size: 32px;
    font-size: 4.26667vw;
    margin: 0 0 8vw 0;
    text-align: left;
    padding: 6vw 0 5.3vw 3.06667vw;
    color: white;
    background: #c3942a;
    letter-spacing: 0.08em;
    line-height: 1.5em;
  }
  /* line 1116, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox h2 {
    line-height: 1.3125em;
    font-size: 48px;
    font-size: 6.4vw;
    color: #b38d3b;
    padding: 0;
    letter-spacing: 0.06em;
    float: none;
    margin: 0 0 8.5vw 0;
  }
  /* line 1124, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox h2::before {
    display: none;
  }
  /* line 1128, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox > ul {
    display: flex;
    justify-content: center;
    margin: 0 0 10.7vw 0;
  }
  /* line 1132, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox > ul li {
    margin: 0 2.13333vw;
    width: 38.4vw;
  }
  /* line 1135, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox > ul li figure {
    position: relative;
  }
  /* line 1137, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox > ul li figure .img {
    width: 27.73333vw;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 7.3vw;
  }
  /* line 1146, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox > ul li figure figcaption p {
    letter-spacing: 0.03em;
    line-height: 1em;
    font-weight: bold;
    font-size: 26px;
    font-size: 3.46667vw;
    margin: 0 0 41.3vw 0;
  }
  /* line 1153, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox > ul li figure figcaption .btn_area {
    width: 100%;
    height: 13.33333vw;
  }
  /* line 1157, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox > ul li figure figcaption .btn_area .btn .t {
    color: white;
    background: #b38c3b;
    line-height: 1.3em;
    font-size: 26px;
    font-size: 3.46667vw;
    padding: 2vw 0 0 0;
    box-sizing: border-box;
  }
  /* line 1165, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox > ul li figure figcaption .btn_area .btn .pl {
    width: 2.93333vw;
    height: 1px;
    background: white;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 3vw;
    z-index: 1;
  }
  /* line 1175, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox > ul li figure figcaption .btn_area .btn .pl:after {
    content: '';
    display: block;
    position: absolute;
    background: white;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  /* line 1194, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox > ul li.moist figure figcaption p {
    color: #a4001c;
  }
  /* line 1203, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox > ul li.repair figure figcaption p {
    color: #b38d3b;
  }
  /* line 1211, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox section {
    float: none;
    color: #b38d3b;
  }
  /* line 1214, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox section h3 {
    line-height: 1em;
    font-size: 36px;
    font-size: 4.8vw;
    font-weight: bold;
    margin: 0 0 7.5vw 0;
  }
  /* line 1220, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox section dl {
    text-align: left;
    padding: 0 3.46667vw;
  }
  /* line 1223, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox section dl dt {
    font-size: 26px;
    font-size: 3.46667vw;
    font-weight: bold;
    line-height: 1em;
    letter-spacing: 0.05em;
    margin: 0 0 3.5vw 0;
  }
  /* line 1229, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox section dl dt:first-child {
    color: #a4001c;
  }
  /* line 1231, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox section dl dt:first-child::before {
    background: #a4001c;
  }
  /* line 1234, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox section dl dt:first-child + dd {
    color: #a4001c;
    margin: 0 0 8vw 0;
  }
  /* line 1239, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox section dl dt::before {
    content: '';
    width: 3px;
    height: 3px;
    vertical-align: middle;
    border-radius: 50%;
    display: inline-block;
    background: #b38d3b;
    margin: 0 1.2vw 0 0;
  }
  /* line 1252, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox section dl dd ul li {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 1.8em;
    letter-spacing: 0.03em;
    text-align: justify;
    white-space: nowrap;
  }
  /* line 1258, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#limit .bbox section dl dd ul li:first-child {
    margin: 0 0 2.6vw 0;
  }
  /* line 1268, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod {
    padding: 6vw 0 0 0;
    margin: 0 0 12.3vw 0;
  }
  /* line 1271, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .inner {
    width: 86%;
    margin: 0 0 0 7%;
  }
  /* line 1276, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod {
    margin: 0 0 14vw 0;
    float: left;
    width: 100%;
  }
  /* line 1279, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .sub {
    font-size: 44px;
    font-size: 5.86667vw;
    line-height: 1em;
    margin: 0 0 3vw 0;
    font-weight: bold;
    width: 100%;
    color: #b38d3b;
  }
  /* line 1287, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .prod_ttl {
    font-weight: bold;
    font-size: 48px;
    font-size: 6.4vw;
    line-height: 6vw;
    width: 100%;
    color: #b38d3b;
  }
  /* line 1293, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .prod_ttl .s {
    font-size: 28px;
    font-size: 3.73333vw;
  }
  /* line 1297, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod.spring {
    margin: 0 0 13vw 0;
    padding: 8.6vw 0 11.5vw 0;
    position: relative;
    color: #cf005b;
  }
  /* line 1302, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod.spring::before {
    position: absolute;
    content: '';
    background: #fff0f6;
    top: 0;
    height: 100%;
    width: 120%;
    left: -9%;
  }
  /* line 1311, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod.spring .sub {
    color: #cf005b;
    position: relative;
  }
  /* line 1315, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod.spring .prod_ttl {
    color: #cf005b;
    position: relative;
    margin: 0 0 3vw 0;
  }
  /* line 1320, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod.spring .copy {
    position: relative;
    font-size: 38px;
    font-size: 5.06667vw;
    line-height: 1em;
    font-weight: bold;
    margin: 0 0 4.7vw 0;
  }
  /* line 1328, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod.spring figure .img_area {
    padding: 5vw 0 0 0;
  }
  /* line 1330, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod.spring figure .img_area .limit {
    color: white;
    font-size: 34px;
    font-size: 4.53333vw;
    line-height: 20.13333vw;
    width: 20.13333vw;
    height: 20.13333vw;
    border-radius: 50%;
    background: #cf005b;
    position: absolute;
    top: 0;
    right: -9vw;
  }
  /* line 1342, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod.spring figure .img_area .capa {
    color: #cf005b;
  }
  /* line 1347, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod.spring .detail {
    color: #cf005b;
    position: relative;
  }
  /* line 1350, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod.spring .detail .copy {
    line-height: 1em;
    font-size: 10px;
    font-size: 1.33333vw;
    font-weight: bold;
    margin: 0 0 16.13333vw 0;
  }
  /* line 1357, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod.spring .detail .txt p {
    margin: 0;
  }
  /* line 1360, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod.spring .detail .txt .btn_area {
    margin-top: 7vw;
  }
  /* line 1366, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod.prod2 {
    margin-bottom: 0;
  }
  /* line 1368, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod.prod2 .detail {
    margin-bottom: 2vw;
  }
  /* line 1371, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod.prod2 figure {
    padding-top: 18vw;
  }
  /* line 1373, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod.prod2 figure .img_area {
    margin: 0 auto 0 auto;
  }
  /* line 1375, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod.prod2 figure .img_area .ico {
    top: -21vw;
    right: -14vw;
    width: 52%;
  }
  /* line 1383, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod figure {
    padding: 0 0 0 0;
    text-align: center;
    margin: 0 0 6.4vw 0;
    position: relative;
  }
  /* line 1388, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod figure .img_area {
    position: relative;
    margin: 0 auto 7vw;
    padding: 9.5vw 0 0 0;
    width: 63%;
  }
  /* line 1393, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod figure .img_area .circle {
    line-height: 0;
  }
  /* line 1396, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod figure .img_area .capa {
    font-size: 28px;
    font-size: 3.73333vw;
    line-height: 1em;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 4.2vw;
    color: #b38d3b;
  }
  /* line 1405, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod figure .img_area .ico {
    position: absolute;
    top: -4vw;
    right: -15vw;
    width: 38%;
  }
  /* line 1411, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod figure .img_area .img {
    position: absolute;
    bottom: 11vw;
    left: 14%;
    width: 73%;
    line-height: 0;
    z-index: 10;
  }
  /* line 1421, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .detail {
    float: left;
    width: 88%;
    margin: 0 0 0 6%;
    text-align: left;
    color: #b38d3b;
  }
  /* line 1427, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .detail .name {
    font-size: 26px;
    font-size: 3.46667vw;
    line-height: 1em;
    text-align: center;
    margin: 0 0 6vw 0;
  }
  /* line 1433, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .detail .txt {
    float: left;
    width: 100%;
  }
  /* line 1435, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .detail .txt p {
    font-size: 3.6vw;
    letter-spacing: 0vw;
    text-align: left;
    line-height: 7vw;
    margin: 0 0 7vw 0;
  }
  /* line 1441, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .detail .txt p.notice {
    color: #343434;
    font-size: 18px;
    font-size: 2.4vw;
    letter-spacing: 0;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  }
  /* line 1450, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area {
    float: left;
    width: 100%;
  }
  /* line 1452, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area h3 {
    font-size: 28px;
    font-size: 3.73333vw;
    line-height: 1em;
    color: #434343;
    margin: 0 0 7vw 0;
  }
  /* line 1457, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area h3 .ico {
    width: 15px;
    display: inline-block;
  }
  /* line 1462, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area ul {
    float: left;
    width: 100%;
    margin: 0 0 0 6%;
    width: 88%;
  }
  /* line 1466, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area ul li {
    margin: 0 0 2.6vw 0;
  }
  /* line 1468, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area ul li a {
    position: relative;
    display: block;
    box-sizing: border-box;
    border-radius: 1px;
    border: 1px solid #b38d3b;
    height: 16vw;
  }
  /* line 1475, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area ul li a .t {
    position: absolute;
    left: 26%;
    width: 47%;
    top: 3vw;
  }
  /* line 1481, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area ul li a .i {
    position: absolute;
    width: 2%;
    bottom: 1.3vw;
    right: 3.5%;
    line-height: 0;
  }
  /* line 1489, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area ul li:last-child {
    margin: 0;
  }
  /* line 1495, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .btn_area {
    width: 69.86667vw;
    height: 12vw;
  }
  /* line 1499, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .btn_area .btn .t {
    color: white;
    background: #b38c3b;
    line-height: 11.2vw;
  }
  /* line 1504, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .btn_area .btn .pl {
    width: 2.93333vw;
    height: 1px;
    background: white;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 4.53333vw;
    z-index: 1;
  }
  /* line 1514, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .btn_area .btn .pl:after {
    content: '';
    display: block;
    position: absolute;
    background: white;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  /* line 1530, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod_everyday {
    margin: 0 0 12vw 0;
    color: #b38d3b;
  }
  /* line 1533, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod_everyday .inner {
    width: 88%;
    margin: 0 calc((100% - 88%) / 2);
  }
  /* line 1537, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod_everyday h2 {
    text-align: center;
    margin: 0 0 7vw 0;
    position: relative;
  }
  /* line 1541, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod_everyday h2 span {
    display: inline-block;
    line-height: 1em;
    font-size: 40px;
    font-size: 5.33333vw;
    position: relative;
    padding: 0 3.2vw;
    background: white;
  }
  /* line 1549, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod_everyday h2::before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 0;
    background: #b38d3b;
  }
  /* line 1561, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod_everyday ul {
    display: flex;
    justify-content: space-between;
  }
  /* line 1564, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod_everyday ul li {
    width: 40.53333vw;
  }
  /* line 1567, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod_everyday ul li figure .img {
    width: 20vw;
    line-height: 0;
    margin: 0 auto 5.5vw;
  }
  /* line 1573, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod_everyday ul li figure figcaption h3 {
    margin: 0 0 4.5vw 0;
  }
  /* line 1575, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod_everyday ul li figure figcaption h3 span {
    display: block;
    line-height: 1em;
  }
  /* line 1578, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod_everyday ul li figure figcaption h3 span.s {
    font-size: 30px;
    font-size: 4vw;
    margin: 0 0 1vw 0;
  }
  /* line 1582, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod_everyday ul li figure figcaption h3 span.m {
    font-size: 34px;
    font-size: 4.53333vw;
    white-space: nowrap;
    line-height: 1.5em;
    letter-spacing: -0.1em;
  }
  /* line 1590, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod_everyday ul li figure figcaption p {
    line-height: 1em;
  }
  /* line 1592, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod_everyday ul li figure figcaption p.sub {
    white-space: nowrap;
    font-size: 26px;
    font-size: 3.46667vw;
    line-height: 1.3em;
    margin: 0 0 5.6vw 0;
    letter-spacing: -0.1em;
  }
  /* line 1599, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod_everyday ul li figure figcaption p:not(.sub) {
    white-space: nowrap;
    font-size: 26px;
    font-size: 3.46667vw;
    line-height: 1.8em;
    margin: 0 0 6.5vw 0;
    letter-spacing: -0.05em;
  }
  /* line 1607, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod_everyday ul li figure figcaption .btn_area {
    width: 40.53333vw;
    height: 13.33333vw;
  }
  /* line 1611, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod_everyday ul li figure figcaption .btn_area .btn .t {
    color: white;
    background: #b38c3b;
    line-height: 1.3em;
    font-size: 26px;
    font-size: 3.46667vw;
    padding: 2vw 0 0 0;
    box-sizing: border-box;
  }
  /* line 1619, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod_everyday ul li figure figcaption .btn_area .btn .pl {
    width: 2.93333vw;
    height: 1px;
    background: white;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 4.53333vw;
    z-index: 1;
  }
  /* line 1629, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod_everyday ul li figure figcaption .btn_area .btn .pl:after {
    content: '';
    display: block;
    position: absolute;
    background: white;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  /* line 1650, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup {
    background: #f8e9c9;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #f8e9c9 0%, #f6c462 41%, #ea910a 100%);
    /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #f8e9c9 0%, #f6c462 41%, #ea910a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #f8e9c9 0%, #f6c462 41%, #ea910a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e9c9', endColorstr='#ea910a',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
  }
  /* line 1658, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner h2 {
    font-size: 48px;
    font-size: 6.4vw;
    line-height: 1.7em;
    color: #f1cb89;
  }
  /* line 1662, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner h2.cir {
    display: inline-block;
    position: relative;
  }
  /* line 1665, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner h2.cir:after {
    content: '';
    display: block;
    position: absolute;
    width: 27vw;
    height: 27vw;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.1);
    z-index: -1;
    right: -5vw;
  }
  /* line 1680, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner .btn_area {
    position: relative;
    width: 70%;
    line-height: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  /* line 1687, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner .btn_area .btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 2vw;
    padding: 1.5px;
    box-sizing: border-box;
    overflow: hidden;
    background: #d9a000;
  }
  /* line 1699, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner .btn_area .btn .t {
    display: block;
    height: 100%;
    width: 100%;
    background: #ffffff;
    border-radius: 1.5vw;
    line-height: 11vw;
    position: relative;
    z-index: 1;
    font-size: 28px;
    font-size: 3.73333vw;
    color: #b38d3b;
  }
  /* line 1711, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner .btn_area .btn .arw {
    position: absolute;
    z-index: 1;
    top: 5.5vw;
    right: 7%;
    width: 16%;
  }
  /* line 1718, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner .btn_area .btn:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: black;
    position: absolute;
    -webkit-animation: btn_anim 5s linear infinite;
    -moz-animation: btn_anim 5s linear infinite;
    animation: btn_anim 5s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    top: 0;
    left: 0;
    background: #d99f00;
    /* Old browsers */
    background: -moz-linear-gradient(bottom, #d99f00 0%, #866301 50%, #ffe785 57%, #d99f00 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom, #d99f00 0%, #866301 50%, #ffe785 57%, #d99f00 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, #d99f00 0%, #866301 50%, #ffe785 57%, #d99f00 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d99f00', endColorstr='#d99f00',GradientType=0 );
  }
  /* line 1738, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner {
    padding: 6.5vw 0 5vw 0;
  }
  /* line 1740, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner h2 {
    font-weight: bold;
    line-height: 1em;
    color: #a31f25;
    font-size: 34px;
    font-size: 4.53333vw;
    margin: 0 0 4vw 0;
  }
  /* line 1746, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner h2:before {
    display: none;
  }
  /* line 1750, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner figure {
    width: 60%;
    margin: 0 auto;
    position: relative;
    line-height: 0;
  }
  /* line 1755, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner figure span {
    position: absolute;
    opacity: 0.6;
    line-height: 0;
    width: 867px;
    top: 146px;
    left: -234px;
  }
  /* line 1764, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner .btn_area {
    margin-top: -9vw;
  }
  /* line 1774, ../../src/page/top/css/_sp.scss */
  body .float_panel {
    z-index: 10002;
    width: 89.6%;
    position: absolute;
    top: 1.5vw;
    right: 0;
    left: 0;
    margin: auto;
  }
  /* line 1783, ../../src/page/top/css/_sp.scss */
  body .float_panel > a {
    width: 6.9%;
    position: absolute;
    line-height: 0;
    right: 0;
    top: 0;
  }
  /* line 1790, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner {
    width: 88%;
    margin: 0 6%;
    padding: 8.6vw 0 0 0;
    text-align: center;
  }
  /* line 1795, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .sub {
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 4.1vw;
    margin: 0 0 8vw 0;
  }
  /* line 1801, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .box {
    float: left;
    width: 100%;
    width: 112%;
    margin: 0 0 0 -6%;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d5ac33;
  }
  /* line 1810, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .box .ttl {
    float: left;
    width: 100%;
    width: 100%;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d5ac33;
    color: #b59968;
    text-align: center;
    font-size: 4.6vw;
    height: 19vw;
    line-height: 1.4;
    margin: -6vw 0 8vw 7%;
    width: 86%;
    padding: 3vw 0 0 0;
  }
  /* line 1827, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .box ol {
    float: left;
    width: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 7%;
  }
  /* line 1834, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .box ol li {
    display: inline-block;
    float: left;
    width: 100%;
    margin: 0 0 5vw 0;
  }
  /* line 1845, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .box ol li .num {
    float: left;
    width: 100%;
    margin: 0 0 3vw 0;
  }
  /* line 1848, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .box ol li .num .n {
    display: block;
    float: left;
    background: #434343;
    color: #ffffff;
    text-align: center;
    width: 6vw;
    height: 6vw;
    line-height: 6vw;
    font-size: 3vw;
  }
  /* line 1859, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .box ol li .num .t {
    display: block;
    float: left;
    font-size: 3.7vw;
    position: relative;
    top: 0.3vw;
    left: 3vw;
  }
  /* line 1868, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .box ol li .txt {
    float: left;
    width: 100%;
    margin: 0 0 18px 0;
    text-align: left;
  }
  /* line 1872, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .box ol li .txt p {
    font-size: 3.4vw;
    line-height: 1.7;
    margin: 0 0 2vw 0;
    text-align: left;
  }
  /* line 1877, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .box ol li .txt p span {
    font-size: 0.7em;
    vertical-align: top;
  }
  /* line 1883, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .box ol li small {
    float: left;
    width: 100%;
    font-size: 2vw;
    line-height: 1.5;
    text-align: center;
    text-align: left;
  }
  /* line 1890, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .box ol li figure {
    float: left;
    width: 100%;
    margin: 0 0 4.8vw 0;
  }
  /* line 1897, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .close {
    font-size: 33px;
    font-size: 4.4vw;
    font-weight: bold;
    color: #b38d3b;
    display: inline-block;
  }
  /* line 1902, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .close .ico {
    display: inline-block;
    width: 16%;
    line-height: 0;
  }
  /* line 1911, ../../src/page/top/css/_sp.scss */
  body .float_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 10001;
    background: #c3942a;
  }
  /* line 1920, ../../src/page/top/css/_sp.scss */
  body #reel {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    float: left;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.9);
  }
  /* line 1929, ../../src/page/top/css/_sp.scss */
  body #reel .bg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    float: left;
    top: 0;
    left: 0;
    z-index: 5;
    cursor: pointer;
  }
  /* line 1940, ../../src/page/top/css/_sp.scss */
  body #reel .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 90%;
    height: 607.5px;
    z-index: 10;
  }
  /* line 1950, ../../src/page/top/css/_sp.scss */
  body #reel .inner i {
    float: right;
    font-size: 2em;
    margin: 0 0 1em 0;
  }
  /* line 1955, ../../src/page/top/css/_sp.scss */
  body #reel .inner iframe {
    width: 100%;
    height: 607.5px;
    float: left;
  }
  /* line 1961, ../../src/page/top/css/_sp.scss */
  body #reel .close {
    width: 47.5px;
    height: 47.5px;
    float: right;
    position: absolute;
    text-align: center;
    cursor: pointer;
    top: -37px;
    right: -13px;
    z-index: 5003;
  }
  /* line 1973, ../../src/page/top/css/_sp.scss */
  body #reel .close .bar {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 1979, ../../src/page/top/css/_sp.scss */
  body #reel .close .bar span {
    background: #b38d3b;
    width: 25px;
    height: 2px;
    float: left;
    display: block;
    position: absolute;
    top: 50%;
    left: 11px;
    content: "";
    margin: -12px 0 0 0;
    transition: 2s;
    -webkit-transform: rotate(45deg) translate(7px, 7px);
    -moz-transform: rotate(45deg) translate(7px, 7px);
    -ms-transform: rotate(45deg) translate(7px, 7px);
    -o-transform: rotate(45deg) translate(7px, 7px);
    transform: rotate(45deg) translate(7px, 7px);
  }
  /* line 1997, ../../src/page/top/css/_sp.scss */
  body #reel .close .bar:after {
    background: #b38d3b;
    width: 25px;
    height: 2px;
    float: left;
    display: block;
    position: absolute;
    top: 50%;
    left: 13px;
    content: "";
    margin: 8px 0 0 0;
    transition: 2s;
    -webkit-transform: rotate(-45deg) translate(6px, -8px);
    -moz-transform: rotate(-45deg) translate(6px, -8px);
    -ms-transform: rotate(-45deg) translate(6px, -8px);
    -o-transform: rotate(-45deg) translate(6px, -8px);
    transform: rotate(-45deg) translate(6px, -8px);
  }
  /* line 2016, ../../src/page/top/css/_sp.scss */
  body #reel .close .t {
    display: inline-block;
    position: absolute;
    top: 57px;
    left: 25px;
  }
  /* line 2024, ../../src/page/top/css/_sp.scss */
  body .product_float {
    z-index: 10002;
    width: 89.6%;
    border: 1px solid #b38d3b;
    box-sizing: border-box;
    background: white;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 120vw;
  }
  /* line 2037, ../../src/page/top/css/_sp.scss */
  body .product_float > a {
    width: 6.9%;
    position: absolute;
    line-height: 0;
    right: 0;
    top: -10vw;
  }
  /* line 2044, ../../src/page/top/css/_sp.scss */
  body .product_float .inner {
    width: 88%;
    margin: 0 6%;
    padding: 9.6vw 0 0 0;
    text-align: center;
  }
  /* line 2049, ../../src/page/top/css/_sp.scss */
  body .product_float .inner .logo {
    width: 35%;
    margin: 0 auto 7.5vw;
    line-height: 0;
  }
  /* line 2054, ../../src/page/top/css/_sp.scss */
  body .product_float .inner h2 {
    text-align: center;
    margin: 0 0 5.1vw 0;
    font-size: 26px;
    font-size: 3.46667vw;
    color: #b38d3b;
    font-weight: bold;
  }
  /* line 2060, ../../src/page/top/css/_sp.scss */
  body .product_float .inner h2 .ico {
    display: inline-block;
    width: 6%;
    line-height: 0;
    vertical-align: middle;
  }
  /* line 2067, ../../src/page/top/css/_sp.scss */
  body .product_float .inner .btn_area {
    overflow: hidden;
    margin: 0 0 6.7vw 0;
  }
  /* line 2071, ../../src/page/top/css/_sp.scss */
  body .product_float .inner .btn_area ul.l {
    margin: 0 0 2.4vw 0;
  }
  /* line 2077, ../../src/page/top/css/_sp.scss */
  body .product_float .inner .btn_area ul li a {
    display: block;
    border: 1px solid #b38d3b;
    border-radius: 2px;
    height: 16vw;
    box-sizing: border-box;
    position: relative;
  }
  /* line 2084, ../../src/page/top/css/_sp.scss */
  body .product_float .inner .btn_area ul li a > img {
    width: 45.6%;
    position: absolute;
    left: 27%;
    top: 3vw;
  }
  /* line 2090, ../../src/page/top/css/_sp.scss */
  body .product_float .inner .btn_area ul li a .ico {
    position: absolute;
    width: 2.5%;
    line-height: 0;
    bottom: 1vw;
    right: 2%;
  }
  /* line 2097, ../../src/page/top/css/_sp.scss */
  body .product_float .inner .btn_area ul li a.no {
    border: none;
    background: #eeeeee;
    pointer-events: none;
  }
  /* line 2101, ../../src/page/top/css/_sp.scss */
  body .product_float .inner .btn_area ul li a.no .ico {
    display: none;
  }
  /* line 2106, ../../src/page/top/css/_sp.scss */
  body .product_float .inner .btn_area ul li:first-child {
    margin: 0 0 2.4vw 0;
  }
  /* line 2112, ../../src/page/top/css/_sp.scss */
  body .product_float .inner .close {
    font-size: 33px;
    font-size: 4.4vw;
    font-weight: bold;
    color: #b38d3b;
    display: inline-block;
  }
  /* line 2117, ../../src/page/top/css/_sp.scss */
  body .product_float .inner .close .ico {
    display: inline-block;
    width: 16%;
    line-height: 0;
  }
}