@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), print {
  /*debug
  body{
  	background: url(../img/_guide.jpg) no-repeat top center;
  	background-size: 100% auto;
      background-position: 0px 0;
  	#header{
  		@include opacity(0.6);
  	}
  	#wrapper{
  		@include opacity(0.6);
  	}
  	#footer{
  		@include opacity(0.6);
  	}
  }
  */
  /* line 24, ../../../../src/page/top/css/_pc.scss */
  body #wrapper {
    padding: 0;
  }
  /* line 27, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #top .slide {
    height: 100vh;
  }
  /* line 29, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #top .slide .dummy {
    display: none;
  }
  /* line 32, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #top .slide .parts_imgbox {
    height: 100vh;
  }
  /* line 35, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #top .slide .item {
    overflow: hidden;
    background: white;
  }
  /* line 39, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #top .slide ul, body #wrapper #top .slide li {
    height: 100vh;
  }
  /* line 41, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #top .slide ul iframe, body #wrapper #top .slide li iframe {
    position: absolute;
  }
  /* line 44, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #top .slide ul .set, body #wrapper #top .slide li .set {
    height: 100vh;
    position: relative;
  }
  /* line 47, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #top .slide ul .set .img, body #wrapper #top .slide li .set .img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 52, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #top .slide ul .set .img.open, body #wrapper #top .slide li .set .img.open {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  /* line 61, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #top .slide ul .set .copy, body #wrapper #top .slide li .set .copy {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  /* line 68, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #top .slide ul .set .copy.open, body #wrapper #top .slide li .set .copy.open {
    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);
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 76, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #top .slide ul .set .copy.openfirst, body #wrapper #top .slide li .set .copy.openfirst {
    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);
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 87, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #top .slide .copy {
    position: absolute;
    z-index: 10;
    font-size: 3.2vw;
    line-height: 1.5;
    font-family: "SourceHanSansJPBold", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
    float: left;
  }
  /* line 94, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #top .slide .copy.color_w {
    color: white;
  }
  /* line 97, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #top .slide .copy.color_b {
    color: #17d8fc;
  }
  /* line 100, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #top .slide .copy.layout_a {
    width: 100%;
    text-align: center;
    left: 0;
    top: 4vw;
  }
  /* line 106, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #top .slide .copy.layout_b {
    left: 11vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  /* line 111, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #top .slide .copy.layout_c {
    width: 100%;
    text-align: center;
    left: 0;
    top: 10vw;
  }
  /* line 117, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #top .slide .copy.layout_d {
    left: 11vw;
    bottom: 13vw;
  }
  /* line 121, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #top .slide .copy.layout_e {
    left: 29vw;
    top: 6vw;
  }
  /* line 127, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #top .parts_slide_nav {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  /* line 131, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #top .sns_area {
    position: fixed;
    top: 2.6vw;
    right: 1.8vw;
    z-index: 100;
  }
  /* line 136, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #top .sns_area ul {
    float: left;
  }
  /* line 139, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #top .sns_area li {
    float: left;
    margin: 0 0.7vw;
  }
  /* line 142, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #top .sns_area li a {
    color: #17d8fc;
    font-size: 1.3vw;
  }
  /* line 150, ../../../../src/page/top/css/_pc.scss */
  body #header {
    position: fixed;
    top: auto;
    bottom: 0;
  }
  /* line 155, ../../../../src/page/top/css/_pc.scss */
  body #footer {
    display: none;
  }
}
/*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: url(../img/_guide_spmenu.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 32, ../../../../src/page/top/css/_sp.scss */
  body #wrapper {
    padding: 0;
  }
  /* line 35, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #top .slide {
    height: 100vh;
  }
  /* line 37, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #top .slide .dummy {
    display: none;
  }
  /* line 40, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #top .slide .parts_imgbox {
    height: 100vh;
  }
  /* line 43, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #top .slide .item {
    overflow: hidden;
    background: white;
  }
  /* line 47, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #top .slide ul, body #wrapper #top .slide li {
    height: 100vh;
  }
  /* line 49, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #top .slide ul .set, body #wrapper #top .slide li .set {
    height: 100vh;
    position: relative;
  }
  /* line 52, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #top .slide ul .set .img, body #wrapper #top .slide li .set .img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 57, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #top .slide ul .set .img.open, body #wrapper #top .slide li .set .img.open {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  /* line 66, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #top .slide ul .set .copy, body #wrapper #top .slide li .set .copy {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  /* line 73, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #top .slide ul .set .copy.open, body #wrapper #top .slide li .set .copy.open {
    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);
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 81, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #top .slide ul .set .copy.openfirst, body #wrapper #top .slide li .set .copy.openfirst {
    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);
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 92, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #top .slide .copy {
    position: absolute;
    z-index: 10;
    font-size: 8vw;
    line-height: 1.3;
    font-family: "SourceHanSansJPBold", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
    float: left;
  }
  /* line 99, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #top .slide .copy.color_w {
    color: white;
  }
  /* line 102, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #top .slide .copy.color_b {
    color: #17d8fc;
  }
  /* line 105, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #top .slide .copy.layout_a {
    top: 18vw;
    left: 11%;
  }
  /* line 109, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #top .slide .copy.layout_b {
    top: 33vw;
    left: 11%;
    width: 78%;
  }
  /* line 115, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #top .slide .parts_slide_nav {
    position: absolute;
    z-index: 10;
    width: 10vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  /* line 123, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #top .sns {
    position: fixed;
    top: 2.6vw;
    right: 1.8vw;
    z-index: 100;
  }
  /* line 128, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #top .sns li {
    float: left;
    margin: 0 0.7vw;
  }
  /* line 131, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #top .sns li a {
    color: #17d8fc;
    font-size: 1.3vw;
  }
  /* line 139, ../../../../src/page/top/css/_sp.scss */
  body #footer {
    display: none;
  }
}