@-webkit-keyframes swing {
				0% {
								-webkit-transform: translate(0, 0px);
								        transform: translate(0, 0px);
				}
				100% {
								-webkit-transform: translate(0, 10px);
								        transform: translate(0, 10px);
				}
}
@keyframes swing {
				0% {
								-webkit-transform: translate(0, 0px);
								        transform: translate(0, 0px);
				}
				100% {
								-webkit-transform: translate(0, 10px);
								        transform: translate(0, 10px);
				}
}
.uc .swing {
				-webkit-animation-timing-function: ease-in-out;
				        animation-timing-function: ease-in-out;
				-webkit-animation-iteration-count: infinite;
				        animation-iteration-count: infinite;
				-webkit-animation-direction: alternate;
				        animation-direction: alternate;
				-webkit-animation-duration: 2s;
				        animation-duration: 2s;
				-webkit-animation-name: swing;
				        animation-name: swing;
}
@-webkit-keyframes swing2 {
				0% {
								-webkit-transform: translate(0, 0px);
								        transform: translate(0, 0px);
				}
				100% {
								-webkit-transform: translate(0, 20px);
								        transform: translate(0, 20px);
				}
}
@keyframes swing2 {
				0% {
								-webkit-transform: translate(0, 0px);
								        transform: translate(0, 0px);
				}
				100% {
								-webkit-transform: translate(0, 20px);
								        transform: translate(0, 20px);
				}
}
.uc .swing2 {
				-webkit-animation-timing-function: ease-in-out;
				        animation-timing-function: ease-in-out;
				-webkit-animation-iteration-count: infinite;
				        animation-iteration-count: infinite;
				-webkit-animation-direction: alternate;
				        animation-direction: alternate;
				-webkit-animation-duration: 2s;
				        animation-duration: 2s;
				-webkit-animation-name: swing2;
				        animation-name: swing2;
}
@-webkit-keyframes flash {
				0%, 100% {
								opacity: 1;
				}
				50% {
								opacity: 0;
				}
}
@keyframes flash {
				0%, 100% {
								opacity: 1;
				}
				50% {
								opacity: 0;
				}
}
.uc .flash {
				-webkit-animation: flash 1.5s linear infinite;
				        animation: flash 1.5s linear infinite;
}
@-webkit-keyframes rotate {
				0% {
								-webkit-transform: rotate(0);
								        transform: rotate(0);
				}
				100% {
								-webkit-transform: rotateY(360deg);
								        transform: rotateY(360deg);
				}
}
@keyframes rotate {
				0% {
								-webkit-transform: rotate(0);
								        transform: rotate(0);
				}
				100% {
								-webkit-transform: rotateY(360deg);
								        transform: rotateY(360deg);
				}
}
.uc .shine_anm_1 {
				-webkit-animation: 6s linear infinite rotate;
				        animation: 6s linear infinite rotate;
}
.uc .shine {
				position: absolute;
				-webkit-animation: 6s linear infinite shine;
				        animation: 6s linear infinite shine;
}
.uc .shine img {
				display: inline-block;
}

.sa {
				opacity: 0;
				-webkit-transition: all 1s ease;
				transition: all 1s ease;
}
.sa-low {
				-webkit-transition: all 1.5s ease-out;
				transition: all 1.5s ease-out;
}
.sa.show {
				opacity: 1;
				-webkit-transform: none;
				        transform: none;
}
.sa--lr {
				-webkit-transform: translateX(-30px);
				        transform: translateX(-30px);
}
.sa--rl {
				-webkit-transform: translateX(30px);
				        transform: translateX(30px);
}
.sa--up {
				-webkit-transform: translateY(20px);
				        transform: translateY(20px);
}
.sa--up2 {
				-webkit-transform: translateY(80px);
				        transform: translateY(80px);
}
.sa--up3 {
				-webkit-transform: translateY(80px);
				        transform: translateY(80px);
}
.sa--down {
				-webkit-transform: translateY(-30px);
				        transform: translateY(-30px);
}

body {
				margin: 0;
}

.gyo {
				zoom: 100%;
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				line-height: 1;
				border: 0;
				vertical-align: baseline;
				font-size: 1.6rem;
				position: relative;
				margin: 0;
				padding: 0;
				overflow-x: hidden;
				overflow-y: hidden;
				z-index: 0;
}
@media (769px < width) {
				.gyo {
								padding-top: 132px;
								margin: 0 auto;
								background-image: url(../img/bg.jpg);
								background-repeat: no-repeat;
								background-size: cover;
								background-attachment: fixed;
								background-position: 50%;
				}
}
@media screen and (max-width: 960px) {
				.gyo {
								padding-top: 127px;
				}
}
.gyo section,
.gyo h2,
.gyo h3,
.gyo h4,
.gyo h5,
.gyo p,
.gyo ul,
.gyo dl,
.gyo dt,
.gyo dd,
.gyo img {
				margin: 0;
				padding: 0;
}
.gyo img {
				max-width: 100%;
				vertical-align: bottom;
				height: auto;
				image-rendering: auto;
}
@media (width < 768px) {
				.gyo img {
								width: 100%;
								max-width: 100%;
				}
}
.gyo a {
				-webkit-transition: 0.3s;
				transition: 0.3s;
				text-decoration: none;
}
.gyo a:hover img {
				opacity: 0.8;
}
.gyo ol,
.gyo ul {
				list-style: none;
				padding: 0;
}
.gyo section {
				position: relative;
}
.gyo section h2,
.gyo section h3,
.gyo section h4,
.gyo section p {
				position: absolute;
				line-height: 0;
}
@media (769px < width) {
				.gyo .pc {
								display: block !important;
				}
}
@media (769px < width < 768px) {
				.gyo .pc {
								display: block !important;
				}
}
@media (width < 768px) {
				.gyo .pc {
								display: none !important;
				}
}
@media (769px < width) {
				.gyo .sp {
								display: none !important;
				}
}
@media (769px < width < 768px) {
				.gyo .sp {
								display: none !important;
				}
}
@media (width < 768px) {
				.gyo .sp {
								display: block !important;
				}
}
.gyo .pe-none {
				pointer-events: none;
}
.gyo .obj {
				position: absolute;
}
.gyo .obj img {
				width: 100%;
}
.gyo .anim {
				position: absolute;
				z-index: 0;
}

.gyo {
				/*
				   .anim-bg-1 {
				       $width: calc(340 / $retina);
				       $top: calc(0 / $retina);
				       $left: calc(0 / $retina);
				       transition-delay: 1;

				       @include mq(l) {
				           width: ($width)+px;
				           top: ($top)+px;
				           left: ($left)+px;
				       }

				       @include mq(m) {
				           width: calc($width / $bp-m * 100vw);
				           top: calc($top / $bp-m * 100vw);
				           left: calc($left / $bp-m * 100vw);
				       }

				       @include mq(s) {
				           width: calc($width / $bp-s * 100vw);
				           top: calc($top / $bp-s * 100vw);
				           left: calc($left / $bp-s * 100vw);
				       }
				   }
				   */
				/*
				   .summary {
				       $height: calc(705 / $retina);

				       background: {
				           size: 100%;
				           repeat: no-repeat;
				           position: top center;
				           image: url(../img/summary_bg.jpg);
				       }

				       @include mq(l) {
				           height: ($height)+px;
				       }

				       @include mq(m) {
				           height: calc($height / $bp-m * 100vw);
				       }

				       @include mq(s) {
				           height: calc($height / $bp-s * 100vw);
				       }

				       .ttl {
				           $width: calc(402 / $retina);
				           $top: calc(250 / $retina);
				           @include tl-cn;

				           @include mq(l) {
				               width: ($width)+px;
				               top: ($top)+px;
				           }

				           @include mq(m) {
				               width: calc($width / $bp-m * 100vw);
				               top: calc($top / $bp-m * 100vw);
				           }

				           @include mq(s) {
				               width: calc($width / $bp-s * 100vw);
				               top: calc($top / $bp-s * 100vw);
				           }
				       }
				   }
				   */
}
@media (769px < width) {
				.gyo .bg-ttl {
								position: fixed;
								top: 50%;
								left: 50%;
								-webkit-transform: translate(-600px, -50%);
								        transform: translate(-600px, -50%);
								width: 15vw;
								max-width: 250px;
				}
}
@media (769px < width < 768px) {
				.gyo .bg-ttl {
								display: none !important;
				}
}
@media (width < 768px) {
				.gyo .bg-ttl {
								display: none !important;
				}
}
.gyo .products_container {
				overflow: hidden;
}
@media (769px < width) {
				.gyo .products_container {
								width: 430px;
								margin: auto;
								-webkit-box-shadow: 0 30px 85px black;
								        box-shadow: 0 30px 85px black;
				}
}
.gyo .mv {
				background-size: 100%;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/mv_bg.jpg);
				/*
				      .date {
				          $width: calc(132 / $retina);
				          $top: calc(630 / $retina);
				          $left: calc(125 / $retina);
				          z-index: 0;
				          transition-delay: 1.3s;

				          @include mq(l) {
				              width: ($width)+px;
				              top: ($top)+px;
				              left: ($left)+px;
				          }

				          @include mq(m) {
				              width: calc($width / $bp-m * 100vw);
				              top: calc($top / $bp-m * 100vw);
				              left: calc($left / $bp-m * 100vw);
				          }

				          @include mq(s) {
				              width: calc($width / $bp-s * 100vw);
				              top: calc($top / $bp-s * 100vw);
				              left: calc($left / $bp-s * 100vw);
				          }
				      }
				      */
}
@media (769px < width) {
				.gyo .mv {
								height: 596.84px;
				}
}
@media (769px < width < 768px) {
				.gyo .mv {
								height: 43.7245421245vw;
				}
}
@media (width < 768px) {
				.gyo .mv {
								height: 138.8vw;
				}
}
.gyo .mv .ttl {
				-webkit-transition-delay: 1.8s;
				        transition-delay: 1.8s;
}
@media (769px < width) {
				.gyo .mv .ttl {
								width: 111.8px;
								top: 501.6666666667px;
								left: 28.6666666667px;
				}
}
@media (769px < width < 768px) {
				.gyo .mv .ttl {
								width: 8.1904761905vw;
								top: 36.7521367521vw;
								left: 2.1001221001vw;
				}
}
@media (width < 768px) {
				.gyo .mv .ttl {
								width: 26vw;
								top: 116.6666666667vw;
								left: 6.6666666667vw;
				}
}
.gyo .mv .pkg {
				z-index: 1;
				-webkit-transition-delay: 2.2s;
				        transition-delay: 2.2s;
}
@media (769px < width) {
				.gyo .mv .pkg {
								width: 235.0666666667px;
								top: 448.3466666667px;
								left: 169.1333333333px;
				}
}
@media (769px < width < 768px) {
				.gyo .mv .pkg {
								width: 17.221001221vw;
								top: 32.8459096459vw;
								left: 12.3907203907vw;
				}
}
@media (width < 768px) {
				.gyo .mv .pkg {
								width: 54.6666666667vw;
								top: 104.2666666667vw;
								left: 39.3333333333vw;
				}
}
.gyo .mv .copy-1 {
				-webkit-transition-delay: 0.7s;
				        transition-delay: 0.7s;
}
@media (769px < width) {
				.gyo .mv .copy-1 {
								width: 314.1866666667px;
								top: 47.0133333333px;
								left: 103.7733333333px;
				}
}
@media (769px < width < 768px) {
				.gyo .mv .copy-1 {
								width: 23.0173382173vw;
								top: 3.4442002442vw;
								left: 7.6024420024vw;
				}
}
@media (width < 768px) {
				.gyo .mv .copy-1 {
								width: 73.0666666667vw;
								top: 10.9333333333vw;
								left: 24.1333333333vw;
				}
}
.gyo .mv .copy-2 {
				-webkit-transition-delay: 1s;
				        transition-delay: 1s;
}
@media (769px < width) {
				.gyo .mv .copy-2 {
								width: 76.2533333333px;
								top: 204.1066666667px;
								left: 340.56px;
				}
}
@media (769px < width < 768px) {
				.gyo .mv .copy-2 {
								width: 5.5863247863vw;
								top: 14.9528693529vw;
								left: 24.9494505495vw;
				}
}
@media (width < 768px) {
				.gyo .mv .copy-2 {
								width: 17.7333333333vw;
								top: 47.4666666667vw;
								left: 79.2vw;
				}
}
.gyo .mv .badge {
				-webkit-transition-delay: 1.2s;
				        transition-delay: 1.2s;
}
@media (769px < width) {
				.gyo .mv .badge {
								width: 86px;
								top: 111.8px;
								left: 332.5333333333px;
				}
}
@media (769px < width < 768px) {
				.gyo .mv .badge {
								width: 6.3003663004vw;
								top: 8.1904761905vw;
								left: 24.3614163614vw;
				}
}
@media (width < 768px) {
				.gyo .mv .badge {
								width: 20vw;
								top: 26vw;
								left: 77.3333333333vw;
				}
}
.gyo .mv .label {
				-webkit-transition-delay: 0.4s;
				        transition-delay: 0.4s;
}
@media (769px < width) {
				.gyo .mv .label {
								width: 79.6933333333px;
								top: 23.5066666667px;
								left: 11.4666666667px;
				}
}
@media (769px < width < 768px) {
				.gyo .mv .label {
								width: 5.8383394383vw;
								top: 1.7221001221vw;
								left: 0.84004884vw;
				}
}
@media (width < 768px) {
				.gyo .mv .label {
								width: 18.5333333333vw;
								top: 5.4666666667vw;
								left: 2.6666666667vw;
				}
}
.gyo .mv .btn {
				z-index: 2;
				position: absolute;
				-webkit-transition-delay: 2.4s;
				        transition-delay: 2.4s;
}
@media (769px < width) {
				.gyo .mv .btn {
								width: 159.96px;
								top: 11.4666666667px;
								left: 263.7333333333px;
				}
}
@media (769px < width < 768px) {
				.gyo .mv .btn {
								width: 11.7186813187vw;
								top: 0.84004884vw;
								left: 19.3211233211vw;
				}
}
@media (width < 768px) {
				.gyo .mv .btn {
								width: 37.2vw;
								top: 2.6666666667vw;
								left: 61.3333333333vw;
				}
}
.gyo .intro {
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/intro_bg.jpg);
}
@media (769px < width) {
				.gyo .intro {
								height: 576.2px;
				}
}
@media (769px < width < 768px) {
				.gyo .intro {
								height: 42.2124542125vw;
				}
}
@media (width < 768px) {
				.gyo .intro {
								height: 134vw;
				}
}
.gyo .intro .logo {
				position: absolute;
				-webkit-transition-delay: 0.1s;
				        transition-delay: 0.1s;
}
@media (769px < width) {
				.gyo .intro .logo {
								width: 83.1333333333px;
								top: 83.1333333333px;
								left: 169.7066666667px;
				}
}
@media (769px < width < 768px) {
				.gyo .intro .logo {
								width: 6.0903540904vw;
								top: 6.0903540904vw;
								left: 12.4327228327vw;
				}
}
@media (width < 768px) {
				.gyo .intro .logo {
								width: 19.3333333333vw;
								top: 19.3333333333vw;
								left: 39.4666666667vw;
				}
}
.gyo .intro h2 {
				position: absolute;
				-webkit-transition-delay: 0.4s;
				        transition-delay: 0.4s;
}
@media (769px < width) {
				.gyo .intro h2 {
								width: 307.88px;
								top: 189.2px;
								left: 61.3466666667px;
				}
}
@media (769px < width < 768px) {
				.gyo .intro h2 {
								width: 22.5553113553vw;
								top: 13.8608058608vw;
								left: 4.4942612943vw;
				}
}
@media (width < 768px) {
				.gyo .intro h2 {
								width: 71.6vw;
								top: 44vw;
								left: 14.2666666667vw;
				}
}
.gyo .intro .content {
				position: absolute;
				-webkit-transition-delay: 0.7s;
				        transition-delay: 0.7s;
}
@media (769px < width) {
				.gyo .intro .content {
								width: 396.7466666667px;
								top: 235.0666666667px;
								left: 16.6266666667px;
				}
}
@media (769px < width < 768px) {
				.gyo .intro .content {
								width: 29.0656898657vw;
								top: 17.221001221vw;
								left: 1.2180708181vw;
				}
}
@media (width < 768px) {
				.gyo .intro .content {
								width: 92.2666666667vw;
								top: 54.6666666667vw;
								left: 3.8666666667vw;
				}
}
.gyo .feature {
				background-size: 100%;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/feature_bg.jpg);
}
@media (769px < width) {
				.gyo .feature {
								height: 1320.3866666667px;
				}
}
@media (769px < width < 768px) {
				.gyo .feature {
								height: 96.7316239316vw;
				}
}
@media (width < 768px) {
				.gyo .feature {
								height: 307.0666666667vw;
				}
}
.gyo .feature h2 {
				position: absolute;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
				z-index: 2;
}
@media (769px < width) {
				.gyo .feature h2 {
								width: 130.72px;
								top: 114.6666666667px;
								left: 150.2133333333px;
				}
}
@media (769px < width < 768px) {
				.gyo .feature h2 {
								width: 9.5765567766vw;
								top: 8.4004884005vw;
								left: 11.0046398046vw;
				}
}
@media (width < 768px) {
				.gyo .feature h2 {
								width: 30.4vw;
								top: 26.6666666667vw;
								left: 34.9333333333vw;
				}
}
.gyo .feature .pkg {
				left: 0;
				position: absolute;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.gyo .feature .pkg {
								width: 430px;
								top: 584.8px;
				}
}
@media (769px < width < 768px) {
				.gyo .feature .pkg {
								width: 31.5018315018vw;
								top: 42.8424908425vw;
				}
}
@media (width < 768px) {
				.gyo .feature .pkg {
								width: 100vw;
								top: 136vw;
				}
}
.gyo .feature .lead {
				position: absolute;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.gyo .feature .lead {
								width: 322.7866666667px;
								top: 240.8px;
								left: 53.32px;
				}
}
@media (769px < width < 768px) {
				.gyo .feature .lead {
								width: 23.6473748474vw;
								top: 17.641025641vw;
								left: 3.9062271062vw;
				}
}
@media (width < 768px) {
				.gyo .feature .lead {
								width: 75.0666666667vw;
								top: 56vw;
								left: 12.4vw;
				}
}
.gyo .feature .content-1 {
				position: absolute;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.gyo .feature .content-1 {
								width: 213.8533333333px;
								top: 424.2666666667px;
								left: 181.7466666667px;
				}
}
@media (769px < width < 768px) {
				.gyo .feature .content-1 {
								width: 15.6669108669vw;
								top: 31.0818070818vw;
								left: 13.3147741148vw;
				}
}
@media (width < 768px) {
				.gyo .feature .content-1 {
								width: 49.7333333333vw;
								top: 98.6666666667vw;
								left: 42.2666666667vw;
				}
}
.gyo .feature .content-2 {
				position: absolute;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.gyo .feature .content-2 {
								width: 236.2133333333px;
								top: 923.0666666667px;
								left: 29.24px;
				}
}
@media (769px < width < 768px) {
				.gyo .feature .content-2 {
								width: 17.305006105vw;
								top: 67.6239316239vw;
								left: 2.1421245421vw;
				}
}
@media (width < 768px) {
				.gyo .feature .content-2 {
								width: 54.9333333333vw;
								top: 214.6666666667vw;
								left: 6.8vw;
				}
}
.gyo .feature .obj-1 {
				right: 0;
				position: absolute;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.gyo .feature .obj-1 {
								width: 198.9466666667px;
								top: -103.2px;
				}
}
@media (769px < width < 768px) {
				.gyo .feature .obj-1 {
								width: 14.5748473748vw;
								top: -7.5604395604vw;
				}
}
@media (width < 768px) {
				.gyo .feature .obj-1 {
								width: 46.2666666667vw;
								top: -24vw;
				}
}
.gyo .feature .obj-2 {
				position: absolute;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.gyo .feature .obj-2 {
								width: 122.12px;
								top: 80.2666666667px;
								left: 0px;
				}
}
@media (769px < width < 768px) {
				.gyo .feature .obj-2 {
								width: 8.9465201465vw;
								top: 5.8803418803vw;
								left: 0vw;
				}
}
@media (width < 768px) {
				.gyo .feature .obj-2 {
								width: 28.4vw;
								top: 18.6666666667vw;
								left: 0vw;
				}
}
.gyo .feature .obj-3 {
				position: absolute;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.gyo .feature .obj-3 {
								width: 213.28px;
								top: 1086.4666666667px;
								left: 0px;
				}
}
@media (769px < width < 768px) {
				.gyo .feature .obj-3 {
								width: 15.6249084249vw;
								top: 79.5946275946vw;
								left: 0vw;
				}
}
@media (width < 768px) {
				.gyo .feature .obj-3 {
								width: 49.6vw;
								top: 252.6666666667vw;
								left: 0vw;
				}
}
.gyo .commit {
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/commit_bg.jpg);
}
@media (769px < width) {
				.gyo .commit {
								height: 650.16px;
				}
}
@media (769px < width < 768px) {
				.gyo .commit {
								height: 47.6307692308vw;
				}
}
@media (width < 768px) {
				.gyo .commit {
								height: 151.2vw;
				}
}
.gyo .commit h2 {
				position: absolute;
}
@media (769px < width) {
				.gyo .commit h2 {
								width: 223.0266666667px;
								top: 0px;
								left: 103.7733333333px;
				}
}
@media (769px < width < 768px) {
				.gyo .commit h2 {
								width: 16.3389499389vw;
								top: 0vw;
								left: 7.6024420024vw;
				}
}
@media (width < 768px) {
				.gyo .commit h2 {
								width: 51.8666666667vw;
								top: 0vw;
								left: 24.1333333333vw;
				}
}
.gyo .commit .content {
				position: absolute;
				-webkit-transition-delay: 0.2s;
				        transition-delay: 0.2s;
}
@media (769px < width) {
				.gyo .commit .content {
								width: 346.2933333333px;
								top: 80.2666666667px;
								left: 42.4266666667px;
				}
}
@media (769px < width < 768px) {
				.gyo .commit .content {
								width: 25.3694749695vw;
								top: 5.8803418803vw;
								left: 3.1081807082vw;
				}
}
@media (width < 768px) {
				.gyo .commit .content {
								width: 80.5333333333vw;
								top: 18.6666666667vw;
								left: 9.8666666667vw;
				}
}
.gyo .commit .obj-1 {
				position: absolute;
				-webkit-transition-delay: 0.2s;
				        transition-delay: 0.2s;
}
@media (769px < width) {
				.gyo .commit .obj-1 {
								width: 315.3333333333px;
								top: 303.8666666667px;
				}
}
@media (769px < width < 768px) {
				.gyo .commit .obj-1 {
								width: 23.1013431013vw;
								top: 22.2612942613vw;
				}
}
@media (width < 768px) {
				.gyo .commit .obj-1 {
								width: 73.3333333333vw;
								top: 70.6666666667vw;
				}
}
.gyo .commit .obj-2 {
				right: 0;
				position: absolute;
				-webkit-transition-delay: 0.2s;
				        transition-delay: 0.2s;
}
@media (769px < width) {
				.gyo .commit .obj-2 {
								width: 139.8933333333px;
								top: 355.4666666667px;
				}
}
@media (769px < width < 768px) {
				.gyo .commit .obj-2 {
								width: 10.2485958486vw;
								top: 26.0415140415vw;
				}
}
@media (width < 768px) {
				.gyo .commit .obj-2 {
								width: 32.5333333333vw;
								top: 82.6666666667vw;
				}
}
.gyo .review {
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/review_bg.jpg);
}
@media (769px < width) {
				.gyo .review {
								height: 516.5733333333px;
				}
}
@media (769px < width < 768px) {
				.gyo .review {
								height: 37.8442002442vw;
				}
}
@media (width < 768px) {
				.gyo .review {
								height: 120.1333333333vw;
				}
}
.gyo .review h2 {
				position: absolute;
}
@media (769px < width) {
				.gyo .review h2 {
								width: 223.0266666667px;
								top: 0px;
								left: 103.7733333333px;
				}
}
@media (769px < width < 768px) {
				.gyo .review h2 {
								width: 16.3389499389vw;
								top: 0vw;
								left: 7.6024420024vw;
				}
}
@media (width < 768px) {
				.gyo .review h2 {
								width: 51.8666666667vw;
								top: 0vw;
								left: 24.1333333333vw;
				}
}
.gyo .review .content-1 {
				position: absolute;
}
@media (769px < width) {
				.gyo .review .content-1 {
								width: 250.5466666667px;
								top: 92.88px;
								left: 26.3733333333px;
				}
}
@media (769px < width < 768px) {
				.gyo .review .content-1 {
								width: 18.3550671551vw;
								top: 6.8043956044vw;
								left: 1.9321123321vw;
				}
}
@media (width < 768px) {
				.gyo .review .content-1 {
								width: 58.2666666667vw;
								top: 21.6vw;
								left: 6.1333333333vw;
				}
}
.gyo .review .content-2 {
				right: 0;
				position: absolute;
}
@media (769px < width) {
				.gyo .review .content-2 {
								width: 350.88px;
								top: 207.5466666667px;
				}
}
@media (769px < width < 768px) {
				.gyo .review .content-2 {
								width: 25.7054945055vw;
								top: 15.2048840049vw;
				}
}
@media (width < 768px) {
				.gyo .review .content-2 {
								width: 81.6vw;
								top: 48.2666666667vw;
				}
}
.gyo .review .content-3 {
				position: absolute;
				z-index: 2;
}
@media (769px < width) {
				.gyo .review .content-3 {
								width: 310.7466666667px;
								top: 322.2133333333px;
								left: 21.7866666667px;
				}
}
@media (769px < width < 768px) {
				.gyo .review .content-3 {
								width: 22.7653235653vw;
								top: 23.6053724054vw;
								left: 1.5960927961vw;
				}
}
@media (width < 768px) {
				.gyo .review .content-3 {
								width: 72.2666666667vw;
								top: 74.9333333333vw;
								left: 5.0666666667vw;
				}
}
.gyo .review .attn {
				position: absolute;
}
@media (769px < width) {
				.gyo .review .attn {
								width: 201.24px;
								top: 452.9333333333px;
								left: 114.6666666667px;
				}
}
@media (769px < width < 768px) {
				.gyo .review .attn {
								width: 14.7428571429vw;
								top: 33.1819291819vw;
								left: 8.4004884005vw;
				}
}
@media (width < 768px) {
				.gyo .review .attn {
								width: 46.8vw;
								top: 105.3333333333vw;
								left: 26.6666666667vw;
				}
}
.gyo .info {
				position: relative;
				background-size: 100%;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/info_bg.jpg);
}
@media (769px < width) {
				.gyo .info {
								height: 282.08px;
				}
}
@media (769px < width < 768px) {
				.gyo .info {
								height: 20.6652014652vw;
				}
}
@media (width < 768px) {
				.gyo .info {
								height: 65.6vw;
				}
}
.gyo .info .lineup {
				position: relative;
}
.gyo .info .lineup .lineup_btn {
				position: absolute;
}
@media (769px < width) {
				.gyo .info .lineup .lineup_btn {
								width: 377.2533333333px;
								top: 0px;
								left: 26.3733333333px;
				}
}
@media (769px < width < 768px) {
				.gyo .info .lineup .lineup_btn {
								width: 27.6376068376vw;
								top: 0vw;
								left: 1.9321123321vw;
				}
}
@media (width < 768px) {
				.gyo .info .lineup .lineup_btn {
								width: 87.7333333333vw;
								top: 0vw;
								left: 6.1333333333vw;
				}
}
.gyo .info .sns {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				position: absolute;
				left: 50%;
				-webkit-transform: translateX(-50%);
				        transform: translateX(-50%);
}
@media (769px < width) {
				.gyo .info .sns {
								top: 115.8133333333px;
				}
}
@media (769px < width < 768px) {
				.gyo .info .sns {
								top: 8.4844932845vw;
				}
}
@media (width < 768px) {
				.gyo .info .sns {
								position: absolute;
								width: 100%;
								top: 26.9333333333vw;
				}
}
@media (769px < width) {
				.gyo .info .sns li {
								width: 43.5733333333px;
								margin: 0 10px;
				}
}
@media (769px < width < 768px) {
				.gyo .info .sns li {
								width: 3.1921855922vw;
								margin: 0 0.7326007326vw;
				}
}
@media (width < 768px) {
				.gyo .info .sns li {
								width: 10.1333333333vw;
								margin: 0 3%;
				}
}
/*# sourceMappingURL=style.css.map */