@-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;
}

.pj {
				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) {
				.pj {
								padding-top: 132px;
								margin: 0 auto;
								background-image: url(../img/bg.jpg);
								background-repeat: no-repeat;
								background-size: cover;
								background-attachment: fixed;
								background-position: center;
				}
}
@media screen and (max-width: 960px) {
				.pj {
								padding-top: 127px;
				}
}
.pj section,
.pj h2,
.pj h3,
.pj h4,
.pj h5,
.pj p,
.pj ul,
.pj dl,
.pj dt,
.pj dd,
.pj img {
				margin: 0;
				padding: 0;
}
.pj img {
				max-width: 100%;
				vertical-align: bottom;
				height: auto;
				image-rendering: auto;
}
@media (width < 768px) {
				.pj img {
								width: 100%;
								max-width: 100%;
				}
}
.pj a {
				-webkit-transition: 0.3s;
				transition: 0.3s;
				text-decoration: none;
}
.pj a:hover img {
				opacity: 0.8;
}
.pj ol,
.pj ul {
				list-style: none;
				padding: 0;
}
.pj section {
				position: relative;
}
.pj section h2,
.pj section h3,
.pj section h4,
.pj section p {
				position: absolute;
				line-height: 0;
}
@media (769px < width) {
				.pj .pc {
								display: block !important;
				}
}
@media (769px < width < 768px) {
				.pj .pc {
								display: block !important;
				}
}
@media (width < 768px) {
				.pj .pc {
								display: none !important;
				}
}
@media (769px < width) {
				.pj .sp {
								display: none !important;
				}
}
@media (769px < width < 768px) {
				.pj .sp {
								display: none !important;
				}
}
@media (width < 768px) {
				.pj .sp {
								display: block !important;
				}
}
.pj .pe-none {
				pointer-events: none;
}
.pj .obj {
				position: absolute;
}
.pj .obj img {
				width: 100%;
}
.pj .anim {
				position: absolute;
				z-index: 0;
}

.pj {
				/*
				.bg-ttl {
					@include mq(l) {
						position: fixed;
						top: 40%;
						left: 50%;
						transform: translate(-600px, -50%);
						width: 23vw;
						max-width: 315px;
					}
					@media (770px < width < 1365px) {
						transform: translate(-500px, -50%);
					}
					@include mq(m) {
						display: none !important;
					}

					@include mq(s) {
						display: none !important;
					}

				}

				.bg-obj-1{
					@include mq(l) {
						position: fixed;
						top: 60%;
						left: 50%;
						transform: translate(-600px, -50%);
						width: 230px;
						//max-width: 420px;
						z-index:-1;
					}
					@media (770px < width < 1365px) {
						transform: translate(-500px, -50%);
					}

					@include mq(m) {
						display: none !important;
					}

					@include mq(s) {
						display: none !important;
					}
					img{
						width: 100%;
					}
				}

				*/
				/*
				   .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);
				       }
				   }
				   */
				/*
				.commit {
					$height: calc(1066 / $retina);

					background: {
						size: cover;
						repeat: no-repeat;
						position: top center;
						image: url(../img/commit_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(513 / $retina);
						$top: calc(240 / $retina);
						$left: calc(113 / $retina);

						@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);
						}
					}

					.content {
						$width: calc(420 / $retina);
						$top: calc(360 / $retina);
						$left: calc(167 / $retina);

						@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);
						}
					}
				}
				*/
				/*
				.review {
					$height: calc(1225 / $retina);

					background: {
						size: cover;
						repeat: no-repeat;
						position: bottom center;
						image: url(../img/review_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(575 / $retina);
						$top: calc(85 / $retina);
						$left: calc(77 / $retina);

						@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);
						}
					}

					.content-1 {
						$width: calc(347 / $retina);
						$top: calc(326 / $retina);
						$left: calc(357 / $retina);

						@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);
						}
					}
					.content-2 {
						$width: calc(386 / $retina);
						$top: calc(733 / $retina);
						$left: calc(45 / $retina);

						@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);
						}
					}

					.obj-1 {
						$width: calc(354 / $retina);
						$top: calc(280 / $retina);
						$left: calc(0 / $retina);

						@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);
						}
					}

					.obj-2 {
						$width: calc(307 / $retina);
						$top: calc(696 / $retina);
						$left: calc(443 / $retina);

						@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);
						}
					}
					.attn {
						$width: calc(350 / $retina);
						$top: calc(1199 / $retina);
						$left: calc(200 / $retina);

						@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);
						}
					}
				}
				*/
				/*
				.block {
					$height: calc(463 / $retina);

					background: {
						color: white;
					}

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

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

					@include mq(s) {
						height: calc($height / $bp-s * 100vw);
					}
				}
				*/
}
.pj .products_container {
				overflow: hidden;
}
@media (769px < width) {
				.pj .products_container {
								width: 430px;
								margin: auto;
								-webkit-box-shadow: 0 30px 85px black;
								        box-shadow: 0 30px 85px black;
				}
}
.pj .mv {
				background-size: 100%;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/mv_bg.jpg);
}
@media (769px < width) {
				.pj .mv {
								height: 640.9866666667px;
				}
}
@media (769px < width < 768px) {
				.pj .mv {
								height: 46.9587301587vw;
				}
}
@media (width < 768px) {
				.pj .mv {
								height: 149.0666666667vw;
				}
}
.pj .mv .pkg {
				position: absolute;
				z-index: 3;
				-webkit-transition-delay: 1s;
				        transition-delay: 1s;
}
@media (769px < width) {
				.pj .mv .pkg {
								width: 89.44px;
								top: 330.8133333333px;
								left: 325.6533333333px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .pkg {
								width: 6.5523809524vw;
								top: 24.2354090354vw;
								left: 23.8573870574vw;
				}
}
@media (width < 768px) {
				.pj .mv .pkg {
								width: 20.8vw;
								top: 76.9333333333vw;
								left: 75.7333333333vw;
				}
}
.pj .mv .copy {
				position: absolute;
				-webkit-transition-delay: 0.7s;
				        transition-delay: 0.7s;
}
@media (769px < width) {
				.pj .mv .copy {
								width: 148.4933333333px;
								top: 391.5866666667px;
								left: 8.0266666667px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .copy {
								width: 10.8786324786vw;
								top: 28.6876678877vw;
								left: 0.588034188vw;
				}
}
@media (width < 768px) {
				.pj .mv .copy {
								width: 34.5333333333vw;
								top: 91.0666666667vw;
								left: 1.8666666667vw;
				}
}
.pj .mv .btn {
				position: absolute;
				z-index: 2;
				-webkit-transition-delay: 1.4s;
				        transition-delay: 1.4s;
}
@media (769px < width) {
				.pj .mv .btn {
								width: 162.2533333333px;
								top: 10.32px;
								left: 262.5866666667px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .btn {
								width: 11.8866910867vw;
								top: 0.756043956vw;
								left: 19.2371184371vw;
				}
}
@media (width < 768px) {
				.pj .mv .btn {
								width: 37.7333333333vw;
								top: 2.4vw;
								left: 61.0666666667vw;
				}
}
.pj .mv .ttl {
				position: absolute;
				z-index: 2;
				-webkit-transition-delay: 1.2s;
				        transition-delay: 1.2s;
}
@media (769px < width) {
				.pj .mv .ttl {
								width: 193.7866666667px;
								top: 493.0666666667px;
								left: 114.6666666667px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .ttl {
								width: 14.1968253968vw;
								top: 36.1221001221vw;
								left: 8.4004884005vw;
				}
}
@media (width < 768px) {
				.pj .mv .ttl {
								width: 45.0666666667vw;
								top: 114.6666666667vw;
								left: 26.6666666667vw;
				}
}
.pj .mv .date {
				position: absolute;
				z-index: 2;
				-webkit-transition-delay: 1.5s;
				        transition-delay: 1.5s;
}
@media (769px < width) {
				.pj .mv .date {
								width: 105.4933333333px;
								top: 424.2666666667px;
								left: 228.76px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .date {
								width: 7.7284493284vw;
								top: 31.0818070818vw;
								left: 16.758974359vw;
				}
}
@media (width < 768px) {
				.pj .mv .date {
								width: 24.5333333333vw;
								top: 98.6666666667vw;
								left: 53.2vw;
				}
}
.pj .intro {
				background-size: 100%;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/intro_bg.jpg);
}
@media (769px < width) {
				.pj .intro {
								height: 462.68px;
				}
}
@media (769px < width < 768px) {
				.pj .intro {
								height: 33.895970696vw;
				}
}
@media (width < 768px) {
				.pj .intro {
								height: 107.6vw;
				}
}
.pj .intro .obj {
				position: absolute;
				z-index: 2;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.pj .intro .obj {
								width: 325.08px;
								top: -171.4266666667px;
								left: 53.8933333333px;
				}
}
@media (769px < width < 768px) {
				.pj .intro .obj {
								width: 23.8153846154vw;
								top: -12.5587301587vw;
								left: 3.9482295482vw;
				}
}
@media (width < 768px) {
				.pj .intro .obj {
								width: 75.6vw;
								top: -39.8666666667vw;
								left: 12.5333333333vw;
				}
}
.pj .intro .content {
				position: absolute;
				z-index: 2;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.pj .intro .content {
								width: 325.08px;
								top: 118.1066666667px;
								left: 53.8933333333px;
				}
}
@media (769px < width < 768px) {
				.pj .intro .content {
								width: 23.8153846154vw;
								top: 8.6525030525vw;
								left: 3.9482295482vw;
				}
}
@media (width < 768px) {
				.pj .intro .content {
								width: 75.6vw;
								top: 27.4666666667vw;
								left: 12.5333333333vw;
				}
}
.pj .feature {
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/feature_bg.jpg);
}
@media (769px < width) {
				.pj .feature {
								height: 1497.5466666667px;
				}
}
@media (769px < width < 768px) {
				.pj .feature {
								height: 109.7103785104vw;
				}
}
@media (width < 768px) {
				.pj .feature {
								height: 348.2666666667vw;
				}
}
.pj .feature .point-1 {
				position: absolute;
				z-index: 2;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.pj .feature .point-1 {
								width: 243.6666666667px;
								top: 108.9333333333px;
								left: 93.4533333333px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .point-1 {
								width: 17.851037851vw;
								top: 7.9804639805vw;
								left: 6.8463980464vw;
				}
}
@media (width < 768px) {
				.pj .feature .point-1 {
								width: 56.6666666667vw;
								top: 25.3333333333vw;
								left: 21.7333333333vw;
				}
}
.pj .feature .ttl-1 {
				position: absolute;
				z-index: 2;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.pj .feature .ttl-1 {
								width: 349.16px;
								top: 292.4px;
								left: 44.72px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .ttl-1 {
								width: 25.5794871795vw;
								top: 21.4212454212vw;
								left: 3.2761904762vw;
				}
}
@media (width < 768px) {
				.pj .feature .ttl-1 {
								width: 81.2vw;
								top: 68vw;
								left: 10.4vw;
				}
}
.pj .feature .content-1 {
				position: absolute;
				z-index: 2;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.pj .feature .content-1 {
								width: 255.7066666667px;
								top: 344px;
								left: 84.8533333333px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .content-1 {
								width: 18.7330891331vw;
								top: 25.2014652015vw;
								left: 6.2163614164vw;
				}
}
@media (width < 768px) {
				.pj .feature .content-1 {
								width: 59.4666666667vw;
								top: 80vw;
								left: 19.7333333333vw;
				}
}
.pj .feature .balloon {
				position: absolute;
				z-index: 2;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.pj .feature .balloon {
								width: 310.7466666667px;
								top: 407.0666666667px;
								left: 59.6266666667px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .balloon {
								width: 22.7653235653vw;
								top: 29.8217338217vw;
								left: 4.3682539683vw;
				}
}
@media (width < 768px) {
				.pj .feature .balloon {
								width: 72.2666666667vw;
								top: 94.6666666667vw;
								left: 13.8666666667vw;
				}
}
.pj .feature .point-2 {
				position: absolute;
				z-index: 2;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.pj .feature .point-2 {
								width: 232.2px;
								top: 698.8933333333px;
								left: 197.2266666667px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .point-2 {
								width: 17.010989011vw;
								top: 51.200976801vw;
								left: 14.4488400488vw;
				}
}
@media (width < 768px) {
				.pj .feature .point-2 {
								width: 54vw;
								top: 162.5333333333vw;
								left: 45.8666666667vw;
				}
}
.pj .feature .ttl-2 {
				position: absolute;
				z-index: 2;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.pj .feature .ttl-2 {
								width: 154.8px;
								top: 1077.8666666667px;
								left: 241.9466666667px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .ttl-2 {
								width: 11.3406593407vw;
								top: 78.9645909646vw;
								left: 17.725030525vw;
				}
}
@media (width < 768px) {
				.pj .feature .ttl-2 {
								width: 36vw;
								top: 250.6666666667vw;
								left: 56.2666666667vw;
				}
}
.pj .feature .content-2 {
				position: absolute;
				z-index: 2;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.pj .feature .content-2 {
								width: 173.72px;
								top: 1163.8666666667px;
								left: 232.2px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .content-2 {
								width: 12.7267399267vw;
								top: 85.264957265vw;
								left: 17.010989011vw;
				}
}
@media (width < 768px) {
				.pj .feature .content-2 {
								width: 40.4vw;
								top: 270.6666666667vw;
								left: 54vw;
				}
}
.pj .feature .point-3 {
				position: absolute;
				z-index: 2;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.pj .feature .point-3 {
								width: 232.2px;
								top: 698.8933333333px;
								left: 0px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .point-3 {
								width: 17.010989011vw;
								top: 51.200976801vw;
								left: 0vw;
				}
}
@media (width < 768px) {
				.pj .feature .point-3 {
								width: 54vw;
								top: 162.5333333333vw;
								left: 0vw;
				}
}
.pj .feature .ttl-3 {
				position: absolute;
				z-index: 2;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.pj .feature .ttl-3 {
								width: 173.72px;
								top: 1244.1333333333px;
								left: 23.5066666667px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .ttl-3 {
								width: 12.7267399267vw;
								top: 91.1452991453vw;
								left: 1.7221001221vw;
				}
}
@media (width < 768px) {
				.pj .feature .ttl-3 {
								width: 40.4vw;
								top: 289.3333333333vw;
								left: 5.4666666667vw;
				}
}
.pj .feature .content-3 {
				position: absolute;
				z-index: 2;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.pj .feature .content-3 {
								width: 196.6533333333px;
								top: 1335.8666666667px;
								left: 12.04px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .content-3 {
								width: 14.4068376068vw;
								top: 97.8656898657vw;
								left: 0.8820512821vw;
				}
}
@media (width < 768px) {
				.pj .feature .content-3 {
								width: 45.7333333333vw;
								top: 310.6666666667vw;
								left: 2.8vw;
				}
}
.pj .summary {
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/summary_bg.jpg);
}
@media (769px < width) {
				.pj .summary {
								height: 690.8666666667px;
				}
}
@media (769px < width < 768px) {
				.pj .summary {
								height: 50.6129426129vw;
				}
}
@media (width < 768px) {
				.pj .summary {
								height: 160.6666666667vw;
				}
}
.pj .summary .ttl {
				position: absolute;
				z-index: 2;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.pj .summary .ttl {
								width: 271.1866666667px;
								top: 133.0133333333px;
								left: 79.12px;
				}
}
@media (769px < width < 768px) {
				.pj .summary .ttl {
								width: 19.8671550672vw;
								top: 9.7445665446vw;
								left: 5.7963369963vw;
				}
}
@media (width < 768px) {
				.pj .summary .ttl {
								width: 63.0666666667vw;
								top: 30.9333333333vw;
								left: 18.4vw;
				}
}
.pj .summary .content {
				position: absolute;
				z-index: 2;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.pj .summary .content {
								width: 335.4px;
								top: 211.56px;
								left: 47.5866666667px;
				}
}
@media (769px < width < 768px) {
				.pj .summary .content {
								width: 24.5714285714vw;
								top: 15.4989010989vw;
								left: 3.4862026862vw;
				}
}
@media (width < 768px) {
				.pj .summary .content {
								width: 78vw;
								top: 49.2vw;
								left: 11.0666666667vw;
				}
}
.pj .info {
				position: relative;
				background-size: 100%;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/info_bg.jpg);
}
@media (769px < width) {
				.pj .info {
								height: 377.2533333333px;
				}
}
@media (769px < width < 768px) {
				.pj .info {
								height: 27.6376068376vw;
				}
}
@media (width < 768px) {
				.pj .info {
								height: 87.7333333333vw;
				}
}
.pj .info .lineup {
				position: relative;
}
.pj .info .lineup .lineup_btn {
				position: absolute;
}
@media (769px < width) {
				.pj .info .lineup .lineup_btn {
								width: 379.5466666667px;
								top: 102.0533333333px;
								left: 25.8px;
				}
}
@media (769px < width < 768px) {
				.pj .info .lineup .lineup_btn {
								width: 27.8056166056vw;
								top: 7.4764346764vw;
								left: 1.8901098901vw;
				}
}
@media (width < 768px) {
				.pj .info .lineup .lineup_btn {
								width: 88.2666666667vw;
								top: 23.7333333333vw;
								left: 6vw;
				}
}
.pj .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) {
				.pj .info .sns {
								top: 217.8666666667px;
				}
}
@media (769px < width < 768px) {
				.pj .info .sns {
								top: 15.9609279609vw;
				}
}
@media (width < 768px) {
				.pj .info .sns {
								position: absolute;
								width: 100%;
								top: 50.6666666667vw;
				}
}
@media (769px < width) {
				.pj .info .sns li {
								width: 43.5733333333px;
								margin: 0 10px;
				}
}
@media (769px < width < 768px) {
				.pj .info .sns li {
								width: 3.1921855922vw;
								margin: 0 0.7326007326vw;
				}
}
@media (width < 768px) {
				.pj .info .sns li {
								width: 10.1333333333vw;
								margin: 0 3%;
				}
}
/*# sourceMappingURL=style.css.map */