@charset "UTF-8";
/*color*/
/*anim*/
/*size*/
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
@media screen and (min-width: 768px) {
  /*debug
  body{
  	background: url(../img/_guide_pc.jpg) no-repeat top center;
  	background-size: 100% auto;
      background-position: 0px 0;
      #loader{
      	@include opacity(0.6);
      }
  	#header{
  		@include opacity(0.6);
  	}
  	#top{
  		height: 797px;
  	}
  	#wrapper{
  		@include opacity(0.6);
  	}
  	#footer{
  		@include opacity(0.6);
  	}
  }
  */
  /* line 30, ../../../../src/page/top/css/_pc.scss */
  body .canvas_target {
    overflow: hidden;
  }
  /* line 32, ../../../../src/page/top/css/_pc.scss */
  body .canvas_target .fix {
    display: none;
  }
  /* line 36, ../../../../src/page/top/css/_pc.scss */
  body .canvas_target.fix .fix {
    display: block;
  }
  /* line 39, ../../../../src/page/top/css/_pc.scss */
  body .canvas_target.fix canvas {
    display: none;
  }
  /* line 44, ../../../../src/page/top/css/_pc.scss */
  body .case {
    float: left;
    width: 81.6%;
    margin: 0 0 0 9.2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.6vw 2vw 1.5vw 2vw;
    position: relative;
    display: block;
  }
  /* line 57, ../../../../src/page/top/css/_pc.scss */
  body .case.ov:hover .cm.t_l {
    top: -0.3vw;
    left: -0.3vw;
  }
  /* line 61, ../../../../src/page/top/css/_pc.scss */
  body .case.ov:hover .cm.t_r {
    top: -0.3vw;
    right: -0.3vw;
  }
  /* line 65, ../../../../src/page/top/css/_pc.scss */
  body .case.ov:hover .cm.b_l {
    bottom: -0.3vw;
    left: -0.3vw;
  }
  /* line 69, ../../../../src/page/top/css/_pc.scss */
  body .case.ov:hover .cm.b_r {
    bottom: -0.3vw;
    right: -0.3vw;
  }
  /* line 76, ../../../../src/page/top/css/_pc.scss */
  body .case.close .cm.t_l {
    top: 40%;
    left: 48%;
  }
  /* line 80, ../../../../src/page/top/css/_pc.scss */
  body .case.close .cm.t_r {
    top: 40%;
    right: 48%;
  }
  /* line 84, ../../../../src/page/top/css/_pc.scss */
  body .case.close .cm.b_l {
    bottom: 40%;
    left: 48%;
  }
  /* line 88, ../../../../src/page/top/css/_pc.scss */
  body .case.close .cm.b_r {
    bottom: 40%;
    right: 48%;
  }
  /* line 92, ../../../../src/page/top/css/_pc.scss */
  body .case.close p {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  /* line 101, ../../../../src/page/top/css/_pc.scss */
  body .case p {
    font-size: 1.2vw;
    line-height: 1.9;
    letter-spacing: 0.05vw;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
  }
  /* line 107, ../../../../src/page/top/css/_pc.scss */
  body .case p:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: black;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  /* line 120, ../../../../src/page/top/css/_pc.scss */
  body .case p.open:before {
    height: 0%;
  }
  /* line 125, ../../../../src/page/top/css/_pc.scss */
  body .case .cm {
    position: absolute;
    display: block;
    background: white;
    width: 0.6vw;
    height: 1px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  /* line 132, ../../../../src/page/top/css/_pc.scss */
  body .case .cm.step1 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  /* line 136, ../../../../src/page/top/css/_pc.scss */
  body .case .cm.step2 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all 0s;
    transition: all 0s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  /* line 140, ../../../../src/page/top/css/_pc.scss */
  body .case .cm.step3 {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  /* line 143, ../../../../src/page/top/css/_pc.scss */
  body .case .cm.open {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  /* line 147, ../../../../src/page/top/css/_pc.scss */
  body .case .cm.open2 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transition: all 0s;
    transition: all 0s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  /* line 151, ../../../../src/page/top/css/_pc.scss */
  body .case .cm:before {
    content: "";
    position: absolute;
    display: block;
    background: white;
    height: 0.6vw;
    width: 1px;
  }
  /* line 159, ../../../../src/page/top/css/_pc.scss */
  body .case .cm.t_l {
    top: 0;
    left: 0;
  }
  /* line 162, ../../../../src/page/top/css/_pc.scss */
  body .case .cm.t_l:before {
    top: 0;
    left: 0;
  }
  /* line 167, ../../../../src/page/top/css/_pc.scss */
  body .case .cm.t_r {
    top: 0;
    right: 0;
  }
  /* line 170, ../../../../src/page/top/css/_pc.scss */
  body .case .cm.t_r:before {
    top: 0;
    right: 0;
  }
  /* line 175, ../../../../src/page/top/css/_pc.scss */
  body .case .cm.b_l {
    bottom: 0;
    left: 0;
  }
  /* line 178, ../../../../src/page/top/css/_pc.scss */
  body .case .cm.b_l:before {
    bottom: 0;
    left: 0;
  }
  /* line 183, ../../../../src/page/top/css/_pc.scss */
  body .case .cm.b_r {
    bottom: 0;
    right: 0;
  }
  /* line 186, ../../../../src/page/top/css/_pc.scss */
  body .case .cm.b_r:before {
    bottom: 0;
    right: 0;
  }
  /* line 193, ../../../../src/page/top/css/_pc.scss */
  body .frame {
    float: left;
    width: 100%;
    padding: 1vw 0 1.2vw 0;
    position: relative;
  }
  /* line 197, ../../../../src/page/top/css/_pc.scss */
  body .frame p {
    line-height: 1.6;
    font-size: 0.95vw;
    color: white;
  }
  /* line 202, ../../../../src/page/top/css/_pc.scss */
  body .frame .fm {
    position: absolute;
    display: block;
    background: white;
    width: 100%;
    height: 1px;
  }
  /* line 208, ../../../../src/page/top/css/_pc.scss */
  body .frame .fm:before {
    content: "";
    height: 0.5vw;
    width: 1px;
    background: white;
    display: block;
    position: absolute;
  }
  /* line 216, ../../../../src/page/top/css/_pc.scss */
  body .frame .fm:after {
    content: "";
    height: 0.5vw;
    width: 1px;
    background: white;
    display: block;
    position: absolute;
  }
  /* line 224, ../../../../src/page/top/css/_pc.scss */
  body .frame .fm.t {
    top: 0;
    left: 0;
  }
  /* line 227, ../../../../src/page/top/css/_pc.scss */
  body .frame .fm.t:before {
    top: 0;
    left: 0;
  }
  /* line 231, ../../../../src/page/top/css/_pc.scss */
  body .frame .fm.t:after {
    top: 0;
    right: 0;
  }
  /* line 236, ../../../../src/page/top/css/_pc.scss */
  body .frame .fm.b {
    bottom: 0;
    left: 0;
  }
  /* line 239, ../../../../src/page/top/css/_pc.scss */
  body .frame .fm.b:before {
    bottom: 0;
    left: 0;
  }
  /* line 243, ../../../../src/page/top/css/_pc.scss */
  body .frame .fm.b:after {
    bottom: 0;
    right: 0;
  }
  /* line 250, ../../../../src/page/top/css/_pc.scss */
  body #wrapper {
    background: black;
  }
  /* line 253, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .trim {
    float: left;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3.6vw 13.3% 0 13.3%;
  }
  /* line 260, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .trim .tm {
    position: absolute;
    display: block;
    background: white;
    width: 1.6vw;
    height: 1px;
  }
  /* line 266, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .trim .tm.step1 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  /* line 270, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .trim .tm.step2 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all 0s;
    transition: all 0s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  /* line 274, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .trim .tm.open {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  /* line 278, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .trim .tm.open2 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transition: all 0s;
    transition: all 0s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  /* line 282, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .trim .tm:before {
    content: "";
    position: absolute;
    display: block;
    background: white;
    width: 1.6vw;
    height: 1px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  /* line 292, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .trim .tm:after {
    content: "";
    position: absolute;
    display: block;
    background: black;
    z-index: 3;
    width: 0.5vw;
    height: 0.5vw;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  /* line 304, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .trim .tm.t_l {
    top: 0;
    left: -0.8vw;
  }
  /* line 308, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .trim .tm.t_r {
    top: 0;
    right: -0.8vw;
  }
  /* line 312, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .trim .tm.t_c {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  /* line 316, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .trim .tm.t_c:before {
    width: 0.8vw;
    top: -0.3vw;
    left: 0.45vw;
  }
  /* line 322, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .trim .tm.t_c_b {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  /* line 326, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .trim .tm.t_c_b:before {
    width: 0.8vw;
    bottom: -0.3vw;
    left: 0.45vw;
  }
  /* line 332, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .trim .tm.c_l {
    top: 50%;
    left: -0.8vw;
    width: 0.8vw;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  /* line 337, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .trim .tm.c_l:after {
    left: 100%;
  }
  /* line 341, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .trim .tm.c_r {
    top: 50%;
    right: -0.8vw;
    width: 0.8vw;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  /* line 346, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .trim .tm.c_r:before {
    left: -0.8vw;
  }
  /* line 349, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .trim .tm.c_r:after {
    left: 0;
  }
  /* line 353, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .trim .tm.b_l {
    bottom: 0;
    left: -0.8vw;
  }
  /* line 357, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .trim .tm.b_r {
    bottom: 0;
    right: -0.8vw;
  }
  /* line 361, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main .trim .tm.b_c_r {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  /* line 369, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #movie {
    float: left;
    width: 100%;
    position: relative;
  }
  /* line 372, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #movie .container {
    float: left;
    width: 100%;
    position: relative;
    padding-top: 8.2vw;
  }
  /* line 377, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #movie .box {
    width: 83%;
    margin: 0 0 7.5vw 8.5%;
    float: left;
    position: relative;
    overflow: hidden;
  }
  /* line 383, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #movie .box:before {
    content: "";
    display: block;
    background: black;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 10;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  /* line 396, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #movie .box.open:before {
    height: 0%;
  }
  /* line 402, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section {
    float: left;
    width: 100%;
    position: relative;
  }
  /* line 405, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section .container {
    float: left;
    width: 100%;
    position: relative;
  }
  /* line 410, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page h2 {
    float: left;
    width: 100%;
    margin: 0 0 1.75vw 3.6vw;
    visibility: hidden;
  }
  /* line 414, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page h2.open {
    visibility: visible;
  }
  /* line 417, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page h2 span {
    display: block;
    float: left;
    width: 100%;
    line-height: 0;
    margin: 0 0 1.1vw 0;
    position: relative;
  }
  /* line 424, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page h2 span img {
    height: 5.5vw;
    width: auto;
  }
  /* line 428, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page h2 span svg {
    height: 5.5vw;
    width: unset;
    overflow: visible;
  }
  /* line 433, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page h2 span .fill {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
  }
  /* line 440, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page h2 span.fill .fill {
    visibility: visible;
  }
  /* line 444, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page h2 span .t {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  /* line 448, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page h2 span .t.t2 {
    -webkit-transform: translateX(7%);
    -moz-transform: translateX(7%);
    -ms-transform: translateX(7%);
    -o-transform: translateX(7%);
    transform: translateX(7%);
  }
  /* line 451, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page h2 span .t.t3 {
    -webkit-transform: translateX(14%);
    -moz-transform: translateX(14%);
    -ms-transform: translateX(14%);
    -o-transform: translateX(14%);
    transform: translateX(14%);
  }
  /* line 454, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page h2 span .t.t4 {
    -webkit-transform: translateX(21%);
    -moz-transform: translateX(21%);
    -ms-transform: translateX(21%);
    -o-transform: translateX(21%);
    transform: translateX(21%);
  }
  /* line 457, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page h2 span .t.t5 {
    -webkit-transform: translateX(28%);
    -moz-transform: translateX(28%);
    -ms-transform: translateX(28%);
    -o-transform: translateX(28%);
    transform: translateX(28%);
  }
  /* line 460, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page h2 span .t.t6 {
    -webkit-transform: translateX(35%);
    -moz-transform: translateX(35%);
    -ms-transform: translateX(35%);
    -o-transform: translateX(35%);
    transform: translateX(35%);
  }
  /* line 463, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page h2 span .t.t7 {
    -webkit-transform: translateX(42%);
    -moz-transform: translateX(42%);
    -ms-transform: translateX(42%);
    -o-transform: translateX(42%);
    transform: translateX(42%);
  }
  /* line 466, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page h2 span .t.t8 {
    -webkit-transform: translateX(49%);
    -moz-transform: translateX(49%);
    -ms-transform: translateX(49%);
    -o-transform: translateX(49%);
    transform: translateX(49%);
  }
  /* line 469, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page h2 span .t.t9 {
    -webkit-transform: translateX(56%);
    -moz-transform: translateX(56%);
    -ms-transform: translateX(56%);
    -o-transform: translateX(56%);
    transform: translateX(56%);
  }
  /* line 472, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page h2 span .t.t10 {
    -webkit-transform: translateX(63%);
    -moz-transform: translateX(63%);
    -ms-transform: translateX(63%);
    -o-transform: translateX(63%);
    transform: translateX(63%);
  }
  /* line 475, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page h2 span .t.open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  /* line 479, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page h2 span.a {
    width: auto;
  }
  /* line 482, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page h2 span.ml {
    width: auto;
    margin: 0 0 0 2.3vw;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translateX(7%);
    -moz-transform: translateX(7%);
    -ms-transform: translateX(7%);
    -o-transform: translateX(7%);
    transform: translateX(7%);
  }
  /* line 487, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page h2 span.ml.open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  /* line 491, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page h2 span.ml2 {
    width: auto;
    margin: 0 0 0 0.7vw;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translateX(7%);
    -moz-transform: translateX(7%);
    -ms-transform: translateX(7%);
    -o-transform: translateX(7%);
    transform: translateX(7%);
  }
  /* line 496, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page h2 span.ml2.open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  /* line 502, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page .btn {
    float: left;
    background: rgba(255, 255, 255, 0.2);
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: white;
    width: 81.6%;
    margin: 0 0 0 9.2%;
    line-height: 1;
    padding: 2vw 0;
    letter-spacing: 0.3vw;
    font-size: 1.1vw;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  /* line 515, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page .btn .t {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  /* line 519, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page .btn.close {
    background: rgba(255, 255, 255, 0);
  }
  /* line 521, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page .btn.close .t {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  /* line 526, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section.page .btn:hover .t {
    letter-spacing: 0.4vw;
  }
  /* line 533, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top {
    float: left;
    width: 100%;
    overflow: hidden;
  }
  /* line 536, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  /* line 541, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .video video {
    position: absolute;
  }
  /* line 545, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .logo_base {
    position: absolute;
    z-index: 2;
  }
  /* line 548, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .logo_base .box {
    position: absolute;
  }
  /* line 552, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .container {
    height: 100%;
    position: relative;
    z-index: 10;
  }
  /* line 557, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .mov {
    position: absolute;
    width: 7vw;
    bottom: 3vw;
    right: 3.7vw;
    cursor: pointer;
  }
  /* line 563, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .mov p {
    float: left;
    width: 100%;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
    font-size: 1.1vw;
    margin: 0 0 0.5vw 0;
    letter-spacing: 0.1vw;
  }
  /* line 571, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .mov .btn_mov {
    float: left;
    width: 100%;
    display: block;
    position: relative;
    line-height: 0;
  }
  /* line 576, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .mov .btn_mov .cir_set {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    line-height: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  /* line 583, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .mov .btn_mov .cir_set .cir1 {
    -webkit-animation: rotate 3.6s linear infinite;
    -moz-animation: rotate 3.6s linear infinite;
    animation: rotate 3.6s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 586, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .mov .btn_mov .cir_set .cir2 {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: rotate2 1.3s linear infinite;
    -moz-animation: rotate2 1.3s linear infinite;
    animation: rotate2 1.3s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 592, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .mov .btn_mov .cir_set .cir3 {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: rotate 3.6s linear infinite;
    -moz-animation: rotate 3.6s linear infinite;
    animation: rotate 3.6s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 5;
    display: none;
  }
  /* line 600, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .mov .btn_mov .cir_set .cir4 {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: rotate2 1.3s linear infinite;
    -moz-animation: rotate2 1.3s linear infinite;
    animation: rotate2 1.3s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 5;
    display: none;
  }
  /* line 609, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .mov .btn_mov .arr {
    position: absolute;
    top: 2.8vw;
    left: 2.85vw;
    width: 1.55vw;
  }
  /* line 614, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .mov .btn_mov .arr.ov {
    z-index: 3;
    display: none;
  }
  /* line 620, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .mov .btn_mov:hover .cir_set {
    background: white;
  }
  /* line 623, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .mov .btn_mov:hover .cir_set .cir2 {
    display: none;
  }
  /* line 626, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .mov .btn_mov:hover .cir_set .cir1 {
    visibility: hidden;
  }
  /* line 629, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .mov .btn_mov:hover .cir_set .cir3 {
    display: block;
  }
  /* line 632, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .mov .btn_mov:hover .cir_set .cir4 {
    display: block;
  }
  /* line 637, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .mov .btn_mov:hover .arr.ov {
    display: block;
  }
  /* line 644, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .scroll {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 10vw;
  }
  /* line 650, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .scroll p {
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
    text-align: center;
    line-height: 1;
    margin: 0 0 0.6vw 0;
    font-size: 0.8vw;
  }
  /* line 657, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .scroll .box {
    float: left;
    width: 100%;
    display: block;
    height: 10.5vw;
    position: relative;
  }
  /* line 662, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .scroll .box:before {
    content: "";
    display: block;
    background: white;
    width: 0.9vw;
    height: 0.45vw;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  /* line 673, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .scroll .box:after {
    content: "";
    display: block;
    background: white;
    width: 0.9vw;
    height: 0.45vw;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  /* line 684, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .scroll .box .arr {
    position: absolute;
    width: 1.1vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    line-height: 0;
    display: block;
    top: 0;
    -webkit-animation: scroll 1.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
    -moz-animation: scroll 1.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
    animation: scroll 1.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 694, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .scroll .box .bar {
    display: block;
    width: 1px;
    height: 100%;
    background: white;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  /* line 707, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #about {
    margin-top: -3.6vw;
  }
  /* line 709, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #about .container {
    padding-top: 8.2vw;
    padding-bottom: 4.6vw;
  }
  /* line 714, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #about .case {
    float: left;
  }
  /* line 719, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .container {
    padding-top: 8.2vw;
  }
  /* line 722, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .case {
    margin-bottom: 3.2vw;
  }
  /* line 725, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution {
    float: left;
    width: 100%;
    margin: 0 0 4.2vw 5.1%;
  }
  /* line 728, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item {
    float: left;
    width: 28.4%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid white;
    margin: 0 2.3% 0 0;
    position: relative;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
  }
  /* line 739, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item:before {
    content: "";
    display: block;
    background: black;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 10;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: none;
  }
  /* line 752, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item.open {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  /* line 755, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item.open.step2:before {
    height: 0%;
  }
  /* line 760, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item:last-child {
    margin-right: 0;
  }
  /* line 763, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .ttl {
    float: left;
    width: 100%;
    position: relative;
    z-index: 10;
  }
  /* line 767, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .ttl.ttl_top {
    border-bottom: 1px solid white;
  }
  /* line 770, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .ttl .lbl {
    float: left;
    width: 100%;
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
    font-size: 0.6vw;
    line-height: 1;
    padding: 0.35vw 1vw;
    border-bottom: 1px solid white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 781, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .ttl .ctrl {
    float: left;
    width: 100%;
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.6vw 0.95vw;
  }
  /* line 788, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .ttl .ctrl li {
    float: left;
    margin: 0 1vw 0 0;
    position: relative;
  }
  /* line 792, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .ttl .ctrl li:before {
    content: "/";
    position: absolute;
    color: white;
    font-size: 0.8vw;
    top: 0.15vw;
    right: -0.7vw;
  }
  /* line 801, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .ttl .ctrl li:last-child:before {
    display: none;
  }
  /* line 805, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .ttl .ctrl li a {
    display: block;
    float: left;
    line-height: 1;
    font-size: 1vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
    color: #333333;
    letter-spacing: 0.05vw;
  }
  /* line 813, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .ttl .ctrl li a.active {
    color: white;
  }
  /* line 820, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .content {
    float: left;
    width: 100%;
    position: relative;
    line-height: 0;
    margin: 0;
  }
  /* line 825, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .content figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
  }
  /* line 832, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .content canvas {
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  /* line 839, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .content .outline {
    position: absolute;
    bottom: 2.5vw;
    left: 2.2vw;
    width: 39.5%;
    line-height: 1;
    z-index: 3;
  }
  /* line 846, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .content .outline .ttl {
    float: left;
    width: 100%;
    margin: 0 0 0.5vw 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 0.8vw;
  }
  /* line 853, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .content .type {
    position: absolute;
    top: 1.6vw;
    right: 2.2vw;
    width: 26.8%;
    line-height: 1;
    z-index: 3;
  }
  /* line 860, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .content .type .ttl {
    float: left;
    width: 100%;
    margin: 0 0 0.6vw 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 0.7vw;
    line-height: 1.3;
    letter-spacing: 0.1vw;
  }
  /* line 868, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .content .type ul {
    float: left;
    width: 100%;
    padding: 0 0 0 0;
  }
  /* line 871, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .content .type ul li {
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 0.3vw 0;
  }
  /* line 875, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .content .type ul li .num {
    position: absolute;
    top: 0;
    left: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    line-height: 1.1;
    font-size: 0.65vw;
  }
  /* line 883, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .content .type ul li .lbl {
    float: right;
    width: 86%;
    color: white;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    line-height: 1.1;
    font-size: 0.7vw;
    padding: 0 0 0 0.5vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 0.1vw;
  }
  /* line 896, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .content .type ul li.active .lbl {
    background: white;
    color: black;
  }
  /* line 903, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .content .type .frame {
    padding-bottom: 0.6vw;
  }
  /* line 907, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .content .words {
    float: left;
    position: absolute;
    right: 1.8vw;
    bottom: 7.9vw;
    z-index: 3;
  }
  /* line 913, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .content .words .box {
    position: relative;
    float: left;
    width: 100%;
  }
  /* line 918, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .content .words span {
    display: block;
    float: left;
    width: 100%;
    line-height: 0;
    text-align: right;
    margin: 0.45vw 0 0 0;
    visibility: hidden;
  }
  /* line 927, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .content .words span img {
    height: 1vw;
    width: auto;
  }
  /* line 931, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .content .words span:nth-of-type(2) {
    -webkit-transition: all 0.58s;
    transition: all 0.58s;
    -webkit-transform: translateY(-140.6%);
    -moz-transform: translateY(-140.6%);
    -ms-transform: translateY(-140.6%);
    -o-transform: translateY(-140.6%);
    transform: translateY(-140.6%);
  }
  /* line 936, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .content .words span:nth-of-type(3) {
    -webkit-transition: all 0.64s;
    transition: all 0.64s;
    -webkit-transform: translateY(-281.2%);
    -moz-transform: translateY(-281.2%);
    -ms-transform: translateY(-281.2%);
    -o-transform: translateY(-281.2%);
    transform: translateY(-281.2%);
  }
  /* line 941, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .content .words span:nth-of-type(4) {
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    -webkit-transform: translateY(-421.8%);
    -moz-transform: translateY(-421.8%);
    -ms-transform: translateY(-421.8%);
    -o-transform: translateY(-421.8%);
    transform: translateY(-421.8%);
  }
  /* line 946, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .content .words span:nth-of-type(5) {
    -webkit-transition: all 0.76s;
    transition: all 0.76s;
    -webkit-transform: translateY(-562.4%);
    -moz-transform: translateY(-562.4%);
    -ms-transform: translateY(-562.4%);
    -o-transform: translateY(-562.4%);
    transform: translateY(-562.4%);
  }
  /* line 951, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .content .words span:nth-of-type(6) {
    -webkit-transition: all 0.82s;
    transition: all 0.82s;
    -webkit-transform: translateY(-703%);
    -moz-transform: translateY(-703%);
    -ms-transform: translateY(-703%);
    -o-transform: translateY(-703%);
    transform: translateY(-703%);
  }
  /* line 956, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .content .words span:nth-of-type(7) {
    -webkit-transition: all 0.88s;
    transition: all 0.88s;
    -webkit-transform: translateY(-843.6%);
    -moz-transform: translateY(-843.6%);
    -ms-transform: translateY(-843.6%);
    -o-transform: translateY(-843.6%);
    transform: translateY(-843.6%);
  }
  /* line 961, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .content .words span:nth-of-type(8) {
    -webkit-transition: all 0.94s;
    transition: all 0.94s;
    -webkit-transform: translateY(-984.2%);
    -moz-transform: translateY(-984.2%);
    -ms-transform: translateY(-984.2%);
    -o-transform: translateY(-984.2%);
    transform: translateY(-984.2%);
  }
  /* line 966, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .content .words span:nth-of-type(9) {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translateY(-1124.8%);
    -moz-transform: translateY(-1124.8%);
    -ms-transform: translateY(-1124.8%);
    -o-transform: translateY(-1124.8%);
    transform: translateY(-1124.8%);
  }
  /* line 971, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #solution .solution .item .content .words span.open {
    visibility: visible;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  /* line 988, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #technology h2 {
    margin-bottom: 1.8vw;
  }
  /* line 991, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #technology .container {
    padding-top: 8.2vw;
    padding-bottom: 4.6vw;
  }
  /* line 994, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #technology .container figure {
    float: left;
    width: 100%;
  }
  /* line 996, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #technology .container figure figcaption {
    margin-bottom: 2.5vw;
  }
  /* line 1000, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #technology .container figure .img {
    float: left;
    width: 59%;
    margin: 0 0 3vw 20.5%;
    line-height: 0;
    position: relative;
  }
  /* line 1006, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #technology .container figure .img canvas {
    width: 100%;
  }
  /* line 1009, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #technology .container figure .img:before {
    content: "";
    display: block;
    background: black;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 10;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  /* line 1022, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #technology .container figure .img.open:before {
    height: 0%;
  }
  /* line 1031, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #technology .btn:hover .t {
    letter-spacing: 1vw;
  }
  /* line 1038, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #contact h2 {
    margin-bottom: 1.7vw;
  }
  /* line 1041, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #contact .container {
    padding-top: 8.2vw;
    padding-bottom: 4.7vw;
  }
  /* line 1044, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #contact .container .btn_area {
    float: left;
    width: 100%;
  }
  /* line 1046, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #contact .container .btn_area .btn {
    font-size: 1.7vw;
    padding: 1.65vw 0;
    letter-spacing: 0.13vw;
  }
  /* line 1053, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #contact .info {
    float: left;
    width: 100%;
    margin: 0 0 6.6vw 0;
  }
  /* line 1056, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #contact .info .container {
    padding-top: 9.2vw;
    padding-bottom: 7.1vw;
  }
  /* line 1060, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #contact .info ul {
    float: left;
    width: 100%;
  }
  /* line 1062, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #contact .info ul li {
    float: left;
    width: 12vw;
    margin: 0 5.2vw 0 0;
  }
  /* line 1066, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #contact .info ul li:first-child {
    margin-left: 13.5vw;
  }
  /* line 1069, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #contact .info ul li a {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
  }
  /* line 1082, ../../../../src/page/top/css/_pc.scss */
  body #reel {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9000;
    float: left;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
  }
  /* line 1091, ../../../../src/page/top/css/_pc.scss */
  body #reel .float_close {
    position: absolute;
    right: 12vw;
    top: 2.5vw;
    width: 3vw;
    height: 3vw;
    background: #333333;
    padding: 0;
    margin: 0;
    z-index: 10;
    cursor: pointer;
  }
  /* line 1103, ../../../../src/page/top/css/_pc.scss */
  body #reel .float_close:hover .ctrl {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  /* line 1108, ../../../../src/page/top/css/_pc.scss */
  body #reel .ctrl {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.1vw 0.8vw;
  }
  /* line 1115, ../../../../src/page/top/css/_pc.scss */
  body #reel .ctrl span {
    width: 1.3vw;
    height: 1px;
    background: white;
    display: block;
    position: relative;
    margin: 0;
  }
  /* line 1123, ../../../../src/page/top/css/_pc.scss */
  body #reel .ctrl span:before, body #reel .ctrl span:after {
    content: " ";
    width: 1.3vw;
    height: 1px;
    background: white;
    display: block;
    position: absolute;
  }
  /* line 1132, ../../../../src/page/top/css/_pc.scss */
  body #reel .ctrl span:before {
    top: 0.7vw;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  /* line 1136, ../../../../src/page/top/css/_pc.scss */
  body #reel .ctrl span:after {
    top: 4vw;
    display: none;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  /* line 1142, ../../../../src/page/top/css/_pc.scss */
  body #reel .ctrl div {
    width: 100%;
    float: left;
    margin: 6vw 0 0 0;
  }
  /* line 1146, ../../../../src/page/top/css/_pc.scss */
  body #reel .ctrl div img {
    position: absolute;
  }
  /* line 1148, ../../../../src/page/top/css/_pc.scss */
  body #reel .ctrl div img:nth-child(1) {
    display: block;
  }
  /* line 1149, ../../../../src/page/top/css/_pc.scss */
  body #reel .ctrl div img:nth-child(2) {
    display: none;
  }
  /* line 1152, ../../../../src/page/top/css/_pc.scss */
  body #reel .ctrl span {
    transform: rotate(45deg);
    top: 0.35vw;
  }
  /* line 1157, ../../../../src/page/top/css/_pc.scss */
  body #reel .ctrl span:before {
    top: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  /* line 1161, ../../../../src/page/top/css/_pc.scss */
  body #reel .ctrl span:after {
    top: 2vw;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  /* line 1168, ../../../../src/page/top/css/_pc.scss */
  body #reel .ctrl div img:nth-child(1) {
    display: none;
  }
  /* line 1169, ../../../../src/page/top/css/_pc.scss */
  body #reel .ctrl div img:nth-child(2) {
    display: block;
  }
  /* line 1173, ../../../../src/page/top/css/_pc.scss */
  body #reel .bg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    float: left;
    top: 0;
    left: 0;
    z-index: 5;
    cursor: pointer;
  }
  /* line 1184, ../../../../src/page/top/css/_pc.scss */
  body #reel .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 64vw;
    height: 36vw;
    z-index: 10;
  }
  /* line 1194, ../../../../src/page/top/css/_pc.scss */
  body #reel .inner i {
    float: right;
    font-size: 2em;
    margin: 0 0 1em 0;
  }
  /* line 1199, ../../../../src/page/top/css/_pc.scss */
  body #reel .inner iframe {
    width: 64vw;
    height: 36vw;
    float: left;
    margin: -1px 0 0 -1px;
  }
  /* line 1208, ../../../../src/page/top/css/_pc.scss */
  body.ie #wrapper #main section.page h2 span.ml {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  /* line 1211, ../../../../src/page/top/css/_pc.scss */
  body.ie #wrapper #main section.page h2 span.ml2 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
/*color*/
/*anim*/
/*size*/
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
@media screen and (max-width: 767px) {
  /*debug
  body{
  	background: url(../img/_guide_menu.jpg) no-repeat top center;
  	background-size: 100% auto;
      background-position: 0px -70px;
  	#header{
  		@include opacity(0.6);
  	}
  	#wrapper{
  		@include opacity(0.6);
  	}
  	#top{
  		height: 507px;
  	}
  	#footer{
  		@include opacity(0.6);
  	}
  	#recruit{
  		.img_area{
  		    height: 552px !important;
  		}
  	}
  }
  */
  /* line 33, ../../../../src/page/top/css/_sp.scss */
  body .canvas_target {
    overflow: hidden;
  }
  /* line 35, ../../../../src/page/top/css/_sp.scss */
  body .canvas_target .fix {
    display: none;
  }
  /* line 39, ../../../../src/page/top/css/_sp.scss */
  body .canvas_target.fix .fix {
    display: block;
  }
  /* line 42, ../../../../src/page/top/css/_sp.scss */
  body .canvas_target.fix canvas {
    display: none;
  }
  /* line 47, ../../../../src/page/top/css/_sp.scss */
  body .case {
    float: left;
    width: 87%;
    margin: 0 0 0 6.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2.2vw 4vw 2.5vw 4vw;
    position: relative;
    display: block;
  }
  /* line 58, ../../../../src/page/top/css/_sp.scss */
  body .case.close .cm.t_l {
    top: 40%;
    left: 48%;
  }
  /* line 62, ../../../../src/page/top/css/_sp.scss */
  body .case.close .cm.t_r {
    top: 40%;
    right: 48%;
  }
  /* line 66, ../../../../src/page/top/css/_sp.scss */
  body .case.close .cm.b_l {
    bottom: 40%;
    left: 48%;
  }
  /* line 70, ../../../../src/page/top/css/_sp.scss */
  body .case.close .cm.b_r {
    bottom: 40%;
    right: 48%;
  }
  /* line 74, ../../../../src/page/top/css/_sp.scss */
  body .case.close p {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  /* line 83, ../../../../src/page/top/css/_sp.scss */
  body .case p {
    font-size: 3.3vw;
    line-height: 1.8;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
  }
  /* line 88, ../../../../src/page/top/css/_sp.scss */
  body .case p:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: black;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  /* line 101, ../../../../src/page/top/css/_sp.scss */
  body .case p.open:before {
    height: 0%;
  }
  /* line 106, ../../../../src/page/top/css/_sp.scss */
  body .case .cm {
    position: absolute;
    display: block;
    background: white;
    width: 1.3vw;
    height: 1px;
  }
  /* line 112, ../../../../src/page/top/css/_sp.scss */
  body .case .cm.step1 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  /* line 116, ../../../../src/page/top/css/_sp.scss */
  body .case .cm.step2 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all 0s;
    transition: all 0s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  /* line 120, ../../../../src/page/top/css/_sp.scss */
  body .case .cm.step3 {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  /* line 123, ../../../../src/page/top/css/_sp.scss */
  body .case .cm.open {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  /* line 127, ../../../../src/page/top/css/_sp.scss */
  body .case .cm.open2 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transition: all 0s;
    transition: all 0s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  /* line 131, ../../../../src/page/top/css/_sp.scss */
  body .case .cm:before {
    content: "";
    position: absolute;
    display: block;
    background: white;
    height: 1.3vw;
    width: 1px;
  }
  /* line 139, ../../../../src/page/top/css/_sp.scss */
  body .case .cm.t_l {
    top: 0;
    left: 0;
  }
  /* line 142, ../../../../src/page/top/css/_sp.scss */
  body .case .cm.t_l:before {
    top: 0;
    left: 0;
  }
  /* line 147, ../../../../src/page/top/css/_sp.scss */
  body .case .cm.t_r {
    top: 0;
    right: 0;
  }
  /* line 150, ../../../../src/page/top/css/_sp.scss */
  body .case .cm.t_r:before {
    top: 0;
    right: 0;
  }
  /* line 155, ../../../../src/page/top/css/_sp.scss */
  body .case .cm.b_l {
    bottom: 0;
    left: 0;
  }
  /* line 158, ../../../../src/page/top/css/_sp.scss */
  body .case .cm.b_l:before {
    bottom: 0;
    left: 0;
  }
  /* line 163, ../../../../src/page/top/css/_sp.scss */
  body .case .cm.b_r {
    bottom: 0;
    right: 0;
  }
  /* line 166, ../../../../src/page/top/css/_sp.scss */
  body .case .cm.b_r:before {
    bottom: 0;
    right: 0;
  }
  /* line 173, ../../../../src/page/top/css/_sp.scss */
  body .frame {
    float: left;
    width: 100%;
    padding: 2.2vw 0 3vw 0;
    position: relative;
  }
  /* line 177, ../../../../src/page/top/css/_sp.scss */
  body .frame p {
    line-height: 1.7;
    font-size: 3vw;
    color: white;
  }
  /* line 182, ../../../../src/page/top/css/_sp.scss */
  body .frame .fm {
    position: absolute;
    display: block;
    background: white;
    width: 100%;
    height: 1px;
  }
  /* line 188, ../../../../src/page/top/css/_sp.scss */
  body .frame .fm:before {
    content: "";
    height: 1.3vw;
    width: 1px;
    background: white;
    display: block;
    position: absolute;
  }
  /* line 196, ../../../../src/page/top/css/_sp.scss */
  body .frame .fm:after {
    content: "";
    height: 1.3vw;
    width: 1px;
    background: white;
    display: block;
    position: absolute;
  }
  /* line 204, ../../../../src/page/top/css/_sp.scss */
  body .frame .fm.t {
    top: 0;
    left: 0;
  }
  /* line 207, ../../../../src/page/top/css/_sp.scss */
  body .frame .fm.t:before {
    top: 0;
    left: 0;
  }
  /* line 211, ../../../../src/page/top/css/_sp.scss */
  body .frame .fm.t:after {
    top: 0;
    right: 0;
  }
  /* line 216, ../../../../src/page/top/css/_sp.scss */
  body .frame .fm.b {
    bottom: 0;
    left: 0;
  }
  /* line 219, ../../../../src/page/top/css/_sp.scss */
  body .frame .fm.b:before {
    bottom: 0;
    left: 0;
  }
  /* line 223, ../../../../src/page/top/css/_sp.scss */
  body .frame .fm.b:after {
    bottom: 0;
    right: 0;
  }
  /* line 230, ../../../../src/page/top/css/_sp.scss */
  body #wrapper {
    background: black;
  }
  /* line 233, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .trim {
    float: left;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6vw 6% 0 6%;
  }
  /* line 240, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .trim .tm {
    position: absolute;
    display: block;
    background: white;
    width: 4.5vw;
    height: 1px;
  }
  /* line 246, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .trim .tm.step1 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  /* line 250, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .trim .tm.step2 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all 0s;
    transition: all 0s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  /* line 254, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .trim .tm.open {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  /* line 258, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .trim .tm.open2 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transition: all 0s;
    transition: all 0s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  /* line 262, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .trim .tm:before {
    content: "";
    position: absolute;
    display: block;
    background: white;
    width: 4.5vw;
    height: 1px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  /* line 272, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .trim .tm:after {
    content: "";
    position: absolute;
    display: block;
    background: black;
    z-index: 3;
    width: 1vw;
    height: 1vw;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  /* line 284, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .trim .tm.t_l {
    top: 0;
    left: -2.25vw;
  }
  /* line 288, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .trim .tm.t_r {
    top: 0;
    right: -2.25vw;
  }
  /* line 292, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .trim .tm.t_c {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  /* line 296, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .trim .tm.t_c:before {
    width: 2.25vw;
    top: -1vw;
    left: 1vw;
  }
  /* line 302, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .trim .tm.t_c_b {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  /* line 306, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .trim .tm.t_c_b:before {
    width: 2.25vw;
    bottom: -1vw;
    left: 1vw;
  }
  /* line 312, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .trim .tm.c_l {
    top: 50%;
    left: -2.25vw;
    width: 2.25vw;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  /* line 317, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .trim .tm.c_l:after {
    left: 100%;
  }
  /* line 321, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .trim .tm.c_r {
    top: 50%;
    right: -2.25vw;
    width: 2.25vw;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  /* line 326, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .trim .tm.c_r:before {
    left: -2.25vw;
  }
  /* line 329, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .trim .tm.c_r:after {
    right: 1vw;
    left: auto;
  }
  /* line 334, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .trim .tm.b_l {
    bottom: 0;
    left: -2.25vw;
  }
  /* line 338, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .trim .tm.b_r {
    bottom: 0;
    right: -2.25vw;
  }
  /* line 342, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main .trim .tm.b_c_r {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  /* line 349, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #movie {
    float: left;
    width: 100%;
    position: relative;
  }
  /* line 352, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #movie .container {
    float: left;
    width: 100%;
    position: relative;
    padding-top: 23.1vw;
  }
  /* line 357, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #movie .box {
    width: 100%;
    margin: 0 0 19.8vw 0;
    float: left;
    position: relative;
    overflow: hidden;
  }
  /* line 363, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #movie .box:before {
    content: "";
    display: block;
    background: black;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 10;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  /* line 376, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #movie .box.open:before {
    height: 0%;
  }
  /* line 381, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #movie .c_r {
    display: none !important;
  }
  /* line 384, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #movie .c_l {
    display: none !important;
  }
  /* line 388, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section {
    float: left;
    width: 100%;
    position: relative;
  }
  /* line 391, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section .container {
    float: left;
    width: 100%;
    position: relative;
  }
  /* line 396, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section.page h2 {
    float: left;
    width: 100%;
    margin: 0 0 6.2vw 1.3vw;
    visibility: hidden;
  }
  /* line 400, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section.page h2.open {
    visibility: visible;
  }
  /* line 403, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section.page h2 span {
    display: block;
    float: left;
    width: 100%;
    line-height: 0;
    margin: 0 0 1.5vw 0;
    position: relative;
  }
  /* line 410, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section.page h2 span img {
    height: 10.6vw;
    width: auto;
  }
  /* line 414, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section.page h2 span svg {
    height: 10.6vw;
    width: unset;
    overflow: visible;
  }
  /* line 419, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section.page h2 span .fill {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
  }
  /* line 426, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section.page h2 span.fill .fill {
    visibility: visible;
  }
  /* line 430, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section.page h2 span .t {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  /* line 434, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section.page h2 span .t.t2 {
    -webkit-transform: translateX(7%);
    -moz-transform: translateX(7%);
    -ms-transform: translateX(7%);
    -o-transform: translateX(7%);
    transform: translateX(7%);
  }
  /* line 437, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section.page h2 span .t.t3 {
    -webkit-transform: translateX(14%);
    -moz-transform: translateX(14%);
    -ms-transform: translateX(14%);
    -o-transform: translateX(14%);
    transform: translateX(14%);
  }
  /* line 440, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section.page h2 span .t.t4 {
    -webkit-transform: translateX(21%);
    -moz-transform: translateX(21%);
    -ms-transform: translateX(21%);
    -o-transform: translateX(21%);
    transform: translateX(21%);
  }
  /* line 443, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section.page h2 span .t.t5 {
    -webkit-transform: translateX(28%);
    -moz-transform: translateX(28%);
    -ms-transform: translateX(28%);
    -o-transform: translateX(28%);
    transform: translateX(28%);
  }
  /* line 446, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section.page h2 span .t.t6 {
    -webkit-transform: translateX(35%);
    -moz-transform: translateX(35%);
    -ms-transform: translateX(35%);
    -o-transform: translateX(35%);
    transform: translateX(35%);
  }
  /* line 449, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section.page h2 span .t.t7 {
    -webkit-transform: translateX(42%);
    -moz-transform: translateX(42%);
    -ms-transform: translateX(42%);
    -o-transform: translateX(42%);
    transform: translateX(42%);
  }
  /* line 452, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section.page h2 span .t.t8 {
    -webkit-transform: translateX(49%);
    -moz-transform: translateX(49%);
    -ms-transform: translateX(49%);
    -o-transform: translateX(49%);
    transform: translateX(49%);
  }
  /* line 455, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section.page h2 span .t.t9 {
    -webkit-transform: translateX(56%);
    -moz-transform: translateX(56%);
    -ms-transform: translateX(56%);
    -o-transform: translateX(56%);
    transform: translateX(56%);
  }
  /* line 458, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section.page h2 span .t.t10 {
    -webkit-transform: translateX(63%);
    -moz-transform: translateX(63%);
    -ms-transform: translateX(63%);
    -o-transform: translateX(63%);
    transform: translateX(63%);
  }
  /* line 461, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section.page h2 span .t.open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  /* line 467, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section.page .btn {
    float: left;
    background: rgba(255, 255, 255, 0.2);
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: white;
    width: 87%;
    margin: 0 0 0 6.5%;
    line-height: 1;
    padding: 4vw 0;
    letter-spacing: 0.3vw;
  }
  /* line 478, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section.page .btn .t {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  /* line 482, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section.page .btn.close {
    background: rgba(255, 255, 255, 0);
  }
  /* line 484, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section.page .btn.close .t {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  /* line 491, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top {
    float: left;
    width: 100%;
    overflow: visible;
  }
  /* line 494, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top .video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  /* line 499, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top .video video {
    position: absolute;
  }
  /* line 503, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top .logo_base {
    position: absolute;
    z-index: 2;
  }
  /* line 506, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top .logo_base .box {
    position: absolute;
  }
  /* line 510, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top .container {
    height: 100%;
    position: relative;
    z-index: 10;
  }
  /* line 515, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top .mov {
    position: absolute;
    width: 16vw;
    bottom: 3vw;
    right: 5.7vw;
  }
  /* line 520, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top .mov p {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 2.8vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
    margin: 0 0 1vw 0;
    line-height: 1;
  }
  /* line 528, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top .mov .btn_mov {
    float: left;
    width: 100%;
    display: block;
    position: relative;
    line-height: 0;
  }
  /* line 533, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top .mov .btn_mov .cir_set {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    line-height: 0;
  }
  /* line 539, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top .mov .btn_mov .cir1 {
    -webkit-animation: rotate 3.6s linear infinite;
    -moz-animation: rotate 3.6s linear infinite;
    animation: rotate 3.6s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 542, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top .mov .btn_mov .cir2 {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: rotate2 1.3s linear infinite;
    -moz-animation: rotate2 1.3s linear infinite;
    animation: rotate2 1.3s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 548, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top .mov .btn_mov .cir3, body #wrapper #main #top .mov .btn_mov .cir4 {
    display: none;
  }
  /* line 551, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top .mov .btn_mov .arr {
    position: absolute;
    top: 7vw;
    left: 7vw;
    width: 2.5vw;
  }
  /* line 556, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top .mov .btn_mov .arr.ov {
    display: none;
  }
  /* line 562, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top .scroll {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 10vw;
  }
  /* line 568, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top .scroll p {
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
    text-align: center;
    line-height: 1;
    margin: 0 0 1.3vw 0;
    font-size: 2vw;
  }
  /* line 575, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top .scroll .box {
    float: left;
    width: 100%;
    display: block;
    height: 19vw;
    position: relative;
  }
  /* line 580, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top .scroll .box:before {
    content: "";
    display: block;
    background: white;
    width: 1.8vw;
    height: 0.9vw;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  /* line 591, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top .scroll .box:after {
    content: "";
    display: block;
    background: white;
    width: 1.8vw;
    height: 0.9vw;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  /* line 602, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top .scroll .box .arr {
    position: absolute;
    width: 2.2vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    line-height: 0;
    display: block;
    -webkit-animation: scroll 1.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
    -moz-animation: scroll 1.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
    animation: scroll 1.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 611, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top .scroll .box .bar {
    display: block;
    width: 1px;
    height: 100%;
    background: white;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  /* line 624, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #about {
    margin-top: -6vw;
  }
  /* line 626, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #about .container {
    padding-top: 23.1vw;
    padding-bottom: 17.1vw;
  }
  /* line 632, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #about .case {
    float: left;
  }
  /* line 635, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #about .t_c_b {
    display: none !important;
  }
  /* line 640, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .container {
    padding-top: 23.1vw;
  }
  /* line 643, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .case {
    margin-bottom: 10.5vw;
  }
  /* line 646, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution {
    float: left;
    width: 100%;
    margin: 0 0 9.3vw 0;
  }
  /* line 649, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid white;
    margin: 0 0 8vw 0;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
  }
  /* line 659, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item:before {
    content: "";
    display: block;
    background: black;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 10;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  /* line 671, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item.open {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  /* line 674, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item.open.step2:before {
    height: 0%;
  }
  /* line 679, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .ttl {
    float: left;
    width: 100%;
  }
  /* line 681, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .ttl .lbl {
    float: left;
    width: 100%;
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
    font-size: 2vw;
    line-height: 1;
    padding: 1.5vw 4vw;
    border-bottom: 1px solid white;
  }
  /* line 689, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .ttl .ctrl {
    float: left;
    width: 100%;
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2.1vw 3.5vw;
    border-bottom: 1px solid white;
  }
  /* line 697, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .ttl .ctrl li {
    float: left;
    margin: 0 3.5vw 0 0;
    position: relative;
  }
  /* line 701, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .ttl .ctrl li:before {
    content: "/";
    position: absolute;
    color: white;
    font-size: 3vw;
    top: -1vw;
    right: -2.5vw;
  }
  /* line 710, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .ttl .ctrl li:last-child:before {
    display: none;
  }
  /* line 714, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .ttl .ctrl li a {
    display: block;
    float: left;
    line-height: 1;
    font-size: 3.5vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
    color: #333333;
  }
  /* line 721, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .ttl .ctrl li a.active {
    color: white;
  }
  /* line 728, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .content {
    float: left;
    width: 100%;
    position: relative;
    line-height: 0;
    margin: 0.8vw 0 0 0;
  }
  /* line 733, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .content figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
  }
  /* line 740, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .content canvas {
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  /* line 747, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .content .outline {
    position: absolute;
    bottom: 7.5vw;
    left: 7.8vw;
    width: 40.2%;
    line-height: 1;
    z-index: 3;
  }
  /* line 754, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .content .outline .ttl {
    float: left;
    width: 100%;
    margin: 0 0 2vw 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 2.2vw;
  }
  /* line 761, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .content .type {
    position: absolute;
    top: 6.5vw;
    right: 7.8vw;
    width: 26.8%;
    line-height: 1;
    z-index: 3;
  }
  /* line 768, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .content .type .ttl {
    float: left;
    width: 100%;
    margin: 0 0 1.5vw 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 2.2vw;
    line-height: 1.2;
  }
  /* line 775, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .content .type ul {
    float: left;
    width: 100%;
    padding: 1.3vw 0 0 0;
  }
  /* line 778, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .content .type ul li {
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 1.4vw 0;
  }
  /* line 782, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .content .type ul li .num {
    position: absolute;
    top: 0;
    left: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    line-height: 1.1;
    font-size: 2vw;
  }
  /* line 790, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .content .type ul li .lbl {
    float: right;
    width: 86%;
    color: white;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    line-height: 1.1;
    font-size: 2.3vw;
    padding: 0 0 0 0.5vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 0.1vw;
  }
  /* line 803, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .content .type ul li.active .lbl {
    background: white;
    color: black;
  }
  /* line 810, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .content .type .frame {
    padding-bottom: 2vw;
  }
  /* line 814, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .content .words {
    float: left;
    position: absolute;
    right: 7.8vw;
    bottom: 27vw;
    z-index: 3;
  }
  /* line 820, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .content .words .box {
    position: relative;
    float: left;
    width: 100%;
  }
  /* line 825, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .content .words span {
    display: block;
    float: left;
    width: 100%;
    line-height: 0;
    text-align: right;
    margin: 1.65vw 0 0 0;
    visibility: hidden;
  }
  /* line 834, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .content .words span img {
    height: 3.5vw;
    width: auto;
  }
  /* line 838, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .content .words span:nth-of-type(2) {
    -webkit-transition: all 0.58s;
    transition: all 0.58s;
    -webkit-transform: translateY(-140.6%);
    -moz-transform: translateY(-140.6%);
    -ms-transform: translateY(-140.6%);
    -o-transform: translateY(-140.6%);
    transform: translateY(-140.6%);
  }
  /* line 843, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .content .words span:nth-of-type(3) {
    -webkit-transition: all 0.64s;
    transition: all 0.64s;
    -webkit-transform: translateY(-281.2%);
    -moz-transform: translateY(-281.2%);
    -ms-transform: translateY(-281.2%);
    -o-transform: translateY(-281.2%);
    transform: translateY(-281.2%);
  }
  /* line 848, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .content .words span:nth-of-type(4) {
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    -webkit-transform: translateY(-421.8%);
    -moz-transform: translateY(-421.8%);
    -ms-transform: translateY(-421.8%);
    -o-transform: translateY(-421.8%);
    transform: translateY(-421.8%);
  }
  /* line 853, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .content .words span:nth-of-type(5) {
    -webkit-transition: all 0.76s;
    transition: all 0.76s;
    -webkit-transform: translateY(-562.4%);
    -moz-transform: translateY(-562.4%);
    -ms-transform: translateY(-562.4%);
    -o-transform: translateY(-562.4%);
    transform: translateY(-562.4%);
  }
  /* line 858, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .content .words span:nth-of-type(6) {
    -webkit-transition: all 0.82s;
    transition: all 0.82s;
    -webkit-transform: translateY(-703%);
    -moz-transform: translateY(-703%);
    -ms-transform: translateY(-703%);
    -o-transform: translateY(-703%);
    transform: translateY(-703%);
  }
  /* line 863, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .content .words span:nth-of-type(7) {
    -webkit-transition: all 0.88s;
    transition: all 0.88s;
    -webkit-transform: translateY(-843.6%);
    -moz-transform: translateY(-843.6%);
    -ms-transform: translateY(-843.6%);
    -o-transform: translateY(-843.6%);
    transform: translateY(-843.6%);
  }
  /* line 868, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .content .words span:nth-of-type(8) {
    -webkit-transition: all 0.94s;
    transition: all 0.94s;
    -webkit-transform: translateY(-984.2%);
    -moz-transform: translateY(-984.2%);
    -ms-transform: translateY(-984.2%);
    -o-transform: translateY(-984.2%);
    transform: translateY(-984.2%);
  }
  /* line 873, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .content .words span:nth-of-type(9) {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translateY(-1124.8%);
    -moz-transform: translateY(-1124.8%);
    -ms-transform: translateY(-1124.8%);
    -o-transform: translateY(-1124.8%);
    transform: translateY(-1124.8%);
  }
  /* line 878, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #solution .solution .item .content .words span.open {
    visibility: visible;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  /* line 893, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #technology h2 {
    margin-bottom: 6vw;
  }
  /* line 896, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #technology .container {
    padding-top: 23.5vw;
    padding-bottom: 17.2vw;
  }
  /* line 899, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #technology .container figure {
    float: left;
    width: 100%;
  }
  /* line 901, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #technology .container figure figcaption {
    margin-bottom: 6vw;
  }
  /* line 905, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #technology .container figure .img {
    float: left;
    width: 87%;
    margin: 0 0 7vw 6.5%;
    line-height: 0;
    position: relative;
  }
  /* line 910, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #technology .container figure .img canvas {
    width: 100%;
  }
  /* line 913, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #technology .container figure .img:before {
    content: "";
    display: block;
    background: black;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 10;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  /* line 926, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #technology .container figure .img.open:before {
    height: 0%;
  }
  /* line 935, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #contact h2 {
    margin-bottom: 6vw;
  }
  /* line 938, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #contact .container {
    padding-top: 23vw;
    padding-bottom: 17.3vw;
  }
  /* line 941, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #contact .container .btn_area {
    float: left;
    width: 100%;
  }
  /* line 943, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #contact .container .btn_area .btn {
    font-size: 3.5vw;
    padding: 6.1vw 0;
    letter-spacing: 0.4vw;
  }
  /* line 950, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #contact .info {
    float: left;
    width: 100%;
    margin: 0 0 14vw 0;
  }
  /* line 953, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #contact .info .container {
    padding-top: 23vw;
    padding-bottom: 8.3vw;
  }
  /* line 957, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #contact .info ul {
    float: left;
    width: 100%;
  }
  /* line 959, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #contact .info ul li {
    float: left;
    width: 100%;
    margin: 0 0 9vw 0;
  }
  /* line 962, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #contact .info ul li a {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
  }
  /* line 966, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #contact .info ul li a img {
    width: 50%;
  }
  /* line 977, ../../../../src/page/top/css/_sp.scss */
  body #reel {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9000;
    float: left;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
  }
  /* line 986, ../../../../src/page/top/css/_sp.scss */
  body #reel .float_close {
    position: absolute;
    right: 4vw;
    top: 4vw;
    width: 11vw;
    height: 11vw;
    background: #333333;
    padding: 0;
    margin: 0;
    z-index: 10;
  }
  /* line 997, ../../../../src/page/top/css/_sp.scss */
  body #reel .ctrl {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4vw 2.6vw;
  }
  /* line 1003, ../../../../src/page/top/css/_sp.scss */
  body #reel .ctrl span {
    width: 4vw;
    height: 1px;
    background: white;
    display: block;
    position: relative;
    margin: 0 1vw;
  }
  /* line 1011, ../../../../src/page/top/css/_sp.scss */
  body #reel .ctrl span:before, body #reel .ctrl span:after {
    content: " ";
    width: 4vw;
    height: 1px;
    background: white;
    display: block;
    position: absolute;
  }
  /* line 1020, ../../../../src/page/top/css/_sp.scss */
  body #reel .ctrl span:before {
    top: 2.4vw;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  /* line 1024, ../../../../src/page/top/css/_sp.scss */
  body #reel .ctrl span:after {
    top: 4vw;
    display: none;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  /* line 1030, ../../../../src/page/top/css/_sp.scss */
  body #reel .ctrl div {
    width: 100%;
    float: left;
    margin: 6vw 0 0 0;
  }
  /* line 1034, ../../../../src/page/top/css/_sp.scss */
  body #reel .ctrl div img {
    position: absolute;
  }
  /* line 1036, ../../../../src/page/top/css/_sp.scss */
  body #reel .ctrl div img:nth-child(1) {
    display: block;
  }
  /* line 1037, ../../../../src/page/top/css/_sp.scss */
  body #reel .ctrl div img:nth-child(2) {
    display: none;
  }
  /* line 1040, ../../../../src/page/top/css/_sp.scss */
  body #reel .ctrl span {
    transform: rotate(45deg);
    top: 1vw;
  }
  /* line 1045, ../../../../src/page/top/css/_sp.scss */
  body #reel .ctrl span:before {
    top: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  /* line 1049, ../../../../src/page/top/css/_sp.scss */
  body #reel .ctrl span:after {
    top: 2vw;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  /* line 1056, ../../../../src/page/top/css/_sp.scss */
  body #reel .ctrl div img:nth-child(1) {
    display: none;
  }
  /* line 1057, ../../../../src/page/top/css/_sp.scss */
  body #reel .ctrl div img:nth-child(2) {
    display: block;
  }
  /* line 1061, ../../../../src/page/top/css/_sp.scss */
  body #reel .bg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    float: left;
    top: 0;
    left: 0;
    z-index: 5;
    cursor: pointer;
  }
  /* line 1072, ../../../../src/page/top/css/_sp.scss */
  body #reel .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 90%;
    height: 607.5px;
    z-index: 10;
  }
  /* line 1082, ../../../../src/page/top/css/_sp.scss */
  body #reel .inner i {
    float: right;
    font-size: 2em;
    margin: 0 0 1em 0;
  }
  /* line 1087, ../../../../src/page/top/css/_sp.scss */
  body #reel .inner iframe {
    width: 100%;
    height: 607.5px;
    float: left;
  }
}