@charset "UTF-8";
/*color*/
/*anim*/
/*size*/
/*size*/
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
@keyframes img-move {
  to {
    transform: translateX(-100%);
  }
}
@media screen and (min-width: 1440px) {
  /*debug
  body{
  	background: url(../img/_guide.png) no-repeat top center;
  	background-size: 1440px auto;
      // background-position: 50% 0;
  	background-position: 50% -1px;
  	#header{
  		@include opacity(0.6);
  		width: 1440px !important;
  	}
  	#wrapper{
  		width: 1440px !important;
  		@include opacity(0.6);
  		float: none !important;
  		margin: 0 auto;
  	}
  	#footer{
  		@include opacity(0.6);
  	}
  }
  	*/
  /* line 22, ../../../../src/page/top/css/_pc.scss */
  #contents_container {
    z-index: 1000;
  }
  /* line 24, ../../../../src/page/top/css/_pc.scss */
  #contents_container #line {
    height: 1px;
    width: 100%;
  }
  /* line 28, ../../../../src/page/top/css/_pc.scss */
  #contents_container #digest {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1px;
    display: block;
    z-index: 100;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  }
  /* line 37, ../../../../src/page/top/css/_pc.scss */
  #contents_container #digest.passive {
    opacity: 0;
  }
  /* line 39, ../../../../src/page/top/css/_pc.scss */
  #contents_container #digest.passive a {
    pointer-events: none;
  }
  /* line 43, ../../../../src/page/top/css/_pc.scss */
  #contents_container #digest a {
    box-shadow: 0px 0px 20px 4px rgba(30, 40, 70, 0.15);
    display: block;
    width: 60px;
    line-height: 0;
    position: absolute;
    bottom: 40px;
    right: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  }
  /* line 52, ../../../../src/page/top/css/_pc.scss */
  #contents_container #digest a:hover {
    opacity: 0.8;
  }
  /* line 58, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top h1 {
    position: absolute;
    top: 58px;
    right: 71px;
    width: 289px;
  }
  /* line 63, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top h1 .box {
    position: relative;
    display: block;
  }
  /* line 66, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top h1 .box .base {
    visibility: hidden;
  }
  /* line 69, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top h1 .box span {
    display: block;
    position: absolute;
    opacity: 0;
    -webkit-transition: all 1.2s;
    transition: all 1.2s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  }
  /* line 74, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top h1 .box span.open {
    opacity: 1;
  }
  /* line 77, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top h1 .box span:nth-of-type(1) {
    width: 50px;
    top: 7px;
    right: 0;
  }
  /* line 82, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top h1 .box span:nth-of-type(2) {
    width: 49px;
    top: 5px;
    right: 60px;
  }
  /* line 87, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top h1 .box span:nth-of-type(3) {
    width: 39px;
    top: 214px;
    right: 250px;
  }
  /* line 92, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top h1 .box span:nth-of-type(4) {
    width: 87px;
    top: 210px;
    right: 154px;
  }
  /* line 97, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top h1 .box span:nth-of-type(5) {
    width: 87px;
    top: 210px;
    right: 58px;
  }
  /* line 102, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top h1 .box span:nth-of-type(6) {
    width: 159px;
    top: 340px;
    right: 62px;
  }
  /* line 110, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .img {
    width: 1050px;
    line-height: 0;
    margin: 0 0 23px 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    -webkit-transition: all 2s;
    transition: all 2s;
    overflow: hidden;
  }
  /* line 119, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .img img {
    -webkit-transition: all 2.7s;
    transition: all 2.7s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transform: scale(1.3);
  }
  /* line 126, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .img.open {
    opacity: 1;
  }
  /* line 128, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .img.open img {
    transform: scale(1);
  }
  /* line 133, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .sns {
    display: flex;
    width: 289px;
    justify-content: space-between;
    position: absolute;
    right: 70px;
    top: 512px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    z-index: 5;
  }
  /* line 143, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .sns.open {
    opacity: 1;
  }
  /* line 146, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .sns p {
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    color: #ffffff;
    background: #1E2846;
    font-size: 12px;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 64px;
    height: 23px;
    letter-spacing: 0.08em;
  }
  /* line 160, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .sns ul {
    display: flex;
    flex-wrap: wrap;
  }
  /* line 164, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .sns ul li:last-child {
    margin: 0 0 0 21px;
  }
  /* line 167, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .sns ul li a {
    font-size: 12px;
    display: inline-block;
    position: relative;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    padding: 0 9px 8px 9px;
    letter-spacing: 0.08em;
  }
  /* line 175, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .sns ul li a:hover:after {
    -webkit-animation: bar 0.3s cubic-bezier(0.61, 1, 0.88, 1);
    -moz-animation: bar 0.3s cubic-bezier(0.61, 1, 0.88, 1);
    animation: bar 0.3s cubic-bezier(0.61, 1, 0.88, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 179, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .sns ul li a img {
    width: 14px;
    display: inline-block;
    margin: 0 5px 0 0;
  }
  /* line 184, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .sns ul li a span {
    position: relative;
    top: -1px;
  }
  /* line 188, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .sns ul li a:after {
    content: "";
    display: block;
    background: #A0AAB4;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
  }
  /* line 202, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .nav {
    display: flex;
    width: 1300px;
    margin: 0 auto;
    justify-content: space-between;
  }
  /* line 207, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .nav li {
    transform: translateY(50px);
    opacity: 0;
    -webkit-transition: all 1.2s;
    transition: all 1.2s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  }
  /* line 211, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .nav li.open {
    transform: translateY(0px);
    opacity: 1;
  }
  /* line 216, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .nav li.open.open2 a:after {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transform: scale(1);
  }
  /* line 224, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .nav li:nth-of-type(2) {
    transition-delay: 0.1s;
  }
  /* line 227, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .nav li:nth-of-type(3) {
    transition-delay: 0.2s;
  }
  /* line 230, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .nav li:nth-of-type(4) {
    transition-delay: 0.3s;
  }
  /* line 233, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .nav li:nth-of-type(5) {
    transition-delay: 0.4s;
  }
  /* line 236, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .nav li a {
    font-size: 16px;
    line-height: 2;
    display: block;
    position: relative;
    color: #1E2846;
    box-sizing: border-box;
    padding: 0 35px 2px 11px;
    letter-spacing: 0.14em;
    overflow: hidden;
  }
  /* line 248, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .nav li a:hover:before {
    transform: rotate(90deg) translateX(3px);
  }
  /* line 251, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .nav li a:hover:after {
    -webkit-animation: bar 0.3s cubic-bezier(0.61, 1, 0.88, 1);
    -moz-animation: bar 0.3s cubic-bezier(0.61, 1, 0.88, 1);
    animation: bar 0.3s cubic-bezier(0.61, 1, 0.88, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 255, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .nav li a:after {
    content: "";
    display: block;
    background: #A0AAB4;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    transform: scale(0);
  }
  /* line 266, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .nav li a:before {
    content: "";
    display: block;
    background: url(../../../cmn/img/arr.svg);
    width: 10px;
    height: 10px;
    position: absolute;
    background-size: contain;
    top: 10px;
    right: 7px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transform: rotate(90deg);
  }
  /* line 284, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page h2 {
    position: absolute;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    z-index: 10;
  }
  /* line 290, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page h2 .box {
    display: block;
    position: relative;
  }
  /* line 295, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .visual {
    margin: 0 0 0 -70px;
    width: 1440px;
    line-height: 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    overflow: hidden;
  }
  /* line 302, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .visual.open {
    opacity: 1;
  }
  /* line 304, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .visual.open img {
    transform: scale(1);
  }
  /* line 308, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .visual img {
    -webkit-transition: all 2s;
    transition: all 2s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transform: scale(1.3);
  }
  /* line 316, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set {
    position: relative;
    /*
    .img{
    	@include anim;
    	-webkit-transition: all 1s;
    	transition: all 1s;
    	opacity: 0;
    	overflow: hidden;
    	img{
    		-webkit-transition: all 2s;
    		transition: all 2s;
    		-webkit-transition-timing-function:$ease;
    		transition-timing-function:$ease;
    		// transform: scale($scale);
    	}
    }*/
    /*
    .mov{
    	opacity: 0;
    	@include anim_fade;
    	// transition-delay: 0.6s;
    }*/
  }
  /* line 319, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set figure .img {
    position: relative;
    overflow: hidden;
  }
  /* line 322, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set figure .img img {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  }
  /* line 330, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.ov figure .img img {
    transform: scale(1.05);
  }
  /* line 336, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.ov .btn_more:before {
    transform: translateX(5px);
  }
  /* line 339, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.ov .btn_more:after {
    -webkit-animation: bar 0.3s cubic-bezier(0.61, 1, 0.88, 1);
    -moz-animation: bar 0.3s cubic-bezier(0.61, 1, 0.88, 1);
    animation: bar 0.3s cubic-bezier(0.61, 1, 0.88, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 344, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set .btn_cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
  }
  /* line 354, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.open .detail .ttl {
    opacity: 1;
  }
  /* line 357, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.open .detail .txt {
    opacity: 1;
    transform: translateY(0);
  }
  /* line 362, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.open .btn_more {
    opacity: 1;
  }
  /* line 366, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.open .img {
    opacity: 1;
  }
  /* line 368, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.open .img img {
    transform: scale(1);
  }
  /* line 372, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.open .mov {
    opacity: 1;
  }
  /* line 376, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.r {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
  }
  /* line 380, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.r figure {
    width: 50%;
  }
  /* line 382, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.r figure .img {
    line-height: 0;
  }
  /* line 386, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.r .detail {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    box-sizing: border-box;
    padding: 0 30px 0 0;
    position: relative;
  }
  /* line 397, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.mid {
    width: 400px;
  }
  /* line 399, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.mid figure {
    width: 100%;
    margin-bottom: 22px;
  }
  /* line 402, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.mid figure .img {
    line-height: 0;
  }
  /* line 407, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.mid .detail .num {
    font-size: 16px;
    margin-bottom: 14px;
  }
  /* line 411, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.mid .detail .ttl {
    font-size: 20px;
  }
  /* line 416, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.wide {
    width: 625px;
  }
  /* line 418, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.wide .mov {
    line-height: 0;
    margin-bottom: 34px;
  }
  /* line 423, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.wide .detail .num {
    margin-bottom: 18px;
  }
  /* line 426, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.wide .detail .ttl {
    margin-top: -2px;
    letter-spacing: 0.1em;
  }
  /* line 430, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.wide .detail .pos {
    font-size: 20px;
    line-height: 1.8;
    letter-spacing: 0.08em;
    letter-spacing: 0.11em;
  }
  /* line 438, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.s {
    width: 295px;
  }
  /* line 440, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.s figure {
    width: 100%;
    margin-bottom: 22px;
  }
  /* line 443, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.s figure .img {
    line-height: 0;
  }
  /* line 448, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.s .detail .num {
    font-size: 16px;
    margin-bottom: 14px;
  }
  /* line 452, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.s .detail .ttl {
    font-size: 20px;
    letter-spacing: 0.2em;
    margin-bottom: 14px;
  }
  /* line 459, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set .detail {
    overflow: hidden;
    position: relative;
  }
  /* line 462, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set .detail .num {
    width: 100%;
    color: #ADCCD8;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 20px;
    margin: 0 0 16px 0;
  }
  /* line 469, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set .detail .ttl {
    width: 100%;
    font-size: 28px;
    line-height: 1.285;
    letter-spacing: 0.08em;
    letter-spacing: 0.16em;
    margin: 4px 0 17px 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    opacity: 0;
    transition-delay: 0.2s;
  }
  /* line 480, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set .detail .txt {
    width: 100%;
    font-size: 16px;
    line-height: 2.125;
    letter-spacing: 0.08em;
    letter-spacing: 0.16em;
    margin: 0 0 20px 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-delay: 0.2s;
    opacity: 0;
    transform: translateY(10px);
  }
  /* line 493, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set .btn_more {
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-delay: 0.2s;
  }
  /* line 520, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#intro {
    padding: 215px 0 0 0;
  }
  /* line 522, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#intro .container {
    width: 1010px;
  }
  /* line 525, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#intro .set {
    margin: 0 0 40px 55px;
  }
  /* line 527, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#intro .set .txt {
    width: 780px;
  }
  /* line 531, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#intro h2 {
    top: 128px;
    right: 55px;
    width: 54px;
  }
  /* line 535, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#intro h2.open {
    height: 265px;
  }
  /* line 539, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#intro h2 .box .target {
    height: 265px;
  }
  /* line 544, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#intro .ttl2 {
    position: absolute;
    width: 150px;
    top: 60px;
    right: -53px;
    display: block;
    transform-origin: 20% 100%;
    opacity: 0;
    transform: scale(0);
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  /* line 554, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#intro .ttl2.open {
    opacity: 1;
    transform: scale(1);
  }
  /* line 559, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#intro .mov {
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  }
  /* line 562, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#intro .mov.open {
    opacity: 1;
  }
  /* line 567, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#step {
    padding: 337px 0 0 0;
  }
  /* line 569, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#step h2 {
    width: 121px;
    top: -80px;
    right: 200px;
  }
  /* line 573, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#step h2.open {
    height: 302px;
  }
  /* line 577, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#step h2 .box .target {
    height: 302px;
  }
  /* line 582, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#step .visual {
    margin-bottom: 100px;
  }
  /* line 585, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#step .set.r {
    margin-bottom: 80px;
  }
  /* line 588, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#step ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 79px;
  }
  /* line 597, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#craft {
    padding: 260px 0 0 0;
  }
  /* line 599, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#craft h2 {
    width: 122px;
    top: -80px;
    right: 200px;
  }
  /* line 603, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#craft h2.open {
    height: 311px;
  }
  /* line 607, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#craft h2 .box .target {
    height: 311px;
  }
  /* line 612, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#craft .cs {
    width: 500px;
    margin: 0 auto;
    padding-bottom: 130px;
  }
  /* line 617, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#craft .visual {
    margin-bottom: 100px;
  }
  /* line 620, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#craft ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
  }
  /* line 628, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#craft .mov_atn {
    margin-top: -35px;
  }
  /* line 632, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#factory {
    padding: 260px 0 0 0;
  }
  /* line 634, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#factory h2 {
    width: 54px;
    top: -78px;
    right: 200px;
  }
  /* line 638, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#factory h2.open {
    height: 281px;
  }
  /* line 642, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#factory h2 .box .target {
    height: 281px;
  }
  /* line 647, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#factory .ttl2 {
    position: absolute;
    width: 83px;
    top: -126px;
    right: 133px;
    display: block;
    transform-origin: 20% 100%;
    opacity: 0;
    transform: scale(0);
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  /* line 657, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#factory .ttl2.open {
    opacity: 1;
    transform: scale(1);
  }
  /* line 662, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#factory .visual {
    margin-bottom: 100px;
  }
  /* line 665, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#factory ul {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 30px;
    flex-wrap: wrap;
    width: 1350px;
  }
  /* line 671, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#factory ul li {
    margin-bottom: 80px;
    margin-right: 40px;
  }
  /* line 677, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#kodawari {
    padding: 180px 0 0 0;
  }
  /* line 679, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#kodawari h2 {
    width: 122px;
    top: -79px;
    right: 200px;
  }
  /* line 683, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#kodawari h2.open {
    height: 244px;
  }
  /* line 687, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#kodawari h2 .box .target {
    height: 244px;
  }
  /* line 692, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#kodawari .visual {
    margin-bottom: 100px;
  }
  /* line 695, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#kodawari ul {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 30px;
    flex-wrap: wrap;
    width: 1350px;
  }
  /* line 701, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#kodawari ul li {
    margin-bottom: 80px;
    margin-right: 40px;
  }
}
/*size*/
/*size*/
@media screen and (min-width: 768px) and (max-width: 1439px) {
  /*debug
  body{
  	background: url(../img/_guide.png) no-repeat top center;
  	background-size: 1440px auto;
      // background-position: 50% 0;
  	background-position: 50% -1px;
  	#header{
  		@include opacity(0.6);
  		width: 1440px !important;
  	}
  	#wrapper{
  		width: 1440px !important;
  		@include opacity(0.6);
  		float: none !important;
  		margin: 0 auto;
  	}
  	#footer{
  		@include opacity(0.6);
  	}
  }
  	*/
  /* line 22, ../../../../src/page/top/css/_pc.scss */
  #contents_container {
    z-index: 1000;
  }
  /* line 24, ../../../../src/page/top/css/_pc.scss */
  #contents_container #line {
    height: 1px;
    width: 100%;
  }
  /* line 28, ../../../../src/page/top/css/_pc.scss */
  #contents_container #digest {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1px;
    display: block;
    z-index: 100;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  }
  /* line 37, ../../../../src/page/top/css/_pc.scss */
  #contents_container #digest.passive {
    opacity: 0;
  }
  /* line 39, ../../../../src/page/top/css/_pc.scss */
  #contents_container #digest.passive a {
    pointer-events: none;
  }
  /* line 43, ../../../../src/page/top/css/_pc.scss */
  #contents_container #digest a {
    box-shadow: 0px 0px 20px 4px rgba(30, 40, 70, 0.15);
    display: block;
    width: 4.16667vw;
    line-height: 0;
    position: absolute;
    bottom: 2.77778vw;
    right: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  }
  /* line 52, ../../../../src/page/top/css/_pc.scss */
  #contents_container #digest a:hover {
    opacity: 0.8;
  }
  /* line 58, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top h1 {
    position: absolute;
    top: 4.02778vw;
    right: 4.93056vw;
    width: 20.06944vw;
  }
  /* line 63, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top h1 .box {
    position: relative;
    display: block;
  }
  /* line 66, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top h1 .box .base {
    visibility: hidden;
  }
  /* line 69, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top h1 .box span {
    display: block;
    position: absolute;
    opacity: 0;
    -webkit-transition: all 1.2s;
    transition: all 1.2s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  }
  /* line 74, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top h1 .box span.open {
    opacity: 1;
  }
  /* line 77, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top h1 .box span:nth-of-type(1) {
    width: 3.47222vw;
    top: 0.48611vw;
    right: 0;
  }
  /* line 82, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top h1 .box span:nth-of-type(2) {
    width: 3.40278vw;
    top: 0.34722vw;
    right: 4.16667vw;
  }
  /* line 87, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top h1 .box span:nth-of-type(3) {
    width: 2.70833vw;
    top: 14.86111vw;
    right: 17.36111vw;
  }
  /* line 92, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top h1 .box span:nth-of-type(4) {
    width: 6.04167vw;
    top: 14.58333vw;
    right: 10.69444vw;
  }
  /* line 97, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top h1 .box span:nth-of-type(5) {
    width: 6.04167vw;
    top: 14.58333vw;
    right: 4.02778vw;
  }
  /* line 102, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top h1 .box span:nth-of-type(6) {
    width: 11.04167vw;
    top: 23.61111vw;
    right: 4.30556vw;
  }
  /* line 110, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .img {
    width: 72.91667vw;
    line-height: 0;
    margin: 0 0 1.59722vw 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    -webkit-transition: all 2s;
    transition: all 2s;
    overflow: hidden;
  }
  /* line 119, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .img img {
    -webkit-transition: all 2.7s;
    transition: all 2.7s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transform: scale(1.3);
  }
  /* line 126, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .img.open {
    opacity: 1;
  }
  /* line 128, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .img.open img {
    transform: scale(1);
  }
  /* line 133, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .sns {
    display: flex;
    width: 20.06944vw;
    justify-content: space-between;
    position: absolute;
    right: 4.86111vw;
    top: 35.55556vw;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    z-index: 5;
  }
  /* line 143, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .sns.open {
    opacity: 1;
  }
  /* line 146, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .sns p {
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    color: #ffffff;
    background: #1E2846;
    font-size: 0.83333vw;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 4.44444vw;
    height: 1.59722vw;
    letter-spacing: 0.08em;
  }
  /* line 160, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .sns ul {
    display: flex;
    flex-wrap: wrap;
  }
  /* line 164, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .sns ul li:last-child {
    margin: 0 0 0 1.45833vw;
  }
  /* line 167, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .sns ul li a {
    font-size: 0.83333vw;
    display: inline-block;
    position: relative;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    padding: 0 0.625vw 0.55556vw 0.625vw;
    letter-spacing: 0.08em;
  }
  /* line 175, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .sns ul li a:hover:after {
    -webkit-animation: bar 0.3s cubic-bezier(0.61, 1, 0.88, 1);
    -moz-animation: bar 0.3s cubic-bezier(0.61, 1, 0.88, 1);
    animation: bar 0.3s cubic-bezier(0.61, 1, 0.88, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 179, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .sns ul li a img {
    width: 0.97222vw;
    display: inline-block;
    margin: 0 0.34722vw 0 0;
  }
  /* line 184, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .sns ul li a span {
    position: relative;
    top: -0.06944vw;
  }
  /* line 188, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .sns ul li a:after {
    content: "";
    display: block;
    background: #A0AAB4;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
  }
  /* line 202, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .nav {
    display: flex;
    width: 90.27778vw;
    margin: 0 auto;
    justify-content: space-between;
  }
  /* line 207, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .nav li {
    transform: translateY(50px);
    opacity: 0;
    -webkit-transition: all 1.2s;
    transition: all 1.2s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  }
  /* line 211, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .nav li.open {
    transform: translateY(0px);
    opacity: 1;
  }
  /* line 216, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .nav li.open.open2 a:after {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transform: scale(1);
  }
  /* line 224, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .nav li:nth-of-type(2) {
    transition-delay: 0.1s;
  }
  /* line 227, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .nav li:nth-of-type(3) {
    transition-delay: 0.2s;
  }
  /* line 230, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .nav li:nth-of-type(4) {
    transition-delay: 0.3s;
  }
  /* line 233, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .nav li:nth-of-type(5) {
    transition-delay: 0.4s;
  }
  /* line 236, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .nav li a {
    font-size: 1.11111vw;
    line-height: 2;
    display: block;
    position: relative;
    color: #1E2846;
    box-sizing: border-box;
    padding: 0 2.43056vw 0.13889vw 0.76389vw;
    letter-spacing: 0.14em;
    overflow: hidden;
  }
  /* line 248, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .nav li a:hover:before {
    transform: rotate(90deg) translateX(3px);
  }
  /* line 251, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .nav li a:hover:after {
    -webkit-animation: bar 0.3s cubic-bezier(0.61, 1, 0.88, 1);
    -moz-animation: bar 0.3s cubic-bezier(0.61, 1, 0.88, 1);
    animation: bar 0.3s cubic-bezier(0.61, 1, 0.88, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 255, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .nav li a:after {
    content: "";
    display: block;
    background: #A0AAB4;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    transform: scale(0);
  }
  /* line 266, ../../../../src/page/top/css/_pc.scss */
  #contents_container #top .nav li a:before {
    content: "";
    display: block;
    background: url(../../../cmn/img/arr.svg);
    width: 0.69444vw;
    height: 0.69444vw;
    position: absolute;
    background-size: contain;
    top: 0.69444vw;
    right: 0.48611vw;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transform: rotate(90deg);
  }
  /* line 284, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page h2 {
    position: absolute;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    z-index: 10;
  }
  /* line 290, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page h2 .box {
    display: block;
    position: relative;
  }
  /* line 295, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .visual {
    margin: 0 0 0 -4.86111vw;
    width: 100vw;
    line-height: 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    overflow: hidden;
  }
  /* line 302, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .visual.open {
    opacity: 1;
  }
  /* line 304, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .visual.open img {
    transform: scale(1);
  }
  /* line 308, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .visual img {
    -webkit-transition: all 2s;
    transition: all 2s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transform: scale(1.3);
  }
  /* line 316, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set {
    position: relative;
    /*
    .img{
    	@include anim;
    	-webkit-transition: all 1s;
    	transition: all 1s;
    	opacity: 0;
    	overflow: hidden;
    	img{
    		-webkit-transition: all 2s;
    		transition: all 2s;
    		-webkit-transition-timing-function:$ease;
    		transition-timing-function:$ease;
    		// transform: scale($scale);
    	}
    }*/
    /*
    .mov{
    	opacity: 0;
    	@include anim_fade;
    	// transition-delay: 0.6s;
    }*/
  }
  /* line 319, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set figure .img {
    position: relative;
    overflow: hidden;
  }
  /* line 322, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set figure .img img {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  }
  /* line 330, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.ov figure .img img {
    transform: scale(1.05);
  }
  /* line 336, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.ov .btn_more:before {
    transform: translateX(5px);
  }
  /* line 339, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.ov .btn_more:after {
    -webkit-animation: bar 0.3s cubic-bezier(0.61, 1, 0.88, 1);
    -moz-animation: bar 0.3s cubic-bezier(0.61, 1, 0.88, 1);
    animation: bar 0.3s cubic-bezier(0.61, 1, 0.88, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 344, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set .btn_cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
  }
  /* line 354, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.open .detail .ttl {
    opacity: 1;
  }
  /* line 357, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.open .detail .txt {
    opacity: 1;
    transform: translateY(0);
  }
  /* line 362, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.open .btn_more {
    opacity: 1;
  }
  /* line 366, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.open .img {
    opacity: 1;
  }
  /* line 368, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.open .img img {
    transform: scale(1);
  }
  /* line 372, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.open .mov {
    opacity: 1;
  }
  /* line 376, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.r {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
  }
  /* line 380, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.r figure {
    width: 50%;
  }
  /* line 382, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.r figure .img {
    line-height: 0;
  }
  /* line 386, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.r .detail {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    box-sizing: border-box;
    padding: 0 2.08333vw 0 0;
    position: relative;
  }
  /* line 397, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.mid {
    width: 27.77778vw;
  }
  /* line 399, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.mid figure {
    width: 100%;
    margin-bottom: 1.52778vw;
  }
  /* line 402, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.mid figure .img {
    line-height: 0;
  }
  /* line 407, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.mid .detail .num {
    font-size: 1.11111vw;
    margin-bottom: 0.97222vw;
  }
  /* line 411, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.mid .detail .ttl {
    font-size: 1.38889vw;
  }
  /* line 416, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.wide {
    width: 43.40278vw;
  }
  /* line 418, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.wide .mov {
    line-height: 0;
    margin-bottom: 2.36111vw;
  }
  /* line 423, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.wide .detail .num {
    margin-bottom: 1.25vw;
  }
  /* line 426, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.wide .detail .ttl {
    margin-top: -0.13889vw;
    letter-spacing: 0.1em;
  }
  /* line 430, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.wide .detail .pos {
    font-size: 1.38889vw;
    line-height: 1.8;
    letter-spacing: 0.08em;
    letter-spacing: 0.11em;
  }
  /* line 438, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.s {
    width: 20.48611vw;
  }
  /* line 440, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.s figure {
    width: 100%;
    margin-bottom: 1.52778vw;
  }
  /* line 443, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.s figure .img {
    line-height: 0;
  }
  /* line 448, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.s .detail .num {
    font-size: 1.11111vw;
    margin-bottom: 0.97222vw;
  }
  /* line 452, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set.s .detail .ttl {
    font-size: 1.38889vw;
    letter-spacing: 0.2em;
    margin-bottom: 0.97222vw;
  }
  /* line 459, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set .detail {
    overflow: hidden;
    position: relative;
  }
  /* line 462, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set .detail .num {
    width: 100%;
    color: #ADCCD8;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 1.38889vw;
    margin: 0 0 1.11111vw 0;
  }
  /* line 469, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set .detail .ttl {
    width: 100%;
    font-size: 1.94444vw;
    line-height: 1.285;
    letter-spacing: 0.08em;
    letter-spacing: 0.16em;
    margin: 0.27778vw 0 1.18056vw 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    opacity: 0;
    transition-delay: 0.2s;
  }
  /* line 480, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set .detail .txt {
    width: 100%;
    font-size: 1.11111vw;
    line-height: 2.125;
    letter-spacing: 0.08em;
    letter-spacing: 0.16em;
    margin: 0 0 1.38889vw 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-delay: 0.2s;
    opacity: 0;
    transform: translateY(10px);
  }
  /* line 493, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page .set .btn_more {
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-delay: 0.2s;
  }
  /* line 520, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#intro {
    padding: 14.93056vw 0 0 0;
  }
  /* line 522, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#intro .container {
    width: 70.13889vw;
  }
  /* line 525, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#intro .set {
    margin: 0 0 2.77778vw 3.81944vw;
  }
  /* line 527, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#intro .set .txt {
    width: 54.16667vw;
  }
  /* line 531, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#intro h2 {
    top: 8.88889vw;
    right: 3.81944vw;
    width: 3.75vw;
  }
  /* line 535, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#intro h2.open {
    height: 18.40278vw;
  }
  /* line 539, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#intro h2 .box .target {
    height: 18.40278vw;
  }
  /* line 544, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#intro .ttl2 {
    position: absolute;
    width: 10.41667vw;
    top: 4.16667vw;
    right: -3.68056vw;
    display: block;
    transform-origin: 20% 100%;
    opacity: 0;
    transform: scale(0);
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  /* line 554, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#intro .ttl2.open {
    opacity: 1;
    transform: scale(1);
  }
  /* line 559, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#intro .mov {
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  }
  /* line 562, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#intro .mov.open {
    opacity: 1;
  }
  /* line 567, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#step {
    padding: 23.40278vw 0 0 0;
  }
  /* line 569, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#step h2 {
    width: 8.40278vw;
    top: -5.55556vw;
    right: 13.88889vw;
  }
  /* line 573, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#step h2.open {
    height: 20.97222vw;
  }
  /* line 577, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#step h2 .box .target {
    height: 20.97222vw;
  }
  /* line 582, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#step .visual {
    margin-bottom: 6.94444vw;
  }
  /* line 585, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#step .set.r {
    margin-bottom: 5.55556vw;
  }
  /* line 588, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#step ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5.48611vw;
  }
  /* line 597, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#craft {
    padding: 18.05556vw 0 0 0;
  }
  /* line 599, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#craft h2 {
    width: 8.47222vw;
    top: -5.55556vw;
    right: 13.88889vw;
  }
  /* line 603, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#craft h2.open {
    height: 21.59722vw;
  }
  /* line 607, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#craft h2 .box .target {
    height: 21.59722vw;
  }
  /* line 612, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#craft .cs {
    width: 34.72222vw;
    margin: 0 auto;
    padding-bottom: 9.02778vw;
  }
  /* line 617, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#craft .visual {
    margin-bottom: 6.94444vw;
  }
  /* line 620, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#craft ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5.55556vw;
  }
  /* line 628, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#craft .mov_atn {
    margin-top: -2.43056vw;
  }
  /* line 632, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#factory {
    padding: 18.05556vw 0 0 0;
  }
  /* line 634, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#factory h2 {
    width: 3.75vw;
    top: -5.41667vw;
    right: 13.88889vw;
  }
  /* line 638, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#factory h2.open {
    height: 19.51389vw;
  }
  /* line 642, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#factory h2 .box .target {
    height: 19.51389vw;
  }
  /* line 647, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#factory .ttl2 {
    position: absolute;
    width: 5.76389vw;
    top: -8.75vw;
    right: 9.23611vw;
    display: block;
    transform-origin: 20% 100%;
    opacity: 0;
    transform: scale(0);
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  /* line 657, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#factory .ttl2.open {
    opacity: 1;
    transform: scale(1);
  }
  /* line 662, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#factory .visual {
    margin-bottom: 6.94444vw;
  }
  /* line 665, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#factory ul {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 2.08333vw;
    flex-wrap: wrap;
    width: 93.75vw;
  }
  /* line 671, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#factory ul li {
    margin-bottom: 5.55556vw;
    margin-right: 2.77778vw;
  }
  /* line 677, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#kodawari {
    padding: 12.5vw 0 0 0;
  }
  /* line 679, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#kodawari h2 {
    width: 8.47222vw;
    top: -5.48611vw;
    right: 13.88889vw;
  }
  /* line 683, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#kodawari h2.open {
    height: 16.94444vw;
  }
  /* line 687, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#kodawari h2 .box .target {
    height: 16.94444vw;
  }
  /* line 692, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#kodawari .visual {
    margin-bottom: 6.94444vw;
  }
  /* line 695, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#kodawari ul {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 2.08333vw;
    flex-wrap: wrap;
    width: 93.75vw;
  }
  /* line 701, ../../../../src/page/top/css/_pc.scss */
  #contents_container .page#kodawari ul li {
    margin-bottom: 5.55556vw;
    margin-right: 2.77778vw;
  }
}
/*color*/
/*anim*/
/*size*/
/*size*/
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
@keyframes img-move {
  to {
    transform: translateX(-100%);
  }
}
@media screen and (max-width: 767px) {
  /*debug
  body{
  	background: url(../img/_guidesp.jpg) no-repeat top center;
  	// background: url(../../../images/page/top/_opsp.png) no-repeat top center;
  	background-size: 100% auto;
      background-position: 0px -10px;
  	header{
  		@include opacity(0.6);
  	}
  	#opening{
  		opacity: 0.6;
  	}
  	#wrapper{
  		@include opacity(0.6);
  	}
  	#footer{
  		@include opacity(0.6);
  	}
  }
  */
  /* line 27, ../../../../src/page/top/css/_sp.scss */
  #contents_container {
    z-index: 1000;
  }
  /* line 29, ../../../../src/page/top/css/_sp.scss */
  #contents_container #line {
    height: 1px;
    width: 100%;
  }
  /* line 33, ../../../../src/page/top/css/_sp.scss */
  #contents_container #digest_sp {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1px;
    display: block;
    z-index: 100;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  }
  /* line 42, ../../../../src/page/top/css/_sp.scss */
  #contents_container #digest_sp.passive {
    opacity: 0;
  }
  /* line 44, ../../../../src/page/top/css/_sp.scss */
  #contents_container #digest_sp.passive a {
    pointer-events: none;
  }
  /* line 48, ../../../../src/page/top/css/_sp.scss */
  #contents_container #digest_sp a {
    box-shadow: 0px 0px 20px 4px rgba(30, 40, 70, 0.15);
    display: block;
    width: 61.33333vw;
    line-height: 0;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  /* line 59, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top h1 {
    width: 50.66667vw;
    margin: 8vw 0 0 39%;
    position: relative;
    z-index: 4;
  }
  /* line 64, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top h1 .box {
    position: relative;
    display: block;
  }
  /* line 67, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top h1 .box .base {
    visibility: hidden;
  }
  /* line 70, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top h1 .box span {
    display: block;
    position: absolute;
    opacity: 0;
    -webkit-transition: all 1.2s;
    transition: all 1.2s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  }
  /* line 75, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top h1 .box span.open {
    opacity: 1;
  }
  /* line 78, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top h1 .box span:nth-of-type(1) {
    width: 8.9vw;
    top: 0.5vw;
    right: 0;
  }
  /* line 83, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top h1 .box span:nth-of-type(2) {
    width: 8.53333vw;
    top: 0;
    right: 11vw;
  }
  /* line 88, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top h1 .box span:nth-of-type(3) {
    width: 6.66667vw;
    top: 37vw;
    right: 44vw;
  }
  /* line 93, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top h1 .box span:nth-of-type(4) {
    width: 15.2vw;
    top: 36.5vw;
    right: 27.5vw;
  }
  /* line 98, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top h1 .box span:nth-of-type(5) {
    width: 15.2vw;
    top: 36.5vw;
    right: 11vw;
  }
  /* line 103, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top h1 .box span:nth-of-type(6) {
    width: 27.73333vw;
    top: 59vw;
    right: 11.5vw;
  }
  /* line 111, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top .img {
    width: 100%;
    line-height: 0;
    margin: -2.6vw 0 5vw 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    -webkit-transition: all 2s;
    transition: all 2s;
    overflow: hidden;
  }
  /* line 120, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top .img img {
    -webkit-transition: all 2.7s;
    transition: all 2.7s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transform: scale(1.3);
  }
  /* line 127, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top .img.open {
    opacity: 1;
  }
  /* line 129, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top .img.open img {
    transform: scale(1);
  }
  /* line 134, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top .sns {
    position: absolute;
    left: 5vw;
    top: 8.1vw;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    z-index: 5;
  }
  /* line 141, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top .sns.open {
    opacity: 1;
  }
  /* line 144, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top .sns p {
    display: none;
  }
  /* line 148, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top .sns ul li {
    margin: 0 0 7.5vw 0;
  }
  /* line 150, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top .sns ul li a {
    display: inline-block;
    position: relative;
    text-decoration: none;
  }
  /* line 154, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top .sns ul li a img {
    width: 7.46667vw;
    display: inline-block;
    margin: 0 1.33333vw 0 0;
  }
  /* line 159, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top .sns ul li a span {
    display: none;
  }
  /* line 166, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top .nav {
    width: 78.66667vw;
    margin: 0 auto;
  }
  /* line 169, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top .nav li {
    margin: 0 0 4.6vw 0;
    transform: translateY(50px);
    opacity: 0;
    -webkit-transition: all 1.2s;
    transition: all 1.2s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  }
  /* line 174, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top .nav li.open {
    transform: translateY(0px);
    opacity: 1;
  }
  /* line 179, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top .nav li.open.open2 a:after {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transform: scale(1);
  }
  /* line 187, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top .nav li:nth-of-type(2) {
    transition-delay: 0.1s;
  }
  /* line 190, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top .nav li:nth-of-type(3) {
    transition-delay: 0.2s;
  }
  /* line 193, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top .nav li:nth-of-type(4) {
    transition-delay: 0.3s;
  }
  /* line 196, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top .nav li:nth-of-type(5) {
    transition-delay: 0.4s;
  }
  /* line 199, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top .nav li a {
    font-size: 3.73333vw;
    line-height: 2.57;
    display: block;
    position: relative;
    color: #1E2846;
    box-sizing: border-box;
    padding: 0.5vw 0 0.1vw 3vw;
    letter-spacing: 0.14em;
  }
  /* line 208, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top .nav li a:after {
    content: "";
    display: block;
    background: #A0AAB4;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
  }
  /* line 218, ../../../../src/page/top/css/_sp.scss */
  #contents_container #top .nav li a:before {
    content: "";
    display: block;
    background: url(../../../cmn/img/arr.svg);
    width: 2.66667vw;
    height: 2.66667vw;
    position: absolute;
    background-size: contain;
    top: 3.8vw;
    right: 2.5vw;
    transform: rotate(90deg);
  }
  /* line 235, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page h2 {
    position: absolute;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    z-index: 10;
  }
  /* line 241, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page h2 .box {
    display: block;
    position: relative;
  }
  /* line 246, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .visual {
    margin: 0 0 0 -6%;
    width: 112%;
    line-height: 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    overflow: hidden;
  }
  /* line 253, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .visual.open {
    opacity: 1;
  }
  /* line 255, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .visual.open img {
    transform: scale(1);
  }
  /* line 259, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .visual img {
    -webkit-transition: all 2s;
    transition: all 2s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transform: scale(1.3);
  }
  /* line 267, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set {
    position: relative;
  }
  /* line 269, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set .btn_cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
  }
  /* line 279, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.open .detail .ttl {
    opacity: 1;
  }
  /* line 282, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.open .detail .txt {
    opacity: 1;
    transform: translateY(0);
  }
  /* line 287, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.open .btn_more {
    opacity: 1;
  }
  /* line 291, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.open .img {
    opacity: 1;
  }
  /* line 293, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.open .img img {
    transform: scale(1);
  }
  /* line 297, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.open .mov {
    opacity: 1;
  }
  /* line 302, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.r figure {
    width: 100%;
    margin: 0 0 6.5vw 0;
  }
  /* line 305, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.r figure .img {
    line-height: 0;
  }
  /* line 309, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.r .detail {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    box-sizing: border-box;
    position: relative;
  }
  /* line 317, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.r .detail .txt {
    letter-spacing: 0.11em;
  }
  /* line 319, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.r .detail .txt a {
    color: #1E2846;
    text-decoration: underline;
  }
  /* line 326, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.mid {
    width: 100%;
    display: flex;
  }
  /* line 329, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.mid figure {
    width: 55%;
  }
  /* line 331, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.mid figure .img {
    line-height: 0;
  }
  /* line 335, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.mid .detail {
    width: 45%;
    box-sizing: border-box;
    padding: 0.5vw 0 0 5vw;
  }
  /* line 339, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.mid .detail .num {
    font-size: 4.26667vw;
    margin-bottom: 3vw;
  }
  /* line 343, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.mid .detail .ttl {
    font-size: 4.26667vw;
    line-height: 1.375;
    letter-spacing: 0.12em;
  }
  /* line 348, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.mid .detail .btn_more {
    display: none;
  }
  /* line 353, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.wide {
    width: 100%;
  }
  /* line 355, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.wide .mov {
    line-height: 0;
    margin-bottom: 6.5vw;
  }
  /* line 360, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.wide .detail .num {
    margin-bottom: 2.8vw;
  }
  /* line 363, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.wide .detail .ttl {
    margin-top: 0;
  }
  /* line 366, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.wide .detail .pos {
    font-size: 4.8vw;
    line-height: 1.8;
    letter-spacing: 0.08em;
    letter-spacing: 0.1em;
  }
  /* line 372, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.wide .detail .txt {
    letter-spacing: 0.15em;
  }
  /* line 377, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.s {
    width: 100%;
  }
  /* line 379, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.s figure {
    width: 100%;
    margin-bottom: 4.1vw;
  }
  /* line 382, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.s figure .img {
    line-height: 0;
  }
  /* line 387, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.s .detail .num {
    font-size: 4.26667vw;
    margin-bottom: 3vw;
  }
  /* line 391, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.s .detail .ttl {
    font-size: 4.26667vw;
    line-height: 1.375;
    letter-spacing: 0.2em;
  }
  /* line 396, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set.s .detail .btn_more {
    display: none;
  }
  /* line 402, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set .detail .num {
    width: 100%;
    color: #ADCCD8;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 4.8vw;
    margin: 0 0 3.5vw 0;
  }
  /* line 409, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set .detail .ttl {
    width: 100%;
    font-size: 6.4vw;
    line-height: 1.25;
    letter-spacing: 0.08em;
    letter-spacing: 0.16em;
    margin: 1.06667vw 0 4.53333vw 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    opacity: 0;
    transition-delay: 0.2s;
  }
  /* line 420, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set .detail .txt {
    width: 100%;
    font-size: 3.73333vw;
    line-height: 2.2;
    letter-spacing: 0.08em;
    letter-spacing: 0.16em;
    margin: 0 0 6.3vw 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-delay: 0.2s;
    opacity: 0;
    transform: translateY(10px);
  }
  /* line 433, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page .set .btn_more {
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-delay: 0.2s;
  }
  /* line 439, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#intro {
    padding: 41vw 0 0 0;
  }
  /* line 441, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#intro .set {
    margin: 0 0 10.66667vw 0;
    padding: 100vw 0 0 0;
  }
  /* line 444, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#intro .set .mov_atn {
    margin-bottom: 13.33333vw;
  }
  /* line 450, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#intro h2 {
    width: 38vw;
    margin: 0 0 0 29%;
    z-index: 10;
  }
  /* line 454, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#intro h2.open {
    height: 59vw;
  }
  /* line 458, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#intro h2 .box .target {
    height: 59vw;
  }
  /* line 463, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#intro .ttl2 {
    position: absolute;
    width: 36vw;
    top: -15vw;
    right: 4vw;
    display: block;
    transform-origin: 20% 100%;
    opacity: 0;
    transform: scale(0);
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  /* line 473, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#intro .ttl2.open {
    opacity: 1;
    transform: scale(1);
  }
  /* line 478, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#intro .mov {
    position: absolute;
    top: 43vw;
    left: -6%;
    width: 112%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
    transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  }
  /* line 485, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#intro .mov.open {
    opacity: 1;
  }
  /* line 490, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#step {
    padding: 64.5vw 0 0 0;
  }
  /* line 492, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#step h2 {
    width: 28.8vw;
    top: -16vw;
    right: 5vw;
  }
  /* line 496, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#step h2.open {
    height: 72.53333vw;
  }
  /* line 500, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#step h2 .box .target {
    height: 72.53333vw;
  }
  /* line 505, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#step .visual {
    margin-bottom: 16vw;
  }
  /* line 508, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#step .set.r {
    margin-bottom: 16vw;
  }
  /* line 511, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#step ul {
    margin-bottom: 16vw;
  }
  /* line 513, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#step ul li {
    margin: 0 0 10vw 0;
  }
  /* line 518, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#craft {
    padding: 48vw 0 0 0;
  }
  /* line 520, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#craft h2 {
    width: 28.8vw;
    top: -16vw;
    right: 11vw;
  }
  /* line 524, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#craft h2.open {
    height: 73.33333vw;
  }
  /* line 528, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#craft h2 .box .target {
    height: 73.33333vw;
  }
  /* line 533, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#craft .cs {
    width: 89.33333vw;
    margin: 0 auto;
    padding-bottom: 18vw;
  }
  /* line 538, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#craft .visual {
    margin-bottom: 17.5vw;
  }
  /* line 541, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#craft ul {
    width: 100%;
    margin-bottom: 21.33333vw;
  }
  /* line 544, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#craft ul li {
    width: 100%;
    margin: 0 0 17vw 0;
  }
  /* line 549, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#craft .mov_atn {
    margin-top: -8.8vw;
    margin-bottom: 32.8vw;
  }
  /* line 554, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#factory {
    padding: 43vw 0 0 0;
  }
  /* line 556, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#factory h2 {
    width: 13vw;
    top: -16.6vw;
    right: 13vw;
  }
  /* line 560, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#factory h2.open {
    height: 67.2vw;
  }
  /* line 564, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#factory h2 .box .target {
    height: 67.2vw;
  }
  /* line 569, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#factory .ttl2 {
    position: absolute;
    width: 19.2vw;
    top: -27.5vw;
    right: -2.5vw;
    display: block;
    transform-origin: 20% 100%;
    opacity: 0;
    transform: scale(0);
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  /* line 579, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#factory .ttl2.open {
    opacity: 1;
    transform: scale(1);
  }
  /* line 584, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#factory .visual {
    margin-bottom: 16vw;
  }
  /* line 587, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#factory ul {
    margin-bottom: 21.06667vw;
  }
  /* line 589, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#factory ul li {
    margin: 0 0 10vw 0;
  }
  /* line 594, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#kodawari {
    padding: 43vw 0 0 0;
  }
  /* line 596, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#kodawari h2 {
    width: 28.8vw;
    top: -16vw;
    right: 10vw;
  }
  /* line 600, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#kodawari h2.open {
    height: 57.86667vw;
  }
  /* line 604, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#kodawari h2 .box .target {
    height: 57.86667vw;
  }
  /* line 609, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#kodawari .visual {
    margin-bottom: 16vw;
  }
  /* line 612, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#kodawari ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 21.06667vw;
    flex-wrap: wrap;
    width: 100%;
  }
  /* line 618, ../../../../src/page/top/css/_sp.scss */
  #contents_container .page#kodawari ul li {
    width: 47%;
    margin-bottom: 4.9vw;
  }
}