/* layout*/
/* element */
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;
				}
}
@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;
}

@media (769px < width) {
				.pj {
								min-height: 100vh;
				}
}
.pj__bg-video {
				display: none;
}
@media (769px < width) {
				.pj__bg-video {
								display: block;
								position: fixed;
								top: 0;
								left: 0;
								width: 100%;
								height: 100%;
								-o-object-fit: cover;
								   object-fit: cover;
								-o-object-position: center;
								   object-position: center;
								z-index: -1;
								pointer-events: none;
				}
}
@media (769px < width < 768px) {
				.pj__bg-video {
								display: none;
				}
}
@media (769px < width) {
				.pj .bg-ttl {
								position: fixed;
								top: 40%;
								left: 50%;
								-webkit-transform: translate(-600px, -50%);
								        transform: translate(-600px, -50%);
								width: 23vw;
								max-width: 315px;
								z-index: 1;
				}
}
@media (770px < width < 1365px) {
				.pj .bg-ttl {
								-webkit-transform: translate(-500px, -50%);
								        transform: translate(-500px, -50%);
				}
}
@media (769px < width < 768px) {
				.pj .bg-ttl {
								display: none !important;
				}
}
@media (width < 768px) {
				.pj .bg-ttl {
								display: none !important;
				}
}
.pj > p.bg-obj.is-bg-obj-hidden,
.pj p.bg-obj.is-bg-obj-hidden {
				opacity: 0;
				pointer-events: none !important;
}
.pj .bg-obj {
				opacity: 1;
				-webkit-transition: opacity 0.3s ease;
				transition: opacity 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
				.pj .bg-obj {
								-webkit-transition: none;
								transition: none;
				}
}
@media (769px < width < 768px) {
				.pj .bg-obj-1, .pj .bg-obj-2, .pj .bg-obj-3, .pj .bg-obj-4, .pj .bg-obj-5, .pj .bg-obj-6 {
								display: none !important;
				}
}
@media (width < 768px) {
				.pj .bg-obj-1, .pj .bg-obj-2, .pj .bg-obj-3, .pj .bg-obj-4, .pj .bg-obj-5, .pj .bg-obj-6 {
								display: none !important;
				}
}
.pj .bg-obj-1 img, .pj .bg-obj-2 img, .pj .bg-obj-3 img, .pj .bg-obj-4 img, .pj .bg-obj-5 img, .pj .bg-obj-6 img {
				width: 100%;
}
@media (769px < width) {
				.pj .bg-obj-1 {
								position: fixed;
								top: 18%;
								left: 3.75%;
								width: 6.6%;
								max-width: 109.2px;
				}
}
@media (770px < width < 1365px) {
				.pj .bg-obj-1 {
								min-width: 91px;
				}
}
@media (769px < width) {
				.pj .bg-obj-2 {
								position: fixed;
								top: 10%;
								right: 0%;
								width: 11.25%;
								max-width: 183.6px;
				}
}
@media (770px < width < 1365px) {
				.pj .bg-obj-2 {
								min-width: 153px;
				}
}
@media (769px < width) {
				.pj .bg-obj-3 {
								position: fixed;
								top: 35%;
								left: 50%;
								-webkit-transform: translateX(10vw);
								        transform: translateX(10vw);
								width: 8.16%;
								max-width: 133.2px;
				}
}
@media (770px < width < 1365px) {
				.pj .bg-obj-3 {
								-webkit-transform: translateX(170px);
								        transform: translateX(170px);
								min-width: 111px;
				}
}
@media (769px < width) {
				.pj .bg-obj-4 {
								position: fixed;
								top: 70%;
								left: 3.75%;
								width: 10.8%;
								max-width: 176.4px;
				}
}
@media (770px < width < 1365px) {
				.pj .bg-obj-4 {
								min-width: 147px;
				}
}
@media (769px < width) {
				.pj .bg-obj-5 {
								position: fixed;
								top: 72%;
								right: 15%;
								width: 6.4%;
								max-width: 105.6px;
				}
}
@media (770px < width < 1365px) {
				.pj .bg-obj-5 {
								min-width: 88px;
				}
}
@media (769px < width) {
				.pj .bg-obj-6 {
								position: fixed;
								top: 83%;
								left: 12%;
								width: 4.48%;
								max-width: 73.2px;
				}
}
@media (770px < width < 1365px) {
				.pj .bg-obj-6 {
								min-width: 61px;
								left: 15%;
				}
}
.pj .products_container {
				overflow: hidden;
				z-index: 1;
				position: relative;
}
@media (769px < width) {
				.pj .products_container {
								width: 430px;
								margin: auto;
								-webkit-box-shadow: 0 30px 85px black;
								        box-shadow: 0 30px 85px black;
				}
}
@media (769px < width) {
				.pj .mv {
								height: 703.5px;
				}
}
@media (769px < width < 768px) {
				.pj .mv {
								height: 51.5384615385vw;
				}
}
@media (width < 768px) {
				.pj .mv {
								height: 163.6046511628vw;
				}
}
.pj .mv {
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/mv_bg.jpg);
				/*
				.gc-label{
					width:100%;
					position:absolute;
					top:0;
					left:0;
					z-index:1;
				}
				*/
}
.pj .mv .pkg {
				position: absolute;
}
@media (769px < width) {
				.pj .mv .pkg {
								width: 430px;
								top: 587.5px;
								left: 0px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .pkg {
								width: 31.5018315018vw;
								top: 43.0402930403vw;
								left: 0vw;
				}
}
@media (width < 768px) {
				.pj .mv .pkg {
								width: 100vw;
								top: 136.6279069767vw;
								left: 0vw;
				}
}
.pj .mv .pkg {
				-webkit-transition-delay: 1s;
				        transition-delay: 1s;
				z-index: 2;
}
.pj .mv .copy {
				position: absolute;
}
@media (769px < width) {
				.pj .mv .copy {
								width: 128px;
								top: 70.5px;
								left: 260.5px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .copy {
								width: 9.3772893773vw;
								top: 5.1648351648vw;
								left: 19.0842490842vw;
				}
}
@media (width < 768px) {
				.pj .mv .copy {
								width: 29.7674418605vw;
								top: 16.3953488372vw;
								left: 60.5813953488vw;
				}
}
.pj .mv .copy {
				-webkit-transition-delay: 0.7s;
				        transition-delay: 0.7s;
}
.pj .mv .btn {
				position: absolute;
}
@media (769px < width) {
				.pj .mv .btn {
								width: 161px;
								top: 10px;
								left: 262.5px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .btn {
								width: 11.7948717949vw;
								top: 0.7326007326vw;
								left: 19.2307692308vw;
				}
}
@media (width < 768px) {
				.pj .mv .btn {
								width: 37.4418604651vw;
								top: 2.3255813953vw;
								left: 61.0465116279vw;
				}
}
.pj .mv .btn {
				-webkit-transition-delay: 2.4s;
				        transition-delay: 2.4s;
}
.pj .mv .ttl {
				position: absolute;
}
@media (769px < width) {
				.pj .mv .ttl {
								width: 227.5px;
								top: 465px;
								left: 13px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .ttl {
								width: 16.6666666667vw;
								top: 34.0659340659vw;
								left: 0.9523809524vw;
				}
}
@media (width < 768px) {
				.pj .mv .ttl {
								width: 52.9069767442vw;
								top: 108.1395348837vw;
								left: 3.023255814vw;
				}
}
.pj .mv .ttl {
				-webkit-transition-delay: 1.2s;
				        transition-delay: 1.2s;
}
.pj .mv .date {
				position: absolute;
}
@media (769px < width) {
				.pj .mv .date {
								width: 84.5px;
								top: 582.5px;
								left: 340px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .date {
								width: 6.1904761905vw;
								top: 42.673992674vw;
								left: 24.9084249084vw;
				}
}
@media (width < 768px) {
				.pj .mv .date {
								width: 19.6511627907vw;
								top: 135.4651162791vw;
								left: 79.0697674419vw;
				}
}
.pj .mv .date {
				-webkit-transition-delay: 1.5s;
				        transition-delay: 1.5s;
}
.pj .mv .obj-1 {
				position: absolute;
}
@media (769px < width) {
				.pj .mv .obj-1 {
								width: 59px;
								top: -17.5px;
								left: 6.5px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .obj-1 {
								width: 4.3223443223vw;
								top: -1.2820512821vw;
								left: 0.4761904762vw;
				}
}
@media (width < 768px) {
				.pj .mv .obj-1 {
								width: 13.7209302326vw;
								top: -4.0697674419vw;
								left: 1.511627907vw;
				}
}
.pj .mv .obj-1 {
				-webkit-transition-delay: 1.5s;
				        transition-delay: 1.5s;
}
.pj .mv .obj-2 {
				position: absolute;
}
@media (769px < width) {
				.pj .mv .obj-2 {
								width: 73px;
								top: 225.5px;
								left: 357px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .obj-2 {
								width: 5.347985348vw;
								top: 16.5201465201vw;
								left: 26.1538461538vw;
				}
}
@media (width < 768px) {
				.pj .mv .obj-2 {
								width: 16.976744186vw;
								top: 52.4418604651vw;
								left: 83.023255814vw;
				}
}
.pj .mv .obj-2 {
				-webkit-transition-delay: 1.5s;
				        transition-delay: 1.5s;
}
.pj .mv .obj-3 {
				position: absolute;
}
@media (769px < width) {
				.pj .mv .obj-3 {
								width: 40px;
								top: 330px;
								left: 384px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .obj-3 {
								width: 2.9304029304vw;
								top: 24.1758241758vw;
								left: 28.1318681319vw;
				}
}
@media (width < 768px) {
				.pj .mv .obj-3 {
								width: 9.3023255814vw;
								top: 76.7441860465vw;
								left: 89.3023255814vw;
				}
}
.pj .mv .obj-3 {
				-webkit-transition-delay: 1.5s;
				        transition-delay: 1.5s;
}
.pj .mv .obj-4 {
				position: absolute;
}
@media (769px < width) {
				.pj .mv .obj-4 {
								width: 44px;
								top: 371px;
								left: 0px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .obj-4 {
								width: 3.2234432234vw;
								top: 27.1794871795vw;
								left: 0vw;
				}
}
@media (width < 768px) {
				.pj .mv .obj-4 {
								width: 10.2325581395vw;
								top: 86.2790697674vw;
								left: 0vw;
				}
}
.pj .mv .obj-4 {
				-webkit-transition-delay: 1.5s;
				        transition-delay: 1.5s;
}
.pj .mv .obj-5 {
				position: absolute;
}
@media (769px < width) {
				.pj .mv .obj-5 {
								width: 32.5px;
								top: 449px;
								left: 34.5px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .obj-5 {
								width: 2.380952381vw;
								top: 32.8937728938vw;
								left: 2.5274725275vw;
				}
}
@media (width < 768px) {
				.pj .mv .obj-5 {
								width: 7.5581395349vw;
								top: 104.4186046512vw;
								left: 8.023255814vw;
				}
}
.pj .mv .obj-5 {
				-webkit-transition-delay: 1.5s;
				        transition-delay: 1.5s;
}
.pj .mv .obj-6 {
				position: absolute;
}
@media (769px < width) {
				.pj .mv .obj-6 {
								width: 32.5px;
								top: 610px;
								left: 0px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .obj-6 {
								width: 2.380952381vw;
								top: 44.6886446886vw;
								left: 0vw;
				}
}
@media (width < 768px) {
				.pj .mv .obj-6 {
								width: 7.5581395349vw;
								top: 141.8604651163vw;
								left: 0vw;
				}
}
.pj .mv .obj-6 {
				-webkit-transition-delay: 1.5s;
				        transition-delay: 1.5s;
}
@media (769px < width) {
				.pj .intro {
								height: 634.5px;
				}
}
@media (769px < width < 768px) {
				.pj .intro {
								height: 46.4835164835vw;
				}
}
@media (width < 768px) {
				.pj .intro {
								height: 147.5581395349vw;
				}
}
.pj .intro {
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/intro_bg.jpg);
}
.pj .intro .ttl {
				position: absolute;
}
@media (769px < width) {
				.pj .intro .ttl {
								width: 269.5px;
								top: 130px;
								left: 80.5px;
				}
}
@media (769px < width < 768px) {
				.pj .intro .ttl {
								width: 19.7435897436vw;
								top: 9.5238095238vw;
								left: 5.8974358974vw;
				}
}
@media (width < 768px) {
				.pj .intro .ttl {
								width: 62.6744186047vw;
								top: 30.2325581395vw;
								left: 18.7209302326vw;
				}
}
.pj .intro .content {
				position: absolute;
}
@media (769px < width) {
				.pj .intro .content {
								width: 377px;
								top: 315px;
								left: 27px;
				}
}
@media (769px < width < 768px) {
				.pj .intro .content {
								width: 27.619047619vw;
								top: 23.0769230769vw;
								left: 1.978021978vw;
				}
}
@media (width < 768px) {
				.pj .intro .content {
								width: 87.6744186047vw;
								top: 73.2558139535vw;
								left: 6.2790697674vw;
				}
}
.pj .intro .tea {
				position: absolute;
}
@media (769px < width) {
				.pj .intro .tea {
								width: 150.5px;
								top: 265px;
								left: 279.5px;
				}
}
@media (769px < width < 768px) {
				.pj .intro .tea {
								width: 11.0256410256vw;
								top: 19.4139194139vw;
								left: 20.4761904762vw;
				}
}
@media (width < 768px) {
				.pj .intro .tea {
								width: 35vw;
								top: 61.6279069767vw;
								left: 65vw;
				}
}
.pj .intro .obj-1 {
				position: absolute;
}
@media (769px < width) {
				.pj .intro .obj-1 {
								width: 65.5px;
								top: 46.5px;
								left: 364.5px;
				}
}
@media (769px < width < 768px) {
				.pj .intro .obj-1 {
								width: 4.7985347985vw;
								top: 3.4065934066vw;
								left: 26.7032967033vw;
				}
}
@media (width < 768px) {
				.pj .intro .obj-1 {
								width: 15.2325581395vw;
								top: 10.8139534884vw;
								left: 84.7674418605vw;
				}
}
.pj .intro .obj-1 {
				-webkit-transition-delay: 1.5s;
				        transition-delay: 1.5s;
}
.pj .intro .obj-2 {
				position: absolute;
}
@media (769px < width) {
				.pj .intro .obj-2 {
								width: 49.5px;
								top: 230px;
								left: 12.5px;
				}
}
@media (769px < width < 768px) {
				.pj .intro .obj-2 {
								width: 3.6263736264vw;
								top: 16.8498168498vw;
								left: 0.9157509158vw;
				}
}
@media (width < 768px) {
				.pj .intro .obj-2 {
								width: 11.511627907vw;
								top: 53.488372093vw;
								left: 2.9069767442vw;
				}
}
.pj .intro .obj-2 {
				-webkit-transition-delay: 1.5s;
				        transition-delay: 1.5s;
}
.pj .intro .obj-3 {
				position: absolute;
}
@media (769px < width) {
				.pj .intro .obj-3 {
								width: 64px;
								top: 496px;
								left: 242.5px;
				}
}
@media (769px < width < 768px) {
				.pj .intro .obj-3 {
								width: 4.6886446886vw;
								top: 36.336996337vw;
								left: 17.7655677656vw;
				}
}
@media (width < 768px) {
				.pj .intro .obj-3 {
								width: 14.8837209302vw;
								top: 115.3488372093vw;
								left: 56.3953488372vw;
				}
}
.pj .intro .obj-3 {
				-webkit-transition-delay: 1.5s;
				        transition-delay: 1.5s;
}
@media (769px < width) {
				.pj .feature {
								height: 850px;
				}
}
@media (769px < width < 768px) {
				.pj .feature {
								height: 62.2710622711vw;
				}
}
@media (width < 768px) {
				.pj .feature {
								height: 197.6744186047vw;
				}
}
.pj .feature {
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-color: #fff;
}
.pj .feature .point-1 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .point-1 {
								width: 189.5px;
								top: -42.5px;
								left: 240.5px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .point-1 {
								width: 13.8827838828vw;
								top: -3.1135531136vw;
								left: 17.619047619vw;
				}
}
@media (width < 768px) {
				.pj .feature .point-1 {
								width: 44.0697674419vw;
								top: -9.8837209302vw;
								left: 55.9302325581vw;
				}
}
.pj .feature .point-1 {
				z-index: 1;
}
.pj .feature .pht-1 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .pht-1 {
								width: 381.5px;
								top: -41px;
								left: 0px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .pht-1 {
								width: 27.9487179487vw;
								top: -3.0036630037vw;
								left: 0vw;
				}
}
@media (width < 768px) {
				.pj .feature .pht-1 {
								width: 88.7209302326vw;
								top: -9.5348837209vw;
								left: 0vw;
				}
}
.pj .feature .ttl-1 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .ttl-1 {
								width: 276.5px;
								top: 202.5px;
								left: 32.5px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .ttl-1 {
								width: 20.2564102564vw;
								top: 14.8351648352vw;
								left: 2.380952381vw;
				}
}
@media (width < 768px) {
				.pj .feature .ttl-1 {
								width: 64.3023255814vw;
								top: 47.0930232558vw;
								left: 7.5581395349vw;
				}
}
.pj .feature .content-1 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .content-1 {
								width: 268.5px;
								top: 297.5px;
								left: 35.5px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .content-1 {
								width: 19.6703296703vw;
								top: 21.7948717949vw;
								left: 2.6007326007vw;
				}
}
@media (width < 768px) {
				.pj .feature .content-1 {
								width: 62.4418604651vw;
								top: 69.1860465116vw;
								left: 8.2558139535vw;
				}
}
.pj .feature .point-2 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .point-2 {
								width: 195px;
								top: 420px;
								left: 16px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .point-2 {
								width: 14.2857142857vw;
								top: 30.7692307692vw;
								left: 1.1721611722vw;
				}
}
@media (width < 768px) {
				.pj .feature .point-2 {
								width: 45.3488372093vw;
								top: 97.6744186047vw;
								left: 3.7209302326vw;
				}
}
.pj .feature .point-2 {
				z-index: 1;
}
.pj .feature .pht-2 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .pht-2 {
								width: 355.5px;
								top: 415px;
								left: 74.5px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .pht-2 {
								width: 26.043956044vw;
								top: 30.4029304029vw;
								left: 5.4578754579vw;
				}
}
@media (width < 768px) {
				.pj .feature .pht-2 {
								width: 82.6744186047vw;
								top: 96.511627907vw;
								left: 17.3255813953vw;
				}
}
.pj .feature .ttl-2 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .ttl-2 {
								width: 186.5px;
								top: 675px;
								left: 221.5px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .ttl-2 {
								width: 13.663003663vw;
								top: 49.4505494505vw;
								left: 16.2271062271vw;
				}
}
@media (width < 768px) {
				.pj .feature .ttl-2 {
								width: 43.3720930233vw;
								top: 156.976744186vw;
								left: 51.511627907vw;
				}
}
.pj .feature .content-2 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .content-2 {
								width: 277px;
								top: 725px;
								left: 136.5px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .content-2 {
								width: 20.293040293vw;
								top: 53.1135531136vw;
								left: 10vw;
				}
}
@media (width < 768px) {
				.pj .feature .content-2 {
								width: 64.4186046512vw;
								top: 168.6046511628vw;
								left: 31.7441860465vw;
				}
}
.pj .feature .obj-1 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .obj-1 {
								width: 86px;
								top: 135px;
								left: 344px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .obj-1 {
								width: 6.3003663004vw;
								top: 9.8901098901vw;
								left: 25.2014652015vw;
				}
}
@media (width < 768px) {
				.pj .feature .obj-1 {
								width: 20vw;
								top: 31.3953488372vw;
								left: 80vw;
				}
}
.pj .feature .obj-1 {
				-webkit-transition-delay: 1.5s;
				        transition-delay: 1.5s;
}
.pj .feature .obj-2 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .obj-2 {
								width: 71px;
								top: 525px;
								left: 359px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .obj-2 {
								width: 5.2014652015vw;
								top: 38.4615384615vw;
								left: 26.3003663004vw;
				}
}
@media (width < 768px) {
				.pj .feature .obj-2 {
								width: 16.511627907vw;
								top: 122.0930232558vw;
								left: 83.488372093vw;
				}
}
.pj .feature .obj-2 {
				-webkit-transition-delay: 1.5s;
				        transition-delay: 1.5s;
}
.pj .feature .obj-3 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .obj-3 {
								width: 110.5px;
								top: 585px;
								left: 0px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .obj-3 {
								width: 8.0952380952vw;
								top: 42.8571428571vw;
								left: 0vw;
				}
}
@media (width < 768px) {
				.pj .feature .obj-3 {
								width: 25.6976744186vw;
								top: 136.0465116279vw;
								left: 0vw;
				}
}
.pj .feature .obj-3 {
				-webkit-transition-delay: 1.5s;
				        transition-delay: 1.5s;
}
@media (769px < width) {
				.pj .review {
								height: 684.5px;
				}
}
@media (769px < width < 768px) {
				.pj .review {
								height: 50.1465201465vw;
				}
}
@media (width < 768px) {
				.pj .review {
								height: 159.1860465116vw;
				}
}
.pj .review {
				background-size: cover;
				background-repeat: no-repeat;
				background-position: bottom center;
				background-image: url(../img/review_bg.jpg);
}
.pj .review .ttl {
				position: absolute;
}
@media (769px < width) {
				.pj .review .ttl {
								width: 171px;
								top: 10px;
								left: 42px;
				}
}
@media (769px < width < 768px) {
				.pj .review .ttl {
								width: 12.5274725275vw;
								top: 0.7326007326vw;
								left: 3.0769230769vw;
				}
}
@media (width < 768px) {
				.pj .review .ttl {
								width: 39.7674418605vw;
								top: 2.3255813953vw;
								left: 9.7674418605vw;
				}
}
.pj .review .content-1 {
				position: absolute;
}
@media (769px < width) {
				.pj .review .content-1 {
								width: 197px;
								top: 127.5px;
								left: 216px;
				}
}
@media (769px < width < 768px) {
				.pj .review .content-1 {
								width: 14.4322344322vw;
								top: 9.3406593407vw;
								left: 15.8241758242vw;
				}
}
@media (width < 768px) {
				.pj .review .content-1 {
								width: 45.8139534884vw;
								top: 29.6511627907vw;
								left: 50.2325581395vw;
				}
}
.pj .review .content-2 {
				position: absolute;
}
@media (769px < width) {
				.pj .review .content-2 {
								width: 162px;
								top: 250px;
								left: 25px;
				}
}
@media (769px < width < 768px) {
				.pj .review .content-2 {
								width: 11.8681318681vw;
								top: 18.315018315vw;
								left: 1.8315018315vw;
				}
}
@media (width < 768px) {
				.pj .review .content-2 {
								width: 37.6744186047vw;
								top: 58.1395348837vw;
								left: 5.8139534884vw;
				}
}
.pj .review .note {
				position: absolute;
}
@media (769px < width) {
				.pj .review .note {
								width: 176px;
								top: 365px;
								left: 232.5px;
				}
}
@media (769px < width < 768px) {
				.pj .review .note {
								width: 12.8937728938vw;
								top: 26.7399267399vw;
								left: 17.032967033vw;
				}
}
@media (width < 768px) {
				.pj .review .note {
								width: 40.9302325581vw;
								top: 84.8837209302vw;
								left: 54.0697674419vw;
				}
}
.pj .review .pkg {
				position: absolute;
}
@media (769px < width) {
				.pj .review .pkg {
								width: 430px;
								top: 396px;
								left: 0px;
				}
}
@media (769px < width < 768px) {
				.pj .review .pkg {
								width: 31.5018315018vw;
								top: 29.010989011vw;
								left: 0vw;
				}
}
@media (width < 768px) {
				.pj .review .pkg {
								width: 100vw;
								top: 92.0930232558vw;
								left: 0vw;
				}
}
.pj .review .obj-1 {
				position: absolute;
}
@media (769px < width) {
				.pj .review .obj-1 {
								width: 78.5px;
								top: 250px;
								left: 337.5px;
				}
}
@media (769px < width < 768px) {
				.pj .review .obj-1 {
								width: 5.7509157509vw;
								top: 18.315018315vw;
								left: 24.7252747253vw;
				}
}
@media (width < 768px) {
				.pj .review .obj-1 {
								width: 18.2558139535vw;
								top: 58.1395348837vw;
								left: 78.488372093vw;
				}
}
.pj .review .obj-1 {
				-webkit-transition-delay: 1.5s;
				        transition-delay: 1.5s;
}
@media (769px < width) {
				.pj .info {
								height: 245px;
				}
}
@media (769px < width < 768px) {
				.pj .info {
								height: 17.9487179487vw;
				}
}
@media (width < 768px) {
				.pj .info {
								height: 56.976744186vw;
				}
}
.pj .info {
				position: relative;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/info_bg.jpg);
}
.pj .info .lineup {
				position: relative;
}
.pj .info .lineup .lineup_btn {
				position: absolute;
}
@media (769px < width) {
				.pj .info .lineup .lineup_btn {
								width: 430px;
								top: 0px;
								left: 0px;
				}
}
@media (769px < width < 768px) {
				.pj .info .lineup .lineup_btn {
								width: 31.5018315018vw;
								top: 0vw;
								left: 0vw;
				}
}
@media (width < 768px) {
				.pj .info .lineup .lineup_btn {
								width: 100vw;
								top: 0vw;
								left: 0vw;
				}
}
.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: 120px;
				}
}
@media (769px < width < 768px) {
				.pj .info .sns {
								top: 8.7912087912vw;
				}
}
@media (width < 768px) {
				.pj .info .sns {
								position: absolute;
								width: 100%;
								top: 27.9069767442vw;
				}
}
@media (769px < width) {
				.pj .info .sns li {
								width: 44.5px;
								margin: 0 7px;
				}
}
@media (769px < width < 768px) {
				.pj .info .sns li {
								width: 3.2600732601vw;
								margin: 0 0.4395604396vw;
				}
}
@media (width < 768px) {
				.pj .info .sns li {
								width: 10.3488372093vw;
								margin: 0 2%;
				}
}

@-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);
				}
}
.pj .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);
				}
}
.pj .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;
				}
}
.pj .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);
				}
}
.pj .shine_anm_1 {
				-webkit-animation: 6s linear infinite rotate;
				        animation: 6s linear infinite rotate;
}
.pj .shine {
				position: absolute;
				-webkit-animation: 6s linear infinite shine;
				        animation: 6s linear infinite shine;
}
.pj .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);
}

@media (769px < width) {
				.u-hdn--pc {
								display: none;
				}
}

@media (width < 768px) {
				.u-hdn--sp {
								display: none;
				}
}
/*# sourceMappingURL=style.css.map */