@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.png) no-repeat top center;
  	background-size: 100% auto;
  	background-position: center center;
  	
  	background-size: 1360px auto;
  	background-position: right top;
  	#header{
  		@include opacity(0.6);
  		//width: 1440px !important;
  	}
  	#menu{
  		@include opacity(0.6);
  		//width: 1440px !important;
  	}
  	#wrapper{
  		//width: 1440px !important;
  		@include opacity(0.6);
  	}
  	#footer{
  		@include opacity(0.6);
  	}
  }
  	*/
  /* line 32, ../../../../src/page/top/css/_pc.scss */
  * {
    cursor: none !important;
  }

  /* line 35, ../../../../src/page/top/css/_pc.scss */
  html {
    height: 100%;
  }

  /* line 38, ../../../../src/page/top/css/_pc.scss */
  body {
    height: 100%;
    overflow: hidden;
  }
  /* line 41, ../../../../src/page/top/css/_pc.scss */
  body #header {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 1;
  }
  /* line 44, ../../../../src/page/top/css/_pc.scss */
  body #header.passive {
    opacity: 0;
  }
  /* line 49, ../../../../src/page/top/css/_pc.scss */
  body .cursor,
  body .follower {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
  }
  /* line 57, ../../../../src/page/top/css/_pc.scss */
  body .cursor {
    width: 18px;
    height: 18px;
    background-color: #000;
    z-index: 10001;
  }
  /* line 62, ../../../../src/page/top/css/_pc.scss */
  body .cursor.arr {
    background-color: none;
    background: url(../../../cmn/img/arr_nav_w.svg) no-repeat center center;
    background-size: contain;
    width: 52px;
    height: 20px;
  }
  /* line 69, ../../../../src/page/top/css/_pc.scss */
  body .cursor.arr_prev {
    background-color: none;
    background: url(../../../cmn/img/arr_nav_w.svg) no-repeat center center;
    background-size: contain;
    width: 52px;
    height: 20px;
  }
  /* line 78, ../../../../src/page/top/css/_pc.scss */
  body .follower {
    width: 18px;
    height: 18px;
    background: black;
    z-index: 10000;
    display: none;
  }
  /* line 85, ../../../../src/page/top/css/_pc.scss */
  body .follower.doll {
    display: block;
    width: 32px;
    height: 43px;
    background: none;
    background: url(../img/doll.png) no-repeat;
    background-size: 800% auto;
    border-radius: 0%;
    display: block;
  }
  /* line 94, ../../../../src/page/top/css/_pc.scss */
  body .follower.doll.s1 {
    background-position: -224px 0px;
  }
  /* line 97, ../../../../src/page/top/css/_pc.scss */
  body .follower.doll.s2 {
    background-position: -192px 0px;
  }
  /* line 100, ../../../../src/page/top/css/_pc.scss */
  body .follower.doll.s3 {
    background-position: -160px 0px;
  }
  /* line 103, ../../../../src/page/top/css/_pc.scss */
  body .follower.doll.s4 {
    background-position: -128px 0px;
  }
  /* line 106, ../../../../src/page/top/css/_pc.scss */
  body .follower.doll.s5 {
    background-position: -96px 0px;
  }
  /* line 109, ../../../../src/page/top/css/_pc.scss */
  body .follower.doll.s6 {
    background-position: -64px 0px;
  }
  /* line 112, ../../../../src/page/top/css/_pc.scss */
  body .follower.doll.s7 {
    background-position: -32px 0px;
  }
  /* line 118, ../../../../src/page/top/css/_pc.scss */
  body .mask {
    display: inline-block;
    position: relative;
    overflow: hidden;
  }
  /* line 123, ../../../../src/page/top/css/_pc.scss */
  body .mask.open:before {
    -webkit-animation: mask1 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask1 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask1 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 126, ../../../../src/page/top/css/_pc.scss */
  body .mask.open:after {
    -webkit-animation: mask2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 131, ../../../../src/page/top/css/_pc.scss */
  body .mask.close:after {
    -webkit-animation: mask2_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask2_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask2_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 135, ../../../../src/page/top/css/_pc.scss */
  body .mask:before {
    content: "";
    display: block;
    background: black;
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -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 147, ../../../../src/page/top/css/_pc.scss */
  body .mask:after {
    content: "";
    display: block;
    background: #e6e6e2;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
  }
  /* line 160, ../../../../src/page/top/css/_pc.scss */
  body #wrapper {
    height: 100%;
  }
  /* line 162, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main {
    height: 100%;
  }
  /* line 165, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section#opening {
    background: #e6e6e2;
    height: 100%;
    position: relative;
  }
  /* line 169, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section#opening .video {
    position: absolute;
    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%);
    overflow: hidden;
  }
  /* line 175, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section#opening .video video {
    width: 100%;
    height: 100%;
  }
  /* line 179, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section#opening .video .inner {
    position: relative;
  }
  /* line 181, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section#opening .video .inner:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/cover.png) no-repeat;
    z-index: 5;
    background-size: contain;
  }
  /* line 196, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section#top {
    background: #e6e6e2;
    height: 100%;
  }
  /* line 199, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section#top .area {
    width: 100%;
    height: 100%;
  }
  /* line 203, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section#top #map_container {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 80px 20px 20px 20px;
  }
  /* line 208, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section#top #map_container .map_area {
    width: 100%;
    height: 100%;
  }
  /* line 213, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section#top #map {
    width: 100%;
    height: 100%;
    transform-origin: bottom center;
    -webkit-transition: all 1.0s;
    transition: all 1.0s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 218, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section#top #map.close {
    transform: rotateX(90deg) translate3d(0px, 0px, 90px);
  }
  /* line 222, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section#top #target {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    transform-origin: bottom center;
    -webkit-transition: all 1.0s;
    transition: all 1.0s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    transform: rotateX(90deg) translate3d(0px, 0px, 90px);
    box-sizing: border-box;
    padding: 80px 20px 20px 20px;
  }
  /* line 234, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section#top #target #target_area {
    width: 100%;
    height: 100%;
    position: relative;
  }
  /* line 239, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section#top #target #svg_target_area {
    display: inline-block;
    transform-origin: top left;
    transform: rotate(-90deg) translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
  }
  /* line 247, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section#top #target #ov_target_area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* line 254, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section#top #target #ov_target {
    transform-origin: top left;
    transform: rotate(-90deg) translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
  }
  /* line 260, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section#top #target #ov_target .inner {
    width: 100%;
    height: 100%;
    margin: 0;
    position: relative;
  }
  /* line 266, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section#top #target #ov_target .icon_you, body #wrapper #main section#top #target #ov_target .icon_gs {
    position: absolute;
    width: 72px;
    transform: rotate(90deg) translate(-40%, 28%);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 272, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section#top #target #ov_target .icon {
    position: absolute;
    width: 72px;
    transform: rotate(90deg) translate(-40%, 28%);
    cursor: pointer;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    z-index: 10;
  }
  /* line 279, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section#top #target #ov_target .icon img {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  /* line 285, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section#top #target #ov_target .icon.open img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
  /* line 290, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section#top #target #ov_target .icon:hover {
    transform: rotate(90deg) translate(-40%, 28%) scale(1.1);
  }
  /* line 295, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main section#top #target.open {
    transform: rotateX(0deg) translate3d(0px, 0px, 0px);
  }
  /* line 304, ../../../../src/page/top/css/_pc.scss */
  body #content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 500;
    background: #e6e6e2;
    box-sizing: border-box;
    padding: 80px 20px 20px 20px;
  }
  /* line 313, ../../../../src/page/top/css/_pc.scss */
  body #content .inner {
    width: 100%;
  }
  /* line 317, ../../../../src/page/top/css/_pc.scss */
  body #content .btn_contents_close {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 25px;
    cursor: pointer;
  }
  /* line 323, ../../../../src/page/top/css/_pc.scss */
  body #content .btn_contents_close .path {
    stroke-dasharray: 28 30;
    stroke-dashoffset: 29;
  }
  /* line 324, ../../../../src/page/top/css/_pc.scss */
  body #content .btn_contents_close .path_1 {
    stroke-dasharray: 22 24;
    stroke-dashoffset: 23;
  }
  /* line 325, ../../../../src/page/top/css/_pc.scss */
  body #content .btn_contents_close small {
    position: absolute;
    top: 50%;
    right: -10px;
    font-size: 13px;
    font-family: 'Nexa' , sans-serif;
    opacity: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transform: translate(50%, -50%);
  }
  /* line 336, ../../../../src/page/top/css/_pc.scss */
  body #content .btn_contents_close:hover small {
    opacity: 1;
    transform: translate(100%, -50%);
  }
  /* line 342, ../../../../src/page/top/css/_pc.scss */
  body #content .container {
    width: 1000px;
    margin: 0 auto;
  }
  /* line 346, ../../../../src/page/top/css/_pc.scss */
  body #content .nav {
    background: #AAAAA5;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    height: 160px;
  }
  /* line 354, ../../../../src/page/top/css/_pc.scss */
  body #content .nav.fixed {
    position: fixed;
    left: 0;
    z-index: 100;
    top: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  /* line 361, ../../../../src/page/top/css/_pc.scss */
  body #content .nav.fixed.open {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    top: 80px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  /* line 366, ../../../../src/page/top/css/_pc.scss */
  body #content .nav.fixed.passive {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  /* line 371, ../../../../src/page/top/css/_pc.scss */
  body #content .nav ul {
    display: flex;
    justify-content: space-between;
    position: relative;
  }
  /* line 375, ../../../../src/page/top/css/_pc.scss */
  body #content .nav ul:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #d6d6d1;
    position: absolute;
    left: 0;
    bottom: 10px;
  }
  /* line 385, ../../../../src/page/top/css/_pc.scss */
  body #content .nav ul:after {
    content: "";
    display: block;
    height: 4px;
    width: 0;
    background: black;
    position: absolute;
    left: 0;
    bottom: 9px;
  }
  /* line 396, ../../../../src/page/top/css/_pc.scss */
  body #content .nav ul.about::after {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    width: 222px;
  }
  /* line 402, ../../../../src/page/top/css/_pc.scss */
  body #content .nav ul.case::after {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    width: 408px;
  }
  /* line 408, ../../../../src/page/top/css/_pc.scss */
  body #content .nav ul.price::after {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    width: 594px;
  }
  /* line 414, ../../../../src/page/top/css/_pc.scss */
  body #content .nav ul.contact::after {
    -webkit-animation: contact_anim 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    -moz-animation: contact_anim 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    animation: contact_anim 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 420, ../../../../src/page/top/css/_pc.scss */
  body #content .nav ul.gs::after {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    width: 1000px;
  }
  /* line 425, ../../../../src/page/top/css/_pc.scss */
  body #content .nav ul li {
    position: relative;
    top: -15px;
  }
  /* line 428, ../../../../src/page/top/css/_pc.scss */
  body #content .nav ul li:nth-of-type(1) {
    top: -2px;
  }
  /* line 430, ../../../../src/page/top/css/_pc.scss */
  body #content .nav ul li:nth-of-type(1) a {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  /* line 434, ../../../../src/page/top/css/_pc.scss */
  body #content .nav ul li:nth-of-type(6) {
    top: -2px;
  }
  /* line 436, ../../../../src/page/top/css/_pc.scss */
  body #content .nav ul li:nth-of-type(6) a {
    -webkit-transform: translate(50%, 0);
    -moz-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    -o-transform: translate(50%, 0);
    transform: translate(50%, 0);
  }
  /* line 440, ../../../../src/page/top/css/_pc.scss */
  body #content .nav ul li a {
    width: 72px;
    cursor: pointer;
    display: block;
  }
  /* line 444, ../../../../src/page/top/css/_pc.scss */
  body #content .nav ul li a.btn_nav_icon {
    transform-origin: bottom center;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 447, ../../../../src/page/top/css/_pc.scss */
  body #content .nav ul li a.btn_nav_icon:hover {
    -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 455, ../../../../src/page/top/css/_pc.scss */
  body #content #pages {
    float: left;
    width: 100%;
  }
  /* line 459, ../../../../src/page/top/css/_pc.scss */
  body #content .page {
    float: left;
    width: 100%;
  }
  /* line 462, ../../../../src/page/top/css/_pc.scss */
  body #content .page.fixed {
    padding: 160px 0 0 0;
  }
  /* line 465, ../../../../src/page/top/css/_pc.scss */
  body #content .page .container {
    text-align: center;
    padding: 85px 0 85px 0;
    position: relative;
  }
  /* line 470, ../../../../src/page/top/css/_pc.scss */
  body #content .page.current {
    z-index: 10;
  }
  /* line 475, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container section {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 106px 90px;
    text-align: left;
    position: relative;
  }
  /* line 482, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container section .ttl {
    float: left;
    width: 138px;
    position: relative;
    z-index: 10;
  }
  /* line 488, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container section .ttl h3 .cir {
    width: 100%;
    width: 112px;
    height: 112px;
    background: black;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    overflow: hidden;
  }
  /* line 499, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container section .ttl h3 .cir span {
    color: white;
    font-size: 22px;
    font-weight: bold;
  }
  /* line 507, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container section .text {
    float: left;
    width: 770px;
  }
  /* line 512, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container section.intro .text {
    padding-top: 30px;
  }
  /* line 515, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container section.intro p {
    float: left;
    clear: both;
    width: auto;
    font-size: 16px;
    line-height: 2.5;
    letter-spacing: 0.2em;
    margin-bottom: 40px;
  }
  /* line 524, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container section.intro .copy {
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 36px -20px;
    letter-spacing: 0.21em;
    width: auto;
  }
  /* line 534, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container section.company .cir img {
    width: 23px;
  }
  /* line 538, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container section.company .text {
    margin-top: -4px;
  }
  /* line 541, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container section.company dl {
    display: flex;
    font-size: 13px;
    line-height: 2;
    letter-spacing: 0.12em;
    margin-bottom: 24px;
  }
  /* line 547, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container section.company dl dt {
    width: 125px;
  }
  /* line 550, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container section.company dl dd {
    width: 600px;
  }
  /* line 557, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container section.profile .cir img {
    width: 100%;
  }
  /* line 561, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container section.profile .text {
    padding: 35px 0 0 0;
  }
  /* line 563, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container section.profile .text p {
    float: left;
    width: auto;
    font-size: 13px;
    line-height: 2;
    clear: both;
  }
  /* line 570, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container section.profile .text .name {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 3px 0;
  }
  /* line 574, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container section.profile .text .name span {
    display: inline-block;
    font-size: 10px;
    margin: 0 0 0 10px;
    letter-spacing: 0.2em;
  }
  /* line 581, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container section.profile .text .pos {
    font-size: 10px;
    margin-bottom: 20px;
  }
  /* line 589, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container section.mail .cir img {
    width: 29px;
  }
  /* line 593, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container section.mail .text {
    padding: 38px 0 0 0;
  }
  /* line 595, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container section.mail .text .mask {
    height: 40px;
    width: 220px;
  }
  /* line 599, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container section.mail .text a {
    font-family: 'Nexa' , sans-serif;
    font-size: 22px;
    display: inline-block;
    position: relative;
    letter-spacing: 0.07em;
    transform-origin: left center;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 607, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container section.mail .text a:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: black;
    position: absolute;
    left: 0;
    bottom: -5px;
  }
  /* line 617, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container section.mail .text a:hover {
    -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 624, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container .bar {
    display: block;
    width: 2px;
    background: black;
    position: absolute;
    left: 145px;
    top: 0;
    height: 100%;
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    transform-origin: top center;
    -webkit-transition: all 1.0s;
    transition: all 1.0s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 635, ../../../../src/page/top/css/_pc.scss */
  body #content .page#about .container .bar.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 643, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container .pages {
    width: 1000px;
    margin: 0 0 0 0;
  }
  /* line 646, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container .pages a {
    width: 100%;
    position: relative;
    line-height: 0;
    margin-bottom: 40px;
    display: block;
  }
  /* line 653, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container .pages a.close:before {
    left: auto;
    right: 0;
    -webkit-animation: mask1_c2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask1_c2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask1_c2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 659, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container .pages a:before {
    content: "";
    display: block;
    background: black;
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -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 671, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container .pages a .name {
    display: block;
    line-height: 1;
    position: absolute;
    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%);
    color: white;
    font-size: 60px;
    font-family: 'Nexa' , sans-serif;
    text-align: center;
    z-index: 1;
    width: 100%;
  }
  /* line 687, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container .case_page {
    width: 1000px;
    outline: none;
    box-sizing: border-box;
  }
  /* line 691, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container .case_page .kv {
    width: 100%;
    position: relative;
    line-height: 0;
    margin-bottom: 60px;
    overflow: hidden;
  }
  /* line 697, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container .case_page .kv p {
    line-height: 1;
    position: absolute;
    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%);
    color: white;
    font-size: 60px;
    font-family: 'Nexa' , sans-serif;
    text-align: center;
    z-index: 1;
    width: 100%;
  }
  /* line 711, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container .case_page .kv.open:before {
    width: 100%;
    -webkit-animation: mask1_2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask1_2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask1_2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 715, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container .case_page .kv.open:after {
    -webkit-animation: mask2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 720, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container .case_page .kv.close:before {
    left: auto;
    right: 0;
    -webkit-animation: mask1_c2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask1_c2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask1_c2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 726, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container .case_page .kv:before {
    content: "";
    display: block;
    background: black;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -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 738, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container .case_page .kv:after {
    content: "";
    display: block;
    background: #e6e6e2;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
  }
  /* line 749, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container .case_page .case_nav {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 0 70px 0;
  }
  /* line 755, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container .case_page .case_nav li {
    width: 460px;
  }
  /* line 757, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container .case_page .case_nav li a {
    display: block;
    position: relative;
  }
  /* line 760, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container .case_page .case_nav li a .name {
    display: block;
    line-height: 1;
    position: absolute;
    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%);
    color: white;
    font-size: 26px;
    font-family: 'Nexa' , sans-serif;
    text-align: center;
    z-index: 1;
    width: 100%;
  }
  /* line 778, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container section {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 76px 0;
    text-align: left;
    position: relative;
    width: 850px;
  }
  /* line 786, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container section .img {
    float: left;
    width: 864px;
    z-index: 1;
    margin: 0 0 20px 0;
    line-height: 0;
    position: relative;
    overflow: hidden;
  }
  /* line 795, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container section .img.open .inner {
    width: 100%;
  }
  /* line 800, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container section .img.close:before {
    left: auto;
    right: 0;
    -webkit-animation: mask1_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask1_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask1_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 805, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container section .img.close:after {
    -webkit-animation: mask2_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask2_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask2_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 809, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container section .img:before {
    content: "";
    display: block;
    background: black;
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -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 821, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container section .img:after {
    content: "";
    display: block;
    background: #e6e6e2;
    opacity: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
  }
  /* line 832, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container section .img .inner {
    margin: 0;
    width: 0%;
    position: relative;
    float: left;
    overflow: hidden;
    -webkit-transition: all 1.2s;
    transition: all 1.2s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 843, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container section .img img {
    width: 864px;
  }
  /* line 845, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container section .img img.ov {
    position: absolute;
    top: 0;
    left: 0;
  }
  /* line 852, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container section .ttl {
    float: left;
    width: 138px;
    position: relative;
    z-index: 10;
  }
  /* line 858, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container section .ttl h3 .cir {
    width: 100%;
    width: 112px;
    height: 112px;
    background: black;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    overflow: hidden;
  }
  /* line 869, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container section .ttl h3 .cir span {
    color: white;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1.3;
    letter-spacing: 0.1em;
  }
  /* line 880, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container section .text {
    float: left;
    width: 710px;
    position: relative;
    z-index: 10;
  }
  /* line 886, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container section.item {
    position: relative;
    z-index: 10;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 890, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container section.item .text {
    padding-top: 48px;
  }
  /* line 893, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container section.item p {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 2;
    width: 570px;
    letter-spacing: 0.15em;
  }
  /* line 901, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container section.item .copy {
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.1em;
    color: black;
    white-space: nowrap;
    margin: 0 0 25px 0;
    position: relative;
    z-index: 3;
    overflow: hidden;
    width: auto;
  }
  /* line 914, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container section.item .copy.open:before {
    -webkit-animation: mask1 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask1 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask1 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 917, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container section.item .copy.open:after {
    -webkit-animation: mask2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 922, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container section.item .copy.close:before {
    left: auto;
    right: 0;
    -webkit-animation: mask1_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask1_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask1_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 927, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container section.item .copy.close:after {
    -webkit-animation: mask2_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask2_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask2_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 931, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container section.item .copy:before {
    content: "";
    display: block;
    background: black;
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -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 943, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container section.item .copy:after {
    content: "";
    display: block;
    background: #e6e6e2;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
  }
  /* line 957, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container .bar {
    display: block;
    width: 2px;
    background: black;
    position: absolute;
    left: 55px;
    top: 0;
    height: 100%;
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    transform-origin: top center;
    -webkit-transition: all 1.0s;
    transition: all 1.0s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 968, ../../../../src/page/top/css/_pc.scss */
  body #content .page#case .container .bar.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 976, ../../../../src/page/top/css/_pc.scss */
  body #content .page#price .container .slide_container {
    width: 600px;
    margin: 0 0 0 200px;
  }
  /* line 979, ../../../../src/page/top/css/_pc.scss */
  body #content .page#price .container .slide_container .slide {
    width: 600px;
  }
  /* line 982, ../../../../src/page/top/css/_pc.scss */
  body #content .page#price .container .slide_container .slick-list {
    overflow: visible;
  }
  /* line 985, ../../../../src/page/top/css/_pc.scss */
  body #content .page#price .container .slide_container li {
    width: 600px;
    outline: none;
    box-sizing: border-box;
    margin: 0 0 113px 0;
    float: left;
  }
  /* line 992, ../../../../src/page/top/css/_pc.scss */
  body #content .page#price .container .slide_container li.slick-current .item {
    opacity: 1 !important;
  }
  /* line 996, ../../../../src/page/top/css/_pc.scss */
  body #content .page#price .container .slide_container li .kv {
    width: 100%;
    position: relative;
    line-height: 0;
    margin-bottom: 20px;
  }
  /* line 1001, ../../../../src/page/top/css/_pc.scss */
  body #content .page#price .container .slide_container li .kv .video {
    overflow: hidden;
    height: 166px;
    width: 590px;
    margin: 0 0 0 5px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  /* line 1008, ../../../../src/page/top/css/_pc.scss */
  body #content .page#price .container .slide_container li .kv .video.open {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  /* line 1012, ../../../../src/page/top/css/_pc.scss */
  body #content .page#price .container .slide_container li .kv .inner {
    position: relative;
    height: 166px;
  }
  /* line 1015, ../../../../src/page/top/css/_pc.scss */
  body #content .page#price .container .slide_container li .kv .inner:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/cover2.png) no-repeat;
    z-index: 5;
    background-size: 100% 100%;
  }
  /* line 1027, ../../../../src/page/top/css/_pc.scss */
  body #content .page#price .container .slide_container li .kv .inner video {
    width: 640px;
    margin: -25px 0 0 -22px;
  }
  /* line 1035, ../../../../src/page/top/css/_pc.scss */
  body #content .page#price .container section {
    float: left;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    position: relative;
    z-index: 10;
    margin: -40px 0 0 0;
  }
  /* line 1043, ../../../../src/page/top/css/_pc.scss */
  body #content .page#price .container section h3 {
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 14px 0;
  }
  /* line 1049, ../../../../src/page/top/css/_pc.scss */
  body #content .page#price .container section h3 .mask {
    display: inline-block;
  }
  /* line 1053, ../../../../src/page/top/css/_pc.scss */
  body #content .page#price .container section p {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 13px;
    line-height: 2;
    letter-spacing: 0;
    margin-bottom: 3px;
  }
  /* line 1062, ../../../../src/page/top/css/_pc.scss */
  body #content .page#price .container section small {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 11px;
    line-height: 1.8;
    letter-spacing: 0.1em;
  }
  /* line 1069, ../../../../src/page/top/css/_pc.scss */
  body #content .page#price .container section small .mask {
    display: inline-block;
  }
  /* line 1077, ../../../../src/page/top/css/_pc.scss */
  body #content .page#contact h3 {
    font-family: 'Nexa' , sans-serif;
    font-size: 35px;
    margin: 0 0 24px 0;
  }
  /* line 1082, ../../../../src/page/top/css/_pc.scss */
  body #content .page#contact p {
    text-align: center;
    font-size: 13px;
    line-height: 1.9;
    margin: 0 0 45px 0;
  }
  /* line 1087, ../../../../src/page/top/css/_pc.scss */
  body #content .page#contact p.notice {
    margin: 0 0 17px 0;
    box-sizing: border-box;
    padding: 0 0 0 330px;
    text-align: left;
  }
  /* line 1092, ../../../../src/page/top/css/_pc.scss */
  body #content .page#contact p.notice small {
    color: red;
  }
  /* line 1097, ../../../../src/page/top/css/_pc.scss */
  body #content .page#contact .form_group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 37px 0;
    align-items: center;
    align-content: center;
  }
  /* line 1104, ../../../../src/page/top/css/_pc.scss */
  body #content .page#contact .form_group.item_top {
    align-items: flex-start;
    align-content: flex-start;
  }
  /* line 1108, ../../../../src/page/top/css/_pc.scss */
  body #content .page#contact .form_group label {
    font-size: 13px;
    width: 236px;
    text-align: left;
  }
  /* line 1112, ../../../../src/page/top/css/_pc.scss */
  body #content .page#contact .form_group label span {
    color: red;
  }
  /* line 1117, ../../../../src/page/top/css/_pc.scss */
  body #content .page#contact .submit_area {
    display: inline-block;
    background: black;
    color: white;
    width: 222px;
    height: 56px;
    position: relative;
    margin: 0 0 80px 0;
  }
  /* line 1127, ../../../../src/page/top/css/_pc.scss */
  body #content .page#contact .submit_area:hover .btn_anim .path {
    animation: path_draw 666ms ease-out 0ms forwards;
  }
  /* line 1128, ../../../../src/page/top/css/_pc.scss */
  body #content .page#contact .submit_area:hover .btn_anim .path_1 {
    animation: path_draw 666ms ease-out 0ms forwards;
  }
  /* line 1131, ../../../../src/page/top/css/_pc.scss */
  body #content .page#contact .submit_area input {
    display: inline;
    background: none;
    color: white;
    line-height: 56px;
    display: block;
    width: 100%;
    position: relative;
    z-index: 10;
  }
  /* line 1141, ../../../../src/page/top/css/_pc.scss */
  body #content .page#contact .submit_area .btn_anim {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* line 1148, ../../../../src/page/top/css/_pc.scss */
  body #content .page#contact .submit_area .btn_anim .inner {
    width: 27px;
    position: relative;
    float: right;
    margin: 17px 13px 0 0;
  }
  /* line 1154, ../../../../src/page/top/css/_pc.scss */
  body #content .page#contact .submit_area .btn_anim .path {
    stroke-dasharray: 29 31;
    stroke-dashoffset: 30;
  }
  /* line 1155, ../../../../src/page/top/css/_pc.scss */
  body #content .page#contact .submit_area .btn_anim .path_1 {
    stroke-dasharray: 22 24;
    stroke-dashoffset: 23;
  }
  /* line 1158, ../../../../src/page/top/css/_pc.scss */
  body #content .page#contact .form {
    float: left;
    width: 100%;
    position: relative;
    float: left;
    width: 815px;
    margin: 0 0 0 92.5px;
    text-align: center;
  }
  /* line 1165, ../../../../src/page/top/css/_pc.scss */
  body #content .page#contact .form input[type="text"], body #content .page#contact .form input[type="password"], body #content .page#contact .form input[type="number"], body #content .page#contact .form input[type="email"], body #content .page#contact .form input[type="tel"], body #content .page#contact .form textarea {
    border: none;
    background: white;
    position: relative;
    padding: 0 0 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #cccccc;
    width: 578px;
    height: 42px;
    font-size: 1.05em;
  }
  /* line 1178, ../../../../src/page/top/css/_pc.scss */
  body #content .page#contact .form textarea {
    padding: 10px 12px;
    line-height: 1.8;
    height: 120px;
  }
  /* line 1183, ../../../../src/page/top/css/_pc.scss */
  body #content .page#contact .form input::placeholder {
    color: #cccccc;
  }
  /* line 1186, ../../../../src/page/top/css/_pc.scss */
  body #content .page#contact .form .select_c {
    position: relative;
    width: 578px;
  }
  /* line 1189, ../../../../src/page/top/css/_pc.scss */
  body #content .page#contact .form .select_c select {
    float: left;
    width: 100%;
    border: 1px solid #cccccc;
    height: 50px;
    font-size: 1.05em;
    padding: 0 0 0 19px;
    background: white;
  }
  /* line 1199, ../../../../src/page/top/css/_pc.scss */
  body #content .page#contact .form .select_c select.passive {
    background: #e5e5e5;
  }
  /* line 1203, ../../../../src/page/top/css/_pc.scss */
  body #content .page#contact .form .select_c:before {
    content: "";
    display: block;
    width: 12px;
    height: 18px;
    background: url(../../../cmn/img/select.svg) no-repeat center center;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    top: 16px;
    right: 11px;
  }
  /* line 1221, ../../../../src/page/top/css/_pc.scss */
  body #float {
    position: fixed;
    width: 100%;
    height: 100vh;
    float: left;
    z-index: 500;
    display: none;
  }
  /* line 1228, ../../../../src/page/top/css/_pc.scss */
  body #float .close {
    width: 2vw;
    height: 2vw;
    display: block;
    position: absolute;
    cursor: pointer;
    margin: 0 auto 20px auto;
    top: 1.5vw;
    right: 2vw;
    z-index: 2000;
  }
  /* line 1238, ../../../../src/page/top/css/_pc.scss */
  body #float .close span, body #float .close:before, body #float .close:after {
    position: absolute;
    width: 100%;
    height: 3px;
    background: white;
    content: "";
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    transition-timing-function: cubic-bezier(0.43, 0.12, 0.35, 0.98);
  }
  /* line 1246, ../../../../src/page/top/css/_pc.scss */
  body #float .close span {
    width: 130%;
  }
  /* line 1249, ../../../../src/page/top/css/_pc.scss */
  body #float .close:before {
    width: 130%;
    top: 1vw;
    left: 0vw;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  /* line 1255, ../../../../src/page/top/css/_pc.scss */
  body #float .close:after {
    width: 130%;
    top: 1vw;
    left: 0vw;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  /* line 1263, ../../../../src/page/top/css/_pc.scss */
  body #float .box {
    position: relative;
    overflow: hidden;
    width: 100%;
    float: left;
    z-index: 1000;
    width: 76%;
    margin: 2vw 12%;
    height: 38vw;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: transparent;
  }
  /* line 1274, ../../../../src/page/top/css/_pc.scss */
  body #float .box #float_scroll {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    height: 38vw;
    background: white;
  }
  /* line 1281, ../../../../src/page/top/css/_pc.scss */
  body #float .box #float_scroll .content {
    width: 100%;
    float: left;
    position: relative;
  }
  /* line 1289, ../../../../src/page/top/css/_pc.scss */
  body #float .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    float: left;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
  }
  /* line 1298, ../../../../src/page/top/css/_pc.scss */
  body #float .iScrollIndicator {
    background: white !important;
  }
}
/*color*/
/*anim*/
/*size*/
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
@media screen and (max-width: 767px) {
  /*debug
  
  body{
  	background: url(../img/_guide_sp_menu.jpg) no-repeat top center;
  	background-size: 100% auto;
      background-position: 0px 0;
  	#header{
  		@include opacity(0.6);
  	}
  	#wrapper{
  		@include opacity(0.6);
  	}
  	#top{
  		height: 898px;
  	}
  	#footer{
  		@include opacity(0.6);
  	}
  	#recruit{
  		.img_area{
  		    height: 552px !important;
  		}
  	}
  }
  */
  /* line 33, ../../../../src/page/top/css/_sp.scss */
  html {
    height: 100%;
  }

  /* line 36, ../../../../src/page/top/css/_sp.scss */
  body {
    height: 100%;
    overflow: hidden;
  }
  /* line 39, ../../../../src/page/top/css/_sp.scss */
  body #header {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 1;
  }
  /* line 42, ../../../../src/page/top/css/_sp.scss */
  body #header.passive {
    opacity: 0;
  }
  /* line 48, ../../../../src/page/top/css/_sp.scss */
  body .cursor,
  body .follower {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    posinter-events: none;
  }
  /* line 57, ../../../../src/page/top/css/_sp.scss */
  body .cursor {
    width: 18px;
    height: 18px;
    background-color: #000;
    z-index: 10001;
    display: none;
    display: none !important;
  }
  /* line 66, ../../../../src/page/top/css/_sp.scss */
  body .follower {
    width: 18px;
    height: 18px;
    background: black;
    z-index: 10000;
    display: none !important;
  }
  /* line 73, ../../../../src/page/top/css/_sp.scss */
  body .follower.doll {
    width: 32px;
    height: 43px;
    background: url(../img/doll.gif) no-repeat;
    background-size: 100% auto;
    border-radius: 0%;
  }
  /* line 79, ../../../../src/page/top/css/_sp.scss */
  body .follower.doll.fixed {
    background: url(../img/doll.png) no-repeat;
    background-size: 224px auto;
    background-position: 0 0 !important;
  }
  /* line 87, ../../../../src/page/top/css/_sp.scss */
  body .mask {
    display: inline-block;
    position: relative;
    overflow: hidden;
  }
  /* line 92, ../../../../src/page/top/css/_sp.scss */
  body .mask.open:before {
    -webkit-animation: mask1 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask1 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask1 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 95, ../../../../src/page/top/css/_sp.scss */
  body .mask.open:after {
    -webkit-animation: mask2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 100, ../../../../src/page/top/css/_sp.scss */
  body .mask.close:before {
    left: auto;
    right: 0;
    -webkit-animation: mask1_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask1_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask1_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 105, ../../../../src/page/top/css/_sp.scss */
  body .mask.close:after {
    -webkit-animation: mask2_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask2_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask2_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 109, ../../../../src/page/top/css/_sp.scss */
  body .mask:before {
    content: "";
    display: block;
    background: black;
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -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 121, ../../../../src/page/top/css/_sp.scss */
  body .mask:after {
    content: "";
    display: block;
    background: #e6e6e2;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
  }
  /* line 134, ../../../../src/page/top/css/_sp.scss */
  body #wrapper {
    height: 100%;
  }
  /* line 136, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main {
    height: 100%;
  }
  /* line 139, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#opening {
    background: #e6e6e2;
    height: 100%;
    position: relative;
  }
  /* line 143, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#opening .video {
    position: absolute;
    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%);
    overflow: hidden;
  }
  /* line 149, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#opening .video video {
    width: 100%;
    height: 100%;
  }
  /* line 153, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#opening .video .inner {
    position: relative;
    margin: 0 auto;
    width: 100%;
  }
  /* line 157, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#opening .video .inner:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/cover.png) no-repeat;
    z-index: 5;
    background-size: contain;
  }
  /* line 172, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#top {
    background: #e6e6e2;
    height: 100%;
  }
  /* line 175, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#top .area {
    width: 100%;
    height: 100%;
  }
  /* line 179, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#top #map_container {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 14.6vw 13px 13px 13px;
  }
  /* line 184, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#top #map_container .map_area {
    width: 100%;
    height: 100%;
    position: relative;
  }
  /* line 190, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#top #map {
    width: 100%;
    height: 100%;
    transform-origin: bottom center;
    -webkit-transition: all 1.0s;
    transition: all 1.0s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 195, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#top #map.close {
    transform: rotateX(90deg) translate3d(0px, 0px, 90px);
  }
  /* line 199, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#top #target {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    transform-origin: bottom center;
    -webkit-transition: all 1.0s;
    transition: all 1.0s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    transform: rotateX(90deg) translate3d(0px, 0px, 90px);
  }
  /* line 209, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#top #target #target_area {
    width: 100%;
    height: 100%;
    position: relative;
  }
  /* line 214, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#top #target #svg_target_area {
    display: inline-block;
    transform-origin: top left;
    transform: rotate(-90deg) translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
  }
  /* line 222, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#top #target #ov_target_area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* line 229, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#top #target #ov_target {
    transform-origin: top left;
    transform: rotate(-90deg) translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
  }
  /* line 235, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#top #target #ov_target .inner {
    width: 100%;
    height: 100%;
    margin: 0;
    position: relative;
  }
  /* line 241, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#top #target #ov_target .icon_you, body #wrapper #main section#top #target #ov_target .icon_gs {
    position: absolute;
    width: 14.13333vw;
    transform: rotate(90deg) translate(-40%, 28%);
  }
  /* line 246, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#top #target #ov_target .icon {
    position: absolute;
    width: 12vw;
    transform: rotate(90deg) translate(-40%, 28%);
    z-index: 10;
  }
  /* line 252, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#top #target #ov_target .icon img {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  /* line 258, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#top #target #ov_target .icon.open img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
  /* line 265, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#top #target.open {
    transform: rotateX(0deg) translate3d(0px, 0px, 0px);
  }
  /* line 274, ../../../../src/page/top/css/_sp.scss */
  body #content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 500;
    background: #e6e6e2;
    box-sizing: border-box;
    padding: 14.6vw 13px 13px 13px;
  }
  /* line 283, ../../../../src/page/top/css/_sp.scss */
  body #content #pages {
    float: left;
    background: #e6e6e2;
  }
  /* line 287, ../../../../src/page/top/css/_sp.scss */
  body #content .inner {
    width: 100%;
    margin: 0;
  }
  /* line 291, ../../../../src/page/top/css/_sp.scss */
  body #content .btn_contents_close {
    position: absolute;
    top: 2.66667vw;
    left: 2.53333vw;
    width: 5.46667vw;
  }
  /* line 297, ../../../../src/page/top/css/_sp.scss */
  body #content .container {
    width: 96%;
    margin: 0 auto;
  }
  /* line 301, ../../../../src/page/top/css/_sp.scss */
  body #content .nav {
    background: #AAAAA5;
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 22.93333vw;
  }
  /* line 310, ../../../../src/page/top/css/_sp.scss */
  body #content .nav .container {
    width: 89vw;
  }
  /* line 313, ../../../../src/page/top/css/_sp.scss */
  body #content .nav.fixed {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  /* line 320, ../../../../src/page/top/css/_sp.scss */
  body #content .nav.fixed.open {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    top: 14.6vw;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  /* line 325, ../../../../src/page/top/css/_sp.scss */
  body #content .nav.fixed.passive {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  /* line 330, ../../../../src/page/top/css/_sp.scss */
  body #content .nav .box {
    float: left;
    width: 100%;
    position: relative;
  }
  /* line 335, ../../../../src/page/top/css/_sp.scss */
  body #content .nav ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    position: relative;
    margin: 5vw 0 0 5%;
    width: 90%;
  }
  /* line 343, ../../../../src/page/top/css/_sp.scss */
  body #content .nav ul:before {
    content: "";
    display: block;
    width: 88%;
    height: 1px;
    background: #d6d6d1;
    position: absolute;
    left: 5%;
    bottom: 1.7vw;
  }
  /* line 353, ../../../../src/page/top/css/_sp.scss */
  body #content .nav ul:after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: black;
    position: absolute;
    left: 5%;
    bottom: 1.7vw;
  }
  /* line 364, ../../../../src/page/top/css/_sp.scss */
  body #content .nav ul.about:after {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    width: 17%;
  }
  /* line 370, ../../../../src/page/top/css/_sp.scss */
  body #content .nav ul.case:after {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    width: 35%;
  }
  /* line 376, ../../../../src/page/top/css/_sp.scss */
  body #content .nav ul.price:after {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    width: 53%;
  }
  /* line 382, ../../../../src/page/top/css/_sp.scss */
  body #content .nav ul.contact:after {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation: contact_anim_sp 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    -moz-animation: contact_anim_sp 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    animation: contact_anim_sp 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 389, ../../../../src/page/top/css/_sp.scss */
  body #content .nav ul.gs:after {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    width: 88%;
  }
  /* line 394, ../../../../src/page/top/css/_sp.scss */
  body #content .nav ul li {
    position: relative;
    top: -2vw;
    width: 10vw;
  }
  /* line 398, ../../../../src/page/top/css/_sp.scss */
  body #content .nav ul li:nth-of-type(1) {
    top: -0.5vw;
  }
  /* line 401, ../../../../src/page/top/css/_sp.scss */
  body #content .nav ul li:nth-of-type(6) {
    top: -0.5vw;
  }
  /* line 404, ../../../../src/page/top/css/_sp.scss */
  body #content .nav ul li a {
    width: 13vw;
    margin: 0 0 0 -2.5vw;
    cursor: pointer;
    display: block;
  }
  /* line 413, ../../../../src/page/top/css/_sp.scss */
  body #content .page {
    float: left;
    width: 100%;
  }
  /* line 416, ../../../../src/page/top/css/_sp.scss */
  body #content .page.fixed {
    padding: 22.93333vw 0 0 0;
  }
  /* line 419, ../../../../src/page/top/css/_sp.scss */
  body #content .page.current {
    z-index: 10;
  }
  /* line 422, ../../../../src/page/top/css/_sp.scss */
  body #content .page .container {
    text-align: center;
    padding: 6vw 0 6vw 0;
    position: relative;
  }
  /* line 429, ../../../../src/page/top/css/_sp.scss */
  body #content .page#about .container section {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 18vw 0;
    text-align: left;
    position: relative;
  }
  /* line 436, ../../../../src/page/top/css/_sp.scss */
  body #content .page#about .container section .ttl {
    float: left;
    width: 15.2vw;
    position: relative;
    z-index: 10;
  }
  /* line 442, ../../../../src/page/top/css/_sp.scss */
  body #content .page#about .container section .ttl h3 .cir {
    width: 100%;
    width: 13.33333vw;
    height: 13.33333vw;
    background: black;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    overflow: hidden;
  }
  /* line 453, ../../../../src/page/top/css/_sp.scss */
  body #content .page#about .container section .ttl h3 .cir span {
    color: white;
    font-size: 4.26667vw;
    font-weight: bold;
  }
  /* line 461, ../../../../src/page/top/css/_sp.scss */
  body #content .page#about .container section .text {
    float: left;
    width: 73vw;
  }
  /* line 466, ../../../../src/page/top/css/_sp.scss */
  body #content .page#about .container section.intro .text {
    padding-top: 1.5vw;
  }
  /* line 469, ../../../../src/page/top/css/_sp.scss */
  body #content .page#about .container section.intro p {
    float: left;
    clear: both;
    width: auto;
    font-size: 3.46667vw;
    line-height: 2.5;
    margin: 0 0 9vw 0;
  }
  /* line 477, ../../../../src/page/top/css/_sp.scss */
  body #content .page#about .container section.intro .copy {
    font-size: 4.26667vw;
    font-weight: bold;
    margin: 0 0 5vw -1vw;
    letter-spacing: 0.3vw;
  }
  /* line 486, ../../../../src/page/top/css/_sp.scss */
  body #content .page#about .container section.company .cir img {
    width: 2.93333vw;
  }
  /* line 490, ../../../../src/page/top/css/_sp.scss */
  body #content .page#about .container section.company .text {
    margin-top: 1vw;
  }
  /* line 493, ../../../../src/page/top/css/_sp.scss */
  body #content .page#about .container section.company dl {
    display: block;
    font-size: 3.2vw;
    line-height: 2;
    letter-spacing: 0.5vw;
    margin-bottom: 3.2vw;
  }
  /* line 499, ../../../../src/page/top/css/_sp.scss */
  body #content .page#about .container section.company dl dt {
    width: 100%;
  }
  /* line 502, ../../../../src/page/top/css/_sp.scss */
  body #content .page#about .container section.company dl dd {
    width: 100%;
  }
  /* line 509, ../../../../src/page/top/css/_sp.scss */
  body #content .page#about .container section.profile .cir img {
    width: 100%;
  }
  /* line 513, ../../../../src/page/top/css/_sp.scss */
  body #content .page#about .container section.profile .text {
    padding: 1vw 0 0 0;
  }
  /* line 515, ../../../../src/page/top/css/_sp.scss */
  body #content .page#about .container section.profile .text p {
    float: left;
    width: 100%;
    font-size: 3.2vw;
    line-height: 2;
  }
  /* line 521, ../../../../src/page/top/css/_sp.scss */
  body #content .page#about .container section.profile .text .name {
    font-size: 3.73333vw;
    font-weight: bold;
    margin: 0 0 3px 0;
  }
  /* line 525, ../../../../src/page/top/css/_sp.scss */
  body #content .page#about .container section.profile .text .name span {
    display: inline-block;
    font-size: 2.13333vw;
    margin: 0 0 0 1vw;
    letter-spacing: 0.1vw;
  }
  /* line 532, ../../../../src/page/top/css/_sp.scss */
  body #content .page#about .container section.profile .text .pos {
    font-size: 2.13333vw;
    margin-bottom: 3vw;
  }
  /* line 540, ../../../../src/page/top/css/_sp.scss */
  body #content .page#about .container section.mail .cir img {
    width: 3.6vw;
  }
  /* line 544, ../../../../src/page/top/css/_sp.scss */
  body #content .page#about .container section.mail .text {
    padding: 2vw 0 0 0;
  }
  /* line 546, ../../../../src/page/top/css/_sp.scss */
  body #content .page#about .container section.mail .text .mask {
    height: 7vw;
  }
  /* line 549, ../../../../src/page/top/css/_sp.scss */
  body #content .page#about .container section.mail .text a {
    font-family: 'Nexa' , sans-serif;
    font-size: 4.26667vw;
    display: inline-block;
    position: relative;
    letter-spacing: 0.1vw;
  }
  /* line 555, ../../../../src/page/top/css/_sp.scss */
  body #content .page#about .container section.mail .text a:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: black;
    position: absolute;
    left: 0;
    bottom: -1vw;
  }
  /* line 569, ../../../../src/page/top/css/_sp.scss */
  body #content .page#about .container .bar {
    display: block;
    width: 2px;
    background: black;
    position: absolute;
    left: 6.5vw;
    top: 0;
    height: 100%;
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    transform-origin: top center;
    -webkit-transition: all 1.0s;
    transition: all 1.0s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 580, ../../../../src/page/top/css/_sp.scss */
  body #content .page#about .container .bar.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 588, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container .pages {
    width: 100%;
    margin: 0;
  }
  /* line 591, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container .pages a {
    width: 100%;
    position: relative;
    line-height: 0;
    margin-bottom: 40px;
    display: block;
  }
  /* line 598, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container .pages a.close:before {
    left: auto;
    right: 0;
    -webkit-animation: mask1_c2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask1_c2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask1_c2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 604, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container .pages a:before {
    content: "";
    display: block;
    background: black;
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -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 616, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container .pages a .name {
    line-height: 1;
    position: absolute;
    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%);
    color: white;
    font-size: 6.13333vw;
    font-family: 'Nexa' , sans-serif;
    text-align: center;
    z-index: 1;
    width: 100%;
  }
  /* line 631, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container .case_page {
    width: 100%;
    margin: 0;
  }
  /* line 634, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container .case_page .kv {
    width: 100%;
    position: relative;
    line-height: 0;
    margin-bottom: 5vw;
    float: left;
  }
  /* line 640, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container .case_page .kv p {
    line-height: 1;
    position: absolute;
    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%);
    color: white;
    font-size: 6.13333vw;
    font-family: 'Nexa' , sans-serif;
    text-align: center;
    z-index: 1;
    width: 100%;
  }
  /* line 654, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container .case_page .kv.open:before {
    width: 100%;
    -webkit-animation: mask1_2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask1_2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask1_2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 658, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container .case_page .kv.open:after {
    -webkit-animation: mask2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 663, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container .case_page .kv.close:before {
    left: auto;
    right: 0;
    -webkit-animation: mask1_c2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask1_c2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask1_c2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 669, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container .case_page .kv:before {
    content: "";
    display: block;
    background: black;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -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 681, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container .case_page .kv:after {
    content: "";
    display: block;
    background: #e6e6e2;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
  }
  /* line 692, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container .case_page .case_nav {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 0 17.2vw 2%;
    width: 96%;
  }
  /* line 699, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container .case_page .case_nav li {
    width: 41.6vw;
  }
  /* line 701, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container .case_page .case_nav li a {
    display: block;
    position: relative;
    height: 16vw;
    overflow: hidden;
  }
  /* line 706, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container .case_page .case_nav li a > img {
    height: 16vw;
    width: auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  /* line 713, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container .case_page .case_nav li a .arr {
    position: absolute;
    top: 50%;
    left: auto;
    right: 2.26667vw;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 4.13333vw;
    height: auto;
  }
  /* line 722, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container .case_page .case_nav li a .name {
    display: block;
    line-height: 1;
    position: absolute;
    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%);
    color: white;
    font-size: 2.93333vw;
    font-family: 'Nexa' , sans-serif;
    text-align: center;
    z-index: 1;
    width: 100%;
  }
  /* line 740, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container section {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 18vw 0;
    text-align: left;
    position: relative;
    width: 100%;
  }
  /* line 748, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container section .img {
    width: 71vw;
    float: right;
    margin: 0 3vw 4vw 0;
    position: relative;
    line-height: 0;
    overflow: hidden;
  }
  /* line 756, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container section .img.open .inner {
    width: 100%;
  }
  /* line 761, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container section .img.close:before {
    left: auto;
    right: 0;
    -webkit-animation: mask1_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask1_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask1_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 766, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container section .img.close:after {
    -webkit-animation: mask2_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask2_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask2_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 770, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container section .img:before {
    content: "";
    display: block;
    background: black;
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -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 782, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container section .img:after {
    content: "";
    display: block;
    background: #e6e6e2;
    opacity: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
  }
  /* line 793, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container section .img .inner {
    margin: 0;
    width: 0%;
    position: relative;
    float: left;
    overflow: hidden;
    -webkit-transition: all 1.2s;
    transition: all 1.2s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 804, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container section .img img {
    width: 71vw;
  }
  /* line 806, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container section .img img.ov {
    position: absolute;
    top: 0;
    left: 0;
  }
  /* line 813, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container section .ttl {
    float: left;
    width: 15.2vw;
    position: relative;
    z-index: 10;
  }
  /* line 819, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container section .ttl h3 .cir {
    width: 100%;
    width: 13.33333vw;
    height: 13.33333vw;
    background: black;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    overflow: hidden;
    text-align: center;
  }
  /* line 831, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container section .ttl h3 .cir span {
    color: white;
    font-size: 1.86667vw;
    font-weight: bold;
    text-align: center;
  }
  /* line 840, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container section .text {
    float: left;
    width: 73vw;
  }
  /* line 844, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container section.item {
    position: relative;
    z-index: 10;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 848, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container section.item .text {
    padding-top: 4vw;
  }
  /* line 851, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container section.item p {
    float: left;
    font-size: 3.2vw;
    line-height: 2;
    width: 96%;
    letter-spacing: 0.25vw;
    margin: 0 0 4vw 0;
  }
  /* line 859, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container section.item .copy {
    font-size: 4.26667vw;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.1vw;
    margin: 0 0 3vw 0;
    position: relative;
    z-index: 3;
    overflow: hidden;
    width: auto;
  }
  /* line 870, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container section.item .copy.open:before {
    -webkit-animation: mask1 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask1 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask1 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 873, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container section.item .copy.open:after {
    -webkit-animation: mask2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask2 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 878, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container section.item .copy.close:before {
    left: auto;
    right: 0;
    -webkit-animation: mask1_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask1_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask1_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 883, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container section.item .copy.close:after {
    -webkit-animation: mask2_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: mask2_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    animation: mask2_c 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 887, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container section.item .copy:before {
    content: "";
    display: block;
    background: black;
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -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 899, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container section.item .copy:after {
    content: "";
    display: block;
    background: #e6e6e2;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
  }
  /* line 913, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container .bar {
    display: block;
    width: 2px;
    background: black;
    position: absolute;
    left: 6.5vw;
    top: 0;
    height: 100%;
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    transform-origin: top center;
    -webkit-transition: all 1.0s;
    transition: all 1.0s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 924, ../../../../src/page/top/css/_sp.scss */
  body #content .page#case .container .bar.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 932, ../../../../src/page/top/css/_sp.scss */
  body #content .page#price .container .slide_container {
    width: 90%;
    margin: 7vw 0 0 5%;
  }
  /* line 935, ../../../../src/page/top/css/_sp.scss */
  body #content .page#price .container .slide_container .slide {
    width: 100%;
  }
  /* line 938, ../../../../src/page/top/css/_sp.scss */
  body #content .page#price .container .slide_container li {
    float: left;
    width: 100%;
    outline: none;
    box-sizing: border-box;
    padding: 0 0 0 0;
  }
  /* line 945, ../../../../src/page/top/css/_sp.scss */
  body #content .page#price .container .slide_container li.slick-current .item {
    opacity: 1 !important;
  }
  /* line 949, ../../../../src/page/top/css/_sp.scss */
  body #content .page#price .container .slide_container li .kv {
    width: 100%;
    float: left;
    position: relative;
    line-height: 0;
    margin-bottom: 6vw;
  }
  /* line 955, ../../../../src/page/top/css/_sp.scss */
  body #content .page#price .container .slide_container li .kv .video {
    overflow: hidden;
    height: 20vw;
    width: 100%;
    margin: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  /* line 962, ../../../../src/page/top/css/_sp.scss */
  body #content .page#price .container .slide_container li .kv .video.open {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  /* line 966, ../../../../src/page/top/css/_sp.scss */
  body #content .page#price .container .slide_container li .kv .inner {
    position: relative;
    height: 20vw;
  }
  /* line 969, ../../../../src/page/top/css/_sp.scss */
  body #content .page#price .container .slide_container li .kv .inner:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/cover.png) no-repeat;
    z-index: 5;
    background-size: 100% 100%;
  }
  /* line 981, ../../../../src/page/top/css/_sp.scss */
  body #content .page#price .container .slide_container li .kv .inner video {
    width: 110%;
    margin: -4vw 0 0 -5%;
  }
  /* line 986, ../../../../src/page/top/css/_sp.scss */
  body #content .page#price .container .slide_container li .kv p {
    line-height: 1;
    position: absolute;
    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%);
    color: white;
    font-size: 60px;
    font-family: 'Nexa' , sans-serif;
    text-align: center;
    z-index: 1;
    width: 100%;
  }
  /* line 1002, ../../../../src/page/top/css/_sp.scss */
  body #content .page#price .container section {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 26.66667vw 0;
    text-align: left;
    position: relative;
    width: 100%;
    margin: -4vw 0 0 0;
    z-index: 10;
  }
  /* line 1012, ../../../../src/page/top/css/_sp.scss */
  body #content .page#price .container section h3 {
    width: 100%;
    text-align: center;
    font-size: 6.4vw;
    font-weight: bold;
    margin: 0 0 4vw 0;
  }
  /* line 1019, ../../../../src/page/top/css/_sp.scss */
  body #content .page#price .container section p {
    font-size: 3.46667vw;
    line-height: 1.8;
    letter-spacing: 0.2vw;
    margin: 0;
    width: 100%;
    margin: 0 0 2vw 0;
  }
  /* line 1027, ../../../../src/page/top/css/_sp.scss */
  body #content .page#price .container section small {
    font-size: 2.93333vw;
    line-height: 1.8;
    letter-spacing: 0.2vw;
    margin: 0;
    width: 100%;
  }
  /* line 1038, ../../../../src/page/top/css/_sp.scss */
  body #content .page#contact .container {
    width: 87%;
  }
  /* line 1041, ../../../../src/page/top/css/_sp.scss */
  body #content .page#contact h3 {
    font-family: 'Nexa' , sans-serif;
    font-size: 6.4vw;
    margin: 6vw 0 4.93333vw 0;
  }
  /* line 1046, ../../../../src/page/top/css/_sp.scss */
  body #content .page#contact p {
    text-align: center;
    font-size: 3.46667vw;
    line-height: 1.9;
    margin: 0 0 11vw 0;
  }
  /* line 1051, ../../../../src/page/top/css/_sp.scss */
  body #content .page#contact p.notice {
    margin: 0 0 6vw 0;
    box-sizing: border-box;
    text-align: left;
  }
  /* line 1055, ../../../../src/page/top/css/_sp.scss */
  body #content .page#contact p.notice small {
    font-size: 2.93333vw;
    color: red;
  }
  /* line 1061, ../../../../src/page/top/css/_sp.scss */
  body #content .page#contact .form_group {
    float: left;
    width: 100%;
    margin: 0 0 9vw 0;
  }
  /* line 1065, ../../../../src/page/top/css/_sp.scss */
  body #content .page#contact .form_group.item_top {
    align-items: flex-start;
    align-content: flex-start;
  }
  /* line 1069, ../../../../src/page/top/css/_sp.scss */
  body #content .page#contact .form_group label {
    font-size: 3.46667vw;
    width: 100%;
    text-align: left;
    display: block;
    margin: 0 0 1.5vw 0;
  }
  /* line 1075, ../../../../src/page/top/css/_sp.scss */
  body #content .page#contact .form_group label span {
    color: red;
  }
  /* line 1080, ../../../../src/page/top/css/_sp.scss */
  body #content .page#contact .submit_area {
    display: inline-block;
    background: black;
    color: white;
    width: 50%;
    height: 9.2vw;
    position: relative;
    margin: 0 0 8vw 0;
  }
  /* line 1088, ../../../../src/page/top/css/_sp.scss */
  body #content .page#contact .submit_area input {
    display: inline;
    background: none;
    color: white;
    line-height: 9.2vw;
    font-size: 3.46667vw;
    display: block;
    width: 100%;
    position: relative;
    z-index: 10;
  }
  /* line 1099, ../../../../src/page/top/css/_sp.scss */
  body #content .page#contact .submit_area .btn_anim {
    width: 4.13333vw;
    display: block;
    position: absolute;
    top: 50%;
    right: 2vw;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  /* line 1106, ../../../../src/page/top/css/_sp.scss */
  body #content .page#contact .submit_area .btn_anim .path {
    stroke-dasharray: 29 31;
    stroke-dashoffset: 0;
  }
  /* line 1107, ../../../../src/page/top/css/_sp.scss */
  body #content .page#contact .submit_area .btn_anim .path_1 {
    stroke-dasharray: 22 24;
    stroke-dashoffset: 0;
  }
  /* line 1110, ../../../../src/page/top/css/_sp.scss */
  body #content .page#contact .form {
    float: left;
    width: 100%;
    position: relative;
  }
  /* line 1113, ../../../../src/page/top/css/_sp.scss */
  body #content .page#contact .form input[type="text"], body #content .page#contact .form input[type="password"], body #content .page#contact .form input[type="number"], body #content .page#contact .form input[type="email"], body #content .page#contact .form input[type="tel"], body #content .page#contact .form textarea {
    border: none;
    background: white;
    position: relative;
    padding: 0 0 0 4vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #cccccc;
    float: left;
    width: 100%;
    height: 14vw;
    font-size: 3.46667vw;
  }
  /* line 1127, ../../../../src/page/top/css/_sp.scss */
  body #content .page#contact .form textarea {
    padding: 10px 12px;
    line-height: 1.8;
    height: 29.33333vw;
  }
  /* line 1132, ../../../../src/page/top/css/_sp.scss */
  body #content .page#contact .form input::placeholder {
    color: #cccccc;
  }
  /* line 1136, ../../../../src/page/top/css/_sp.scss */
  body #content .page#contact .form .select_c {
    position: relative;
    width: 100%;
    float: left;
  }
  /* line 1140, ../../../../src/page/top/css/_sp.scss */
  body #content .page#contact .form .select_c select {
    float: left;
    width: 100%;
    border: 1px solid #cccccc;
    height: 14vw;
    font-size: 4vw;
    padding: 0 0 0 4vw;
    background: white;
  }
  /* line 1150, ../../../../src/page/top/css/_sp.scss */
  body #content .page#contact .form .select_c select.passive {
    background: #e5e5e5;
  }
  /* line 1154, ../../../../src/page/top/css/_sp.scss */
  body #content .page#contact .form .select_c:before {
    content: "";
    display: block;
    width: 6px;
    height: 19px;
    background: url(../../../cmn/img/select.svg) no-repeat center center;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    top: 16px;
    right: 11px;
  }
  /* line 1172, ../../../../src/page/top/css/_sp.scss */
  body #float {
    position: fixed;
    width: 100%;
    height: 100vh;
    float: left;
    z-index: 500;
    display: none;
  }
  /* line 1179, ../../../../src/page/top/css/_sp.scss */
  body #float .close {
    width: 2vw;
    height: 2vw;
    display: block;
    position: absolute;
    cursor: pointer;
    margin: 0 auto 3% auto;
    top: 1.5vw;
    right: 2vw;
    z-index: 2000;
  }
  /* line 1189, ../../../../src/page/top/css/_sp.scss */
  body #float .close span, body #float .close:before, body #float .close:after {
    position: absolute;
    width: 100%;
    height: 3px;
    background: white;
    content: "";
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    transition-timing-function: cubic-bezier(0.43, 0.12, 0.35, 0.98);
  }
  /* line 1197, ../../../../src/page/top/css/_sp.scss */
  body #float .close span {
    width: 130%;
  }
  /* line 1200, ../../../../src/page/top/css/_sp.scss */
  body #float .close:before {
    width: 130%;
    top: 1vw;
    left: 0vw;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  /* line 1206, ../../../../src/page/top/css/_sp.scss */
  body #float .close:after {
    width: 130%;
    top: 1vw;
    left: 0vw;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  /* line 1214, ../../../../src/page/top/css/_sp.scss */
  body #float .box {
    position: relative;
    overflow: hidden;
    width: 100%;
    float: left;
    z-index: 1000;
    width: 76%;
    margin: 2vw 12%;
    height: 38vw;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: transparent;
  }
  /* line 1225, ../../../../src/page/top/css/_sp.scss */
  body #float .box #float_scroll {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    height: 38vw;
    background: white;
  }
  /* line 1232, ../../../../src/page/top/css/_sp.scss */
  body #float .box #float_scroll .content {
    width: 100%;
    float: left;
    position: relative;
  }
  /* line 1240, ../../../../src/page/top/css/_sp.scss */
  body #float .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    float: left;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
  }
  /* line 1249, ../../../../src/page/top/css/_sp.scss */
  body #float .iScrollIndicator {
    background: white !important;
  }
}