@charset "UTF-8";
/*color*/
/*anim*/
/*size*/
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
@media screen and (min-width: 1921px) {
  /* line 2, ../../../../src/page/top/css/_pc.scss */
  body {
    	/*
    	@function cvwp($size){
    		// @return ($size / 1920 * 100) + vw;
    		@if $mid == true{
    			@return ($size) + px;
    		} @else{
    			@return ($size) + px;
    		}
    	}
    
    	@function cvwf($size){
    		@return ($size) + px;
    	}
    
    	background: url(../img/_guide.png) no-repeat top center;
    	// background: url(../img/_guidemenu.png) no-repeat top center;
    	// background-size: 100% auto;
    	// background-size: 1680px auto;
    	background-size: 1360px auto;
    	background-position: 50% 5244px;
    	width: 100%;
        margin: 0 auto !important;
    	// background-position: 50% 9px;
        // &::-webkit-scrollbar {
        //     display:none;
        // }
    	#header{
    		width: 1360px !important;
    		left: 50% !important;
    		transform: translateX(-50%);
    	}
    	#menu_wide {
    		left: 50% !important;
    		transform: translateX(-50%) !important;
    		width: 1360px !important;
    		height: 765px !important;
    	}
    	#wrapper{
    		opacity: 0.6 !important;
    		// width: 1280px;
    		width: 1360px;
    		margin: 0 auto;
    		.container{
    			width: 1240px;
    			margin: 0 auto;
    			position: relative;
    		}
    	}
        #header{
    		opacity: 0.6 !important;
    	}
    */
    /*============================
    #wrapper
    ============================*/
  }
  /* line 57, ../../../../src/page/top/css/_pc.scss */
  body #opening {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: white;
    transition: all 0.35s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 66, ../../../../src/page/top/css/_pc.scss */
  body #opening.passive {
    pointer-events: none;
    opacity: 0;
  }
  /* line 70, ../../../../src/page/top/css/_pc.scss */
  body #opening .frame {
    position: fixed;
    width: 476.25px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
  }
  /* line 78, ../../../../src/page/top/css/_pc.scss */
  body #opening .mark_anim {
    position: fixed;
    width: 476.25px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 86, ../../../../src/page/top/css/_pc.scss */
  body #opening .mark_anim img {
    display: block;
  }
  /* line 89, ../../../../src/page/top/css/_pc.scss */
  body #opening .mark_anim.open {
    opacity: 1;
  }
  /* line 91, ../../../../src/page/top/css/_pc.scss */
  body #opening .mark_anim.open img {
    display: none;
  }
  /* line 93, ../../../../src/page/top/css/_pc.scss */
  body #opening .mark_anim.open img:nth-of-type(1) {
    display: block;
    opacity: 0;
  }
  /* line 96, ../../../../src/page/top/css/_pc.scss */
  body #opening .mark_anim.open img:nth-of-type(1).active {
    opacity: 1;
  }
  /* line 100, ../../../../src/page/top/css/_pc.scss */
  body #opening .mark_anim.open img.active {
    display: block;
  }
  /* line 105, ../../../../src/page/top/css/_pc.scss */
  body #opening .mark_anim video {
    width: 100%;
  }
  /* line 116, ../../../../src/page/top/css/_pc.scss */
  body .screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    height: 100lvh;
    pointer-events: none;
    z-index: -1;
  }
  /* line 126, ../../../../src/page/top/css/_pc.scss */
  body #wrapper {
    position: relative;
    overflow: clip;
    /*============================
    #main
    ============================*/
  }
  /* line 129, ../../../../src/page/top/css/_pc.scss */
  body #wrapper section {
    overflow: hidden;
    position: relative;
    z-index: 10;
  }
  /* line 134, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #logo_fix {
    top: 4.11765vw;
    left: 4.33824vw;
    opacity: 0;
    transform: scale(1) translate3d(0, 0, 1px);
  }
  /* line 139, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #logo_fix span {
    display: block;
  }
  /* line 148, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #logo_fix .box {
    transform: translate3d(0, 0, 1px);
  }
  /* line 151, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #logo_fix.passive {
    pointer-events: none;
    opacity: 0 !important;
  }
  /* line 155, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #logo_fix .logo {
    margin-bottom: 1.10294vw;
    position: relative;
    z-index: 3;
    transform: translate3d(0, 0, 1px);
  }
  /* line 161, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #logo_fix .mark_anim {
    width: 18.75vw;
    margin: -3.38235vw 0 0 -1.25vw;
    transform: translate3d(0, 0, 1px);
  }
  /* line 170, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main {
    position: relative;
    z-index: 10;
    /*============================
    #top
    ============================*/
    /*============================
    #intro
    ============================*/
    /*============================
    #photo_area
    ============================*/
    /*============================
    #product
    ============================*/
  }
  /* line 176, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top {
    height: 100vh;
    overflow: hidden;
    height: 764px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  /* line 184, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .container {
    box-sizing: border-box;
    padding-top: 5.80882vw;
    height: 100%;
  }
  /* line 188, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .container .maincopy {
    width: 451.25px;
    margin: 0 auto;
    position: relative;
    left: 20px;
  }
  /* line 193, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .container .maincopy svg {
    transform: translate3d(0, 0, 1px);
  }
  /* line 206, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge {
    position: fixed;
    bottom: 36.25px;
    right: 38.75px;
    width: 206.65px;
    z-index: 11;
    transition: all 0.49s;
    transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
  }
  /* line 215, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge.passive {
    pointer-events: none;
    opacity: 0;
  }
  /* line 221, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge.open a .t_bg {
    opacity: 1;
    transform: scale(1);
    transition: all 0.49s;
    transition-timing-function: linear;
  }
  /* line 228, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge.open a .t {
    opacity: 1;
  }
  /* line 233, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a {
    display: block;
    line-height: 0;
    position: relative;
  }
  /* line 238, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a:hover .cont {
    transform: scale(1);
  }
  /* line 242, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a:hover .t_bg .rect {
    transform: scale(0.92);
  }
  /* line 244, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a:hover .t_bg .rect span {
    -webkit-animation: rotate 22s linear 0.2s infinite;
    -moz-animation: rotate 22s linear 0.2s infinite;
    animation: rotate 22s linear 0.2s infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 249, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a:hover .prod_box {
    transform: scale(1);
    opacity: 1;
  }
  /* line 252, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a:hover .prod_box .cont {
    transition: all 0s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 257, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a:hover .prod_box .prod .f {
    transform: translate(0) !important;
  }
  /* line 260, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a:hover .prod_box .prod .f span {
    transition: all 0s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 269, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .t_bg {
    display: block;
    opacity: 0;
    transform: scale(0.68);
  }
  /* line 274, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .t_bg .rect {
    display: block;
    transition: all 0.16s;
    transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
    display: block;
  }
  /* line 279, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .t_bg .rect span {
    display: block;
  }
  /* line 285, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .t_bg img {
    -webkit-animation: rotate 30s linear infinite;
    -moz-animation: rotate 30s linear infinite;
    animation: rotate 30s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 289, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .t {
    position: absolute;
    width: 84.85px;
    top: 87.5px;
    left: 60px;
    z-index: 3;
    opacity: 0;
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 299, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod_box {
    display: block;
    position: absolute;
    width: 120%;
    height: 120%;
    top: -10%;
    left: -10%;
    transform: scale(0);
    opacity: 0;
    transition: all 0.16s;
    transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
    z-index: 5;
  }
  /* line 315, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod_box.count2 .prod.prod2 {
    top: 55%;
    left: 71%;
  }
  /* line 318, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod_box.count2 .prod.prod2 .f {
    transform: translate(-131%, -41%);
  }
  /* line 328, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod_box.count3 .prod.prod2 {
    top: 31%;
    left: 74%;
  }
  /* line 331, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod_box.count3 .prod.prod2 .f {
    transform: translate(-117%, 30%);
  }
  /* line 335, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod_box.count3 .prod.prod3 {
    top: 66%;
    left: 7%;
  }
  /* line 338, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod_box.count3 .prod.prod3 .f {
    transform: translate(88%, -85%);
  }
  /* line 345, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .cont {
    width: 100%;
    height: 100%;
    position: relative;
    transform: scale(1);
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    display: block;
  }
  /* line 353, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod {
    pointer-events: none;
    position: absolute;
    width: 80px;
    top: 0;
    left: 0;
  }
  /* line 359, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod .f {
    display: block;
    transition: all 0.49s;
    transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
  }
  /* line 363, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod .f span {
    width: 100%;
    height: 100%;
    display: block;
    line-height: 0;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  }
  /* line 371, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod .f span img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  /* line 381, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod.prod1 {
    top: 0%;
    left: -1%;
    transform: rotate(25deg);
  }
  /* line 386, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod.prod1 .f {
    transform: translate(159%, 30%);
  }
  /* line 390, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod.prod2 {
    top: -2%;
    left: 69%;
    transform: rotate(11deg);
  }
  /* line 395, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod.prod2 .f {
    transform: translate(-74%, 120%);
  }
  /* line 399, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod.prod3 {
    top: 63%;
    left: 66%;
    transform: rotate(-4deg);
  }
  /* line 403, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod.prod3 .f {
    transform: translate(-86%, -102%);
  }
  /* line 408, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod.prod4 {
    top: 64%;
    left: 1%;
  }
  /* line 411, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod.prod4 .f {
    transform: translate(97%, -88%);
  }
  /* line 450, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area_all {
    position: relative;
  }
  /* line 453, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .kv_fade_line {
    height: 123.75px;
    opacity: 0;
  }
  /* line 456, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .kv_fade_line.open {
    opacity: 1;
  }
  /* line 460, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area, body #wrapper #main #kv_ov {
    height: 2500px;
    width: 100%;
    transform: translateY(90px);
    width: 100%;
    margin: 0 auto;
    overflow: clip;
    padding-bottom: 14.70588vw;
    contain: content;
  }
  /* line 470, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .kv_line_end, body #wrapper #main #kv_ov .kv_line_end {
    position: absolute;
    bottom: 22.05882vw;
    left: 0;
    width: 100%;
    height: 1px;
  }
  /* line 477, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area #kv_space, body #wrapper #main #kv_ov #kv_space {
    position: absolute;
    top: 0;
    left: 0;
    height: 12.79412vw;
  }
  /* line 483, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .kv_cover_area, body #wrapper #main #kv_ov .kv_cover_area {
    position: absolute;
    width: 100%;
    top: 12.79412vw;
    left: 0;
    z-index: 20;
  }
  /* line 489, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .kv_cover_area:before, body #wrapper #main #kv_ov .kv_cover_area:before {
    content: "";
    display: block;
    width: 20vw;
    height: 150vh;
    position: absolute;
    bottom: 0;
    left: 1px;
    transform: translateX(-100%);
    background: white;
    z-index: 2;
  }
  /* line 501, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .kv_cover_area:after, body #wrapper #main #kv_ov .kv_cover_area:after {
    z-index: 2;
    background: white;
    content: "";
    display: block;
    width: 20vw;
    height: 150vh;
    position: absolute;
    bottom: 0;
    right: 1px;
    transform: translateX(100%);
  }
  /* line 514, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .kv_cover_area .kv_cover .t, body #wrapper #main #kv_ov .kv_cover_area .kv_cover .t {
    width: 100%;
    height: 100vh;
    display: block;
    background: white;
  }
  /* line 520, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .kv_cover_area .kv_cover span, body #wrapper #main #kv_ov .kv_cover_area .kv_cover span {
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
  }
  /* line 525, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .kv_cover_area .kv_cover span img, body #wrapper #main #kv_ov .kv_cover_area .kv_cover span img {
    width: 67.64706vw;
    position: relative;
    top: -0.14706vw;
  }
  /* line 533, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area, body #wrapper #main #kv_ov .inner_area {
    height: 100vh;
    width: 67.64706vw;
    margin: 0 auto;
    padding-top: 12.79412vw;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
  /* line 541, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv, body #wrapper #main #kv_area .inner_area #kv2, body #wrapper #main #kv_ov .inner_area #kv, body #wrapper #main #kv_ov .inner_area #kv2 {
    height: 100%;
    margin: 0 auto;
    position: relative;
  }
  /* line 546, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv .cover, body #wrapper #main #kv_area .inner_area #kv2 .cover, body #wrapper #main #kv_ov .inner_area #kv .cover, body #wrapper #main #kv_ov .inner_area #kv2 .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 11;
  }
  /* line 552, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv .cover:after, body #wrapper #main #kv_area .inner_area #kv2 .cover:after, body #wrapper #main #kv_ov .inner_area #kv .cover:after, body #wrapper #main #kv_ov .inner_area #kv2 .cover:after {
    content: "";
    display: block;
    width: 100%;
    height: 100vh;
    background: white;
    top: -100vh;
    left: 0;
    position: absolute;
    z-index: 3;
  }
  /* line 563, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv .cover img, body #wrapper #main #kv_area .inner_area #kv2 .cover img, body #wrapper #main #kv_ov .inner_area #kv .cover img, body #wrapper #main #kv_ov .inner_area #kv2 .cover img {
    position: relative;
  }
  /* line 567, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv picture, body #wrapper #main #kv_area .inner_area #kv2 picture, body #wrapper #main #kv_ov .inner_area #kv picture, body #wrapper #main #kv_ov .inner_area #kv2 picture {
    transform-origin: top center;
  }
  /* line 571, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv .kv_target_img, body #wrapper #main #kv_area .inner_area #kv2 .kv_target_img, body #wrapper #main #kv_ov .inner_area #kv .kv_target_img, body #wrapper #main #kv_ov .inner_area #kv2 .kv_target_img {
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  /* line 577, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target, body #wrapper #main #kv_area .inner_area #kv #kv_target2, body #wrapper #main #kv_area .inner_area #kv2 #kv_target, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2, body #wrapper #main #kv_ov .inner_area #kv #kv_target, body #wrapper #main #kv_ov .inner_area #kv #kv_target2, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 {
    width: 147%;
    width: 100%;
    height: 100%;
    transform-origin: center center;
    position: absolute;
    bottom: 0;
    left: -23.5%;
    left: 0;
  }
  /* line 586, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_rect, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_rect, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_rect, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_rect, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_rect, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_rect, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_rect, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_rect {
    position: absolute;
    bottom: 0;
    left: 9%;
    width: 82%;
    height: 85%;
    display: block;
  }
  /* line 597, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_bg, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_bg, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_bg, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_bg, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_bg, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_bg, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_bg, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_bg {
    width: 100%;
    height: 100%;
    position: relative;
    transition: all 0.1s;
    transition-timing-function: linear;
  }
  /* line 602, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_bg .fade_line, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_bg .fade_line, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_bg .fade_line, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_bg .fade_line, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_bg .fade_line, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_bg .fade_line, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_bg .fade_line, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_bg .fade_line {
    position: absolute;
    bottom: -1px;
  }
  /* line 607, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target picture, body #wrapper #main #kv_area .inner_area #kv #kv_target2 picture, body #wrapper #main #kv_area .inner_area #kv2 #kv_target picture, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 picture, body #wrapper #main #kv_ov .inner_area #kv #kv_target picture, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 picture, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target picture, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 picture {
    width: 100%;
    height: 100%;
  }
  /* line 610, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target picture img, body #wrapper #main #kv_area .inner_area #kv #kv_target2 picture img, body #wrapper #main #kv_area .inner_area #kv2 #kv_target picture img, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 picture img, body #wrapper #main #kv_ov .inner_area #kv #kv_target picture img, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 picture img, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target picture img, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate3d(0, 0, 1px);
  }
  /* line 617, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_ov, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_ov, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_ov, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_ov, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_ov, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_ov, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_ov, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_ov {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    transform-origin: top right;
  }
  /* line 626, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_bg, body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_ov, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_bg, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_ov, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_bg, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_ov, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_bg, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_ov, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_bg, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_ov, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_bg, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_ov, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_bg, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_ov, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_bg, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_ov {
    width: 147%;
    height: 70vw;
    top: calc((100% - 70vw)/2);
    left: -23.5%;
  }
  /* line 631, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_bg.h, body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_ov.h, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_bg.h, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_ov.h, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_bg.h, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_ov.h, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_bg.h, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_ov.h, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_bg.h, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_ov.h, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_bg.h, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_ov.h, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_bg.h, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_ov.h, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_bg.h, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_ov.h {
    width: 147%;
    height: 147%;
    top: -23.5%;
    left: -23.5%;
  }
  /* line 638, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_ov_point, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_ov_point, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_ov_point, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_ov_point, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_ov_point, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_ov_point, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_ov_point, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_ov_point {
    position: absolute;
    top: 78%;
    left: 62%;
    width: 10px;
    height: 10px;
    display: block;
  }
  /* line 650, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_ov {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    overflow: visible;
  }
  /* line 660, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 {
    overflow: visible;
    transition: all 0.1s;
    transition-timing-function: linear;
  }
  /* line 668, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .kv_line1 {
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 100vh;
  }
  /* line 675, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .kv_line2 {
    display: block;
    width: 100%;
    height: 1px;
  }
  /* line 683, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #intro {
    padding-bottom: 125px;
  }
  /* line 690, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #intro .container h2 {
    text-align: center;
    margin-bottom: 122.5px;
  }
  /* line 693, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #intro .container h2 img {
    width: 525.6875px;
    height: auto;
  }
  /* line 715, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #intro .container .txts {
    text-align: center;
  }
  /* line 722, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #intro .container .txts p {
    text-align: center;
    display: inline-block;
    width: 543.75px;
  }
  /* line 735, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #intro .intro_line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
  }
  /* line 743, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #btn_omoi {
    position: fixed;
    right: 150px;
    bottom: 75px;
    z-index: 101;
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 749, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #btn_omoi.passive {
    opacity: 0;
  }
  /* line 752, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #btn_omoi .mark_step, body #wrapper #main #btn_omoi .mark_step_f {
    top: 158.75px;
  }
  /* line 757, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #mark_area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    transition: all 0.35s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    pointer-events: none;
    transform: scale(0.5);
  }
  /* line 770, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #mark_area.open {
    transform: scale(1);
  }
  /* line 773, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #mark_area.passive {
    opacity: 0;
  }
  /* line 776, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #mark_area .mark_anim {
    position: absolute;
    width: 675px;
  }
  /* line 784, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area {
    height: 700vh;
    position: relative;
  }
  /* line 787, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .photo_line1 {
    position: absolute;
    left: 0;
    height: 1px;
    top: 100vh;
    width: 100%;
  }
  /* line 794, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .photo_line2 {
    position: absolute;
    left: 0;
    height: 1px;
    top: 300vh;
  }
  /* line 800, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .photo_line3 {
    position: absolute;
    left: 0;
    height: 1px;
    top: 500vh;
  }
  /* line 806, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .content {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
  /* line 811, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .title {
    height: 12.13235vw;
    position: relative;
  }
  /* line 814, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .title .copy {
    height: 12.13235vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    margin-bottom: 0;
    position: absolute;
    top: 3.75px;
    left: 50%;
    transform: translateX(-39.92647vw);
    width: 100%;
    opacity: 0;
    transition: all 0.133s;
    transition-timing-function: linear;
  }
  /* line 828, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .title .copy.active {
    opacity: 1;
  }
  /* line 832, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .title .mark {
    display: block;
    width: 80px;
    margin: 0 30px 0 0;
    overflow: hidden;
    position: relative;
    top: -2.5px;
  }
  /* line 839, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .title .mark img {
    transform: translateY(120%);
    transition: all 0.133s;
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  }
  /* line 846, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .title .mark.open img {
    transform: translateY(0);
  }
  /* line 851, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .title .txt {
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 24px */
    letter-spacing: 4.5px;
  }
  /* line 860, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area #photo_slide {
    position: relative;
  }
  /* line 862, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
  }
  /* line 875, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item.open .inner picture.b {
    opacity: 0;
  }
  /* line 881, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item .inner {
    -webkit-mask-image: url(../img/sv_shape_pc.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    -webkit-mask-size: 100%;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    will-change: -webkit-mask-position;
  }
  /* line 896, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item picture {
    width: 100%;
    height: 100%;
  }
  /* line 899, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item picture.b {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transition: all 0.5s;
    transition-timing-function: linear;
  }
  /* line 909, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item:nth-of-type(1) picture img {
    object-position: top center;
  }
  /* line 914, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  /* line 923, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main h2.en_jp {
    margin-left: 97.5px;
    margin-bottom: 107.5px;
    width: 100%;
  }
  /* line 927, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main h2.en_jp .en {
    font-family: 'Crimson Text', serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    /* 56px */
    letter-spacing: 3.5px;
    color: #4f1705;
    display: block;
    width: 100%;
    margin-bottom: 28.75px;
  }
  /* line 939, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main h2.en_jp .jp {
    color: #4f1705;
    display: block;
    width: 100%;
    font-size: 22.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 240%;
    /* 43.2px */
    letter-spacing: 3.375px;
    margin-top: -36.25px;
    opacity: 0;
    transition: all 0.4s;
    transition-timing-function: linear;
  }
  /* line 952, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main h2.en_jp .jp.open {
    opacity: 1;
  }
  /* line 960, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product {
    padding-top: 228.75px;
  }
  /* line 966, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .btn_cir {
    position: absolute;
    top: -78.75px;
    right: 5.66176vw;
    z-index: 20;
    width: 302.5px;
    height: 302.5px;
  }
  /* line 973, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .btn_cir .mark_step_f, body #wrapper #main #product .container .btn_cir .mark_step {
    top: 161.25px;
    left: 127.5px;
  }
  /* line 978, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    width: 94.85294vw;
  }
  /* line 985, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item {
    width: 28.38235vw;
    margin-bottom: 4.26471vw;
    margin-right: 3.01471vw;
    opacity: 0;
    transition: all 0.19s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    position: relative;
  }
  /* line 993, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 20;
  }
  /* line 1002, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item a:hover + section .img img {
    transform: scale(1.1);
  }
  /* line 1009, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item.open {
    opacity: 1;
  }
  /* line 1012, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item.open .img img {
    filter: blur(0px);
  }
  /* line 1017, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item .img {
    height: 28.38235vw;
    overflow: hidden;
    margin-bottom: 1.47059vw;
  }
  /* line 1021, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    filter: blur(80px);
    transition: all 0.79s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 1032, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item .detail h3 {
    font-size: 17.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 22.4px */
    letter-spacing: 0.875px;
    display: block;
  }
  /* line 1040, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item .detail .price {
    display: block;
    font-size: 17.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 179%;
    /* 22.4px */
    letter-spacing: 0.875px;
    color: #7B6762;
    display: flex;
    width: 100%;
  }
  /* line 1050, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item .detail .price span {
    font-size: 15px;
    line-height: 160%;
    display: inline-block;
    position: relative;
    top: 6.25px;
  }
  /* line 1063, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal_bg {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 67vh;
    z-index: 0;
    background: #280901;
    opacity: 0;
    transition: all 0.3333s;
    transition-timing-function: linear;
    pointer-events: none;
    transform: translate3d(0, 0, -1px);
  }
  /* line 1093, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal_bg .inner {
    width: 100%;
    height: 100%;
    position: relative;
  }
  /* line 1098, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal_bg.active {
    opacity: 1;
  }
  /* line 1101, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal_bg .img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  /* line 1109, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: all 0.3333s;
    transition-timing-function: linear;
    filter: blur(8px);
  }
  /* line 1123, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal {
    padding-top: 92.5px;
    padding-bottom: 182.5px;
    overflow: clip;
    position: relative;
  }
  /* line 1128, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .journal_end {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
  }
  /* line 1135, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container {
    padding-bottom: 675px;
  }
  /* line 1137, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container h2 {
    margin-bottom: 61.25px;
  }
  /* line 1139, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container h2 .en {
    color: #280901;
  }
  /* line 1142, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container h2 .jp {
    color: #280901;
  }
  /* line 1146, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .btn_target {
    position: absolute;
    top: -2.5px;
    right: 96.25px;
    width: 302.5px;
    height: 302.5px;
    z-index: 2;
  }
  /* line 1153, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .btn_target .txt {
    top: 2.5px;
  }
  /* line 1156, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .btn_target .blank {
    top: 8.75px;
  }
  /* line 1159, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .btn_target .mark_step_f, body #wrapper #main #journal .container .btn_target .mark_step {
    top: 161.25px;
    left: 127.5px;
  }
  /* line 1163, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .btn_target .mark_step_f {
    display: none !important;
  }
  /* line 1167, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .title_area {
    padding-top: 75px;
    padding-bottom: 48.75px;
  }
  /* line 1171, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .journal_items_area {
    position: relative;
  }
  /* line 1173, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .journal_items_area .journal_items {
    contain: content;
  }
  /* line 1177, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .content_area {
    position: relative;
  }
  /* line 1179, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .content_area .journal_line_all {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    top: 0;
  }
  /* line 1186, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .content_area .journal_line1, body #wrapper #main #journal .container .content_area .journal_line2, body #wrapper #main #journal .container .content_area .journal_line3, body #wrapper #main #journal .container .content_area .journal_line4, body #wrapper #main #journal .container .content_area .journal_line5 {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    top: 0;
  }
  /* line 1193, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .content_area .journal_line1 {
    top: 0;
  }
  /* line 1196, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .content_area .journal_line2 {
    top: 66%;
  }
  /* line 1199, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .content_area .journal_line3 {
    top: 99%;
  }
  /* line 1203, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .content {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
  /* line 1208, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    width: 2520px;
    position: absolute;
    top: 0;
    left: 0;
  }
  /* line 1217, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item {
    width: 630px;
    height: 675px;
    padding-right: 30px;
    box-sizing: border-box;
    will-change: transform,opacity;
  }
  /* line 1230, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item.open .inner section {
    opacity: 1;
    transform: translateY(0);
  }
  /* line 1237, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item.open:nth-of-type(2) .inner section {
    transition-delay: 0.13s;
  }
  /* line 1244, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item.open:nth-of-type(3) .inner section {
    transition-delay: 0.26s;
  }
  /* line 1252, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item.open:nth-of-type(4) .inner section {
    transition-delay: 0.39s;
  }
  /* line 1258, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item.fix {
    transform: translateX(0) scale(1) !important;
    opacity: 1 !important;
  }
  /* line 1261, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item.fix .inner {
    transform: scale(1, 1) !important;
  }
  /* line 1265, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner {
    width: 100%;
    height: 100%;
    position: relative;
    transform-origin: center left;
    will-change: transform;
  }
  /* line 1276, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner {
    position: relative;
  }
  /* line 1278, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 20;
  }
  /* line 1287, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner a:hover + section .img img {
    transform: scale(1.1);
  }
  /* line 1293, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner a:hover + section .btn_cir .box .mark_step_f {
    display: none;
  }
  /* line 1296, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner a:hover + section .btn_cir .box .mark_step {
    display: block;
  }
  /* line 1303, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner a:hover + section .btn_cir .box .mark_motion {
    transform: scale(1);
    transition-delay: 0.1s;
  }
  /* line 1306, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner a:hover + section .btn_cir .box .mark_motion:before, body #wrapper #main #journal .container .items .item .inner a:hover + section .btn_cir .box .mark_motion:after {
    transition-delay: 0.2s;
    opacity: 1;
  }
  /* line 1310, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner a:hover + section .btn_cir .box .mark_motion:after {
    transition-delay: 0.5s;
    opacity: 1;
  }
  /* line 1317, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner a:hover + section .btn_cir .box svg circle:nth-of-type(2) {
    stroke-dashoffset: 0;
  }
  /* line 1328, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section {
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    padding-top: 138.75px;
    color: white;
    background: radial-gradient(78.31% 89.75% at 20.54% 18.42%, #9d857f 0%, #7b6762 100%);
    transform: translateY(60px);
    opacity: 0;
    transition: all 0.33s;
    transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
  }
  /* line 1340, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .note {
    width: 100px;
    position: absolute;
    top: 28.75px;
    left: 28.75px;
  }
  /* line 1346, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .img {
    width: 225px;
    height: 225px;
    margin: 0 auto;
    margin-bottom: 66.25px;
    overflow: hidden;
  }
  /* line 1352, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 1359, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .txts {
    width: 100%;
    text-align: center;
  }
  /* line 1362, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .txts .date {
    font-family: 'Crimson Text', serif;
    font-size: 17.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 14px */
    letter-spacing: 0.875px;
    display: block;
    margin-bottom: 21.25px;
    width: 100%;
  }
  /* line 1373, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .txts .ttl {
    text-align: left;
    display: block;
    font-size: 22.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 28.8px */
    letter-spacing: 3.375px;
    width: 307.5px;
    margin: 0 auto;
    height: 113.75px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden;
  }
  /* line 1390, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .btn_cir {
    position: absolute;
    border-color: white;
    top: 297.5px;
    right: 56.25px;
    z-index: 5;
    opacity: 1;
    transform: scale(1);
    width: 180px;
    height: 180px;
  }
  /* line 1402, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .btn_cir .box svg circle {
    stroke: white;
  }
  /* line 1407, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .btn_cir .mark_step, body #wrapper #main #journal .container .items .item section .btn_cir .mark_step_f {
    width: 45px;
    top: 71.25px;
    left: 66.25px;
  }
  /* line 1412, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .btn_cir .mark_motion {
    top: 53.75px;
  }
  /* line 1421, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link {
    padding-top: 151.25px;
    padding-bottom: 125px;
  }
  /* line 1424, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container {
    width: 82.35294vw;
  }
  /* line 1426, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
  }
  /* line 1431, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li {
    width: 39.70588vw;
    opacity: 0;
    transform: translateY(25px);
    transition: all 0.66s;
    transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
  }
  /* line 1437, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li.open {
    opacity: 1;
    transform: translateY(0%);
  }
  /* line 1440, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li.open:nth-of-type(2) {
    transition-delay: 0.1666s;
  }
  /* line 1444, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a {
    display: flex;
    background: #f5f2ed;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    box-sizing: border-box;
    padding: 0 75px;
    height: 250px;
    position: relative;
    overflow: hidden;
  }
  /* line 1461, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a:hover .dot, body #wrapper #main .info_link .container ul li a:hover .blank {
    transition-delay: 0;
    transform: scale(0);
  }
  /* line 1465, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a:hover .en, body #wrapper #main .info_link .container ul li a:hover .jp {
    transform: translateX(2%);
  }
  /* line 1468, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a:hover .mark_step_f {
    display: none;
  }
  /* line 1471, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a:hover .mark_step {
    display: block;
  }
  /* line 1474, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a:hover .mark_motion {
    transform: scale(1);
    transition-delay: 0.1s;
  }
  /* line 1480, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a:hover .mark_motion:before, body #wrapper #main .info_link .container ul li a:hover .mark_motion:after {
    transition-delay: 0.2s;
    opacity: 1;
  }
  /* line 1484, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a:hover .mark_motion:after {
    transition-delay: 0.5s;
    opacity: 1;
  }
  /* line 1490, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a:after {
    content: "";
    position: absolute;
    width: 79.41176vw;
    height: 79.41176vw;
    border-radius: 50%;
    background: rgba(212, 206, 204, 0.8);
    display: block;
    right: -34.52685vw;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 1503, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .en {
    font-family: 'Crimson Text', serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: 200%;
    /* 56px */
    letter-spacing: 3.875px;
    display: block;
    text-align: left;
    color: #280901;
    width: 100%;
    margin-top: -17.5px;
    position: relative;
    z-index: 3;
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 1521, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .jp {
    font-size: 22.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 43.2px */
    letter-spacing: 3.375px;
    display: block;
    text-align: left;
    color: #280901;
    width: 100%;
    position: relative;
    z-index: 3;
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 1537, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .dot {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 75px;
    width: 10px;
    height: 10px;
    background: #e50012;
    border-radius: 50%;
    z-index: 3;
    display: none;
  }
  /* line 1549, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .mark_motion {
    width: 45px;
    display: block;
    top: 85px;
    right: 60px;
    left: auto;
  }
  /* line 1556, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .mark_step_f {
    position: absolute;
    width: 47.5px;
    top: 105px;
    right: 55px;
    z-index: 3;
  }
  /* line 1563, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .mark_step {
    position: absolute;
    width: 47.5px;
    top: 105px;
    right: 55px;
    display: none;
    z-index: 3;
  }
  /* line 1570, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .mark_step .inner {
    position: relative;
    display: block;
  }
  /* line 1573, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .mark_step .inner img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
  }
  /* line 1579, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .mark_step .inner img.active {
    display: block;
  }
  /* line 1598, ../../../../src/page/top/css/_pc.scss */
  body #wrapper .fade_cover_footer {
    position: relative;
    overflow: hidden;
    opacity: 0;
  }
  /* line 1602, ../../../../src/page/top/css/_pc.scss */
  body #wrapper .fade_cover_footer.open {
    opacity: 1;
  }
  /* line 1604, ../../../../src/page/top/css/_pc.scss */
  body #wrapper .fade_cover_footer.open:before {
    transform: translateX(-100%);
  }
  /* line 1608, ../../../../src/page/top/css/_pc.scss */
  body #wrapper .fade_cover_footer:before {
    content: "";
    display: block;
    width: 200%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
    z-index: 3;
    transition: all 0.59s;
    transition-timing-function: linear;
    z-index: 11;
  }
  /* line 1623, ../../../../src/page/top/css/_pc.scss */
  body #wrapper .fade_cover {
    position: relative;
    overflow: hidden;
    -webkit-mask-image: url(../img/grad_w.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: top right;
    -webkit-mask-size: 100% 100%;
    transition: all 0.26;
    transition-timing-function: linear;
  }
  /* line 1634, ../../../../src/page/top/css/_pc.scss */
  body #wrapper .fade_cover.open {
    -webkit-mask-size: 670% 100%;
  }
  /* line 1644, ../../../../src/page/top/css/_pc.scss */
  body .fade_line {
    position: fixed;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 200px;
    background: url(../img/fade.png) repeat-x center bottom;
    background-size: auto 100%;
    z-index: 50;
    pointer-events: none;
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 1655, ../../../../src/page/top/css/_pc.scss */
  body .fade_line.intro_fade_line {
    opacity: 0;
    height: 250px;
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 1659, ../../../../src/page/top/css/_pc.scss */
  body .fade_line.intro_fade_line.active {
    opacity: 1;
  }
}
/*color*/
/*anim*/
/*size*/
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
@media screen and (min-width: 1360px) and (max-width: 1921px) {
  /* line 2, ../../../../src/page/top/css/_pc.scss */
  body {
    	/*
    	@function cvwp($size){
    		// @return ($size / 1920 * 100) + vw;
    		@if $mid == true{
    			@return ($size) + px;
    		} @else{
    			@return ($size) + px;
    		}
    	}
    
    	@function cvwf($size){
    		@return ($size) + px;
    	}
    
    	background: url(../img/_guide.png) no-repeat top center;
    	// background: url(../img/_guidemenu.png) no-repeat top center;
    	// background-size: 100% auto;
    	// background-size: 1680px auto;
    	background-size: 1360px auto;
    	background-position: 50% 5244px;
    	width: 100%;
        margin: 0 auto !important;
    	// background-position: 50% 9px;
        // &::-webkit-scrollbar {
        //     display:none;
        // }
    	#header{
    		width: 1360px !important;
    		left: 50% !important;
    		transform: translateX(-50%);
    	}
    	#menu_wide {
    		left: 50% !important;
    		transform: translateX(-50%) !important;
    		width: 1360px !important;
    		height: 765px !important;
    	}
    	#wrapper{
    		opacity: 0.6 !important;
    		// width: 1280px;
    		width: 1360px;
    		margin: 0 auto;
    		.container{
    			width: 1240px;
    			margin: 0 auto;
    			position: relative;
    		}
    	}
        #header{
    		opacity: 0.6 !important;
    	}
    */
    /*============================
    #wrapper
    ============================*/
  }
  /* line 57, ../../../../src/page/top/css/_pc.scss */
  body #opening {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: white;
    transition: all 0.35s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 66, ../../../../src/page/top/css/_pc.scss */
  body #opening.passive {
    pointer-events: none;
    opacity: 0;
  }
  /* line 70, ../../../../src/page/top/css/_pc.scss */
  body #opening .frame {
    position: fixed;
    width: 381px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
  }
  /* line 78, ../../../../src/page/top/css/_pc.scss */
  body #opening .mark_anim {
    position: fixed;
    width: 381px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 86, ../../../../src/page/top/css/_pc.scss */
  body #opening .mark_anim img {
    display: block;
  }
  /* line 89, ../../../../src/page/top/css/_pc.scss */
  body #opening .mark_anim.open {
    opacity: 1;
  }
  /* line 91, ../../../../src/page/top/css/_pc.scss */
  body #opening .mark_anim.open img {
    display: none;
  }
  /* line 93, ../../../../src/page/top/css/_pc.scss */
  body #opening .mark_anim.open img:nth-of-type(1) {
    display: block;
    opacity: 0;
  }
  /* line 96, ../../../../src/page/top/css/_pc.scss */
  body #opening .mark_anim.open img:nth-of-type(1).active {
    opacity: 1;
  }
  /* line 100, ../../../../src/page/top/css/_pc.scss */
  body #opening .mark_anim.open img.active {
    display: block;
  }
  /* line 105, ../../../../src/page/top/css/_pc.scss */
  body #opening .mark_anim video {
    width: 100%;
  }
  /* line 116, ../../../../src/page/top/css/_pc.scss */
  body .screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    height: 100lvh;
    pointer-events: none;
    z-index: -1;
  }
  /* line 126, ../../../../src/page/top/css/_pc.scss */
  body #wrapper {
    position: relative;
    overflow: clip;
    /*============================
    #main
    ============================*/
  }
  /* line 129, ../../../../src/page/top/css/_pc.scss */
  body #wrapper section {
    overflow: hidden;
    position: relative;
    z-index: 10;
  }
  /* line 134, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #logo_fix {
    top: 4.11765vw;
    left: 4.33824vw;
    opacity: 0;
    transform: scale(1) translate3d(0, 0, 1px);
  }
  /* line 139, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #logo_fix span {
    display: block;
  }
  /* line 148, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #logo_fix .box {
    transform: translate3d(0, 0, 1px);
  }
  /* line 151, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #logo_fix.passive {
    pointer-events: none;
    opacity: 0 !important;
  }
  /* line 155, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #logo_fix .logo {
    margin-bottom: 1.10294vw;
    position: relative;
    z-index: 3;
    transform: translate3d(0, 0, 1px);
  }
  /* line 161, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #logo_fix .mark_anim {
    width: 18.75vw;
    margin: -3.38235vw 0 0 -1.25vw;
    transform: translate3d(0, 0, 1px);
  }
  /* line 170, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main {
    position: relative;
    z-index: 10;
    /*============================
    #top
    ============================*/
    /*============================
    #intro
    ============================*/
    /*============================
    #photo_area
    ============================*/
    /*============================
    #product
    ============================*/
  }
  /* line 176, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top {
    height: 100vh;
    overflow: hidden;
    height: 764px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  /* line 184, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .container {
    box-sizing: border-box;
    padding-top: 5.80882vw;
    height: 100%;
  }
  /* line 188, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .container .maincopy {
    width: 361px;
    margin: 0 auto;
    position: relative;
    left: 16px;
  }
  /* line 193, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .container .maincopy svg {
    transform: translate3d(0, 0, 1px);
  }
  /* line 206, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge {
    position: fixed;
    bottom: 29px;
    right: 31px;
    width: 165.32px;
    z-index: 11;
    transition: all 0.49s;
    transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
  }
  /* line 215, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge.passive {
    pointer-events: none;
    opacity: 0;
  }
  /* line 221, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge.open a .t_bg {
    opacity: 1;
    transform: scale(1);
    transition: all 0.49s;
    transition-timing-function: linear;
  }
  /* line 228, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge.open a .t {
    opacity: 1;
  }
  /* line 233, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a {
    display: block;
    line-height: 0;
    position: relative;
  }
  /* line 238, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a:hover .cont {
    transform: scale(1);
  }
  /* line 242, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a:hover .t_bg .rect {
    transform: scale(0.92);
  }
  /* line 244, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a:hover .t_bg .rect span {
    -webkit-animation: rotate 22s linear 0.2s infinite;
    -moz-animation: rotate 22s linear 0.2s infinite;
    animation: rotate 22s linear 0.2s infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 249, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a:hover .prod_box {
    transform: scale(1);
    opacity: 1;
  }
  /* line 252, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a:hover .prod_box .cont {
    transition: all 0s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 257, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a:hover .prod_box .prod .f {
    transform: translate(0) !important;
  }
  /* line 260, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a:hover .prod_box .prod .f span {
    transition: all 0s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 269, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .t_bg {
    display: block;
    opacity: 0;
    transform: scale(0.68);
  }
  /* line 274, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .t_bg .rect {
    display: block;
    transition: all 0.16s;
    transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
    display: block;
  }
  /* line 279, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .t_bg .rect span {
    display: block;
  }
  /* line 285, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .t_bg img {
    -webkit-animation: rotate 30s linear infinite;
    -moz-animation: rotate 30s linear infinite;
    animation: rotate 30s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 289, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .t {
    position: absolute;
    width: 67.88px;
    top: 70px;
    left: 48px;
    z-index: 3;
    opacity: 0;
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 299, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod_box {
    display: block;
    position: absolute;
    width: 120%;
    height: 120%;
    top: -10%;
    left: -10%;
    transform: scale(0);
    opacity: 0;
    transition: all 0.16s;
    transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
    z-index: 5;
  }
  /* line 315, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod_box.count2 .prod.prod2 {
    top: 55%;
    left: 71%;
  }
  /* line 318, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod_box.count2 .prod.prod2 .f {
    transform: translate(-131%, -41%);
  }
  /* line 328, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod_box.count3 .prod.prod2 {
    top: 31%;
    left: 74%;
  }
  /* line 331, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod_box.count3 .prod.prod2 .f {
    transform: translate(-117%, 30%);
  }
  /* line 335, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod_box.count3 .prod.prod3 {
    top: 66%;
    left: 7%;
  }
  /* line 338, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod_box.count3 .prod.prod3 .f {
    transform: translate(88%, -85%);
  }
  /* line 345, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .cont {
    width: 100%;
    height: 100%;
    position: relative;
    transform: scale(1);
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    display: block;
  }
  /* line 353, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod {
    pointer-events: none;
    position: absolute;
    width: 64px;
    top: 0;
    left: 0;
  }
  /* line 359, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod .f {
    display: block;
    transition: all 0.49s;
    transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
  }
  /* line 363, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod .f span {
    width: 100%;
    height: 100%;
    display: block;
    line-height: 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  }
  /* line 371, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod .f span img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  /* line 381, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod.prod1 {
    top: 0%;
    left: -1%;
    transform: rotate(25deg);
  }
  /* line 386, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod.prod1 .f {
    transform: translate(159%, 30%);
  }
  /* line 390, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod.prod2 {
    top: -2%;
    left: 69%;
    transform: rotate(11deg);
  }
  /* line 395, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod.prod2 .f {
    transform: translate(-74%, 120%);
  }
  /* line 399, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod.prod3 {
    top: 63%;
    left: 66%;
    transform: rotate(-4deg);
  }
  /* line 403, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod.prod3 .f {
    transform: translate(-86%, -102%);
  }
  /* line 408, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod.prod4 {
    top: 64%;
    left: 1%;
  }
  /* line 411, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod.prod4 .f {
    transform: translate(97%, -88%);
  }
  /* line 450, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area_all {
    position: relative;
  }
  /* line 453, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .kv_fade_line {
    height: 99px;
    opacity: 0;
  }
  /* line 456, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .kv_fade_line.open {
    opacity: 1;
  }
  /* line 460, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area, body #wrapper #main #kv_ov {
    height: 2000px;
    width: 100%;
    transform: translateY(90px);
    width: 100%;
    margin: 0 auto;
    overflow: clip;
    padding-bottom: 14.70588vw;
    contain: content;
  }
  /* line 470, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .kv_line_end, body #wrapper #main #kv_ov .kv_line_end {
    position: absolute;
    bottom: 22.05882vw;
    left: 0;
    width: 100%;
    height: 1px;
  }
  /* line 477, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area #kv_space, body #wrapper #main #kv_ov #kv_space {
    position: absolute;
    top: 0;
    left: 0;
    height: 12.79412vw;
  }
  /* line 483, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .kv_cover_area, body #wrapper #main #kv_ov .kv_cover_area {
    position: absolute;
    width: 100%;
    top: 12.79412vw;
    left: 0;
    z-index: 20;
  }
  /* line 489, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .kv_cover_area:before, body #wrapper #main #kv_ov .kv_cover_area:before {
    content: "";
    display: block;
    width: 20vw;
    height: 150vh;
    position: absolute;
    bottom: 0;
    left: 1px;
    transform: translateX(-100%);
    background: white;
    z-index: 2;
  }
  /* line 501, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .kv_cover_area:after, body #wrapper #main #kv_ov .kv_cover_area:after {
    z-index: 2;
    background: white;
    content: "";
    display: block;
    width: 20vw;
    height: 150vh;
    position: absolute;
    bottom: 0;
    right: 1px;
    transform: translateX(100%);
  }
  /* line 514, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .kv_cover_area .kv_cover .t, body #wrapper #main #kv_ov .kv_cover_area .kv_cover .t {
    width: 100%;
    height: 100vh;
    display: block;
    background: white;
  }
  /* line 520, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .kv_cover_area .kv_cover span, body #wrapper #main #kv_ov .kv_cover_area .kv_cover span {
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
  }
  /* line 525, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .kv_cover_area .kv_cover span img, body #wrapper #main #kv_ov .kv_cover_area .kv_cover span img {
    width: 67.64706vw;
    position: relative;
    top: -0.14706vw;
  }
  /* line 533, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area, body #wrapper #main #kv_ov .inner_area {
    height: 100vh;
    width: 67.64706vw;
    margin: 0 auto;
    padding-top: 12.79412vw;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
  /* line 541, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv, body #wrapper #main #kv_area .inner_area #kv2, body #wrapper #main #kv_ov .inner_area #kv, body #wrapper #main #kv_ov .inner_area #kv2 {
    height: 100%;
    margin: 0 auto;
    position: relative;
  }
  /* line 546, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv .cover, body #wrapper #main #kv_area .inner_area #kv2 .cover, body #wrapper #main #kv_ov .inner_area #kv .cover, body #wrapper #main #kv_ov .inner_area #kv2 .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 11;
  }
  /* line 552, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv .cover:after, body #wrapper #main #kv_area .inner_area #kv2 .cover:after, body #wrapper #main #kv_ov .inner_area #kv .cover:after, body #wrapper #main #kv_ov .inner_area #kv2 .cover:after {
    content: "";
    display: block;
    width: 100%;
    height: 100vh;
    background: white;
    top: -100vh;
    left: 0;
    position: absolute;
    z-index: 3;
  }
  /* line 563, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv .cover img, body #wrapper #main #kv_area .inner_area #kv2 .cover img, body #wrapper #main #kv_ov .inner_area #kv .cover img, body #wrapper #main #kv_ov .inner_area #kv2 .cover img {
    position: relative;
  }
  /* line 567, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv picture, body #wrapper #main #kv_area .inner_area #kv2 picture, body #wrapper #main #kv_ov .inner_area #kv picture, body #wrapper #main #kv_ov .inner_area #kv2 picture {
    transform-origin: top center;
  }
  /* line 571, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv .kv_target_img, body #wrapper #main #kv_area .inner_area #kv2 .kv_target_img, body #wrapper #main #kv_ov .inner_area #kv .kv_target_img, body #wrapper #main #kv_ov .inner_area #kv2 .kv_target_img {
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  /* line 577, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target, body #wrapper #main #kv_area .inner_area #kv #kv_target2, body #wrapper #main #kv_area .inner_area #kv2 #kv_target, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2, body #wrapper #main #kv_ov .inner_area #kv #kv_target, body #wrapper #main #kv_ov .inner_area #kv #kv_target2, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 {
    width: 147%;
    width: 100%;
    height: 100%;
    transform-origin: center center;
    position: absolute;
    bottom: 0;
    left: -23.5%;
    left: 0;
  }
  /* line 586, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_rect, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_rect, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_rect, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_rect, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_rect, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_rect, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_rect, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_rect {
    position: absolute;
    bottom: 0;
    left: 9%;
    width: 82%;
    height: 85%;
    display: block;
  }
  /* line 597, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_bg, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_bg, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_bg, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_bg, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_bg, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_bg, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_bg, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_bg {
    width: 100%;
    height: 100%;
    position: relative;
    transition: all 0.1s;
    transition-timing-function: linear;
  }
  /* line 602, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_bg .fade_line, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_bg .fade_line, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_bg .fade_line, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_bg .fade_line, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_bg .fade_line, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_bg .fade_line, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_bg .fade_line, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_bg .fade_line {
    position: absolute;
    bottom: -1px;
  }
  /* line 607, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target picture, body #wrapper #main #kv_area .inner_area #kv #kv_target2 picture, body #wrapper #main #kv_area .inner_area #kv2 #kv_target picture, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 picture, body #wrapper #main #kv_ov .inner_area #kv #kv_target picture, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 picture, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target picture, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 picture {
    width: 100%;
    height: 100%;
  }
  /* line 610, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target picture img, body #wrapper #main #kv_area .inner_area #kv #kv_target2 picture img, body #wrapper #main #kv_area .inner_area #kv2 #kv_target picture img, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 picture img, body #wrapper #main #kv_ov .inner_area #kv #kv_target picture img, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 picture img, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target picture img, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate3d(0, 0, 1px);
  }
  /* line 617, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_ov, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_ov, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_ov, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_ov, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_ov, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_ov, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_ov, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_ov {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    transform-origin: top right;
  }
  /* line 626, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_bg, body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_ov, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_bg, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_ov, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_bg, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_ov, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_bg, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_ov, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_bg, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_ov, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_bg, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_ov, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_bg, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_ov, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_bg, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_ov {
    width: 147%;
    height: 70vw;
    top: calc((100% - 70vw)/2);
    left: -23.5%;
  }
  /* line 631, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_bg.h, body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_ov.h, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_bg.h, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_ov.h, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_bg.h, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_ov.h, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_bg.h, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_ov.h, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_bg.h, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_ov.h, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_bg.h, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_ov.h, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_bg.h, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_ov.h, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_bg.h, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_ov.h {
    width: 147%;
    height: 147%;
    top: -23.5%;
    left: -23.5%;
  }
  /* line 638, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_ov_point, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_ov_point, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_ov_point, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_ov_point, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_ov_point, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_ov_point, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_ov_point, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_ov_point {
    position: absolute;
    top: 78%;
    left: 62%;
    width: 10px;
    height: 10px;
    display: block;
  }
  /* line 650, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_ov {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    overflow: visible;
  }
  /* line 660, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 {
    overflow: visible;
    transition: all 0.1s;
    transition-timing-function: linear;
  }
  /* line 668, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .kv_line1 {
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 100vh;
  }
  /* line 675, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .kv_line2 {
    display: block;
    width: 100%;
    height: 1px;
  }
  /* line 683, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #intro {
    padding-bottom: 100px;
  }
  /* line 690, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #intro .container h2 {
    text-align: center;
    margin-bottom: 98px;
  }
  /* line 693, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #intro .container h2 img {
    width: 420.55px;
    height: auto;
  }
  /* line 715, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #intro .container .txts {
    text-align: center;
  }
  /* line 722, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #intro .container .txts p {
    text-align: center;
    display: inline-block;
    width: 435px;
  }
  /* line 735, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #intro .intro_line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
  }
  /* line 743, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #btn_omoi {
    position: fixed;
    right: 120px;
    bottom: 60px;
    z-index: 101;
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 749, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #btn_omoi.passive {
    opacity: 0;
  }
  /* line 752, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #btn_omoi .mark_step, body #wrapper #main #btn_omoi .mark_step_f {
    top: 127px;
  }
  /* line 757, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #mark_area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    transition: all 0.35s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    pointer-events: none;
    transform: scale(0.5);
  }
  /* line 770, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #mark_area.open {
    transform: scale(1);
  }
  /* line 773, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #mark_area.passive {
    opacity: 0;
  }
  /* line 776, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #mark_area .mark_anim {
    position: absolute;
    width: 540px;
  }
  /* line 784, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area {
    height: 700vh;
    position: relative;
  }
  /* line 787, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .photo_line1 {
    position: absolute;
    left: 0;
    height: 1px;
    top: 100vh;
    width: 100%;
  }
  /* line 794, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .photo_line2 {
    position: absolute;
    left: 0;
    height: 1px;
    top: 300vh;
  }
  /* line 800, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .photo_line3 {
    position: absolute;
    left: 0;
    height: 1px;
    top: 500vh;
  }
  /* line 806, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .content {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
  /* line 811, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .title {
    height: 12.13235vw;
    position: relative;
  }
  /* line 814, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .title .copy {
    height: 12.13235vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    margin-bottom: 0;
    position: absolute;
    top: 3px;
    left: 50%;
    transform: translateX(-39.92647vw);
    width: 100%;
    opacity: 0;
    transition: all 0.133s;
    transition-timing-function: linear;
  }
  /* line 828, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .title .copy.active {
    opacity: 1;
  }
  /* line 832, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .title .mark {
    display: block;
    width: 64px;
    margin: 0 24px 0 0;
    overflow: hidden;
    position: relative;
    top: -2px;
  }
  /* line 839, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .title .mark img {
    transform: translateY(120%);
    transition: all 0.133s;
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  }
  /* line 846, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .title .mark.open img {
    transform: translateY(0);
  }
  /* line 851, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .title .txt {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 24px */
    letter-spacing: 3.6px;
  }
  /* line 860, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area #photo_slide {
    position: relative;
  }
  /* line 862, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
  }
  /* line 875, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item.open .inner picture.b {
    opacity: 0;
  }
  /* line 881, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item .inner {
    -webkit-mask-image: url(../img/sv_shape_pc.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    -webkit-mask-size: 100%;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    will-change: -webkit-mask-position;
  }
  /* line 896, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item picture {
    width: 100%;
    height: 100%;
  }
  /* line 899, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item picture.b {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transition: all 0.5s;
    transition-timing-function: linear;
  }
  /* line 909, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item:nth-of-type(1) picture img {
    object-position: top center;
  }
  /* line 914, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  /* line 923, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main h2.en_jp {
    margin-left: 78px;
    margin-bottom: 86px;
    width: 100%;
  }
  /* line 927, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main h2.en_jp .en {
    font-family: 'Crimson Text', serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    /* 56px */
    letter-spacing: 2.8px;
    color: #4f1705;
    display: block;
    width: 100%;
    margin-bottom: 23px;
  }
  /* line 939, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main h2.en_jp .jp {
    color: #4f1705;
    display: block;
    width: 100%;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 240%;
    /* 43.2px */
    letter-spacing: 2.7px;
    margin-top: -29px;
    opacity: 0;
    transition: all 0.4s;
    transition-timing-function: linear;
  }
  /* line 952, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main h2.en_jp .jp.open {
    opacity: 1;
  }
  /* line 960, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product {
    padding-top: 183px;
  }
  /* line 966, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .btn_cir {
    position: absolute;
    top: -63px;
    right: 5.66176vw;
    z-index: 20;
    width: 242px;
    height: 242px;
  }
  /* line 973, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .btn_cir .mark_step_f, body #wrapper #main #product .container .btn_cir .mark_step {
    top: 129px;
    left: 102px;
  }
  /* line 978, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    width: 94.85294vw;
  }
  /* line 985, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item {
    width: 28.38235vw;
    margin-bottom: 4.26471vw;
    margin-right: 3.01471vw;
    opacity: 0;
    transition: all 0.19s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    position: relative;
  }
  /* line 993, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 20;
  }
  /* line 1002, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item a:hover + section .img img {
    transform: scale(1.1);
  }
  /* line 1009, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item.open {
    opacity: 1;
  }
  /* line 1012, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item.open .img img {
    filter: blur(0px);
  }
  /* line 1017, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item .img {
    height: 28.38235vw;
    overflow: hidden;
    margin-bottom: 1.47059vw;
  }
  /* line 1021, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    filter: blur(80px);
    transition: all 0.79s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 1032, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item .detail h3 {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 22.4px */
    letter-spacing: 0.7px;
    display: block;
  }
  /* line 1040, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item .detail .price {
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 179%;
    /* 22.4px */
    letter-spacing: 0.7px;
    color: #7B6762;
    display: flex;
    width: 100%;
  }
  /* line 1050, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item .detail .price span {
    font-size: 12px;
    line-height: 160%;
    display: inline-block;
    position: relative;
    top: 5px;
  }
  /* line 1063, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal_bg {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 67vh;
    z-index: 0;
    background: #280901;
    opacity: 0;
    transition: all 0.3333s;
    transition-timing-function: linear;
    pointer-events: none;
    transform: translate3d(0, 0, -1px);
  }
  /* line 1093, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal_bg .inner {
    width: 100%;
    height: 100%;
    position: relative;
  }
  /* line 1098, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal_bg.active {
    opacity: 1;
  }
  /* line 1101, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal_bg .img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  /* line 1109, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: all 0.3333s;
    transition-timing-function: linear;
    filter: blur(8px);
  }
  /* line 1123, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal {
    padding-top: 74px;
    padding-bottom: 146px;
    overflow: clip;
    position: relative;
  }
  /* line 1128, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .journal_end {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
  }
  /* line 1135, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container {
    padding-bottom: 540px;
  }
  /* line 1137, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container h2 {
    margin-bottom: 49px;
  }
  /* line 1139, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container h2 .en {
    color: #280901;
  }
  /* line 1142, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container h2 .jp {
    color: #280901;
  }
  /* line 1146, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .btn_target {
    position: absolute;
    top: -2px;
    right: 77px;
    width: 242px;
    height: 242px;
    z-index: 2;
  }
  /* line 1153, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .btn_target .txt {
    top: 2px;
  }
  /* line 1156, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .btn_target .blank {
    top: 7px;
  }
  /* line 1159, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .btn_target .mark_step_f, body #wrapper #main #journal .container .btn_target .mark_step {
    top: 129px;
    left: 102px;
  }
  /* line 1163, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .btn_target .mark_step_f {
    display: none !important;
  }
  /* line 1167, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .title_area {
    padding-top: 60px;
    padding-bottom: 39px;
  }
  /* line 1171, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .journal_items_area {
    position: relative;
  }
  /* line 1173, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .journal_items_area .journal_items {
    contain: content;
  }
  /* line 1177, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .content_area {
    position: relative;
  }
  /* line 1179, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .content_area .journal_line_all {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    top: 0;
  }
  /* line 1186, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .content_area .journal_line1, body #wrapper #main #journal .container .content_area .journal_line2, body #wrapper #main #journal .container .content_area .journal_line3, body #wrapper #main #journal .container .content_area .journal_line4, body #wrapper #main #journal .container .content_area .journal_line5 {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    top: 0;
  }
  /* line 1193, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .content_area .journal_line1 {
    top: 0;
  }
  /* line 1196, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .content_area .journal_line2 {
    top: 66%;
  }
  /* line 1199, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .content_area .journal_line3 {
    top: 99%;
  }
  /* line 1203, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .content {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
  /* line 1208, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    width: 2016px;
    position: absolute;
    top: 0;
    left: 0;
  }
  /* line 1217, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item {
    width: 504px;
    height: 540px;
    padding-right: 24px;
    box-sizing: border-box;
    will-change: transform,opacity;
  }
  /* line 1230, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item.open .inner section {
    opacity: 1;
    transform: translateY(0);
  }
  /* line 1237, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item.open:nth-of-type(2) .inner section {
    transition-delay: 0.13s;
  }
  /* line 1244, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item.open:nth-of-type(3) .inner section {
    transition-delay: 0.26s;
  }
  /* line 1252, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item.open:nth-of-type(4) .inner section {
    transition-delay: 0.39s;
  }
  /* line 1258, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item.fix {
    transform: translateX(0) scale(1) !important;
    opacity: 1 !important;
  }
  /* line 1261, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item.fix .inner {
    transform: scale(1, 1) !important;
  }
  /* line 1265, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner {
    width: 100%;
    height: 100%;
    position: relative;
    transform-origin: center left;
    will-change: transform;
  }
  /* line 1276, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner {
    position: relative;
  }
  /* line 1278, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 20;
  }
  /* line 1287, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner a:hover + section .img img {
    transform: scale(1.1);
  }
  /* line 1293, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner a:hover + section .btn_cir .box .mark_step_f {
    display: none;
  }
  /* line 1296, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner a:hover + section .btn_cir .box .mark_step {
    display: block;
  }
  /* line 1303, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner a:hover + section .btn_cir .box .mark_motion {
    transform: scale(1);
    transition-delay: 0.1s;
  }
  /* line 1306, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner a:hover + section .btn_cir .box .mark_motion:before, body #wrapper #main #journal .container .items .item .inner a:hover + section .btn_cir .box .mark_motion:after {
    transition-delay: 0.2s;
    opacity: 1;
  }
  /* line 1310, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner a:hover + section .btn_cir .box .mark_motion:after {
    transition-delay: 0.5s;
    opacity: 1;
  }
  /* line 1317, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner a:hover + section .btn_cir .box svg circle:nth-of-type(2) {
    stroke-dashoffset: 0;
  }
  /* line 1328, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section {
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    padding-top: 111px;
    color: white;
    background: radial-gradient(78.31% 89.75% at 20.54% 18.42%, #9d857f 0%, #7b6762 100%);
    transform: translateY(60px);
    opacity: 0;
    transition: all 0.33s;
    transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
  }
  /* line 1340, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .note {
    width: 80px;
    position: absolute;
    top: 23px;
    left: 23px;
  }
  /* line 1346, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .img {
    width: 180px;
    height: 180px;
    margin: 0 auto;
    margin-bottom: 53px;
    overflow: hidden;
  }
  /* line 1352, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 1359, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .txts {
    width: 100%;
    text-align: center;
  }
  /* line 1362, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .txts .date {
    font-family: 'Crimson Text', serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 14px */
    letter-spacing: 0.7px;
    display: block;
    margin-bottom: 17px;
    width: 100%;
  }
  /* line 1373, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .txts .ttl {
    text-align: left;
    display: block;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 28.8px */
    letter-spacing: 2.7px;
    width: 246px;
    margin: 0 auto;
    height: 91px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden;
  }
  /* line 1390, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .btn_cir {
    position: absolute;
    border-color: white;
    top: 238px;
    right: 45px;
    z-index: 5;
    opacity: 1;
    transform: scale(1);
    width: 144px;
    height: 144px;
  }
  /* line 1402, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .btn_cir .box svg circle {
    stroke: white;
  }
  /* line 1407, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .btn_cir .mark_step, body #wrapper #main #journal .container .items .item section .btn_cir .mark_step_f {
    width: 36px;
    top: 57px;
    left: 53px;
  }
  /* line 1412, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .btn_cir .mark_motion {
    top: 43px;
  }
  /* line 1421, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link {
    padding-top: 121px;
    padding-bottom: 100px;
  }
  /* line 1424, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container {
    width: 82.35294vw;
  }
  /* line 1426, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
  }
  /* line 1431, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li {
    width: 39.70588vw;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.66s;
    transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
  }
  /* line 1437, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li.open {
    opacity: 1;
    transform: translateY(0%);
  }
  /* line 1440, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li.open:nth-of-type(2) {
    transition-delay: 0.1666s;
  }
  /* line 1444, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a {
    display: flex;
    background: #f5f2ed;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    box-sizing: border-box;
    padding: 0 60px;
    height: 200px;
    position: relative;
    overflow: hidden;
  }
  /* line 1461, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a:hover .dot, body #wrapper #main .info_link .container ul li a:hover .blank {
    transition-delay: 0;
    transform: scale(0);
  }
  /* line 1465, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a:hover .en, body #wrapper #main .info_link .container ul li a:hover .jp {
    transform: translateX(2%);
  }
  /* line 1468, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a:hover .mark_step_f {
    display: none;
  }
  /* line 1471, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a:hover .mark_step {
    display: block;
  }
  /* line 1474, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a:hover .mark_motion {
    transform: scale(1);
    transition-delay: 0.1s;
  }
  /* line 1480, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a:hover .mark_motion:before, body #wrapper #main .info_link .container ul li a:hover .mark_motion:after {
    transition-delay: 0.2s;
    opacity: 1;
  }
  /* line 1484, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a:hover .mark_motion:after {
    transition-delay: 0.5s;
    opacity: 1;
  }
  /* line 1490, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a:after {
    content: "";
    position: absolute;
    width: 79.41176vw;
    height: 79.41176vw;
    border-radius: 50%;
    background: rgba(212, 206, 204, 0.8);
    display: block;
    right: -34.52685vw;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 1503, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .en {
    font-family: 'Crimson Text', serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 200%;
    /* 56px */
    letter-spacing: 3.1px;
    display: block;
    text-align: left;
    color: #280901;
    width: 100%;
    margin-top: -14px;
    position: relative;
    z-index: 3;
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 1521, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .jp {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 43.2px */
    letter-spacing: 2.7px;
    display: block;
    text-align: left;
    color: #280901;
    width: 100%;
    position: relative;
    z-index: 3;
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 1537, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .dot {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 60px;
    width: 8px;
    height: 8px;
    background: #e50012;
    border-radius: 50%;
    z-index: 3;
    display: none;
  }
  /* line 1549, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .mark_motion {
    width: 36px;
    display: block;
    top: 68px;
    right: 48px;
    left: auto;
  }
  /* line 1556, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .mark_step_f {
    position: absolute;
    width: 38px;
    top: 84px;
    right: 44px;
    z-index: 3;
  }
  /* line 1563, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .mark_step {
    position: absolute;
    width: 38px;
    top: 84px;
    right: 44px;
    display: none;
    z-index: 3;
  }
  /* line 1570, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .mark_step .inner {
    position: relative;
    display: block;
  }
  /* line 1573, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .mark_step .inner img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
  }
  /* line 1579, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .mark_step .inner img.active {
    display: block;
  }
  /* line 1598, ../../../../src/page/top/css/_pc.scss */
  body #wrapper .fade_cover_footer {
    position: relative;
    overflow: hidden;
    opacity: 0;
  }
  /* line 1602, ../../../../src/page/top/css/_pc.scss */
  body #wrapper .fade_cover_footer.open {
    opacity: 1;
  }
  /* line 1604, ../../../../src/page/top/css/_pc.scss */
  body #wrapper .fade_cover_footer.open:before {
    transform: translateX(-100%);
  }
  /* line 1608, ../../../../src/page/top/css/_pc.scss */
  body #wrapper .fade_cover_footer:before {
    content: "";
    display: block;
    width: 200%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
    z-index: 3;
    transition: all 0.59s;
    transition-timing-function: linear;
    z-index: 11;
  }
  /* line 1623, ../../../../src/page/top/css/_pc.scss */
  body #wrapper .fade_cover {
    position: relative;
    overflow: hidden;
    -webkit-mask-image: url(../img/grad_w.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: top right;
    -webkit-mask-size: 100% 100%;
    transition: all 0.26;
    transition-timing-function: linear;
  }
  /* line 1634, ../../../../src/page/top/css/_pc.scss */
  body #wrapper .fade_cover.open {
    -webkit-mask-size: 670% 100%;
  }
  /* line 1644, ../../../../src/page/top/css/_pc.scss */
  body .fade_line {
    position: fixed;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 200px;
    background: url(../img/fade.png) repeat-x center bottom;
    background-size: auto 100%;
    z-index: 50;
    pointer-events: none;
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 1655, ../../../../src/page/top/css/_pc.scss */
  body .fade_line.intro_fade_line {
    opacity: 0;
    height: 200px;
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 1659, ../../../../src/page/top/css/_pc.scss */
  body .fade_line.intro_fade_line.active {
    opacity: 1;
  }
}
/*size*/
@media print, screen and (min-width: 768px) and (max-width: 1359px) {
  /* line 2, ../../../../src/page/top/css/_pc.scss */
  body {
    	/*
    	@function cvwp($size){
    		// @return ($size / 1920 * 100) + vw;
    		@if $mid == true{
    			@return ($size) + px;
    		} @else{
    			@return ($size) + px;
    		}
    	}
    
    	@function cvwf($size){
    		@return ($size) + px;
    	}
    
    	background: url(../img/_guide.png) no-repeat top center;
    	// background: url(../img/_guidemenu.png) no-repeat top center;
    	// background-size: 100% auto;
    	// background-size: 1680px auto;
    	background-size: 1360px auto;
    	background-position: 50% 5244px;
    	width: 100%;
        margin: 0 auto !important;
    	// background-position: 50% 9px;
        // &::-webkit-scrollbar {
        //     display:none;
        // }
    	#header{
    		width: 1360px !important;
    		left: 50% !important;
    		transform: translateX(-50%);
    	}
    	#menu_wide {
    		left: 50% !important;
    		transform: translateX(-50%) !important;
    		width: 1360px !important;
    		height: 765px !important;
    	}
    	#wrapper{
    		opacity: 0.6 !important;
    		// width: 1280px;
    		width: 1360px;
    		margin: 0 auto;
    		.container{
    			width: 1240px;
    			margin: 0 auto;
    			position: relative;
    		}
    	}
        #header{
    		opacity: 0.6 !important;
    	}
    */
    /*============================
    #wrapper
    ============================*/
  }
  /* line 57, ../../../../src/page/top/css/_pc.scss */
  body #opening {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: white;
    transition: all 0.35s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 66, ../../../../src/page/top/css/_pc.scss */
  body #opening.passive {
    pointer-events: none;
    opacity: 0;
  }
  /* line 70, ../../../../src/page/top/css/_pc.scss */
  body #opening .frame {
    position: fixed;
    width: 28.01471vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
  }
  /* line 78, ../../../../src/page/top/css/_pc.scss */
  body #opening .mark_anim {
    position: fixed;
    width: 28.01471vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 86, ../../../../src/page/top/css/_pc.scss */
  body #opening .mark_anim img {
    display: block;
  }
  /* line 89, ../../../../src/page/top/css/_pc.scss */
  body #opening .mark_anim.open {
    opacity: 1;
  }
  /* line 91, ../../../../src/page/top/css/_pc.scss */
  body #opening .mark_anim.open img {
    display: none;
  }
  /* line 93, ../../../../src/page/top/css/_pc.scss */
  body #opening .mark_anim.open img:nth-of-type(1) {
    display: block;
    opacity: 0;
  }
  /* line 96, ../../../../src/page/top/css/_pc.scss */
  body #opening .mark_anim.open img:nth-of-type(1).active {
    opacity: 1;
  }
  /* line 100, ../../../../src/page/top/css/_pc.scss */
  body #opening .mark_anim.open img.active {
    display: block;
  }
  /* line 105, ../../../../src/page/top/css/_pc.scss */
  body #opening .mark_anim video {
    width: 100%;
  }
  /* line 116, ../../../../src/page/top/css/_pc.scss */
  body .screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    height: 100lvh;
    pointer-events: none;
    z-index: -1;
  }
  /* line 126, ../../../../src/page/top/css/_pc.scss */
  body #wrapper {
    position: relative;
    overflow: clip;
    /*============================
    #main
    ============================*/
  }
  /* line 129, ../../../../src/page/top/css/_pc.scss */
  body #wrapper section {
    overflow: hidden;
    position: relative;
    z-index: 10;
  }
  /* line 134, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #logo_fix {
    top: 4.11765vw;
    left: 4.33824vw;
    opacity: 0;
    transform: scale(1) translate3d(0, 0, 1px);
  }
  /* line 139, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #logo_fix span {
    display: block;
  }
  /* line 148, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #logo_fix .box {
    transform: translate3d(0, 0, 1px);
  }
  /* line 151, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #logo_fix.passive {
    pointer-events: none;
    opacity: 0 !important;
  }
  /* line 155, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #logo_fix .logo {
    margin-bottom: 1.10294vw;
    position: relative;
    z-index: 3;
    transform: translate3d(0, 0, 1px);
  }
  /* line 161, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #logo_fix .mark_anim {
    width: 18.75vw;
    margin: -3.38235vw 0 0 -1.25vw;
    transform: translate3d(0, 0, 1px);
  }
  /* line 170, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main {
    position: relative;
    z-index: 10;
    /*============================
    #top
    ============================*/
    /*============================
    #intro
    ============================*/
    /*============================
    #photo_area
    ============================*/
    /*============================
    #product
    ============================*/
  }
  /* line 176, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top {
    height: 100vh;
    overflow: hidden;
    height: 764px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  /* line 184, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .container {
    box-sizing: border-box;
    padding-top: 5.80882vw;
    height: 100%;
  }
  /* line 188, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .container .maincopy {
    width: 26.54412vw;
    margin: 0 auto;
    position: relative;
    left: 1.17647vw;
  }
  /* line 193, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .container .maincopy svg {
    transform: translate3d(0, 0, 1px);
  }
  /* line 206, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge {
    position: fixed;
    bottom: 2.13235vw;
    right: 2.27941vw;
    width: 12.15588vw;
    z-index: 11;
    transition: all 0.49s;
    transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
  }
  /* line 215, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge.passive {
    pointer-events: none;
    opacity: 0;
  }
  /* line 221, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge.open a .t_bg {
    opacity: 1;
    transform: scale(1);
    transition: all 0.49s;
    transition-timing-function: linear;
  }
  /* line 228, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge.open a .t {
    opacity: 1;
  }
  /* line 233, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a {
    display: block;
    line-height: 0;
    position: relative;
  }
  /* line 238, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a:hover .cont {
    transform: scale(1);
  }
  /* line 242, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a:hover .t_bg .rect {
    transform: scale(0.92);
  }
  /* line 244, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a:hover .t_bg .rect span {
    -webkit-animation: rotate 22s linear 0.2s infinite;
    -moz-animation: rotate 22s linear 0.2s infinite;
    animation: rotate 22s linear 0.2s infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 249, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a:hover .prod_box {
    transform: scale(1);
    opacity: 1;
  }
  /* line 252, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a:hover .prod_box .cont {
    transition: all 0s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 257, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a:hover .prod_box .prod .f {
    transform: translate(0) !important;
  }
  /* line 260, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a:hover .prod_box .prod .f span {
    transition: all 0s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 269, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .t_bg {
    display: block;
    opacity: 0;
    transform: scale(0.68);
  }
  /* line 274, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .t_bg .rect {
    display: block;
    transition: all 0.16s;
    transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
    display: block;
  }
  /* line 279, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .t_bg .rect span {
    display: block;
  }
  /* line 285, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .t_bg img {
    -webkit-animation: rotate 30s linear infinite;
    -moz-animation: rotate 30s linear infinite;
    animation: rotate 30s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 289, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .t {
    position: absolute;
    width: 4.99118vw;
    top: 5.14706vw;
    left: 3.52941vw;
    z-index: 3;
    opacity: 0;
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 299, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod_box {
    display: block;
    position: absolute;
    width: 120%;
    height: 120%;
    top: -10%;
    left: -10%;
    transform: scale(0);
    opacity: 0;
    transition: all 0.16s;
    transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
    z-index: 5;
  }
  /* line 315, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod_box.count2 .prod.prod2 {
    top: 55%;
    left: 71%;
  }
  /* line 318, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod_box.count2 .prod.prod2 .f {
    transform: translate(-131%, -41%);
  }
  /* line 328, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod_box.count3 .prod.prod2 {
    top: 31%;
    left: 74%;
  }
  /* line 331, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod_box.count3 .prod.prod2 .f {
    transform: translate(-117%, 30%);
  }
  /* line 335, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod_box.count3 .prod.prod3 {
    top: 66%;
    left: 7%;
  }
  /* line 338, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod_box.count3 .prod.prod3 .f {
    transform: translate(88%, -85%);
  }
  /* line 345, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .cont {
    width: 100%;
    height: 100%;
    position: relative;
    transform: scale(1);
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    display: block;
  }
  /* line 353, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod {
    pointer-events: none;
    position: absolute;
    width: 4.70588vw;
    top: 0;
    left: 0;
  }
  /* line 359, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod .f {
    display: block;
    transition: all 0.49s;
    transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
  }
  /* line 363, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod .f span {
    width: 100%;
    height: 100%;
    display: block;
    line-height: 0;
    border-radius: 0.58824vw;
    overflow: hidden;
    box-shadow: 0px 0px 0.58824vw 0px rgba(0, 0, 0, 0.1);
  }
  /* line 371, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod .f span img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  /* line 381, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod.prod1 {
    top: 0%;
    left: -1%;
    transform: rotate(25deg);
  }
  /* line 386, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod.prod1 .f {
    transform: translate(159%, 30%);
  }
  /* line 390, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod.prod2 {
    top: -2%;
    left: 69%;
    transform: rotate(11deg);
  }
  /* line 395, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod.prod2 .f {
    transform: translate(-74%, 120%);
  }
  /* line 399, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod.prod3 {
    top: 63%;
    left: 66%;
    transform: rotate(-4deg);
  }
  /* line 403, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod.prod3 .f {
    transform: translate(-86%, -102%);
  }
  /* line 408, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod.prod4 {
    top: 64%;
    left: 1%;
  }
  /* line 411, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .new_badge a .prod.prod4 .f {
    transform: translate(97%, -88%);
  }
  /* line 450, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area_all {
    position: relative;
  }
  /* line 453, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .kv_fade_line {
    height: 7.27941vw;
    opacity: 0;
  }
  /* line 456, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .kv_fade_line.open {
    opacity: 1;
  }
  /* line 460, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area, body #wrapper #main #kv_ov {
    height: 147.05882vw;
    width: 100%;
    transform: translateY(90px);
    width: 100%;
    margin: 0 auto;
    overflow: clip;
    padding-bottom: 14.70588vw;
    contain: content;
  }
  /* line 470, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .kv_line_end, body #wrapper #main #kv_ov .kv_line_end {
    position: absolute;
    bottom: 22.05882vw;
    left: 0;
    width: 100%;
    height: 1px;
  }
  /* line 477, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area #kv_space, body #wrapper #main #kv_ov #kv_space {
    position: absolute;
    top: 0;
    left: 0;
    height: 12.79412vw;
  }
  /* line 483, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .kv_cover_area, body #wrapper #main #kv_ov .kv_cover_area {
    position: absolute;
    width: 100%;
    top: 12.79412vw;
    left: 0;
    z-index: 20;
  }
  /* line 489, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .kv_cover_area:before, body #wrapper #main #kv_ov .kv_cover_area:before {
    content: "";
    display: block;
    width: 20vw;
    height: 150vh;
    position: absolute;
    bottom: 0;
    left: 1px;
    transform: translateX(-100%);
    background: white;
    z-index: 2;
  }
  /* line 501, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .kv_cover_area:after, body #wrapper #main #kv_ov .kv_cover_area:after {
    z-index: 2;
    background: white;
    content: "";
    display: block;
    width: 20vw;
    height: 150vh;
    position: absolute;
    bottom: 0;
    right: 1px;
    transform: translateX(100%);
  }
  /* line 514, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .kv_cover_area .kv_cover .t, body #wrapper #main #kv_ov .kv_cover_area .kv_cover .t {
    width: 100%;
    height: 100vh;
    display: block;
    background: white;
  }
  /* line 520, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .kv_cover_area .kv_cover span, body #wrapper #main #kv_ov .kv_cover_area .kv_cover span {
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
  }
  /* line 525, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .kv_cover_area .kv_cover span img, body #wrapper #main #kv_ov .kv_cover_area .kv_cover span img {
    width: 67.64706vw;
    position: relative;
    top: -0.14706vw;
  }
  /* line 533, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area, body #wrapper #main #kv_ov .inner_area {
    height: 100vh;
    width: 67.64706vw;
    margin: 0 auto;
    padding-top: 12.79412vw;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
  /* line 541, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv, body #wrapper #main #kv_area .inner_area #kv2, body #wrapper #main #kv_ov .inner_area #kv, body #wrapper #main #kv_ov .inner_area #kv2 {
    height: 100%;
    margin: 0 auto;
    position: relative;
  }
  /* line 546, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv .cover, body #wrapper #main #kv_area .inner_area #kv2 .cover, body #wrapper #main #kv_ov .inner_area #kv .cover, body #wrapper #main #kv_ov .inner_area #kv2 .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 11;
  }
  /* line 552, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv .cover:after, body #wrapper #main #kv_area .inner_area #kv2 .cover:after, body #wrapper #main #kv_ov .inner_area #kv .cover:after, body #wrapper #main #kv_ov .inner_area #kv2 .cover:after {
    content: "";
    display: block;
    width: 100%;
    height: 100vh;
    background: white;
    top: -100vh;
    left: 0;
    position: absolute;
    z-index: 3;
  }
  /* line 563, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv .cover img, body #wrapper #main #kv_area .inner_area #kv2 .cover img, body #wrapper #main #kv_ov .inner_area #kv .cover img, body #wrapper #main #kv_ov .inner_area #kv2 .cover img {
    position: relative;
  }
  /* line 567, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv picture, body #wrapper #main #kv_area .inner_area #kv2 picture, body #wrapper #main #kv_ov .inner_area #kv picture, body #wrapper #main #kv_ov .inner_area #kv2 picture {
    transform-origin: top center;
  }
  /* line 571, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv .kv_target_img, body #wrapper #main #kv_area .inner_area #kv2 .kv_target_img, body #wrapper #main #kv_ov .inner_area #kv .kv_target_img, body #wrapper #main #kv_ov .inner_area #kv2 .kv_target_img {
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  /* line 577, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target, body #wrapper #main #kv_area .inner_area #kv #kv_target2, body #wrapper #main #kv_area .inner_area #kv2 #kv_target, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2, body #wrapper #main #kv_ov .inner_area #kv #kv_target, body #wrapper #main #kv_ov .inner_area #kv #kv_target2, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 {
    width: 147%;
    width: 100%;
    height: 100%;
    transform-origin: center center;
    position: absolute;
    bottom: 0;
    left: -23.5%;
    left: 0;
  }
  /* line 586, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_rect, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_rect, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_rect, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_rect, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_rect, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_rect, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_rect, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_rect {
    position: absolute;
    bottom: 0;
    left: 9%;
    width: 82%;
    height: 85%;
    display: block;
  }
  /* line 597, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_bg, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_bg, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_bg, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_bg, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_bg, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_bg, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_bg, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_bg {
    width: 100%;
    height: 100%;
    position: relative;
    transition: all 0.1s;
    transition-timing-function: linear;
  }
  /* line 602, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_bg .fade_line, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_bg .fade_line, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_bg .fade_line, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_bg .fade_line, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_bg .fade_line, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_bg .fade_line, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_bg .fade_line, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_bg .fade_line {
    position: absolute;
    bottom: -1px;
  }
  /* line 607, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target picture, body #wrapper #main #kv_area .inner_area #kv #kv_target2 picture, body #wrapper #main #kv_area .inner_area #kv2 #kv_target picture, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 picture, body #wrapper #main #kv_ov .inner_area #kv #kv_target picture, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 picture, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target picture, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 picture {
    width: 100%;
    height: 100%;
  }
  /* line 610, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target picture img, body #wrapper #main #kv_area .inner_area #kv #kv_target2 picture img, body #wrapper #main #kv_area .inner_area #kv2 #kv_target picture img, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 picture img, body #wrapper #main #kv_ov .inner_area #kv #kv_target picture img, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 picture img, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target picture img, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate3d(0, 0, 1px);
  }
  /* line 617, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_ov, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_ov, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_ov, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_ov, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_ov, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_ov, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_ov, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_ov {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    transform-origin: top right;
  }
  /* line 626, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_bg, body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_ov, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_bg, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_ov, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_bg, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_ov, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_bg, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_ov, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_bg, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_ov, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_bg, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_ov, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_bg, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_ov, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_bg, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_ov {
    width: 147%;
    height: 70vw;
    top: calc((100% - 70vw)/2);
    left: -23.5%;
  }
  /* line 631, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_bg.h, body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_ov.h, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_bg.h, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_ov.h, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_bg.h, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_ov.h, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_bg.h, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_ov.h, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_bg.h, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_ov.h, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_bg.h, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_ov.h, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_bg.h, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_ov.h, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_bg.h, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_ov.h {
    width: 147%;
    height: 147%;
    top: -23.5%;
    left: -23.5%;
  }
  /* line 638, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_ov_point, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_ov_point, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_ov_point, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_ov_point, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_ov_point, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_ov_point, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_ov_point, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_ov_point {
    position: absolute;
    top: 78%;
    left: 62%;
    width: 10px;
    height: 10px;
    display: block;
  }
  /* line 650, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_ov {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    overflow: visible;
  }
  /* line 660, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 {
    overflow: visible;
    transition: all 0.1s;
    transition-timing-function: linear;
  }
  /* line 668, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .kv_line1 {
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 100vh;
  }
  /* line 675, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .kv_line2 {
    display: block;
    width: 100%;
    height: 1px;
  }
  /* line 683, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #intro {
    padding-bottom: 7.35294vw;
  }
  /* line 690, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #intro .container h2 {
    text-align: center;
    margin-bottom: 7.20588vw;
  }
  /* line 693, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #intro .container h2 img {
    width: 30.92279vw;
    height: auto;
  }
  /* line 715, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #intro .container .txts {
    text-align: center;
  }
  /* line 722, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #intro .container .txts p {
    text-align: center;
    display: inline-block;
    width: 31.98529vw;
  }
  /* line 735, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #intro .intro_line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
  }
  /* line 743, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #btn_omoi {
    position: fixed;
    right: 8.82353vw;
    bottom: 4.41176vw;
    z-index: 101;
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 749, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #btn_omoi.passive {
    opacity: 0;
  }
  /* line 752, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #btn_omoi .mark_step, body #wrapper #main #btn_omoi .mark_step_f {
    top: 9.33824vw;
  }
  /* line 757, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #mark_area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    transition: all 0.35s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    pointer-events: none;
    transform: scale(0.5);
  }
  /* line 770, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #mark_area.open {
    transform: scale(1);
  }
  /* line 773, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #mark_area.passive {
    opacity: 0;
  }
  /* line 776, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #mark_area .mark_anim {
    position: absolute;
    width: 39.70588vw;
  }
  /* line 784, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area {
    height: 700vh;
    position: relative;
  }
  /* line 787, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .photo_line1 {
    position: absolute;
    left: 0;
    height: 1px;
    top: 100vh;
    width: 100%;
  }
  /* line 794, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .photo_line2 {
    position: absolute;
    left: 0;
    height: 1px;
    top: 300vh;
  }
  /* line 800, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .photo_line3 {
    position: absolute;
    left: 0;
    height: 1px;
    top: 500vh;
  }
  /* line 806, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .content {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
  /* line 811, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .title {
    height: 12.13235vw;
    position: relative;
  }
  /* line 814, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .title .copy {
    height: 12.13235vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    margin-bottom: 0;
    position: absolute;
    top: 0.22059vw;
    left: 50%;
    transform: translateX(-39.92647vw);
    width: 100%;
    opacity: 0;
    transition: all 0.133s;
    transition-timing-function: linear;
  }
  /* line 828, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .title .copy.active {
    opacity: 1;
  }
  /* line 832, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .title .mark {
    display: block;
    width: 4.70588vw;
    margin: 0 1.76471vw 0 0;
    overflow: hidden;
    position: relative;
    top: -0.14706vw;
  }
  /* line 839, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .title .mark img {
    transform: translateY(120%);
    transition: all 0.133s;
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  }
  /* line 846, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .title .mark.open img {
    transform: translateY(0);
  }
  /* line 851, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area .title .txt {
    font-size: 1.76471vw;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 24px */
    letter-spacing: 0.26471vw;
  }
  /* line 860, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area #photo_slide {
    position: relative;
  }
  /* line 862, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
  }
  /* line 875, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item.open .inner picture.b {
    opacity: 0;
  }
  /* line 881, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item .inner {
    -webkit-mask-image: url(../img/sv_shape_pc.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    -webkit-mask-size: 100%;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    will-change: -webkit-mask-position;
  }
  /* line 896, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item picture {
    width: 100%;
    height: 100%;
  }
  /* line 899, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item picture.b {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transition: all 0.5s;
    transition-timing-function: linear;
  }
  /* line 909, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item:nth-of-type(1) picture img {
    object-position: top center;
  }
  /* line 914, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  /* line 923, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main h2.en_jp {
    margin-left: 5.73529vw;
    margin-bottom: 6.32353vw;
    width: 100%;
  }
  /* line 927, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main h2.en_jp .en {
    font-family: 'Crimson Text', serif;
    font-size: 2.05882vw;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    /* 56px */
    letter-spacing: 0.20588vw;
    color: #4f1705;
    display: block;
    width: 100%;
    margin-bottom: 1.69118vw;
  }
  /* line 939, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main h2.en_jp .jp {
    color: #4f1705;
    display: block;
    width: 100%;
    font-size: 1.32353vw;
    font-style: normal;
    font-weight: 400;
    line-height: 240%;
    /* 43.2px */
    letter-spacing: 0.19853vw;
    margin-top: -2.13235vw;
    opacity: 0;
    transition: all 0.4s;
    transition-timing-function: linear;
  }
  /* line 952, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main h2.en_jp .jp.open {
    opacity: 1;
  }
  /* line 960, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product {
    padding-top: 13.45588vw;
  }
  /* line 966, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .btn_cir {
    position: absolute;
    top: -4.63235vw;
    right: 5.66176vw;
    z-index: 20;
    width: 17.79412vw;
    height: 17.79412vw;
  }
  /* line 973, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .btn_cir .mark_step_f, body #wrapper #main #product .container .btn_cir .mark_step {
    top: 9.48529vw;
    left: 7.5vw;
  }
  /* line 978, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    width: 94.85294vw;
  }
  /* line 985, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item {
    width: 28.38235vw;
    margin-bottom: 4.26471vw;
    margin-right: 3.01471vw;
    opacity: 0;
    transition: all 0.19s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    position: relative;
  }
  /* line 993, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 20;
  }
  /* line 1002, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item a:hover + section .img img {
    transform: scale(1.1);
  }
  /* line 1009, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item.open {
    opacity: 1;
  }
  /* line 1012, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item.open .img img {
    filter: blur(0px);
  }
  /* line 1017, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item .img {
    height: 28.38235vw;
    overflow: hidden;
    margin-bottom: 1.47059vw;
  }
  /* line 1021, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    filter: blur(80px);
    transition: all 0.79s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 1032, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item .detail h3 {
    font-size: 1.02941vw;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 22.4px */
    letter-spacing: 0.05147vw;
    display: block;
  }
  /* line 1040, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item .detail .price {
    display: block;
    font-size: 1.02941vw;
    font-style: normal;
    font-weight: 400;
    line-height: 179%;
    /* 22.4px */
    letter-spacing: 0.05147vw;
    color: #7B6762;
    display: flex;
    width: 100%;
  }
  /* line 1050, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #product .container .items .item .detail .price span {
    font-size: 0.88235vw;
    line-height: 160%;
    display: inline-block;
    position: relative;
    top: 0.36765vw;
  }
  /* line 1063, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal_bg {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 67vh;
    z-index: 0;
    background: #280901;
    opacity: 0;
    transition: all 0.3333s;
    transition-timing-function: linear;
    pointer-events: none;
    transform: translate3d(0, 0, -1px);
  }
  /* line 1093, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal_bg .inner {
    width: 100%;
    height: 100%;
    position: relative;
  }
  /* line 1098, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal_bg.active {
    opacity: 1;
  }
  /* line 1101, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal_bg .img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  /* line 1109, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: all 0.3333s;
    transition-timing-function: linear;
    filter: blur(8px);
  }
  /* line 1123, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal {
    padding-top: 5.44118vw;
    padding-bottom: 10.73529vw;
    overflow: clip;
    position: relative;
  }
  /* line 1128, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .journal_end {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
  }
  /* line 1135, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container {
    padding-bottom: 39.70588vw;
  }
  /* line 1137, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container h2 {
    margin-bottom: 3.60294vw;
  }
  /* line 1139, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container h2 .en {
    color: #280901;
  }
  /* line 1142, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container h2 .jp {
    color: #280901;
  }
  /* line 1146, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .btn_target {
    position: absolute;
    top: -0.14706vw;
    right: 5.66176vw;
    width: 17.79412vw;
    height: 17.79412vw;
    z-index: 2;
  }
  /* line 1153, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .btn_target .txt {
    top: 0.14706vw;
  }
  /* line 1156, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .btn_target .blank {
    top: 0.51471vw;
  }
  /* line 1159, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .btn_target .mark_step_f, body #wrapper #main #journal .container .btn_target .mark_step {
    top: 9.48529vw;
    left: 7.5vw;
  }
  /* line 1163, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .btn_target .mark_step_f {
    display: none !important;
  }
  /* line 1167, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .title_area {
    padding-top: 4.41176vw;
    padding-bottom: 2.86765vw;
  }
  /* line 1171, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .journal_items_area {
    position: relative;
  }
  /* line 1173, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .journal_items_area .journal_items {
    contain: content;
  }
  /* line 1177, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .content_area {
    position: relative;
  }
  /* line 1179, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .content_area .journal_line_all {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    top: 0;
  }
  /* line 1186, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .content_area .journal_line1, body #wrapper #main #journal .container .content_area .journal_line2, body #wrapper #main #journal .container .content_area .journal_line3, body #wrapper #main #journal .container .content_area .journal_line4, body #wrapper #main #journal .container .content_area .journal_line5 {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    top: 0;
  }
  /* line 1193, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .content_area .journal_line1 {
    top: 0;
  }
  /* line 1196, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .content_area .journal_line2 {
    top: 66%;
  }
  /* line 1199, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .content_area .journal_line3 {
    top: 99%;
  }
  /* line 1203, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .content {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
  /* line 1208, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    width: 148.23529vw;
    position: absolute;
    top: 0;
    left: 0;
  }
  /* line 1217, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item {
    width: 37.05882vw;
    height: 39.70588vw;
    padding-right: 1.76471vw;
    box-sizing: border-box;
    will-change: transform,opacity;
  }
  /* line 1230, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item.open .inner section {
    opacity: 1;
    transform: translateY(0);
  }
  /* line 1237, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item.open:nth-of-type(2) .inner section {
    transition-delay: 0.13s;
  }
  /* line 1244, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item.open:nth-of-type(3) .inner section {
    transition-delay: 0.26s;
  }
  /* line 1252, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item.open:nth-of-type(4) .inner section {
    transition-delay: 0.39s;
  }
  /* line 1258, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item.fix {
    transform: translateX(0) scale(1) !important;
    opacity: 1 !important;
  }
  /* line 1261, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item.fix .inner {
    transform: scale(1, 1) !important;
  }
  /* line 1265, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner {
    width: 100%;
    height: 100%;
    position: relative;
    transform-origin: center left;
    will-change: transform;
  }
  /* line 1276, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner {
    position: relative;
  }
  /* line 1278, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 20;
  }
  /* line 1287, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner a:hover + section .img img {
    transform: scale(1.1);
  }
  /* line 1293, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner a:hover + section .btn_cir .box .mark_step_f {
    display: none;
  }
  /* line 1296, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner a:hover + section .btn_cir .box .mark_step {
    display: block;
  }
  /* line 1303, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner a:hover + section .btn_cir .box .mark_motion {
    transform: scale(1);
    transition-delay: 0.1s;
  }
  /* line 1306, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner a:hover + section .btn_cir .box .mark_motion:before, body #wrapper #main #journal .container .items .item .inner a:hover + section .btn_cir .box .mark_motion:after {
    transition-delay: 0.2s;
    opacity: 1;
  }
  /* line 1310, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner a:hover + section .btn_cir .box .mark_motion:after {
    transition-delay: 0.5s;
    opacity: 1;
  }
  /* line 1317, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item .inner a:hover + section .btn_cir .box svg circle:nth-of-type(2) {
    stroke-dashoffset: 0;
  }
  /* line 1328, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section {
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    padding-top: 8.16176vw;
    color: white;
    background: radial-gradient(78.31% 89.75% at 20.54% 18.42%, #9d857f 0%, #7b6762 100%);
    transform: translateY(60px);
    opacity: 0;
    transition: all 0.33s;
    transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
  }
  /* line 1340, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .note {
    width: 5.88235vw;
    position: absolute;
    top: 1.69118vw;
    left: 1.69118vw;
  }
  /* line 1346, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .img {
    width: 13.23529vw;
    height: 13.23529vw;
    margin: 0 auto;
    margin-bottom: 3.89706vw;
    overflow: hidden;
  }
  /* line 1352, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 1359, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .txts {
    width: 100%;
    text-align: center;
  }
  /* line 1362, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .txts .date {
    font-family: 'Crimson Text', serif;
    font-size: 1.02941vw;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 14px */
    letter-spacing: 0.05147vw;
    display: block;
    margin-bottom: 1.25vw;
    width: 100%;
  }
  /* line 1373, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .txts .ttl {
    text-align: left;
    display: block;
    font-size: 1.32353vw;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 28.8px */
    letter-spacing: 0.19853vw;
    width: 18.08824vw;
    margin: 0 auto;
    height: 6.69118vw;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden;
  }
  /* line 1390, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .btn_cir {
    position: absolute;
    border-color: white;
    top: 17.5vw;
    right: 3.30882vw;
    z-index: 5;
    opacity: 1;
    transform: scale(1);
    width: 10.58824vw;
    height: 10.58824vw;
  }
  /* line 1402, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .btn_cir .box svg circle {
    stroke: white;
  }
  /* line 1407, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .btn_cir .mark_step, body #wrapper #main #journal .container .items .item section .btn_cir .mark_step_f {
    width: 2.64706vw;
    top: 4.19118vw;
    left: 3.89706vw;
  }
  /* line 1412, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #journal .container .items .item section .btn_cir .mark_motion {
    top: 3.16176vw;
  }
  /* line 1421, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link {
    padding-top: 8.89706vw;
    padding-bottom: 7.35294vw;
  }
  /* line 1424, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container {
    width: 82.35294vw;
  }
  /* line 1426, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
  }
  /* line 1431, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li {
    width: 39.70588vw;
    opacity: 0;
    transform: translateY(1.47059vw);
    transition: all 0.66s;
    transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
  }
  /* line 1437, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li.open {
    opacity: 1;
    transform: translateY(0%);
  }
  /* line 1440, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li.open:nth-of-type(2) {
    transition-delay: 0.1666s;
  }
  /* line 1444, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a {
    display: flex;
    background: #f5f2ed;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    box-sizing: border-box;
    padding: 0 4.41176vw;
    height: 14.70588vw;
    position: relative;
    overflow: hidden;
  }
  /* line 1461, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a:hover .dot, body #wrapper #main .info_link .container ul li a:hover .blank {
    transition-delay: 0;
    transform: scale(0);
  }
  /* line 1465, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a:hover .en, body #wrapper #main .info_link .container ul li a:hover .jp {
    transform: translateX(2%);
  }
  /* line 1468, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a:hover .mark_step_f {
    display: none;
  }
  /* line 1471, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a:hover .mark_step {
    display: block;
  }
  /* line 1474, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a:hover .mark_motion {
    transform: scale(1);
    transition-delay: 0.1s;
  }
  /* line 1480, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a:hover .mark_motion:before, body #wrapper #main .info_link .container ul li a:hover .mark_motion:after {
    transition-delay: 0.2s;
    opacity: 1;
  }
  /* line 1484, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a:hover .mark_motion:after {
    transition-delay: 0.5s;
    opacity: 1;
  }
  /* line 1490, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a:after {
    content: "";
    position: absolute;
    width: 79.41176vw;
    height: 79.41176vw;
    border-radius: 50%;
    background: rgba(212, 206, 204, 0.8);
    display: block;
    right: -34.52685vw;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 1503, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .en {
    font-family: 'Crimson Text', serif;
    font-size: 2.05882vw;
    font-style: normal;
    font-weight: 600;
    line-height: 200%;
    /* 56px */
    letter-spacing: 0.22794vw;
    display: block;
    text-align: left;
    color: #280901;
    width: 100%;
    margin-top: -1.02941vw;
    position: relative;
    z-index: 3;
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 1521, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .jp {
    font-size: 1.32353vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 43.2px */
    letter-spacing: 0.19853vw;
    display: block;
    text-align: left;
    color: #280901;
    width: 100%;
    position: relative;
    z-index: 3;
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 1537, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .dot {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4.41176vw;
    width: 0.58824vw;
    height: 0.58824vw;
    background: #e50012;
    border-radius: 50%;
    z-index: 3;
    display: none;
  }
  /* line 1549, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .mark_motion {
    width: 2.64706vw;
    display: block;
    top: 5vw;
    right: 3.52941vw;
    left: auto;
  }
  /* line 1556, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .mark_step_f {
    position: absolute;
    width: 2.79412vw;
    top: 6.17647vw;
    right: 3.23529vw;
    z-index: 3;
  }
  /* line 1563, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .mark_step {
    position: absolute;
    width: 2.79412vw;
    top: 6.17647vw;
    right: 3.23529vw;
    display: none;
    z-index: 3;
  }
  /* line 1570, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .mark_step .inner {
    position: relative;
    display: block;
  }
  /* line 1573, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .mark_step .inner img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
  }
  /* line 1579, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .info_link .container ul li a .mark_step .inner img.active {
    display: block;
  }
  /* line 1598, ../../../../src/page/top/css/_pc.scss */
  body #wrapper .fade_cover_footer {
    position: relative;
    overflow: hidden;
    opacity: 0;
  }
  /* line 1602, ../../../../src/page/top/css/_pc.scss */
  body #wrapper .fade_cover_footer.open {
    opacity: 1;
  }
  /* line 1604, ../../../../src/page/top/css/_pc.scss */
  body #wrapper .fade_cover_footer.open:before {
    transform: translateX(-100%);
  }
  /* line 1608, ../../../../src/page/top/css/_pc.scss */
  body #wrapper .fade_cover_footer:before {
    content: "";
    display: block;
    width: 200%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
    z-index: 3;
    transition: all 0.59s;
    transition-timing-function: linear;
    z-index: 11;
  }
  /* line 1623, ../../../../src/page/top/css/_pc.scss */
  body #wrapper .fade_cover {
    position: relative;
    overflow: hidden;
    -webkit-mask-image: url(../img/grad_w.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: top right;
    -webkit-mask-size: 100% 100%;
    transition: all 0.26;
    transition-timing-function: linear;
  }
  /* line 1634, ../../../../src/page/top/css/_pc.scss */
  body #wrapper .fade_cover.open {
    -webkit-mask-size: 670% 100%;
  }
  /* line 1644, ../../../../src/page/top/css/_pc.scss */
  body .fade_line {
    position: fixed;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 200px;
    background: url(../img/fade.png) repeat-x center bottom;
    background-size: auto 100%;
    z-index: 50;
    pointer-events: none;
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 1655, ../../../../src/page/top/css/_pc.scss */
  body .fade_line.intro_fade_line {
    opacity: 0;
    height: 14.70588vw;
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 1659, ../../../../src/page/top/css/_pc.scss */
  body .fade_line.intro_fade_line.active {
    opacity: 1;
  }
}
@media print {
  /* line 6, ../../../../src/page/top/css/_mid.scss */
  #wrapper #footer .mark {
    display: none !important;
  }

  /* line 9, ../../../../src/page/top/css/_mid.scss */
  #wrapper .txt_up_slide .t span, #wrapper .txt_up_slide .t path {
    transform: translateY(0) !important;
  }

  /* line 12, ../../../../src/page/top/css/_mid.scss */
  #wrapper .txt_up_slide .t span, #wrapper .txt_up_slide .t path {
    transform: translateY(0) !important;
  }

  /* line 15, ../../../../src/page/top/css/_mid.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item .inner {
    -webkit-mask-image: none;
    mask-image: none;
  }

  /* line 19, ../../../../src/page/top/css/_mid.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item picture.b {
    display: none;
  }

  /* line 22, ../../../../src/page/top/css/_mid.scss */
  body #wrapper #main #photo_area .title .copy {
    position: relative !important;
  }

  /* line 25, ../../../../src/page/top/css/_mid.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item {
    position: relative !important;
  }

  /* line 28, ../../../../src/page/top/css/_mid.scss */
  body #wrapper #main #product .container .items .item {
    opacity: 1 !important;
  }

  /* line 31, ../../../../src/page/top/css/_mid.scss */
  body #wrapper #main #product .container .items .item .img img {
    filter: blur(0px) !important;
  }

  /* line 34, ../../../../src/page/top/css/_mid.scss */
  body #wrapper #main #journal .container .items .item.open .inner section {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }

  /* line 38, ../../../../src/page/top/css/_mid.scss */
  body #wrapper #main .info_link .container ul li {
    opacity: 1 !important;
    transform: translateY(0%) !important;
  }

  /* line 42, ../../../../src/page/top/css/_mid.scss */
  body #wrapper .fade_cover_footer {
    opacity: 1 !important;
  }
}
/*color*/
/*anim*/
/*size*/
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
@media screen and (max-width: 767px) {
  /* line 5, ../../../../src/page/top/css/_sp.scss */
  body {
    	/*
    	@function cvw($size){
    		@return ($size) + px;
    	}
    	background: url(../img/_guidesp.png) no-repeat top center;
    	// background: url(../img/_guidemenusp.png) no-repeat top center;
    	-webkit-background-size: 100% auto;
    	background-size: 100% auto;
    	// background: url(../img/_guidesp1.png) no-repeat top center;
    	// -webkit-background-size: 100% auto;
    	background-size: 100% auto;
    	background-position: 50% 0px;
    	// background-position-y: 6752px;
    	width: 100%;
        margin: 0 auto !important;
        &::-webkit-scrollbar {
            display:none;
        }
    	#wrapper{
    		opacity: 0.6 !important;
    		.container{
    			width: 335px;
    			margin: 0 auto;
    			position: relative;
    		}
    	}
        #header{
    		opacity: 0.6 !important;
    	}
    */
    /*============================
    #wrapper
    ============================*/
  }
  /* line 37, ../../../../src/page/top/css/_sp.scss */
  body .screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    height: 100lvh;
    pointer-events: none;
    z-index: -1;
  }
  /* line 47, ../../../../src/page/top/css/_sp.scss */
  body #opening {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: white;
    transition: all 0.35s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 56, ../../../../src/page/top/css/_sp.scss */
  body #opening.passive {
    pointer-events: none;
    opacity: 0;
  }
  /* line 60, ../../../../src/page/top/css/_sp.scss */
  body #opening .frame {
    position: fixed;
    width: 44.8vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
  }
  /* line 68, ../../../../src/page/top/css/_sp.scss */
  body #opening .mark_anim {
    position: fixed;
    width: 44.8vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 76, ../../../../src/page/top/css/_sp.scss */
  body #opening .mark_anim.open {
    opacity: 1;
  }
  /* line 79, ../../../../src/page/top/css/_sp.scss */
  body #opening .mark_anim video {
    width: 100%;
  }
  /* line 90, ../../../../src/page/top/css/_sp.scss */
  body #wrapper {
    position: relative;
    overflow: clip;
    /*============================
    #main
    ============================*/
  }
  /* line 93, ../../../../src/page/top/css/_sp.scss */
  body #wrapper section {
    overflow: hidden;
    position: relative;
    z-index: 10;
  }
  /* line 98, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #logo_fix {
    opacity: 0;
    transform: scale(1);
  }
  /* line 101, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #logo_fix.under_sp {
    transform: translateY(-53.33333vw);
  }
  /* line 108, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main {
    position: relative;
    z-index: 10;
    /*============================
    #top
    ============================*/
    /*============================
    #intro
    ============================*/
    /*============================
    #photo_area
    ============================*/
    /*============================
    #product
    ============================*/
  }
  /* line 114, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 51;
  }
  /* line 121, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top .container {
    box-sizing: border-box;
    padding-top: 49.6vw;
    height: 100%;
  }
  /* line 125, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top .container .maincopy {
    width: 68.8vw;
    margin: 0 auto;
    position: relative;
    left: 0.53333vw;
  }
  /* line 130, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top .container .maincopy svg {
    transform: translate3d(0, 0, 1px);
  }
  /* line 134, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top .container .maincopy svg .t.open path {
    transform: translateY(0%);
  }
  /* line 138, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top .container .maincopy svg .t path {
    transform: translateY(115%);
  }
  /* line 152, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .new_badge {
    position: fixed;
    bottom: 5.33333vw;
    right: 5.33333vw;
    width: 26.66667vw;
    z-index: 51;
    transition: all 0.49s;
    transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
  }
  /* line 160, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .new_badge.passive {
    pointer-events: none;
    opacity: 0;
  }
  /* line 166, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .new_badge.open a .t_bg {
    opacity: 1;
    transform: scale(1);
    transition: all 0.49s;
    transition-timing-function: linear;
  }
  /* line 173, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .new_badge.open a .t {
    opacity: 1;
  }
  /* line 178, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .new_badge a {
    display: block;
    line-height: 0;
    position: relative;
  }
  /* line 182, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .new_badge a .t_bg {
    display: block;
    opacity: 0;
    transform: scale(0.7);
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 187, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .new_badge a .t_bg img {
    -webkit-animation: rotate 30s linear infinite;
    -moz-animation: rotate 30s linear infinite;
    animation: rotate 30s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 191, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .new_badge a .t {
    position: absolute;
    width: 10.94933vw;
    top: 11.73333vw;
    left: 7.904vw;
    z-index: 3;
    opacity: 0;
  }
  /* line 199, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .new_badge a .prod {
    display: none;
  }
  /* line 204, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_area_all {
    position: relative;
  }
  /* line 207, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .kv_fade_line {
    height: 26.4vw;
    opacity: 0;
    position: absolute;
  }
  /* line 211, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .kv_fade_line.open {
    opacity: 1;
  }
  /* line 215, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_area, body #wrapper #main #kv_ov {
    height: 400vw;
    width: 100%;
    transform: translateY(90px);
    width: 100%;
    margin: 0 auto;
    overflow: clip;
    padding-bottom: 66.66667vw;
    contain: content;
  }
  /* line 226, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_area .kv_line_end, body #wrapper #main #kv_ov .kv_line_end {
    position: absolute;
    bottom: 133.33333vw;
    left: 0;
    width: 100%;
    height: 1px;
  }
  /* line 234, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_area #kv_space, body #wrapper #main #kv_ov #kv_space {
    position: absolute;
    top: 0;
    left: 0;
    height: 65.6vw;
  }
  /* line 240, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_area .kv_cover_area, body #wrapper #main #kv_ov .kv_cover_area {
    position: absolute;
    width: 102%;
    top: 65.6vw;
    left: -1%;
    z-index: 20;
  }
  /* line 246, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_area .kv_cover_area:before, body #wrapper #main #kv_ov .kv_cover_area:before {
    content: "";
    display: block;
    width: 100vw;
    height: 200vh;
    position: absolute;
    bottom: 0;
    left: 1px;
    transform: translateX(-100%);
    background: white;
    z-index: 11;
  }
  /* line 258, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_area .kv_cover_area:after, body #wrapper #main #kv_ov .kv_cover_area:after {
    z-index: 11;
    background: white;
    content: "";
    display: block;
    width: 100vw;
    height: 200vh;
    position: absolute;
    bottom: 0;
    right: 1px;
    transform: translateX(100%);
  }
  /* line 271, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_area .kv_cover_area .kv_cover .t, body #wrapper #main #kv_ov .kv_cover_area .kv_cover .t {
    width: 100%;
    height: 100vh;
    display: block;
    background: white;
  }
  /* line 277, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_area .kv_cover_area .kv_cover span, body #wrapper #main #kv_ov .kv_cover_area .kv_cover span {
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
  }
  /* line 282, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_area .kv_cover_area .kv_cover span img, body #wrapper #main #kv_ov .kv_cover_area .kv_cover span img {
    width: 100%;
    position: relative;
    top: -0.53333vw;
  }
  /* line 291, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_area .inner_area, body #wrapper #main #kv_ov .inner_area {
    height: 100vh;
    width: 100%;
    margin: 0 auto;
    padding-top: 65.6vw;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
  /* line 300, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_area .inner_area #kv, body #wrapper #main #kv_area .inner_area #kv2, body #wrapper #main #kv_ov .inner_area #kv, body #wrapper #main #kv_ov .inner_area #kv2 {
    height: 100%;
    margin: 0 auto;
    position: relative;
  }
  /* line 305, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_area .inner_area #kv .cover, body #wrapper #main #kv_area .inner_area #kv2 .cover, body #wrapper #main #kv_ov .inner_area #kv .cover, body #wrapper #main #kv_ov .inner_area #kv2 .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 11;
  }
  /* line 311, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_area .inner_area #kv .cover:after, body #wrapper #main #kv_area .inner_area #kv2 .cover:after, body #wrapper #main #kv_ov .inner_area #kv .cover:after, body #wrapper #main #kv_ov .inner_area #kv2 .cover:after {
    content: "";
    display: block;
    width: 100%;
    height: 100vh;
    background: white;
    top: -100vh;
    left: 0;
    position: absolute;
    z-index: 3;
  }
  /* line 322, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_area .inner_area #kv .cover img, body #wrapper #main #kv_area .inner_area #kv2 .cover img, body #wrapper #main #kv_ov .inner_area #kv .cover img, body #wrapper #main #kv_ov .inner_area #kv2 .cover img {
    position: relative;
  }
  /* line 326, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_area .inner_area #kv picture, body #wrapper #main #kv_area .inner_area #kv2 picture, body #wrapper #main #kv_ov .inner_area #kv picture, body #wrapper #main #kv_ov .inner_area #kv2 picture {
    transform-origin: top center;
  }
  /* line 330, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_area .inner_area #kv .kv_target_img, body #wrapper #main #kv_area .inner_area #kv2 .kv_target_img, body #wrapper #main #kv_ov .inner_area #kv .kv_target_img, body #wrapper #main #kv_ov .inner_area #kv2 .kv_target_img {
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.1s;
  }
  /* line 336, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target, body #wrapper #main #kv_area .inner_area #kv #kv_target2, body #wrapper #main #kv_area .inner_area #kv2 #kv_target, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2, body #wrapper #main #kv_ov .inner_area #kv #kv_target, body #wrapper #main #kv_ov .inner_area #kv #kv_target2, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 {
    width: 147%;
    width: 100%;
    height: 100%;
    transform-origin: center center;
    position: absolute;
    bottom: 0;
    left: -23.5%;
    left: 0;
  }
  /* line 345, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_rect, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_rect, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_rect, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_rect, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_rect, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_rect, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_rect, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_rect {
    position: absolute;
    bottom: 0;
    left: 9%;
    width: 82%;
    height: 85%;
    display: block;
  }
  /* line 356, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_bg, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_bg, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_bg, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_bg, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_bg, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_bg, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_bg, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_bg {
    width: 100%;
    height: 100%;
    position: relative;
    transition: all 0.1s;
    transition-timing-function: linear;
  }
  /* line 361, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_bg .fade_line, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_bg .fade_line, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_bg .fade_line, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_bg .fade_line, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_bg .fade_line, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_bg .fade_line, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_bg .fade_line, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_bg .fade_line {
    position: absolute;
    bottom: -1px;
  }
  /* line 366, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target picture, body #wrapper #main #kv_area .inner_area #kv #kv_target2 picture, body #wrapper #main #kv_area .inner_area #kv2 #kv_target picture, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 picture, body #wrapper #main #kv_ov .inner_area #kv #kv_target picture, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 picture, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target picture, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 picture {
    width: 100%;
    height: 100%;
  }
  /* line 369, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target picture img, body #wrapper #main #kv_area .inner_area #kv #kv_target2 picture img, body #wrapper #main #kv_area .inner_area #kv2 #kv_target picture img, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 picture img, body #wrapper #main #kv_ov .inner_area #kv #kv_target picture img, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 picture img, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target picture img, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  /* line 375, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_ov, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_ov, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_ov, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_ov, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_ov, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_ov, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_ov, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_ov {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    transform-origin: top right;
  }
  /* line 384, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_bg, body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_ov, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_bg, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_ov, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_bg, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_ov, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_bg, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_ov, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_bg, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_ov, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_bg, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_ov, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_bg, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_ov, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_bg, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_ov {
    width: 130%;
    height: 130%;
    top: -15%;
    left: -15%;
  }
  /* line 400, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_area .inner_area #kv #kv_target .kv_ov_point, body #wrapper #main #kv_area .inner_area #kv #kv_target2 .kv_ov_point, body #wrapper #main #kv_area .inner_area #kv2 #kv_target .kv_ov_point, body #wrapper #main #kv_area .inner_area #kv2 #kv_target2 .kv_ov_point, body #wrapper #main #kv_ov .inner_area #kv #kv_target .kv_ov_point, body #wrapper #main #kv_ov .inner_area #kv #kv_target2 .kv_ov_point, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target .kv_ov_point, body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 .kv_ov_point {
    position: absolute;
    top: 78%;
    left: 62%;
    width: 10px;
    height: 10px;
    display: block;
  }
  /* line 412, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_ov {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    overflow: visible;
    z-index: 50;
  }
  /* line 423, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #kv_ov .inner_area #kv2 #kv_target2 {
    overflow: visible;
    transition: all 0.1s;
    transition-timing-function: linear;
  }
  /* line 431, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .kv_line1 {
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 100vh;
  }
  /* line 438, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .kv_line2 {
    display: block;
    width: 100%;
    height: 1px;
  }
  /* line 447, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #intro {
    padding-bottom: 0;
    padding-bottom: 26.66667vw;
  }
  /* line 455, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #intro .container h2 {
    text-align: center;
    margin-bottom: 15.73333vw;
  }
  /* line 458, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #intro .container h2 img {
    width: 80.26667vw;
    height: auto;
  }
  /* line 463, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #intro .container .txts {
    text-align: center;
  }
  /* line 470, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #intro .container .txts p {
    font-size: 3.73333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 243%;
    /* 33.6px */
    letter-spacing: 0.56vw;
    text-align: center;
    display: inline-block;
    width: 81.33333vw;
  }
  /* line 481, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #intro .container .btn_cir {
    margin: 44vw 0 0 54.66667vw;
  }
  /* line 485, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #intro .intro_line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
  }
  /* line 493, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #btn_omoi {
    position: fixed;
    right: 8vw;
    bottom: 8vw;
    z-index: 101;
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 499, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #btn_omoi.passive {
    opacity: 0;
  }
  /* line 503, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #mark_area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    transition: all 0.35s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    transform: scale(0.5);
    pointer-events: none;
    mix-blend-mode: darken;
  }
  /* line 517, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #mark_area.open {
    transform: scale(1);
  }
  /* line 520, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #mark_area.passive {
    opacity: 0;
  }
  /* line 523, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #mark_area .mark_anim {
    position: absolute;
    width: 108vw;
  }
  /* line 531, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #photo_area {
    height: 600vh;
    position: relative;
  }
  /* line 534, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #photo_area .photo_line1 {
    position: absolute;
    left: 0;
    height: 30vh;
    top: 100vh;
    display: block;
    width: 100%;
  }
  /* line 542, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #photo_area .photo_line2 {
    position: absolute;
    left: 0;
    height: 30vh;
    top: 250vh;
    display: block;
    width: 100%;
  }
  /* line 550, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #photo_area .photo_line3 {
    position: absolute;
    left: 0;
    height: 30vh;
    top: 400vh;
    display: block;
    width: 100%;
  }
  /* line 558, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #photo_area .content {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
  /* line 563, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #photo_area .title {
    height: 52.26667vw;
    position: relative;
  }
  /* line 566, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #photo_area .title .copy {
    height: 52.26667vw;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    margin-bottom: 0;
    box-sizing: border-box;
    padding: 24vw 0 0 8.53333vw;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: all 0.133s;
    transition-timing-function: linear;
  }
  /* line 581, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #photo_area .title .copy.active {
    opacity: 1;
  }
  /* line 585, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #photo_area .title .mark {
    display: block;
    width: 10.66667vw;
    margin: 0 4.26667vw 0 0;
    position: relative;
    top: 2.13333vw;
    overflow: hidden;
  }
  /* line 592, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #photo_area .title .mark img {
    transform: translateY(120%);
    transition: all 0.133s;
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  }
  /* line 598, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #photo_area .title .mark.open img {
    transform: translateY(0);
  }
  /* line 603, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #photo_area .title .txt {
    width: 77.33333vw;
  }
  /* line 605, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #photo_area .title .txt .t {
    font-size: 4.26667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 28.8px */
    letter-spacing: 0.15em;
  }
  /* line 614, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #photo_area #photo_slide {
    position: relative;
  }
  /* line 616, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
  }
  /* line 629, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item.open .inner picture.b {
    opacity: 0;
  }
  /* line 636, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item .inner {
    -webkit-mask-image: url(../img/sv_shape_sp.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    -webkit-mask-size: 100%;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  /* line 651, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item picture {
    width: 100%;
    height: 100%;
  }
  /* line 654, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item picture.b {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transition: all 0.5s;
    transition-timing-function: linear;
  }
  /* line 662, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #photo_area #photo_slide .photo_slide_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  /* line 671, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main h2.en_jp {
    margin-bottom: 20.53333vw;
    margin-left: 2.66667vw;
    width: 100%;
  }
  /* line 675, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main h2.en_jp .en {
    font-family: 'Crimson Text', serif;
    font-size: 7.46667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 200%;
    /* 56px */
    letter-spacing: 0.74667vw;
    color: #4f1705;
    display: block;
    width: 100%;
  }
  /* line 686, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main h2.en_jp .jp {
    color: #4f1705;
    display: block;
    width: 100%;
    font-size: 3.73333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 240%;
    /* 33.6px */
    letter-spacing: 0.56vw;
    margin-top: -8vw;
    opacity: 0;
    transition: all 0.4s;
    transition-timing-function: linear;
  }
  /* line 699, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main h2.en_jp .jp.open {
    opacity: 1;
  }
  /* line 707, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #product {
    padding-top: 36.26667vw;
    padding-bottom: 5.33333vw;
  }
  /* line 714, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #product .container .btn_cir {
    position: absolute;
    top: -4.26667vw;
    right: 2.4vw;
  }
  /* line 719, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #product .container .items {
    width: 100%;
  }
  /* line 721, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #product .container .items .item {
    width: 100%;
    margin-bottom: 10.66667vw;
    opacity: 0;
    transition: all 0.19s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    position: relative;
  }
  /* line 728, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #product .container .items .item a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 20;
  }
  /* line 735, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #product .container .items .item.open {
    opacity: 1;
  }
  /* line 738, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #product .container .items .item.open .img img {
    filter: blur(0px);
  }
  /* line 743, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #product .container .items .item .img {
    height: 89.33333vw;
    overflow: hidden;
    margin-bottom: 5.6vw;
  }
  /* line 747, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #product .container .items .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: blur(80px);
    transition: all 0.79s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 757, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #product .container .items .item .detail h3 {
    display: block;
    font-size: 3.73333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 22.4px */
    letter-spacing: 0.18667vw;
    margin-bottom: 0.26667vw;
  }
  /* line 766, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #product .container .items .item .detail .price {
    font-size: 3.73333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    /* 22.4px */
    letter-spacing: 0.18667vw;
    display: block;
    color: #7B6762;
  }
  /* line 774, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #product .container .items .item .detail .price span {
    font-size: 3.2vw;
    display: inline-block;
    position: relative;
    top: 0vw;
  }
  /* line 786, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal_bg {
    position: fixed;
    top: 50vh;
    top: 50lvh;
    left: 0;
    width: 100%;
    height: 50vh;
    height: 50lvh;
    z-index: 0;
    background: #280901;
    opacity: 0;
    transition: all 0.3333s;
    transition-timing-function: linear;
    pointer-events: none;
    transform: translate3d(0, 0, -1px);
  }
  /* line 802, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal_bg .inner {
    width: 100%;
    height: 100%;
    position: relative;
  }
  /* line 807, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal_bg.active {
    opacity: 1;
  }
  /* line 810, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal_bg .img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  /* line 818, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: all 0.3333s;
    transition-timing-function: linear;
    filter: blur(8px);
  }
  /* line 831, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal {
    padding-top: 2.66667vw;
    padding-bottom: 41.6vw;
    overflow: visible;
    overflow: clip;
    position: relative;
  }
  /* line 838, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal.os15 .container {
    padding-bottom: 0vw;
  }
  /* line 841, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal.os15 .journal_items_area {
    width: 94.66667vw;
    height: 117.33333vw;
    overflow: hidden !important;
  }
  /* line 847, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .journal_end {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
  }
  /* line 854, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container {
    padding-bottom: 112.0vw;
  }
  /* line 856, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container h2 {
    margin-bottom: 5.6vw;
  }
  /* line 858, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container h2 .en {
    color: #280901;
  }
  /* line 861, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container h2 .jp {
    color: #280901;
  }
  /* line 865, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .btn_cir {
    position: absolute;
    top: 12vw;
    right: 2.66667vw;
    z-index: 2;
  }
  /* line 870, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .btn_cir .txt {
    top: -0.53333vw;
  }
  /* line 873, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .btn_cir .blank {
    position: relative;
    top: -0.53333vw;
  }
  /* line 878, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .title_area {
    padding-top: 16vw;
    padding-bottom: 10.4vw;
    contain: content;
  }
  /* line 883, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .journal_items_area {
    position: relative;
  }
  /* line 885, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .journal_items_area .journal_items {
    contain: content;
  }
  /* line 889, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .content_area {
    position: relative;
    height: 3000px;
  }
  /* line 892, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .content_area .journal_line_all {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    top: 0;
  }
  /* line 899, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .content_area .journal_line1, body #wrapper #main #journal .container .content_area .journal_line2, body #wrapper #main #journal .container .content_area .journal_line3, body #wrapper #main #journal .container .content_area .journal_line4, body #wrapper #main #journal .container .content_area .journal_line5 {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    top: 0;
  }
  /* line 906, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .content_area .journal_line1 {
    top: 0;
  }
  /* line 909, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .content_area .journal_line2 {
    top: 66%;
  }
  /* line 912, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .content_area .journal_line3 {
    top: 99%;
  }
  /* line 916, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .content {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
  /* line 921, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .items {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    width: 337.06667vw;
    position: absolute;
    top: 5.33333vw;
    left: 0;
  }
  /* line 930, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .items .item {
    width: 84.26667vw;
    height: 112.0vw;
    padding-right: 4.26667vw;
    box-sizing: border-box;
    will-change: transform,opacity;
  }
  /* line 939, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .items .item.open .inner section {
    opacity: 1;
    transform: translateY(0);
  }
  /* line 946, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .items .item.open:nth-of-type(2) .inner section {
    transition-delay: 0.13s;
  }
  /* line 953, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .items .item.open:nth-of-type(3) .inner section {
    transition-delay: 0.26s;
  }
  /* line 961, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .items .item.open:nth-of-type(4) .inner section {
    transition-delay: 0.39s;
  }
  /* line 967, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .items .item.fix {
    transform: translateX(0) scale(1) !important;
    opacity: 1 !important;
  }
  /* line 971, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .items .item .inner {
    width: 100%;
    height: 100%;
    position: relative;
    transform-origin: center left;
  }
  /* line 976, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .items .item .inner a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 20;
  }
  /* line 987, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .items .item section {
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    padding-top: 24vw;
    color: white;
    background: radial-gradient(78.31% 89.75% at 20.54% 18.42%, #9d857f 0%, #7b6762 100%);
    transform: translateY(60px);
    opacity: 0;
    transition: all 0.33s;
    transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
  }
  /* line 999, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .items .item section .note {
    width: 16.53333vw;
    position: absolute;
    top: 4.8vw;
    left: 4.26667vw;
  }
  /* line 1005, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .items .item section .img {
    width: 37.33333vw;
    height: 37.33333vw;
    margin: 0 auto;
    margin-bottom: 10.4vw;
  }
  /* line 1010, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .items .item section .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  /* line 1016, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .items .item section .txts {
    width: 100%;
    text-align: center;
  }
  /* line 1019, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .items .item section .txts .date {
    font-family: 'Crimson Text', serif;
    font-size: 3.2vw;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 12px */
    letter-spacing: 0.16vw;
    display: block;
    margin-bottom: 2.66667vw;
  }
  /* line 1029, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .items .item section .txts .ttl {
    text-align: left;
    display: block;
    font-size: 3.73333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 22.4px */
    letter-spacing: 0.56vw;
    width: 51.2vw;
    margin: 0 auto;
    height: 16.8vw;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden;
  }
  /* line 1046, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #journal .container .items .item section .btn_cir {
    position: absolute;
    border-color: rgba(255, 255, 255, 0.1);
    top: 56.8vw;
    right: 2.66667vw;
    z-index: 5;
    width: 23.46667vw;
    height: 23.46667vw;
  }
  /* line 1060, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .info_link {
    padding-top: 32vw;
    padding-bottom: 37.33333vw;
  }
  /* line 1063, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .info_link .container {
    width: 84.53333vw;
  }
  /* line 1066, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .info_link .container ul li {
    margin-bottom: 4.26667vw;
    opacity: 0;
    transform: translateY(30%);
    transition: all 0.66s;
    transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
  }
  /* line 1072, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .info_link .container ul li.open {
    opacity: 1;
    transform: translateY(0%);
  }
  /* line 1075, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .info_link .container ul li.open:nth-of-type(2) {
    transition-delay: 0.1666s;
  }
  /* line 1079, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .info_link .container ul li a {
    display: flex;
    background: #f5f2ed;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    box-sizing: border-box;
    padding: 0 10.66667vw;
    height: 48vw;
    position: relative;
  }
  /* line 1090, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .info_link .container ul li a .en {
    font-family: 'Crimson Text', serif;
    font-size: 5.33333vw;
    font-style: normal;
    font-weight: 600;
    line-height: 159%;
    /* 56px */
    letter-spacing: 0.53333vw;
    display: block;
    text-align: left;
    color: #280901;
    width: 100%;
    margin-top: -5.06667vw;
  }
  /* line 1103, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .info_link .container ul li a .jp {
    font-size: 3.73333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 33.6px */
    letter-spacing: 0.56vw;
    display: block;
    text-align: left;
    color: #280901;
    width: 100%;
    position: relative;
    top: 2.13333vw;
  }
  /* line 1116, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .info_link .container ul li a .dot {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 11.2vw;
    width: 2.13333vw;
    height: 2.13333vw;
    background: #e50012;
    border-radius: 50%;
  }
  /* line 1132, ../../../../src/page/top/css/_sp.scss */
  body #wrapper .fade_cover_footer {
    position: relative;
    overflow: hidden;
    display: inline-block;
    opacity: 0;
  }
  /* line 1137, ../../../../src/page/top/css/_sp.scss */
  body #wrapper .fade_cover_footer.open {
    opacity: 1;
  }
  /* line 1139, ../../../../src/page/top/css/_sp.scss */
  body #wrapper .fade_cover_footer.open:before {
    transform: translateX(-100%);
  }
  /* line 1143, ../../../../src/page/top/css/_sp.scss */
  body #wrapper .fade_cover_footer:before {
    content: "";
    display: block;
    width: 200%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
    z-index: 3;
    transition: all 0.59s;
    transition-timing-function: linear;
    z-index: 11;
  }
  /* line 1158, ../../../../src/page/top/css/_sp.scss */
  body #wrapper .fade_cover {
    position: relative;
    overflow: hidden;
    -webkit-mask-image: url(../img/grad_w.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: top right;
    -webkit-mask-size: 100% 100%;
    transition: all 0.26;
    transition-timing-function: linear;
  }
  /* line 1169, ../../../../src/page/top/css/_sp.scss */
  body #wrapper .fade_cover.open {
    -webkit-mask-size: 670% 100%;
  }
  /* line 1177, ../../../../src/page/top/css/_sp.scss */
  body .fade_line {
    position: fixed;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 21.33333vw;
    background: url(../img/fade.png) repeat-x center bottom;
    background-size: auto 100%;
    z-index: 50;
    pointer-events: none;
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 1188, ../../../../src/page/top/css/_sp.scss */
  body .fade_line.intro_fade_line {
    opacity: 0;
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 1191, ../../../../src/page/top/css/_sp.scss */
  body .fade_line.intro_fade_line.active {
    opacity: 1;
  }
}