@charset "UTF-8";
/*color*/
/*size*/
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
@media screen and (min-width: 768px) {
  /* line 5, ../../../../src/page/top/css/_pc.scss */
  body {
    width: 100%;
  }
  /* line 7, ../../../../src/page/top/css/_pc.scss */
  body .bg1 {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    margin: 0 42.5%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition-duration: 0.15s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 23, ../../../../src/page/top/css/_pc.scss */
  body .bg2 {
    position: fixed;
    transform: rotate(60deg) scale(1.1);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    height: 153%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  /* line 37, ../../../../src/page/top/css/_pc.scss */
  body .bg2 img {
    width: 73.7692%;
    height: auto;
    margin: 0 auto;
  }
  /* line 43, ../../../../src/page/top/css/_pc.scss */
  body .bg3 {
    position: fixed;
    width: 45.5vw;
    margin: 0 0 0 27vw;
    transform: rotateY(180deg);
    opacity: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  /* line 55, ../../../../src/page/top/css/_pc.scss */
  body #main {
    float: left;
    width: 100%;
  }
  /* line 57, ../../../../src/page/top/css/_pc.scss */
  body #main h1 {
    font-family: "Barlow Condensed";
    font-size: 5.3vw;
  }
  /* line 61, ../../../../src/page/top/css/_pc.scss */
  body #main #fv {
    float: left;
    width: 87.7%;
    margin: 0 0 0 6vw;
    position: relative;
  }
  /* line 65, ../../../../src/page/top/css/_pc.scss */
  body #main #fv .fv_inner {
    width: 15vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 5vw;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  /* line 77, ../../../../src/page/top/css/_pc.scss */
  body #main #fv .fv_inner .logo {
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
  /* line 82, ../../../../src/page/top/css/_pc.scss */
  body #main #fv .fv_inner .fix_logo {
    width: 100%;
    margin: 0 auto;
    margin-top: 2.5vw;
  }
  /* line 88, ../../../../src/page/top/css/_pc.scss */
  body #main #fv .scroll {
    width: 2.5vw;
    height: 5.8vw;
    margin: 0 auto;
    font-size: 1.1vw;
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -o-writing-mode: vertical-rl;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  /* line 102, ../../../../src/page/top/css/_pc.scss */
  body #main #fv .scroll p {
    font-family: "Barlow Condensed";
  }
  /* line 106, ../../../../src/page/top/css/_pc.scss */
  body #main #fv .scroll .line_frame .line {
    position: relative;
    width: 1.5px;
    background: black;
    -webkit-animation: scroll 2s ease-out infinite;
    -moz-animation: scroll 2s ease-out infinite;
    animation: scroll 2s ease-out infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 115, ../../../../src/page/top/css/_pc.scss */
  body #main #work_pw {
    position: relative;
    width: 100%;
    float: left;
    text-align: center;
    height: 30vw;
    z-index: 3;
    margin: -40vw 0 0 0px;
    justify-content: center;
    display: flex;
  }
  /* line 125, ../../../../src/page/top/css/_pc.scss */
  body #main #work_pw .box {
    width: 30vw;
    height: 12vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
  }
  /* line 132, ../../../../src/page/top/css/_pc.scss */
  body #main #work_pw .box input {
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    appearance: none;
    -webkit-appearance: none;
    color: black;
    border: 1px solid black;
    background: white;
    height: 3.5vw;
    line-height: 3.5vw;
    width: 17.5vw;
    box-sizing: border-box;
    padding: 0 1vw;
    font-size: 1.1vw;
  }
  /* line 150, ../../../../src/page/top/css/_pc.scss */
  body #main #work_pw .box a {
    font-size: 1.1vw;
    background: black;
    display: block;
    height: 3.5vw;
    line-height: 3.5vw;
    text-align: center;
    color: white;
    width: 11vw;
    font-family: "Barlow Condensed";
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  /* line 164, ../../../../src/page/top/css/_pc.scss */
  body #main #work_pw .box a:hover {
    background: white;
    color: black;
  }
  /* line 171, ../../../../src/page/top/css/_pc.scss */
  body #main #work {
    float: left;
    width: 100%;
    height: 60vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
  }
  /* line 181, ../../../../src/page/top/css/_pc.scss */
  body #main #work h1 {
    margin: 6.5vw 0 0 -57.2vw;
    letter-spacing: 0.06em;
    position: relative;
  }
  /* line 185, ../../../../src/page/top/css/_pc.scss */
  body #main #work h1:after {
    content: "閲覧パスワードは contact よりお問い合わせください。";
    font-family: 'Noto Sans JP',sans-serif;
    display: block;
    position: absolute;
    top: 1vw;
    left: 12vw;
    font-size: 1.1vw;
    line-height: 1.9;
    width: 38vw;
  }
  /* line 197, ../../../../src/page/top/css/_pc.scss */
  body #main #work .swiper-container {
    width: 65vw;
    margin: 5.3vw 0 0 -6vw;
    overflow: visible;
    filter: blur(10px);
    position: relative;
  }
  /* line 205, ../../../../src/page/top/css/_pc.scss */
  body #main #work .swiper-container.ie .swiper-wrapper {
    visibility: hidden;
  }
  /* line 209, ../../../../src/page/top/css/_pc.scss */
  body #main #work .swiper-container.ie.open .swiper-wrapper {
    visibility: visible;
  }
  /* line 214, ../../../../src/page/top/css/_pc.scss */
  body #main #work .swiper-container.open {
    filter: blur(0px);
  }
  /* line 217, ../../../../src/page/top/css/_pc.scss */
  body #main #work .swiper-container .swiper-slide {
    display: inline-block;
    position: relative;
  }
  /* line 222, ../../../../src/page/top/css/_pc.scss */
  body #main #work .swiper-container .swiper-slide .box {
    position: relative;
    margin: 0 0 0 3vw;
  }
  /* line 225, ../../../../src/page/top/css/_pc.scss */
  body #main #work .swiper-container .swiper-slide .box:before {
    content: "";
    width: 2vw;
    height: 13vw;
    display: inline-block;
    background-image: url(/bin/page/top/img/movie_wrap_pc.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -0.8vw;
    left: -1.5vw;
    transform: rotate(180deg);
  }
  /* line 238, ../../../../src/page/top/css/_pc.scss */
  body #main #work .swiper-container .swiper-slide .box:after {
    content: "";
    width: 2vw;
    height: 13vw;
    display: inline-block;
    background-image: url(/bin/page/top/img/movie_wrap_pc.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -0.8vw;
    right: -1.5vw;
  }
  /* line 251, ../../../../src/page/top/css/_pc.scss */
  body #main #work .swiper-container .swiper-slide span {
    position: relative;
    font-size: 1vw;
    width: 70%;
    text-align: center;
    left: 0;
    display: block;
    margin: 0.6vw auto 0 auto;
    line-height: 1.4;
  }
  /* line 261, ../../../../src/page/top/css/_pc.scss */
  body #main #work .swiper-container .swiper-slide small {
    position: relative;
    font-size: 0.8vw;
    width: 100%;
    text-align: center;
    display: block;
  }
  /* line 268, ../../../../src/page/top/css/_pc.scss */
  body #main #work .swiper-container .swiper-slide.cs {
    background-image: url(../../../../bin/page/top/img/dummy.png);
  }
  /* line 270, ../../../../src/page/top/css/_pc.scss */
  body #main #work .swiper-container .swiper-slide.cs a {
    cursor: default;
  }
  /* line 274, ../../../../src/page/top/css/_pc.scss */
  body #main #work .swiper-container .swiper-slide .work_list {
    box-sizing: border-box;
    display: block;
    cursor: default;
    background-size: cover;
    background-position: center center;
  }
  /* line 280, ../../../../src/page/top/css/_pc.scss */
  body #main #work .swiper-container .swiper-slide .work_list img {
    width: 6vw;
    padding: 2.7vw 6.3vw;
    visibility: hidden;
  }
  /* line 288, ../../../../src/page/top/css/_pc.scss */
  body #main #work .swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: -1vw;
    z-index: 50;
    height: 5px;
    width: 27%;
  }
  /* line 296, ../../../../src/page/top/css/_pc.scss */
  body #main #work .fix_logo {
    width: 11vw;
    margin: 17.2vw 0 0 0;
  }
  /* line 301, ../../../../src/page/top/css/_pc.scss */
  body #main #company {
    float: left;
    width: 100%;
    position: relative;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  /* line 309, ../../../../src/page/top/css/_pc.scss */
  body #main #company .company_inner {
    float: left;
    width: 87.7%;
  }
  /* line 311, ../../../../src/page/top/css/_pc.scss */
  body #main #company .company_inner h1 {
    color: white;
    margin: 10vw 0 0 13vw;
    width: 18vw;
  }
  /* line 316, ../../../../src/page/top/css/_pc.scss */
  body #main #company .company_inner .box {
    float: left;
    width: 31.5vw;
    margin: 5vw 0 0 13vw;
    display: inline-block;
    height: auto;
  }
  /* line 321, ../../../../src/page/top/css/_pc.scss */
  body #main #company .company_inner .box p {
    color: white;
    font-size: 1.1vw;
    line-height: 1.9;
    text-align: left;
    position: relative;
  }
  /* line 327, ../../../../src/page/top/css/_pc.scss */
  body #main #company .company_inner .box p span {
    margin: 0;
    position: absolute;
    left: 8.5vw;
  }
  /* line 341, ../../../../src/page/top/css/_pc.scss */
  body #main #company .company_inner .box:nth-child(3) {
    width: 27.5vw;
    margin: 5vw 0 0 3vw;
  }
  /* line 346, ../../../../src/page/top/css/_pc.scss */
  body #main #company .company_inner .pos {
    float: left;
    width: 42.5vw;
    margin: 5vw 0 0 13vw;
    display: inline-block;
    height: auto;
  }
  /* line 351, ../../../../src/page/top/css/_pc.scss */
  body #main #company .company_inner .pos p {
    display: flex;
    color: white;
    font-size: 1.1vw;
    line-height: 1.9;
    text-align: left;
    position: relative;
  }
  /* line 358, ../../../../src/page/top/css/_pc.scss */
  body #main #company .company_inner .pos p span {
    display: inline-block;
    font-size: 0.9vw;
  }
  /* line 361, ../../../../src/page/top/css/_pc.scss */
  body #main #company .company_inner .pos p span:nth-of-type(1) {
    width: 14vw;
  }
  /* line 364, ../../../../src/page/top/css/_pc.scss */
  body #main #company .company_inner .pos p span:nth-of-type(2) {
    width: 28vw;
  }
  /* line 370, ../../../../src/page/top/css/_pc.scss */
  body #main #company .company_inner .map {
    position: relative;
    float: left;
    width: 15.3vw;
    text-align: center;
    margin-top: 2.8vw;
    margin-left: 4vw;
    font-family: "Barlow Condensed";
  }
  /* line 377, ../../../../src/page/top/css/_pc.scss */
  body #main #company .company_inner .map span {
    position: absolute;
    top: 0.16vw;
    left: 0.1vw;
    width: 1px;
    height: 3.3vw;
    background-color: white;
  }
  /* line 384, ../../../../src/page/top/css/_pc.scss */
  body #main #company .company_inner .map span.back {
    left: 15.2vw;
  }
  /* line 386, ../../../../src/page/top/css/_pc.scss */
  body #main #company .company_inner .map span.back:before, body #main #company .company_inner .map span.back:after {
    left: -0.99vw;
  }
  /* line 390, ../../../../src/page/top/css/_pc.scss */
  body #main #company .company_inner .map span:before, body #main #company .company_inner .map span:after {
    content: "";
    width: 1vw;
    height: 1px;
    display: block;
    background: white;
    position: absolute;
  }
  /* line 398, ../../../../src/page/top/css/_pc.scss */
  body #main #company .company_inner .map span:before {
    top: 0;
    left: 0;
  }
  /* line 402, ../../../../src/page/top/css/_pc.scss */
  body #main #company .company_inner .map span:after {
    top: 3.3vw;
  }
  /* line 406, ../../../../src/page/top/css/_pc.scss */
  body #main #company .company_inner .map a {
    display: block;
    padding: 0.9vw 0;
    color: white;
  }
  /* line 410, ../../../../src/page/top/css/_pc.scss */
  body #main #company .company_inner .map a p {
    font-family: "Barlow Condensed";
    font-size: 2.1vw;
  }
  /* line 415, ../../../../src/page/top/css/_pc.scss */
  body #main #company .company_inner .map:hover {
    -webkit-animation: bg2 0.4s ease-out 1 forwards;
    -moz-animation: bg2 0.4s ease-out 1 forwards;
    animation: bg2 0.4s ease-out 1 forwards;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0.4s;
  }
  /* line 418, ../../../../src/page/top/css/_pc.scss */
  body #main #company .company_inner .map:hover a {
    -webkit-animation: txt2 0.4s ease-out 1 forwards;
    -moz-animation: txt2 0.4s ease-out 1 forwards;
    animation: txt2 0.4s ease-out 1 forwards;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0.8s;
  }
  /* line 423, ../../../../src/page/top/css/_pc.scss */
  body #main #company .company_inner .map:hover .front:before {
    -webkit-animation: btn1 0.4s ease-out 1 forwards;
    -moz-animation: btn1 0.4s ease-out 1 forwards;
    animation: btn1 0.4s ease-out 1 forwards;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 428, ../../../../src/page/top/css/_pc.scss */
  body #main #company .company_inner .map:hover .back:after {
    -webkit-animation: btn2 0.4s ease-out 1 forwards;
    -moz-animation: btn2 0.4s ease-out 1 forwards;
    animation: btn2 0.4s ease-out 1 forwards;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 434, ../../../../src/page/top/css/_pc.scss */
  body #main #company .company_inner .fix_logo {
    width: 11vw;
    margin: 32vw auto 0 auto;
  }
  /* line 440, ../../../../src/page/top/css/_pc.scss */
  body #main #contact {
    position: relative;
    float: left;
    width: 100%;
    height: 100vh;
    margin-top: 20vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-bottom: 5vw;
  }
  /* line 452, ../../../../src/page/top/css/_pc.scss */
  body #main #contact .contact_inner {
    float: left;
    width: 87.7%;
    display: flex;
    flex-wrap: wrap;
  }
  /* line 456, ../../../../src/page/top/css/_pc.scss */
  body #main #contact .contact_inner h1 {
    margin: auto;
    width: 15vw;
    margin-top: 11vw;
    width: 100%;
    text-align: center;
  }
  /* line 463, ../../../../src/page/top/css/_pc.scss */
  body #main #contact .contact_inner .left {
    width: 50%;
  }
  /* line 466, ../../../../src/page/top/css/_pc.scss */
  body #main #contact .contact_inner .txt {
    width: 60vw;
    margin: auto;
    margin-top: 7.3vw;
    font-size: 1.1vw;
    line-height: 2;
    text-align: center;
    width: 100%;
    margin-top: 5vw;
  }
  /* line 476, ../../../../src/page/top/css/_pc.scss */
  body #main #contact .contact_inner .info {
    position: relative;
    width: 16vw;
    margin: 0 auto;
    margin-top: 2vw;
    font-size: 1.4vw;
    text-align: center;
  }
  /* line 483, ../../../../src/page/top/css/_pc.scss */
  body #main #contact .contact_inner .info span {
    position: absolute;
    top: 0.2vw;
    left: 0;
    width: 1px;
    height: 3.5vw;
    background-color: black;
  }
  /* line 490, ../../../../src/page/top/css/_pc.scss */
  body #main #contact .contact_inner .info span.back {
    left: 15.9vw;
  }
  /* line 492, ../../../../src/page/top/css/_pc.scss */
  body #main #contact .contact_inner .info span.back:before, body #main #contact .contact_inner .info span.back:after {
    left: -0.92vw;
  }
  /* line 496, ../../../../src/page/top/css/_pc.scss */
  body #main #contact .contact_inner .info span:before, body #main #contact .contact_inner .info span:after {
    content: "";
    width: 1vw;
    height: 1px;
    display: block;
    background: black;
    position: absolute;
  }
  /* line 504, ../../../../src/page/top/css/_pc.scss */
  body #main #contact .contact_inner .info span:before {
    top: 0;
    left: 0;
  }
  /* line 508, ../../../../src/page/top/css/_pc.scss */
  body #main #contact .contact_inner .info span:after {
    top: 3.5vw;
  }
  /* line 512, ../../../../src/page/top/css/_pc.scss */
  body #main #contact .contact_inner .info a {
    display: block;
    font-family: "Barlow Condensed";
    padding: 1vw 0;
    color: black;
  }
  /* line 518, ../../../../src/page/top/css/_pc.scss */
  body #main #contact .contact_inner .info:hover {
    -webkit-animation: bg 0.4s ease-out 1 forwards;
    -moz-animation: bg 0.4s ease-out 1 forwards;
    animation: bg 0.4s ease-out 1 forwards;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0.4s;
  }
  /* line 521, ../../../../src/page/top/css/_pc.scss */
  body #main #contact .contact_inner .info:hover a {
    -webkit-animation: txt 0.4s ease-out 1 forwards;
    -moz-animation: txt 0.4s ease-out 1 forwards;
    animation: txt 0.4s ease-out 1 forwards;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0.8s;
  }
  /* line 526, ../../../../src/page/top/css/_pc.scss */
  body #main #contact .contact_inner .info:hover .front:before {
    -webkit-animation: btn1 0.4s ease-out 1 forwards;
    -moz-animation: btn1 0.4s ease-out 1 forwards;
    animation: btn1 0.4s ease-out 1 forwards;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 531, ../../../../src/page/top/css/_pc.scss */
  body #main #contact .contact_inner .info:hover .back:after {
    -webkit-animation: btn2 0.4s ease-out 1 forwards;
    -moz-animation: btn2 0.4s ease-out 1 forwards;
    animation: btn2 0.4s ease-out 1 forwards;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 537, ../../../../src/page/top/css/_pc.scss */
  body #main #contact .contact_inner .right {
    width: 50%;
    padding-top: 5vw;
  }
  /* line 540, ../../../../src/page/top/css/_pc.scss */
  body #main #contact .contact_inner .right p {
    text-align: left;
    position: relative;
    font-size: 1vw;
    line-height: 1.6;
    width: 75%;
  }
  /* line 547, ../../../../src/page/top/css/_pc.scss */
  body #main #contact .contact_inner .right small {
    text-align: left;
    position: relative;
    font-size: 0.8vw;
    line-height: 1.5;
    display: block;
  }
  /* line 555, ../../../../src/page/top/css/_pc.scss */
  body #main #contact .contact_inner .fix_logo {
    width: 11vw;
    margin: 10vw 0 0 38.5vw;
  }
  /* line 562, ../../../../src/page/top/css/_pc.scss */
  body #reel {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2000;
    float: left;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
  }
  /* line 571, ../../../../src/page/top/css/_pc.scss */
  body #reel .bg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 3000;
    float: left;
    top: 0;
    left: 0;
    z-index: 5;
    cursor: pointer;
  }
  /* line 582, ../../../../src/page/top/css/_pc.scss */
  body #reel .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 800px;
    height: 607.5px;
    z-index: 10;
  }
  /* line 592, ../../../../src/page/top/css/_pc.scss */
  body #reel .inner i {
    float: right;
    font-size: 2em;
    margin: 0 0 1em 0;
  }
  /* line 597, ../../../../src/page/top/css/_pc.scss */
  body #reel .inner iframe {
    width: 100%;
    height: 607.5px;
    float: left;
  }
  /* line 603, ../../../../src/page/top/css/_pc.scss */
  body #reel .close {
    width: 85px;
    height: 85px;
    float: right;
    position: absolute;
    text-align: center;
    cursor: pointer;
    top: -60px;
    right: -60px;
    z-index: 5003;
  }
  /* line 616, ../../../../src/page/top/css/_pc.scss */
  body #reel .close .bar {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
  }
  /* line 621, ../../../../src/page/top/css/_pc.scss */
  body #reel .close .bar span {
    background: white;
    width: 30px;
    height: 2px;
    float: left;
    display: block;
    position: absolute;
    top: 50%;
    left: 28px;
    content: "";
    margin: -13px 0 0 0;
    -webkit-transform: rotate(45deg) translate(7px, 7px);
    -moz-transform: rotate(45deg) translate(7px, 7px);
    -ms-transform: rotate(45deg) translate(7px, 7px);
    -o-transform: rotate(45deg) translate(7px, 7px);
    transform: rotate(45deg) translate(7px, 7px);
  }
  /* line 635, ../../../../src/page/top/css/_pc.scss */
  body #reel .close .bar:after {
    background: white;
    width: 30px;
    height: 2px;
    float: left;
    display: block;
    position: absolute;
    top: 50%;
    left: 30px;
    content: "";
    margin: 7px 0 0 0;
    -webkit-transform: rotate(-45deg) translate(6px, -8px);
    -moz-transform: rotate(-45deg) translate(6px, -8px);
    -ms-transform: rotate(-45deg) translate(6px, -8px);
    -o-transform: rotate(-45deg) translate(6px, -8px);
    transform: rotate(-45deg) translate(6px, -8px);
  }
  /* line 650, ../../../../src/page/top/css/_pc.scss */
  body #reel .close .t {
    display: inline-block;
    position: absolute;
    top: 57px;
    left: 25px;
  }
  /* line 657, ../../../../src/page/top/css/_pc.scss */
  body #reel .close:hover .bar {
    -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);
  }
}
@media screen and (max-width: 1024px) {
  /* line 666, ../../../../src/page/top/css/_pc.scss */
  body .bg2 {
    height: 100%;
  }
}
@media all and (-ms-high-contrast: none) {
  /* line 671, ../../../../src/page/top/css/_pc.scss */
  body .bg1 {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition-duration: 0.15s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    width: 14.5vw;
    height: 17vw;
  }
  /* line 683, ../../../../src/page/top/css/_pc.scss */
  body .bg1 img {
    height: 100%;
  }

  /* line 687, ../../../../src/page/top/css/_pc.scss */
  body .bg2 {
    width: 100%;
  }

  /* line 690, ../../../../src/page/top/css/_pc.scss */
  body .bg3 {
    display: block;
    top: 8vw;
    right: 0;
    left: 0;
  }

  /* line 696, ../../../../src/page/top/css/_pc.scss */
  body #main #fv .fv_inner {
    top: 12vw;
  }

  /* line 699, ../../../../src/page/top/css/_pc.scss */
  body footer .footer_inner small {
    transform: rotate(0.0001deg);
    outline: 1px solid transparent;
  }
}
/*color*/
/*size*/
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
@media screen and (max-width: 767px) {
  /* line 6, ../../../../src/page/top/css/_sp.scss */
  body .bg1 {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    width: 36vw;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition-duration: 0.15s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  /* line 21, ../../../../src/page/top/css/_sp.scss */
  body .bg1 img {
    width: 97%;
    margin: auto;
  }
  /* line 26, ../../../../src/page/top/css/_sp.scss */
  body .bg2 {
    position: fixed;
    transform: rotate(60deg);
    opacity: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  /* line 36, ../../../../src/page/top/css/_sp.scss */
  body .bg2 img {
    width: 123%;
  }
  /* line 40, ../../../../src/page/top/css/_sp.scss */
  body .bg3 {
    position: fixed;
    width: 88vw;
    margin: 0 0 0 6vw;
    transform: rotateY(180deg);
    opacity: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  /* line 52, ../../../../src/page/top/css/_sp.scss */
  body #main {
    width: 100%;
  }
  /* line 54, ../../../../src/page/top/css/_sp.scss */
  body #main h1 {
    font-family: "Barlow Condensed";
    font-size: 9.5vw;
  }
  /* line 58, ../../../../src/page/top/css/_sp.scss */
  body #main #fv {
    float: left;
    width: 100%;
    position: relative;
  }
  /* line 61, ../../../../src/page/top/css/_sp.scss */
  body #main #fv .fv_inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: fixed;
    top: -47vw;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  /* line 73, ../../../../src/page/top/css/_sp.scss */
  body #main #fv .fv_inner .logo {
    width: 38%;
    margin: 0 auto;
    margin-top: 65vw;
    position: relative;
  }
  /* line 79, ../../../../src/page/top/css/_sp.scss */
  body #main #fv .fv_inner .fix_logo {
    width: 33vw;
    margin-top: 13vw;
  }
  /* line 84, ../../../../src/page/top/css/_sp.scss */
  body #main #fv .scroll {
    width: 5vw;
    height: 13vw;
    margin: 0 auto;
    font-size: 3.2vw;
    writing-mode: vertical-rl;
    overflow: hidden;
    margin-top: 33vw;
    position: absolute;
    bottom: 8vw;
    left: 0;
    right: 0;
  }
  /* line 96, ../../../../src/page/top/css/_sp.scss */
  body #main #fv .scroll p {
    font-family: "Barlow Condensed";
    margin: 0.6vw 0 0 0.6vw;
  }
  /* line 101, ../../../../src/page/top/css/_sp.scss */
  body #main #fv .scroll .line_frame .line {
    position: relative;
    width: 1.1px;
    background: black;
    -webkit-animation: scroll 2s ease-out infinite;
    -moz-animation: scroll 2s ease-out infinite;
    animation: scroll 2s ease-out infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 110, ../../../../src/page/top/css/_sp.scss */
  body #main #work_pw {
    position: relative;
    width: 100%;
    float: left;
    text-align: center;
    height: 12vw;
    z-index: 3;
    margin: -90vw 0 0 0px;
    justify-content: center;
    display: flex;
  }
  /* line 120, ../../../../src/page/top/css/_sp.scss */
  body #main #work_pw .box {
    width: 73%;
    height: 9vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
  }
  /* line 127, ../../../../src/page/top/css/_sp.scss */
  body #main #work_pw .box input {
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    appearance: none;
    -webkit-appearance: none;
    color: black;
    border: 1px solid black;
    background: white;
    height: 9vw;
    line-height: 9vw;
    width: 38vw;
    box-sizing: border-box;
    padding: 0 1vw;
    font-size: 3vw;
  }
  /* line 145, ../../../../src/page/top/css/_sp.scss */
  body #main #work_pw .box a {
    font-size: 3vw;
    background: black;
    display: block;
    height: 9vw;
    line-height: 9vw;
    text-align: center;
    color: white;
    width: 30vw;
    font-family: "Barlow Condensed";
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  /* line 162, ../../../../src/page/top/css/_sp.scss */
  body #main #work {
    float: left;
    width: 100%;
    height: 170vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
  }
  /* line 171, ../../../../src/page/top/css/_sp.scss */
  body #main #work h1 {
    margin: -13vw 72vw 0 0;
    position: relative;
  }
  /* line 174, ../../../../src/page/top/css/_sp.scss */
  body #main #work h1:after {
    content: "閲覧パスワードは contact よりお問い合わせください。";
    font-family: 'Noto Sans JP',sans-serif;
    display: block;
    position: absolute;
    top: 1vw;
    left: 18vw;
    font-size: 2.5vw;
    line-height: 1.9;
    width: 75vw;
  }
  /* line 186, ../../../../src/page/top/css/_sp.scss */
  body #main #work .swiper-container {
    width: 72%;
    margin: 10vw 0 0 -14vw;
    overflow: visible;
    width: 82vw;
    margin: 10vw 0 0 -4vw;
    overflow: visible;
    filter: blur(8px);
  }
  /* line 194, ../../../../src/page/top/css/_sp.scss */
  body #main #work .swiper-container.open {
    filter: blur(0px);
  }
  /* line 197, ../../../../src/page/top/css/_sp.scss */
  body #main #work .swiper-container .swiper-slide {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    margin: 0 0 0 0;
  }
  /* line 202, ../../../../src/page/top/css/_sp.scss */
  body #main #work .swiper-container .swiper-slide .box {
    position: relative;
    background-size: cover;
    background-position: center center;
    margin: 0 5vw 0 0;
  }
  /* line 207, ../../../../src/page/top/css/_sp.scss */
  body #main #work .swiper-container .swiper-slide .box:before {
    content: "";
    width: 3vw;
    height: 25vw;
    display: inline-block;
    background-image: url(/bin/page/top/img/movie_wrap.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -2.2vw;
    left: -2vw;
    transform: rotate(180deg);
  }
  /* line 220, ../../../../src/page/top/css/_sp.scss */
  body #main #work .swiper-container .swiper-slide .box:after {
    content: "";
    width: 3vw;
    height: 25vw;
    display: inline-block;
    background-image: url(/bin/page/top/img/movie_wrap.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -2.2vw;
    right: -2.1vw;
  }
  /* line 233, ../../../../src/page/top/css/_sp.scss */
  body #main #work .swiper-container .swiper-slide span {
    position: relative;
    display: block;
    font-size: 1vw;
    text-align: center;
    left: 0;
    font-size: 2.6vw;
    line-height: 1.6;
    margin: 1vw 0 1vw 5%;
    width: 90%;
  }
  /* line 244, ../../../../src/page/top/css/_sp.scss */
  body #main #work .swiper-container .swiper-slide small {
    position: relative;
    display: block;
    font-size: 0.8vw;
    width: 100%;
    text-align: center;
    line-height: 1.6;
    font-size: 2.5vw;
    line-height: 1.6;
  }
  /* line 254, ../../../../src/page/top/css/_sp.scss */
  body #main #work .swiper-container .swiper-slide.cs {
    background-image: url(../../../../bin/page/top/img/dummy.png);
  }
  /* line 256, ../../../../src/page/top/css/_sp.scss */
  body #main #work .swiper-container .swiper-slide.cs a {
    cursor: default;
  }
  /* line 260, ../../../../src/page/top/css/_sp.scss */
  body #main #work .swiper-container .swiper-slide .work_list {
    display: block;
    background-size: cover;
    background-position: center center;
  }
  /* line 264, ../../../../src/page/top/css/_sp.scss */
  body #main #work .swiper-container .swiper-slide .work_list img {
    padding: 5.3vw 12.7vw;
    display: block;
    box-sizing: border-box;
    visibility: hidden;
  }
  /* line 273, ../../../../src/page/top/css/_sp.scss */
  body #main #work .swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: -2%;
    bottom: -7vw;
    z-index: 50;
    height: 3px;
    width: 36%;
  }
  /* line 283, ../../../../src/page/top/css/_sp.scss */
  body #main #company {
    position: relative;
    float: left;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  /* line 291, ../../../../src/page/top/css/_sp.scss */
  body #main #company .bg {
    width: 100%;
    position: relative;
  }
  /* line 295, ../../../../src/page/top/css/_sp.scss */
  body #main #company .company_inner {
    width: 100%;
  }
  /* line 297, ../../../../src/page/top/css/_sp.scss */
  body #main #company .company_inner h1 {
    color: white;
    margin: 0 auto;
    width: 32vw;
  }
  /* line 302, ../../../../src/page/top/css/_sp.scss */
  body #main #company .company_inner .box {
    margin: 10.9vw 0 0 10vw;
  }
  /* line 304, ../../../../src/page/top/css/_sp.scss */
  body #main #company .company_inner .box p {
    color: white;
    font-size: 3vw;
    line-height: 1.9;
    text-align: left;
    position: relative;
  }
  /* line 310, ../../../../src/page/top/css/_sp.scss */
  body #main #company .company_inner .box p span {
    position: absolute;
    left: 23.5vw;
  }
  /* line 313, ../../../../src/page/top/css/_sp.scss */
  body #main #company .company_inner .box p span a {
    display: inline-block;
    color: white;
  }
  /* line 320, ../../../../src/page/top/css/_sp.scss */
  body #main #company .company_inner .box p:nth-child(2) span a, body #main #company .company_inner .box p:nth-child(3) span a {
    display: inline-block;
    color: white;
  }
  /* line 328, ../../../../src/page/top/css/_sp.scss */
  body #main #company .company_inner .box p:nth-child(5) span a {
    display: inline-block;
    color: white;
  }
  /* line 335, ../../../../src/page/top/css/_sp.scss */
  body #main #company .company_inner .box:nth-child(3) {
    text-indent: -1em;
    margin-top: 4.5vw;
  }
  /* line 340, ../../../../src/page/top/css/_sp.scss */
  body #main #company .company_inner .pos {
    margin: 5.5vw 0 0 10vw;
    width: 80vw;
  }
  /* line 343, ../../../../src/page/top/css/_sp.scss */
  body #main #company .company_inner .pos p {
    line-height: 1.9;
    text-align: left;
    position: relative;
    margin-bottom: 2vw;
  }
  /* line 348, ../../../../src/page/top/css/_sp.scss */
  body #main #company .company_inner .pos p span {
    display: inline-block;
    font-size: 2.5vw;
    color: white;
  }
  /* line 352, ../../../../src/page/top/css/_sp.scss */
  body #main #company .company_inner .pos p span:nth-of-type(1) {
    width: 100%;
  }
  /* line 355, ../../../../src/page/top/css/_sp.scss */
  body #main #company .company_inner .pos p span:nth-of-type(2) {
    width: 100%;
  }
  /* line 361, ../../../../src/page/top/css/_sp.scss */
  body #main #company .company_inner .map {
    position: relative;
    float: left;
    width: 39%;
    text-align: center;
    margin-top: 3vw;
    margin-left: 31vw;
  }
  /* line 367, ../../../../src/page/top/css/_sp.scss */
  body #main #company .company_inner .map span {
    position: absolute;
    top: 2.7vw;
    left: 1.4vw;
    width: 0.3vw;
    height: 8.5vw;
    background-color: white;
  }
  /* line 374, ../../../../src/page/top/css/_sp.scss */
  body #main #company .company_inner .map span.back {
    left: 37vw;
  }
  /* line 376, ../../../../src/page/top/css/_sp.scss */
  body #main #company .company_inner .map span.back:before, body #main #company .company_inner .map span.back:after {
    left: -2.5vw;
  }
  /* line 380, ../../../../src/page/top/css/_sp.scss */
  body #main #company .company_inner .map span:before, body #main #company .company_inner .map span:after {
    content: "";
    width: 2.8vw;
    height: 0.3vw;
    display: block;
    background: white;
    position: absolute;
  }
  /* line 388, ../../../../src/page/top/css/_sp.scss */
  body #main #company .company_inner .map span:before {
    top: -0.3vw;
    left: 0;
  }
  /* line 392, ../../../../src/page/top/css/_sp.scss */
  body #main #company .company_inner .map span:after {
    top: 8.5vw;
  }
  /* line 396, ../../../../src/page/top/css/_sp.scss */
  body #main #company .company_inner .map a {
    display: block;
    padding: 5vw 0;
    color: white;
  }
  /* line 400, ../../../../src/page/top/css/_sp.scss */
  body #main #company .company_inner .map a p {
    font-family: "Barlow Condensed";
    font-size: 4.5vw;
  }
  /* line 408, ../../../../src/page/top/css/_sp.scss */
  body #main #contact {
    position: relative;
    float: left;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
  }
  /* line 417, ../../../../src/page/top/css/_sp.scss */
  body #main #contact .sp_credit {
    font-family: "Barlow Condensed";
    font-size: 2.5vw;
    position: absolute;
    bottom: 12vw;
    letter-spacing: 0.2em;
  }
  /* line 425, ../../../../src/page/top/css/_sp.scss */
  body #main #contact .contact_inner h1 {
    width: 26vw;
    margin: 0 auto;
  }
  /* line 429, ../../../../src/page/top/css/_sp.scss */
  body #main #contact .contact_inner .txt {
    width: 65vw;
    margin: auto;
    margin-top: 9.5vw;
    font-size: 3.2vw;
    line-height: 1.8;
    text-align: center;
    text-align: left;
    width: 80vw;
  }
  /* line 439, ../../../../src/page/top/css/_sp.scss */
  body #main #contact .contact_inner .info {
    position: relative;
    width: 30vw;
    margin: auto;
    margin-top: 3vw;
  }
  /* line 444, ../../../../src/page/top/css/_sp.scss */
  body #main #contact .contact_inner .info span {
    position: absolute;
    top: 1.7vw;
    left: -2.6vw;
    width: 0.3vw;
    height: 8.5vw;
    background-color: black;
  }
  /* line 451, ../../../../src/page/top/css/_sp.scss */
  body #main #contact .contact_inner .info span.back {
    left: 32vw;
  }
  /* line 453, ../../../../src/page/top/css/_sp.scss */
  body #main #contact .contact_inner .info span.back:before, body #main #contact .contact_inner .info span.back:after {
    left: -2.5vw;
  }
  /* line 457, ../../../../src/page/top/css/_sp.scss */
  body #main #contact .contact_inner .info span:before, body #main #contact .contact_inner .info span:after {
    content: "";
    width: 2.8vw;
    height: 0.3vw;
    display: block;
    background: black;
    position: absolute;
  }
  /* line 465, ../../../../src/page/top/css/_sp.scss */
  body #main #contact .contact_inner .info span:before {
    top: -0.3vw;
    left: 0;
  }
  /* line 469, ../../../../src/page/top/css/_sp.scss */
  body #main #contact .contact_inner .info span:after {
    top: 8.5vw;
  }
  /* line 473, ../../../../src/page/top/css/_sp.scss */
  body #main #contact .contact_inner .info a {
    display: block;
    font-family: "Barlow Condensed";
    font-size: 4.9vw;
    padding: 5vw 0;
    color: black;
  }
  /* line 482, ../../../../src/page/top/css/_sp.scss */
  body #main #contact .contact_inner .right p {
    width: 80vw;
    margin: auto;
    margin-top: 9.5vw;
    font-size: 3.2vw;
    line-height: 1.8;
    text-align: left;
    margin-bottom: 30vw;
  }
  /* line 495, ../../../../src/page/top/css/_sp.scss */
  body #reel {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2000;
    float: left;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
  }
  /* line 504, ../../../../src/page/top/css/_sp.scss */
  body #reel .bg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 3000;
    float: left;
    top: 0;
    left: 0;
    z-index: 5;
    cursor: pointer;
  }
  /* line 515, ../../../../src/page/top/css/_sp.scss */
  body #reel .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 90%;
    height: 607.5px;
    z-index: 10;
  }
  /* line 525, ../../../../src/page/top/css/_sp.scss */
  body #reel .inner i {
    float: right;
    font-size: 2em;
    margin: 0 0 1em 0;
  }
  /* line 530, ../../../../src/page/top/css/_sp.scss */
  body #reel .inner iframe {
    width: 100%;
    height: 607.5px;
    float: left;
  }
  /* line 538, ../../../../src/page/top/css/_sp.scss */
  body .close {
    width: 47.5px;
    height: 47.5px;
    float: right;
    position: absolute;
    text-align: center;
    cursor: pointer;
    top: -37px;
    right: -13px;
    z-index: 5003;
  }
  /* line 550, ../../../../src/page/top/css/_sp.scss */
  body .close .bar {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
  }
  /* line 555, ../../../../src/page/top/css/_sp.scss */
  body .close .bar span {
    background: white;
    width: 25px;
    height: 2px;
    float: left;
    display: block;
    position: absolute;
    top: 50%;
    left: 11px;
    content: "";
    margin: -12px 0 0 0;
    -webkit-transform: rotate(45deg) translate(7px, 7px);
    -moz-transform: rotate(45deg) translate(7px, 7px);
    -ms-transform: rotate(45deg) translate(7px, 7px);
    -o-transform: rotate(45deg) translate(7px, 7px);
    transform: rotate(45deg) translate(7px, 7px);
  }
  /* line 572, ../../../../src/page/top/css/_sp.scss */
  body .close .bar:after {
    background: white;
    width: 25px;
    height: 2px;
    float: left;
    display: block;
    position: absolute;
    top: 50%;
    left: 13px;
    content: "";
    margin: 8px 0 0 0;
    -webkit-transform: rotate(-45deg) translate(6px, -8px);
    -moz-transform: rotate(-45deg) translate(6px, -8px);
    -ms-transform: rotate(-45deg) translate(6px, -8px);
    -o-transform: rotate(-45deg) translate(6px, -8px);
    transform: rotate(-45deg) translate(6px, -8px);
  }
  /* line 590, ../../../../src/page/top/css/_sp.scss */
  body .close .t {
    display: inline-block;
    position: absolute;
    top: 57px;
    left: 25px;
  }
}