@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: 1000px) {
  /*debug
  body{
  	background: url(../img/_guide.png) no-repeat top center;
  	background-size: 100% auto;
      background-position: 0px -94px;
  	#header{
  		@include opacity(0.6);
  	}
  	#wrapper{
  		@include opacity(0.6);
  	}
  	#footer{
  		@include opacity(0.6);
  	}
  	#recruit{
  		.img_area{
  		    height: 552px !important;
  		}
  	}
  }*/
  /* line 25, ../../../../src/page/top/css/_content.scss */
  body .anim_txt .txt_g {
    opacity: 0;
    filter: blur(2px);
    -webkit-filter: blur(2px);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  /* line 30, ../../../../src/page/top/css/_content.scss */
  body .anim_txt .txt_g.open {
    filter: blur(0px);
    opacity: 1;
  }
  /* line 36, ../../../../src/page/top/css/_content.scss */
  body .fade, body .fade_n {
    opacity: 0;
    filter: blur(1px);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  /* line 40, ../../../../src/page/top/css/_content.scss */
  body .fade.open, body .fade_n.open {
    filter: blur(0px);
    opacity: 1;
  }
  /* line 45, ../../../../src/page/top/css/_content.scss */
  body .container {
    width: 426.24px;
    margin: 0 auto;
    position: relative;
  }
  /* line 50, ../../../../src/page/top/css/_content.scss */
  body #opening {
    width: 100%;
    height: 100%;
    float: left;
    position: fixed;
    z-index: 4000;
    text-align: center;
    background: #472a0b url(../img/opening_bg.jpg) no-repeat center center;
    background-size: cover;
  }
  /* line 59, ../../../../src/page/top/css/_content.scss */
  body #opening.open {
    opacity: 0;
  }
  /* line 62, ../../../../src/page/top/css/_content.scss */
  body #opening svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100%);
    width: 206.08px;
  }
  /* line 70, ../../../../src/page/top/css/_content.scss */
  body .mov_area {
    width: 409.6px;
    margin: 0 auto;
  }
  /* line 73, ../../../../src/page/top/css/_content.scss */
  body .mov_area a {
    line-height: 0;
    display: block;
    position: relative;
  }
  /* line 77, ../../../../src/page/top/css/_content.scss */
  body .mov_area a:before {
    width: 51.2px;
    height: 51.2px;
    content: "";
    display: block;
    background: url(../img/icon_play.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  /* line 89, ../../../../src/page/top/css/_content.scss */
  body .mov_area a:after {
    width: 51.2px;
    height: 51.2px;
    content: "";
    display: block;
    background: url(../img/icon_play_ov.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    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);
  }
  /* line 110, ../../../../src/page/top/css/_content.scss */
  body #intro {
    padding-top: 64px;
  }
  /* line 113, ../../../../src/page/top/css/_content.scss */
  body #intro .container .intro_t {
    width: 271.36px;
    margin: 0 auto;
    margin-bottom: 16.64px;
    -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: 0;
    transform: translateY(5%);
  }
  /* line 120, ../../../../src/page/top/css/_content.scss */
  body #intro .container .intro_t.open {
    opacity: 1;
    transform: translateY(0);
  }
  /* line 125, ../../../../src/page/top/css/_content.scss */
  body #intro .container h2 {
    text-align: center;
    margin-bottom: 62.72px;
    position: relative;
  }
  /* line 128, ../../../../src/page/top/css/_content.scss */
  body #intro .container h2 img {
    width: 262.4px;
    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);
  }
  /* line 135, ../../../../src/page/top/css/_content.scss */
  body #intro .container h2.open img {
    opacity: 1;
  }
  /* line 139, ../../../../src/page/top/css/_content.scss */
  body #intro .container h2.open .bar1:before {
    width: 100%;
  }
  /* line 144, ../../../../src/page/top/css/_content.scss */
  body #intro .container h2.open .bar2:before {
    width: 100%;
  }
  /* line 149, ../../../../src/page/top/css/_content.scss */
  body #intro .container h2 .bar1 {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 244.48px;
    height: 42.24px;
  }
  /* line 157, ../../../../src/page/top/css/_content.scss */
  body #intro .container h2 .bar1:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/intro_bar.svg) no-repeat bottom left;
    background-size: 244.48px auto;
    width: 0%;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  /* line 169, ../../../../src/page/top/css/_content.scss */
  body #intro .container h2 .bar2 {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 298.24px;
    height: 98.56px;
  }
  /* line 177, ../../../../src/page/top/css/_content.scss */
  body #intro .container h2 .bar2:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/intro_bar2.svg) no-repeat bottom left;
    background-size: 298.24px auto;
    width: 0%;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  /* line 190, ../../../../src/page/top/css/_content.scss */
  body #intro .container p {
    text-align: center;
    font-size: 17.92px;
    line-height: 2.4;
    position: relative;
    left: 1%;
  }
  /* line 196, ../../../../src/page/top/css/_content.scss */
  body #intro .container p small {
    font-weight: 700;
  }
  /* line 199, ../../../../src/page/top/css/_content.scss */
  body #intro .container p span {
    display: block;
  }
  /* line 203, ../../../../src/page/top/css/_content.scss */
  body #intro .container .tw {
    margin-top: 64px;
    margin-bottom: 20.48px;
    text-align: center;
  }
  /* line 207, ../../../../src/page/top/css/_content.scss */
  body #intro .container .tw img {
    width: 389.12px;
  }
  /* line 211, ../../../../src/page/top/css/_content.scss */
  body #intro .container .set {
    margin-top: 67.84px;
  }
  /* line 213, ../../../../src/page/top/css/_content.scss */
  body #intro .container .set .ttl {
    margin-bottom: 15.36px;
    position: relative;
  }
  /* line 218, ../../../../src/page/top/css/_content.scss */
  body #intro .container .set .ttl.open .bar:before {
    width: 100%;
  }
  /* line 223, ../../../../src/page/top/css/_content.scss */
  body #intro .container .set .ttl .t {
    font-size: 23.04px;
    font-weight: 700;
    position: relative;
    z-index: 10;
    text-align: center;
    letter-spacing: 0.03em;
  }
  /* line 231, ../../../../src/page/top/css/_content.scss */
  body #intro .container .set .ttl .bar {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 215.04px;
    height: 53.76px;
  }
  /* line 239, ../../../../src/page/top/css/_content.scss */
  body #intro .container .set .ttl .bar:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/concept_bar.svg) no-repeat bottom left;
    background-size: 215.04px auto;
    width: 0%;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  /* line 255, ../../../../src/page/top/css/_content.scss */
  body #ehon {
    padding-top: 115.2px;
  }
  /* line 257, ../../../../src/page/top/css/_content.scss */
  body #ehon .container {
    position: relative;
    z-index: 101;
  }
  /* line 260, ../../../../src/page/top/css/_content.scss */
  body #ehon .container h2 {
    text-align: center;
    margin-bottom: 53.76px;
  }
  /* line 263, ../../../../src/page/top/css/_content.scss */
  body #ehon .container h2 svg {
    width: 100%;
    position: relative;
    z-index: 3;
  }
  /* line 268, ../../../../src/page/top/css/_content.scss */
  body #ehon .container h2 span {
    width: 327.68px;
    display: inline-block;
    position: relative;
  }
  /* line 272, ../../../../src/page/top/css/_content.scss */
  body #ehon .container h2 span:before {
    content: "";
    display: block;
    position: absolute;
    top: 20.48px;
    left: 0;
    height: 100%;
    background: url(../img/ehon_bar.svg) no-repeat bottom left;
    background-size: 327.68px auto;
    width: 0%;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  /* line 285, ../../../../src/page/top/css/_content.scss */
  body #ehon .container h2 span.open:before {
    width: 100%;
  }
  /* line 291, ../../../../src/page/top/css/_content.scss */
  body #ehon .container .t {
    font-size: 17.92px;
    line-height: 40.96px;
    text-align: center;
    margin-bottom: 16.64px;
  }
  /* line 297, ../../../../src/page/top/css/_content.scss */
  body #ehon .container .img {
    margin: 0 0 20.48px -2%;
    width: 102%;
    position: relative;
    z-index: 101;
  }
  /* line 303, ../../../../src/page/top/css/_content.scss */
  body #ehon .container .pnl {
    background: url(../img/ex_bg.svg) no-repeat center center;
    background-size: 100% 100%;
  }
  /* line 306, ../../../../src/page/top/css/_content.scss */
  body #ehon .container .pnl.pnl_h {
    background: url(../img/ex_bg2.svg) no-repeat center center;
    background-size: 100% 100%;
  }
  /* line 310, ../../../../src/page/top/css/_content.scss */
  body #ehon .container .pnl .img {
    margin-bottom: 14.08px;
  }
  /* line 313, ../../../../src/page/top/css/_content.scss */
  body #ehon .container .pnl figcaption {
    box-sizing: border-box;
    padding: 0 25.6px 25.6px 25.6px;
  }
  /* line 316, ../../../../src/page/top/css/_content.scss */
  body #ehon .container .pnl figcaption h3 {
    font-size: 23.04px;
    line-height: 1.444;
    font-weight: 700;
    padding-bottom: 28.16px;
    background: url(../img/ex_line.svg) no-repeat bottom center;
    background-size: 100% auto;
    margin-bottom: 16.64px;
    text-align: center;
  }
  /* line 326, ../../../../src/page/top/css/_content.scss */
  body #ehon .container .pnl figcaption .m {
    font-size: 19.2px;
    line-height: 1.733;
    margin: 0 auto 16.64px auto;
    width: 100%;
    white-space: nowrap;
    font-weight: 700;
  }
  /* line 335, ../../../../src/page/top/css/_content.scss */
  body #ehon .container .pnl figcaption .s {
    font-size: 16.64px;
    line-height: 1.769;
    width: 100%;
    margin: 0 auto;
  }
  /* line 345, ../../../../src/page/top/css/_content.scss */
  body #ehon .btn {
    display: block;
    margin: 0 auto;
    width: 408.32px;
    position: relative;
    color: white;
  }
  /* line 351, ../../../../src/page/top/css/_content.scss */
  body #ehon .btn span {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 20.48px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 3;
  }
  /* line 362, ../../../../src/page/top/css/_content.scss */
  body #ehon .btn .ov {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
  }
  /* line 371, ../../../../src/page/top/css/_content.scss */
  body #ehon .set {
    margin-top: 119.04px;
  }
  /* line 373, ../../../../src/page/top/css/_content.scss */
  body #ehon .set .ttl {
    margin-bottom: 19.2px;
    position: relative;
    text-align: center;
  }
  /* line 378, ../../../../src/page/top/css/_content.scss */
  body #ehon .set .ttl.open .t {
    opacity: 1;
  }
  /* line 382, ../../../../src/page/top/css/_content.scss */
  body #ehon .set .ttl.open .bar:before {
    width: 100%;
  }
  /* line 387, ../../../../src/page/top/css/_content.scss */
  body #ehon .set .ttl .t {
    width: 100%;
    display: block;
    font-size: 23.04px;
    font-weight: 700;
    position: relative;
    z-index: 10;
    text-align: center;
    margin-bottom: 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);
    opacity: 0;
  }
  /* line 399, ../../../../src/page/top/css/_content.scss */
  body #ehon .set .ttl .bar {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 243.2px;
    height: 53.76px;
  }
  /* line 407, ../../../../src/page/top/css/_content.scss */
  body #ehon .set .ttl .bar:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/douga_bar.svg) no-repeat bottom left;
    background-size: 243.2px auto;
    width: 0%;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  /* line 420, ../../../../src/page/top/css/_content.scss */
  body #ehon .set ul {
    margin-bottom: 35.84px;
  }
  /* line 422, ../../../../src/page/top/css/_content.scss */
  body #ehon .set ul li {
    margin-bottom: 29.44px;
  }
  /* line 424, ../../../../src/page/top/css/_content.scss */
  body #ehon .set ul li:last-child {
    margin-bottom: 0;
  }
  /* line 427, ../../../../src/page/top/css/_content.scss */
  body #ehon .set ul li .mov_area {
    margin-bottom: 19.2px;
  }
  /* line 430, ../../../../src/page/top/css/_content.scss */
  body #ehon .set ul li .mov_ttl {
    width: 217.6px;
    height: 40.96px;
    background: url(../img/mov_lbl.svg) no-repeat bottom center;
    background-size: contain;
    font-size: 20.48px;
    line-height: 30.72px;
    text-align: center;
    margin: 0 auto;
  }
  /* line 445, ../../../../src/page/top/css/_content.scss */
  body #world {
    padding-top: 89.6px;
  }
  /* line 447, ../../../../src/page/top/css/_content.scss */
  body #world h2 {
    text-align: center;
    margin-bottom: 20.48px;
  }
  /* line 450, ../../../../src/page/top/css/_content.scss */
  body #world h2 svg {
    width: 100%;
    position: relative;
    z-index: 3;
  }
  /* line 455, ../../../../src/page/top/css/_content.scss */
  body #world h2 span {
    width: 313.6px;
    display: inline-block;
    position: relative;
  }
  /* line 459, ../../../../src/page/top/css/_content.scss */
  body #world h2 span:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: url(../img/world_ttl_bar.png) no-repeat bottom left;
    background-size: 313.6px auto;
    width: 0%;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  /* line 472, ../../../../src/page/top/css/_content.scss */
  body #world h2 span.open:before {
    width: 100%;
  }
  /* line 479, ../../../../src/page/top/css/_content.scss */
  body #world .container .pnl {
    background: url(../img/world_bg4.svg) no-repeat center center;
    background-size: 100% 100%;
    margin-bottom: 20.48px;
  }
  /* line 483, ../../../../src/page/top/css/_content.scss */
  body #world .container .pnl .img {
    margin-bottom: 14.08px;
  }
  /* line 486, ../../../../src/page/top/css/_content.scss */
  body #world .container .pnl figcaption {
    box-sizing: border-box;
    padding: 0 25.6px 32px 25.6px;
  }
  /* line 489, ../../../../src/page/top/css/_content.scss */
  body #world .container .pnl figcaption h3 {
    font-size: 23.04px;
    line-height: 1.444;
    font-weight: 700;
    padding-bottom: 28.16px;
    background: url(../img/ex_line.svg) no-repeat bottom center;
    background-size: 100% auto;
    margin-bottom: 16.64px;
    text-align: center;
  }
  /* line 499, ../../../../src/page/top/css/_content.scss */
  body #world .container .pnl figcaption .m {
    font-size: 19.2px;
    line-height: 1.733;
    margin: 0 auto 16.64px auto;
    width: 100%;
    white-space: nowrap;
    font-weight: 700;
  }
  /* line 508, ../../../../src/page/top/css/_content.scss */
  body #world .container .pnl figcaption .s {
    font-size: 16.64px;
    line-height: 1.769;
    width: 100%;
    margin: 0 auto;
  }
  /* line 518, ../../../../src/page/top/css/_content.scss */
  body #world .container ul li {
    background: url(../img/world_01.svg) no-repeat center center;
    background-size: 100% 100%;
    margin-bottom: 25.6px;
    box-sizing: border-box;
    padding: 26.88px 34.56px 30.72px 30.72px;
  }
  /* line 524, ../../../../src/page/top/css/_content.scss */
  body #world .container ul li:nth-of-type(2) {
    background: url(../img/world_02.svg) no-repeat center center;
    background-size: 100% 100%;
  }
  /* line 528, ../../../../src/page/top/css/_content.scss */
  body #world .container ul li p {
    color: white;
  }
  /* line 531, ../../../../src/page/top/css/_content.scss */
  body #world .container ul li .t {
    font-size: 21.76px;
    line-height: 1.52;
    margin: 0 auto 16.64px auto;
    width: 100%;
    font-weight: 700;
    text-align: center;
  }
  /* line 539, ../../../../src/page/top/css/_content.scss */
  body #world .container ul li .m {
    font-size: 16.64px;
    line-height: 1.846;
    width: 100%;
    margin: 0 auto;
  }
  /* line 549, ../../../../src/page/top/css/_content.scss */
  body #outro {
    padding-top: 64px;
  }
  /* line 551, ../../../../src/page/top/css/_content.scss */
  body #outro h2 {
    margin: 0 0 0 -4%;
    width: 108%;
  }
  /* line 556, ../../../../src/page/top/css/_content.scss */
  body #about {
    padding-top: 90.88px;
    padding-bottom: 60.16px;
  }
  /* line 559, ../../../../src/page/top/css/_content.scss */
  body #about h2 {
    text-align: center;
    margin-bottom: 20.48px;
  }
  /* line 562, ../../../../src/page/top/css/_content.scss */
  body #about h2 img {
    width: 295.68px;
  }
  /* line 565, ../../../../src/page/top/css/_content.scss */
  body #about h2 svg {
    width: 100%;
    position: relative;
    z-index: 3;
  }
  /* line 570, ../../../../src/page/top/css/_content.scss */
  body #about h2 span {
    width: 295.68px;
    display: inline-block;
    position: relative;
  }
  /* line 574, ../../../../src/page/top/css/_content.scss */
  body #about h2 span:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: url(../img/about_ttl_bar.png) no-repeat bottom left;
    background-size: 295.68px auto;
    width: 0%;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  /* line 587, ../../../../src/page/top/css/_content.scss */
  body #about h2 span.open:before {
    width: 100%;
  }
  /* line 594, ../../../../src/page/top/css/_content.scss */
  body #about .container .img {
    margin-bottom: 21.76px;
  }
  /* line 597, ../../../../src/page/top/css/_content.scss */
  body #about .container p {
    text-align: center;
    font-size: 17.92px;
    line-height: 2.28;
    margin-bottom: 28.16px;
  }
  /* line 603, ../../../../src/page/top/css/_content.scss */
  body #about .container .btn {
    display: block;
    margin: 0 auto 61.44px auto;
    width: 408.32px;
    position: relative;
    color: white;
  }
  /* line 609, ../../../../src/page/top/css/_content.scss */
  body #about .container .btn span {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 20.48px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 3;
  }
  /* line 620, ../../../../src/page/top/css/_content.scss */
  body #about .container .btn .ov {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
  }
  /* line 629, ../../../../src/page/top/css/_content.scss */
  body #about .container .tw {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  /* line 633, ../../../../src/page/top/css/_content.scss */
  body #about .container .tw p {
    background: url(../img/about_line.svg) no-repeat 50% 80%;
    background-size: 100% auto;
    width: 320px;
    font-size: 17.92px;
    line-height: 2.14;
    font-weight: 700;
    padding-bottom: 12.8px;
    margin-bottom: 10.24px;
    white-space: nowrap;
  }
  /* line 644, ../../../../src/page/top/css/_content.scss */
  body #about .container .tw a {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
  }
  /* line 649, ../../../../src/page/top/css/_content.scss */
  body #about .container .tw a:before {
    content: "";
    display: block;
    width: 51.2px;
    height: 51.2px;
    background: url(../img/icon_tw.svg) no-repeat center center;
    background-size: contain;
    margin: 0 5.12px 0 0;
  }
  /* line 658, ../../../../src/page/top/css/_content.scss */
  body #about .container .tw a span {
    font-size: 21.76px;
    font-weight: 700;
    color: #1d9bf0;
    display: inline-block;
    position: relative;
    margin: 0 0 0 5.12px;
    line-height: 1;
    padding-bottom: 6.4px;
  }
  /* line 667, ../../../../src/page/top/css/_content.scss */
  body #about .container .tw a span::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #1d9bf0;
  }
  /* line 677, ../../../../src/page/top/css/_content.scss */
  body #about .container .tw a span::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #1c84cb;
    z-index: 3;
    -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: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }
  /* line 696, ../../../../src/page/top/css/_content.scss */
  body #float {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 1000;
  }
  /* line 701, ../../../../src/page/top/css/_content.scss */
  body #float .box {
    position: fixed;
    width: 94%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    z-index: 1000;
    height: 145vw;
    background: url(../img/bg_float.svg) no-repeat center center;
    background-size: 100% 100%;
    padding: 32px 51.2px 32px 51.2px;
    box-sizing: border-box;
  }
  /* line 715, ../../../../src/page/top/css/_content.scss */
  body #float .box #float_scroll {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 109vw;
    z-index: 10;
    box-sizing: border-box;
  }
  /* line 722, ../../../../src/page/top/css/_content.scss */
  body #float .box #float_scroll .content {
    width: 100%;
    float: left;
    position: relative;
  }
  /* line 726, ../../../../src/page/top/css/_content.scss */
  body #float .box #float_scroll .content .ttl {
    font-size: 25.6px;
    line-height: 1.45;
    font-weight: 700;
    padding-bottom: 30.72px;
    background: url(../img/bar_term.svg) no-repeat bottom center;
    background-size: 100% auto;
    margin-bottom: 29.44px;
    text-align: center;
    display: block;
  }
  /* line 738, ../../../../src/page/top/css/_content.scss */
  body #float .box #float_scroll .content .txts .h {
    font-size: 20.48px;
    line-height: 1.45;
    margin-bottom: 15.36px;
    text-align: left;
    font-weight: 700;
  }
  /* line 745, ../../../../src/page/top/css/_content.scss */
  body #float .box #float_scroll .content .txts .s {
    font-size: 16.64px;
    line-height: 2;
    text-align: left;
    margin-bottom: 38.4px;
    list-style: disc;
    box-sizing: border-box;
    padding: 0 0 0 2em;
  }
  /* line 753, ../../../../src/page/top/css/_content.scss */
  body #float .box #float_scroll .content .txts .s p {
    word-break: break-all;
  }
  /* line 756, ../../../../src/page/top/css/_content.scss */
  body #float .box #float_scroll .content .txts .s a {
    word-break: break-all;
    color: #6e5740;
    text-decoration: underline;
  }
  /* line 765, ../../../../src/page/top/css/_content.scss */
  body #float .box .btn_close {
    width: 224px;
    height: 67.84px;
    background: url(../img/btn_close.svg) no-repeat bottom center;
    background-size: 100% auto;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-size: 20.48px;
    font-weight: 700;
    margin: 23.04px auto 0 auto;
    position: relative;
  }
  /* line 782, ../../../../src/page/top/css/_content.scss */
  body #float .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    float: left;
    background: rgba(110, 87, 64, 0.8);
    z-index: 1;
  }
  /* line 791, ../../../../src/page/top/css/_content.scss */
  body #float .iScrollIndicator {
    background: #D6CFC8 !important;
    width: 6px !important;
  }

  /* line 8, ../../../../src/page/top/css/_pc.scss */
  body a {
    cursor: pointer;
  }
  /* line 11, ../../../../src/page/top/css/_pc.scss */
  body #wrapper {
    overflow: visible;
    width: 490px;
    margin: 0 auto;
    transform: translateX(50%);
  }
  /* line 16, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main {
    padding-top: 0;
    overflow: visible;
  }
  /* line 19, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top {
    overflow: visible;
  }
  /* line 21, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top .scroll {
    position: absolute;
    width: 18px;
    z-index: 3;
    bottom: 9px;
    right: -32px;
    -webkit-animation: scroll_a 1.2s linear infinite;
    -moz-animation: scroll_a 1.2s linear infinite;
    animation: scroll_a 1.2s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 32, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #top {
    padding-top: 45px;
  }
  /* line 38, ../../../../src/page/top/css/_pc.scss */
  body #intro .container .check .btn .btn_tweet.active:hover .ov {
    display: block;
  }
  /* line 45, ../../../../src/page/top/css/_pc.scss */
  body #intro .container .about a:hover {
    background: #e3ddd8;
  }
  /* line 51, ../../../../src/page/top/css/_pc.scss */
  body #ehon .container .btn:hover .ov {
    display: block;
  }
  /* line 58, ../../../../src/page/top/css/_pc.scss */
  body #about .container .btn:hover .ov {
    display: block;
  }
  /* line 66, ../../../../src/page/top/css/_pc.scss */
  body #about .container .tw a:hover:before {
    background: url(../img/icon_tw_ov.svg) no-repeat center center;
    background-size: contain;
  }
  /* line 70, ../../../../src/page/top/css/_pc.scss */
  body #about .container .tw a:hover span {
    color: #1c84cb;
  }
  /* line 72, ../../../../src/page/top/css/_pc.scss */
  body #about .container .tw a:hover span:after {
    -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 79, ../../../../src/page/top/css/_pc.scss */
  body #float .box {
    width: 885px;
    height: 565px;
    margin: auto;
    background: url(../img/bg_float_pc.svg) no-repeat center center;
    background-size: 100% 100%;
  }
  /* line 85, ../../../../src/page/top/css/_pc.scss */
  body #float .box .btn_close {
    margin-top: 38px;
  }
  /* line 87, ../../../../src/page/top/css/_pc.scss */
  body #float .box .btn_close:hover {
    background: url(../img/btn_close_ov.svg) no-repeat bottom center;
    background-size: 100% auto;
  }
  /* line 92, ../../../../src/page/top/css/_pc.scss */
  body #float .box #float_scroll {
    height: 395px;
    box-sizing: border-box;
    padding: 0 50px;
  }
  /* line 97, ../../../../src/page/top/css/_pc.scss */
  body #float .box #float_scroll .content .ttl {
    background: url(../img/bar_term_pc.svg) no-repeat bottom center;
    background-size: 100% auto;
  }
  /* line 104, ../../../../src/page/top/css/_pc.scss */
  body #opening {
    background: url(../img/opening_bg_pc.jpg) no-repeat center center;
    background-size: cover;
  }
  /* line 107, ../../../../src/page/top/css/_pc.scss */
  body #opening svg {
    transform: translate(-50%, -50%);
    width: 725.76px;
  }
  /* line 115, ../../../../src/page/top/css/_pc.scss */
  body .mov_area a:hover:after {
    opacity: 1;
  }
  /* line 121, ../../../../src/page/top/css/_pc.scss */
  body #reel {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1000;
    float: left;
    top: 0;
    left: 0;
    background: rgba(110, 87, 64, 0.8);
  }
  /* line 130, ../../../../src/page/top/css/_pc.scss */
  body #reel .bg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    float: left;
    top: 0;
    left: 0;
    z-index: 5;
    cursor: pointer;
  }
  /* line 141, ../../../../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 151, ../../../../src/page/top/css/_pc.scss */
  body #reel .inner i {
    float: right;
    font-size: 2em;
    margin: 0 0 1em 0;
  }
  /* line 156, ../../../../src/page/top/css/_pc.scss */
  body #reel .inner iframe {
    width: 100%;
    height: 607.5px;
    float: left;
  }
  /* line 162, ../../../../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: 1001;
  }
  /* line 175, ../../../../src/page/top/css/_pc.scss */
  body #reel .close .bar {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    -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 181, ../../../../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-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: 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 196, ../../../../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-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: 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 212, ../../../../src/page/top/css/_pc.scss */
  body #reel .close .t {
    display: inline-block;
    position: absolute;
    top: 57px;
    left: 25px;
  }
  /* line 219, ../../../../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);
  }
  /* line 225, ../../../../src/page/top/css/_pc.scss */
  body .cover_all {
    z-index: 1;
  }
}
/*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: 999px) {
  /*debug
  body{
  	background: url(../img/_guide.png) no-repeat top center;
  	background-size: 100% auto;
      background-position: 0px -94px;
  	#header{
  		@include opacity(0.6);
  	}
  	#wrapper{
  		@include opacity(0.6);
  	}
  	#footer{
  		@include opacity(0.6);
  	}
  	#recruit{
  		.img_area{
  		    height: 552px !important;
  		}
  	}
  }*/
  /* line 25, ../../../../src/page/top/css/_content.scss */
  body .anim_txt .txt_g {
    opacity: 0;
    filter: blur(2px);
    -webkit-filter: blur(2px);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  /* line 30, ../../../../src/page/top/css/_content.scss */
  body .anim_txt .txt_g.open {
    filter: blur(0px);
    opacity: 1;
  }
  /* line 36, ../../../../src/page/top/css/_content.scss */
  body .fade, body .fade_n {
    opacity: 0;
    filter: blur(1px);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  /* line 40, ../../../../src/page/top/css/_content.scss */
  body .fade.open, body .fade_n.open {
    filter: blur(0px);
    opacity: 1;
  }
  /* line 45, ../../../../src/page/top/css/_content.scss */
  body .container {
    width: 88.8vw;
    margin: 0 auto;
    position: relative;
  }
  /* line 50, ../../../../src/page/top/css/_content.scss */
  body #opening {
    width: 100%;
    height: 100%;
    float: left;
    position: fixed;
    z-index: 4000;
    text-align: center;
    background: #472a0b url(../img/opening_bg.jpg) no-repeat center center;
    background-size: cover;
  }
  /* line 59, ../../../../src/page/top/css/_content.scss */
  body #opening.open {
    opacity: 0;
  }
  /* line 62, ../../../../src/page/top/css/_content.scss */
  body #opening svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100%);
    width: 42.93333vw;
  }
  /* line 70, ../../../../src/page/top/css/_content.scss */
  body .mov_area {
    width: 85.33333vw;
    margin: 0 auto;
  }
  /* line 73, ../../../../src/page/top/css/_content.scss */
  body .mov_area a {
    line-height: 0;
    display: block;
    position: relative;
  }
  /* line 77, ../../../../src/page/top/css/_content.scss */
  body .mov_area a:before {
    width: 10.66667vw;
    height: 10.66667vw;
    content: "";
    display: block;
    background: url(../img/icon_play.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  /* line 89, ../../../../src/page/top/css/_content.scss */
  body .mov_area a:after {
    width: 10.66667vw;
    height: 10.66667vw;
    content: "";
    display: block;
    background: url(../img/icon_play_ov.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    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);
  }
  /* line 110, ../../../../src/page/top/css/_content.scss */
  body #intro {
    padding-top: 13.33333vw;
  }
  /* line 113, ../../../../src/page/top/css/_content.scss */
  body #intro .container .intro_t {
    width: 56.53333vw;
    margin: 0 auto;
    margin-bottom: 3.46667vw;
    -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: 0;
    transform: translateY(5%);
  }
  /* line 120, ../../../../src/page/top/css/_content.scss */
  body #intro .container .intro_t.open {
    opacity: 1;
    transform: translateY(0);
  }
  /* line 125, ../../../../src/page/top/css/_content.scss */
  body #intro .container h2 {
    text-align: center;
    margin-bottom: 13.06667vw;
    position: relative;
  }
  /* line 128, ../../../../src/page/top/css/_content.scss */
  body #intro .container h2 img {
    width: 54.66667vw;
    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);
  }
  /* line 135, ../../../../src/page/top/css/_content.scss */
  body #intro .container h2.open img {
    opacity: 1;
  }
  /* line 139, ../../../../src/page/top/css/_content.scss */
  body #intro .container h2.open .bar1:before {
    width: 100%;
  }
  /* line 144, ../../../../src/page/top/css/_content.scss */
  body #intro .container h2.open .bar2:before {
    width: 100%;
  }
  /* line 149, ../../../../src/page/top/css/_content.scss */
  body #intro .container h2 .bar1 {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 50.93333vw;
    height: 8.8vw;
  }
  /* line 157, ../../../../src/page/top/css/_content.scss */
  body #intro .container h2 .bar1:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/intro_bar.svg) no-repeat bottom left;
    background-size: 50.93333vw auto;
    width: 0%;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  /* line 169, ../../../../src/page/top/css/_content.scss */
  body #intro .container h2 .bar2 {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 62.13333vw;
    height: 20.53333vw;
  }
  /* line 177, ../../../../src/page/top/css/_content.scss */
  body #intro .container h2 .bar2:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/intro_bar2.svg) no-repeat bottom left;
    background-size: 62.13333vw auto;
    width: 0%;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  /* line 190, ../../../../src/page/top/css/_content.scss */
  body #intro .container p {
    text-align: center;
    font-size: 3.73333vw;
    line-height: 2.4;
    position: relative;
    left: 1%;
  }
  /* line 196, ../../../../src/page/top/css/_content.scss */
  body #intro .container p small {
    font-weight: 700;
  }
  /* line 199, ../../../../src/page/top/css/_content.scss */
  body #intro .container p span {
    display: block;
  }
  /* line 203, ../../../../src/page/top/css/_content.scss */
  body #intro .container .tw {
    margin-top: 13.33333vw;
    margin-bottom: 4.26667vw;
    text-align: center;
  }
  /* line 207, ../../../../src/page/top/css/_content.scss */
  body #intro .container .tw img {
    width: 81.06667vw;
  }
  /* line 211, ../../../../src/page/top/css/_content.scss */
  body #intro .container .set {
    margin-top: 14.13333vw;
  }
  /* line 213, ../../../../src/page/top/css/_content.scss */
  body #intro .container .set .ttl {
    margin-bottom: 3.2vw;
    position: relative;
  }
  /* line 218, ../../../../src/page/top/css/_content.scss */
  body #intro .container .set .ttl.open .bar:before {
    width: 100%;
  }
  /* line 223, ../../../../src/page/top/css/_content.scss */
  body #intro .container .set .ttl .t {
    font-size: 4.8vw;
    font-weight: 700;
    position: relative;
    z-index: 10;
    text-align: center;
    letter-spacing: 0.03em;
  }
  /* line 231, ../../../../src/page/top/css/_content.scss */
  body #intro .container .set .ttl .bar {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 44.8vw;
    height: 11.2vw;
  }
  /* line 239, ../../../../src/page/top/css/_content.scss */
  body #intro .container .set .ttl .bar:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/concept_bar.svg) no-repeat bottom left;
    background-size: 44.8vw auto;
    width: 0%;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  /* line 255, ../../../../src/page/top/css/_content.scss */
  body #ehon {
    padding-top: 24vw;
  }
  /* line 257, ../../../../src/page/top/css/_content.scss */
  body #ehon .container {
    position: relative;
    z-index: 101;
  }
  /* line 260, ../../../../src/page/top/css/_content.scss */
  body #ehon .container h2 {
    text-align: center;
    margin-bottom: 11.2vw;
  }
  /* line 263, ../../../../src/page/top/css/_content.scss */
  body #ehon .container h2 svg {
    width: 100%;
    position: relative;
    z-index: 3;
  }
  /* line 268, ../../../../src/page/top/css/_content.scss */
  body #ehon .container h2 span {
    width: 68.26667vw;
    display: inline-block;
    position: relative;
  }
  /* line 272, ../../../../src/page/top/css/_content.scss */
  body #ehon .container h2 span:before {
    content: "";
    display: block;
    position: absolute;
    top: 4.26667vw;
    left: 0;
    height: 100%;
    background: url(../img/ehon_bar.svg) no-repeat bottom left;
    background-size: 68.26667vw auto;
    width: 0%;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  /* line 285, ../../../../src/page/top/css/_content.scss */
  body #ehon .container h2 span.open:before {
    width: 100%;
  }
  /* line 291, ../../../../src/page/top/css/_content.scss */
  body #ehon .container .t {
    font-size: 3.73333vw;
    line-height: 8.53333vw;
    text-align: center;
    margin-bottom: 3.46667vw;
  }
  /* line 297, ../../../../src/page/top/css/_content.scss */
  body #ehon .container .img {
    margin: 0 0 4.26667vw -2%;
    width: 102%;
    position: relative;
    z-index: 101;
  }
  /* line 303, ../../../../src/page/top/css/_content.scss */
  body #ehon .container .pnl {
    background: url(../img/ex_bg.svg) no-repeat center center;
    background-size: 100% 100%;
  }
  /* line 306, ../../../../src/page/top/css/_content.scss */
  body #ehon .container .pnl.pnl_h {
    background: url(../img/ex_bg2.svg) no-repeat center center;
    background-size: 100% 100%;
  }
  /* line 310, ../../../../src/page/top/css/_content.scss */
  body #ehon .container .pnl .img {
    margin-bottom: 2.93333vw;
  }
  /* line 313, ../../../../src/page/top/css/_content.scss */
  body #ehon .container .pnl figcaption {
    box-sizing: border-box;
    padding: 0 5.33333vw 5.33333vw 5.33333vw;
  }
  /* line 316, ../../../../src/page/top/css/_content.scss */
  body #ehon .container .pnl figcaption h3 {
    font-size: 4.8vw;
    line-height: 1.444;
    font-weight: 700;
    padding-bottom: 5.86667vw;
    background: url(../img/ex_line.svg) no-repeat bottom center;
    background-size: 100% auto;
    margin-bottom: 3.46667vw;
    text-align: center;
  }
  /* line 326, ../../../../src/page/top/css/_content.scss */
  body #ehon .container .pnl figcaption .m {
    font-size: 4vw;
    line-height: 1.733;
    margin: 0 auto 3.46667vw auto;
    width: 100%;
    white-space: nowrap;
    font-weight: 700;
  }
  /* line 335, ../../../../src/page/top/css/_content.scss */
  body #ehon .container .pnl figcaption .s {
    font-size: 3.46667vw;
    line-height: 1.769;
    width: 100%;
    margin: 0 auto;
  }
  /* line 345, ../../../../src/page/top/css/_content.scss */
  body #ehon .btn {
    display: block;
    margin: 0 auto;
    width: 85.06667vw;
    position: relative;
    color: white;
  }
  /* line 351, ../../../../src/page/top/css/_content.scss */
  body #ehon .btn span {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 4.26667vw;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 3;
  }
  /* line 362, ../../../../src/page/top/css/_content.scss */
  body #ehon .btn .ov {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
  }
  /* line 371, ../../../../src/page/top/css/_content.scss */
  body #ehon .set {
    margin-top: 24.8vw;
  }
  /* line 373, ../../../../src/page/top/css/_content.scss */
  body #ehon .set .ttl {
    margin-bottom: 4vw;
    position: relative;
    text-align: center;
  }
  /* line 378, ../../../../src/page/top/css/_content.scss */
  body #ehon .set .ttl.open .t {
    opacity: 1;
  }
  /* line 382, ../../../../src/page/top/css/_content.scss */
  body #ehon .set .ttl.open .bar:before {
    width: 100%;
  }
  /* line 387, ../../../../src/page/top/css/_content.scss */
  body #ehon .set .ttl .t {
    width: 100%;
    display: block;
    font-size: 4.8vw;
    font-weight: 700;
    position: relative;
    z-index: 10;
    text-align: center;
    margin-bottom: 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);
    opacity: 0;
  }
  /* line 399, ../../../../src/page/top/css/_content.scss */
  body #ehon .set .ttl .bar {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 50.66667vw;
    height: 11.2vw;
  }
  /* line 407, ../../../../src/page/top/css/_content.scss */
  body #ehon .set .ttl .bar:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/douga_bar.svg) no-repeat bottom left;
    background-size: 50.66667vw auto;
    width: 0%;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  /* line 420, ../../../../src/page/top/css/_content.scss */
  body #ehon .set ul {
    margin-bottom: 7.46667vw;
  }
  /* line 422, ../../../../src/page/top/css/_content.scss */
  body #ehon .set ul li {
    margin-bottom: 6.13333vw;
  }
  /* line 424, ../../../../src/page/top/css/_content.scss */
  body #ehon .set ul li:last-child {
    margin-bottom: 0;
  }
  /* line 427, ../../../../src/page/top/css/_content.scss */
  body #ehon .set ul li .mov_area {
    margin-bottom: 4vw;
  }
  /* line 430, ../../../../src/page/top/css/_content.scss */
  body #ehon .set ul li .mov_ttl {
    width: 45.33333vw;
    height: 8.53333vw;
    background: url(../img/mov_lbl.svg) no-repeat bottom center;
    background-size: contain;
    font-size: 4.26667vw;
    line-height: 6.4vw;
    text-align: center;
    margin: 0 auto;
  }
  /* line 445, ../../../../src/page/top/css/_content.scss */
  body #world {
    padding-top: 18.66667vw;
  }
  /* line 447, ../../../../src/page/top/css/_content.scss */
  body #world h2 {
    text-align: center;
    margin-bottom: 4.26667vw;
  }
  /* line 450, ../../../../src/page/top/css/_content.scss */
  body #world h2 svg {
    width: 100%;
    position: relative;
    z-index: 3;
  }
  /* line 455, ../../../../src/page/top/css/_content.scss */
  body #world h2 span {
    width: 65.33333vw;
    display: inline-block;
    position: relative;
  }
  /* line 459, ../../../../src/page/top/css/_content.scss */
  body #world h2 span:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: url(../img/world_ttl_bar.png) no-repeat bottom left;
    background-size: 65.33333vw auto;
    width: 0%;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  /* line 472, ../../../../src/page/top/css/_content.scss */
  body #world h2 span.open:before {
    width: 100%;
  }
  /* line 479, ../../../../src/page/top/css/_content.scss */
  body #world .container .pnl {
    background: url(../img/world_bg4.svg) no-repeat center center;
    background-size: 100% 100%;
    margin-bottom: 4.26667vw;
  }
  /* line 483, ../../../../src/page/top/css/_content.scss */
  body #world .container .pnl .img {
    margin-bottom: 2.93333vw;
  }
  /* line 486, ../../../../src/page/top/css/_content.scss */
  body #world .container .pnl figcaption {
    box-sizing: border-box;
    padding: 0 5.33333vw 6.66667vw 5.33333vw;
  }
  /* line 489, ../../../../src/page/top/css/_content.scss */
  body #world .container .pnl figcaption h3 {
    font-size: 4.8vw;
    line-height: 1.444;
    font-weight: 700;
    padding-bottom: 5.86667vw;
    background: url(../img/ex_line.svg) no-repeat bottom center;
    background-size: 100% auto;
    margin-bottom: 3.46667vw;
    text-align: center;
  }
  /* line 499, ../../../../src/page/top/css/_content.scss */
  body #world .container .pnl figcaption .m {
    font-size: 4vw;
    line-height: 1.733;
    margin: 0 auto 3.46667vw auto;
    width: 100%;
    white-space: nowrap;
    font-weight: 700;
  }
  /* line 508, ../../../../src/page/top/css/_content.scss */
  body #world .container .pnl figcaption .s {
    font-size: 3.46667vw;
    line-height: 1.769;
    width: 100%;
    margin: 0 auto;
  }
  /* line 518, ../../../../src/page/top/css/_content.scss */
  body #world .container ul li {
    background: url(../img/world_01.svg) no-repeat center center;
    background-size: 100% 100%;
    margin-bottom: 5.33333vw;
    box-sizing: border-box;
    padding: 5.6vw 7.2vw 6.4vw 6.4vw;
  }
  /* line 524, ../../../../src/page/top/css/_content.scss */
  body #world .container ul li:nth-of-type(2) {
    background: url(../img/world_02.svg) no-repeat center center;
    background-size: 100% 100%;
  }
  /* line 528, ../../../../src/page/top/css/_content.scss */
  body #world .container ul li p {
    color: white;
  }
  /* line 531, ../../../../src/page/top/css/_content.scss */
  body #world .container ul li .t {
    font-size: 4.53333vw;
    line-height: 1.52;
    margin: 0 auto 3.46667vw auto;
    width: 100%;
    font-weight: 700;
    text-align: center;
  }
  /* line 539, ../../../../src/page/top/css/_content.scss */
  body #world .container ul li .m {
    font-size: 3.46667vw;
    line-height: 1.846;
    width: 100%;
    margin: 0 auto;
  }
  /* line 549, ../../../../src/page/top/css/_content.scss */
  body #outro {
    padding-top: 13.33333vw;
  }
  /* line 551, ../../../../src/page/top/css/_content.scss */
  body #outro h2 {
    margin: 0 0 0 -4%;
    width: 108%;
  }
  /* line 556, ../../../../src/page/top/css/_content.scss */
  body #about {
    padding-top: 18.93333vw;
    padding-bottom: 12.53333vw;
  }
  /* line 559, ../../../../src/page/top/css/_content.scss */
  body #about h2 {
    text-align: center;
    margin-bottom: 4.26667vw;
  }
  /* line 562, ../../../../src/page/top/css/_content.scss */
  body #about h2 img {
    width: 61.6vw;
  }
  /* line 565, ../../../../src/page/top/css/_content.scss */
  body #about h2 svg {
    width: 100%;
    position: relative;
    z-index: 3;
  }
  /* line 570, ../../../../src/page/top/css/_content.scss */
  body #about h2 span {
    width: 61.6vw;
    display: inline-block;
    position: relative;
  }
  /* line 574, ../../../../src/page/top/css/_content.scss */
  body #about h2 span:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: url(../img/about_ttl_bar.png) no-repeat bottom left;
    background-size: 61.6vw auto;
    width: 0%;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  /* line 587, ../../../../src/page/top/css/_content.scss */
  body #about h2 span.open:before {
    width: 100%;
  }
  /* line 594, ../../../../src/page/top/css/_content.scss */
  body #about .container .img {
    margin-bottom: 4.53333vw;
  }
  /* line 597, ../../../../src/page/top/css/_content.scss */
  body #about .container p {
    text-align: center;
    font-size: 3.73333vw;
    line-height: 2.28;
    margin-bottom: 5.86667vw;
  }
  /* line 603, ../../../../src/page/top/css/_content.scss */
  body #about .container .btn {
    display: block;
    margin: 0 auto 12.8vw auto;
    width: 85.06667vw;
    position: relative;
    color: white;
  }
  /* line 609, ../../../../src/page/top/css/_content.scss */
  body #about .container .btn span {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 4.26667vw;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 3;
  }
  /* line 620, ../../../../src/page/top/css/_content.scss */
  body #about .container .btn .ov {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
  }
  /* line 629, ../../../../src/page/top/css/_content.scss */
  body #about .container .tw {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  /* line 633, ../../../../src/page/top/css/_content.scss */
  body #about .container .tw p {
    background: url(../img/about_line.svg) no-repeat 50% 80%;
    background-size: 100% auto;
    width: 66.66667vw;
    font-size: 3.73333vw;
    line-height: 2.14;
    font-weight: 700;
    padding-bottom: 2.66667vw;
    margin-bottom: 2.13333vw;
    white-space: nowrap;
  }
  /* line 644, ../../../../src/page/top/css/_content.scss */
  body #about .container .tw a {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
  }
  /* line 649, ../../../../src/page/top/css/_content.scss */
  body #about .container .tw a:before {
    content: "";
    display: block;
    width: 10.66667vw;
    height: 10.66667vw;
    background: url(../img/icon_tw.svg) no-repeat center center;
    background-size: contain;
    margin: 0 1.06667vw 0 0;
  }
  /* line 658, ../../../../src/page/top/css/_content.scss */
  body #about .container .tw a span {
    font-size: 4.53333vw;
    font-weight: 700;
    color: #1d9bf0;
    display: inline-block;
    position: relative;
    margin: 0 0 0 1.06667vw;
    line-height: 1;
    padding-bottom: 1.33333vw;
  }
  /* line 667, ../../../../src/page/top/css/_content.scss */
  body #about .container .tw a span::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #1d9bf0;
  }
  /* line 677, ../../../../src/page/top/css/_content.scss */
  body #about .container .tw a span::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #1c84cb;
    z-index: 3;
    -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: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }
  /* line 696, ../../../../src/page/top/css/_content.scss */
  body #float {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 1000;
  }
  /* line 701, ../../../../src/page/top/css/_content.scss */
  body #float .box {
    position: fixed;
    width: 94%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    z-index: 1000;
    height: 145vw;
    background: url(../img/bg_float.svg) no-repeat center center;
    background-size: 100% 100%;
    padding: 6.66667vw 10.66667vw 6.66667vw 10.66667vw;
    box-sizing: border-box;
  }
  /* line 715, ../../../../src/page/top/css/_content.scss */
  body #float .box #float_scroll {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 109vw;
    z-index: 10;
    box-sizing: border-box;
  }
  /* line 722, ../../../../src/page/top/css/_content.scss */
  body #float .box #float_scroll .content {
    width: 100%;
    float: left;
    position: relative;
  }
  /* line 726, ../../../../src/page/top/css/_content.scss */
  body #float .box #float_scroll .content .ttl {
    font-size: 5.33333vw;
    line-height: 1.45;
    font-weight: 700;
    padding-bottom: 6.4vw;
    background: url(../img/bar_term.svg) no-repeat bottom center;
    background-size: 100% auto;
    margin-bottom: 6.13333vw;
    text-align: center;
    display: block;
  }
  /* line 738, ../../../../src/page/top/css/_content.scss */
  body #float .box #float_scroll .content .txts .h {
    font-size: 4.26667vw;
    line-height: 1.45;
    margin-bottom: 3.2vw;
    text-align: left;
    font-weight: 700;
  }
  /* line 745, ../../../../src/page/top/css/_content.scss */
  body #float .box #float_scroll .content .txts .s {
    font-size: 3.46667vw;
    line-height: 2;
    text-align: left;
    margin-bottom: 8vw;
    list-style: disc;
    box-sizing: border-box;
    padding: 0 0 0 2em;
  }
  /* line 753, ../../../../src/page/top/css/_content.scss */
  body #float .box #float_scroll .content .txts .s p {
    word-break: break-all;
  }
  /* line 756, ../../../../src/page/top/css/_content.scss */
  body #float .box #float_scroll .content .txts .s a {
    word-break: break-all;
    color: #6e5740;
    text-decoration: underline;
  }
  /* line 765, ../../../../src/page/top/css/_content.scss */
  body #float .box .btn_close {
    width: 46.66667vw;
    height: 14.13333vw;
    background: url(../img/btn_close.svg) no-repeat bottom center;
    background-size: 100% auto;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-size: 4.26667vw;
    font-weight: 700;
    margin: 4.8vw auto 0 auto;
    position: relative;
  }
  /* line 782, ../../../../src/page/top/css/_content.scss */
  body #float .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    float: left;
    background: rgba(110, 87, 64, 0.8);
    z-index: 1;
  }
  /* line 791, ../../../../src/page/top/css/_content.scss */
  body #float .iScrollIndicator {
    background: #D6CFC8 !important;
    width: 6px !important;
  }

  /* line 7, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main {
    padding-top: 0;
  }
  /* line 9, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main #top {
    margin-top: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
  }

  /* line 19, ../../../../src/page/top/css/_sp.scss */
  #reel {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 900;
    float: left;
    top: 0;
    left: 0;
    background: rgba(110, 87, 64, 0.8);
  }
  /* line 28, ../../../../src/page/top/css/_sp.scss */
  #reel .bg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    float: left;
    top: 0;
    left: 0;
    z-index: 5;
    cursor: pointer;
  }
  /* line 39, ../../../../src/page/top/css/_sp.scss */
  #reel .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 90%;
    height: 607.5px;
    z-index: 10;
  }
  /* line 49, ../../../../src/page/top/css/_sp.scss */
  #reel .inner i {
    float: right;
    font-size: 2em;
    margin: 0 0 1em 0;
  }
  /* line 54, ../../../../src/page/top/css/_sp.scss */
  #reel .inner iframe {
    width: 100%;
    height: 607.5px;
    float: left;
  }

  /* line 62, ../../../../src/page/top/css/_sp.scss */
  .close {
    width: 47.5px;
    height: 47.5px;
    float: right;
    position: absolute;
    text-align: center;
    cursor: pointer;
    top: -37px;
    right: -13px;
    z-index: 901;
  }
  /* line 74, ../../../../src/page/top/css/_sp.scss */
  .close .bar {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    -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 80, ../../../../src/page/top/css/_sp.scss */
  .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-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: 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 98, ../../../../src/page/top/css/_sp.scss */
  .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-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: 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 117, ../../../../src/page/top/css/_sp.scss */
  .close .t {
    display: inline-block;
    position: absolute;
    top: 57px;
    left: 25px;
  }
}