/*------------------------------------------------------------------------------
								campaign
------------------------------------------------------------------------------*/
body {
	background: url("../../img/common/gray-bg.gif") repeat center center;
	overflow-x: hidden;
}
#contents-wrapper {
	min-height: auto;
	padding-bottom:0px;
}
#footer-area {
	position: relative;
	width:100%;
	left:0px;
	bottom: auto;
}
#campaign-area {
	width: 100vw;
	min-width: 1280px;
	padding-top: 56.25vw;
	position: relative;
}
.main-wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
}
.main-wrapper .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url("../../img/campaign/bg-pc.jpg") no-repeat center center / cover;
}
.main {
	width: 100%;
	height: 100%;;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}
.main h3 {
	text-indent: -99999px;
	font-size: 0px;
	line-height: 0px;
	width: 41.666666666666667%;
	padding-top: 9.375%;
	background: url("../../img/campaign/tit.png") no-repeat center center / contain;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -42.7%;
	margin-top: -25.4%;
}
.main .icon-area {
	width: 100%;
	height: 100%;;
	position: absolute;
	top: 0px;
	left: 0px;
}
.main .icon-area li {
	-webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	transition:         all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	width: 34.166666666666667%;
	padding-top: 18.229166666666667%;
	height: 0px;
	line-height: 0px;
	position: absolute;
	background: url("../../img/campaign/foot.png") no-repeat center bottom / contain;
	z-index: 1;
	transform-origin: center bottom;
}
.main .icon-area li .icon-img a {
	display: none;
}
.main .icon-area li.act .icon-img a {
	display: block;
	position: absolute;
	text-indent: -99999px;
	width: 88%;
	height: 47%;
	top: 30%;
	left: 6%;
}
.main .icon-area li .icon-img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}
.main .icon-area .icon1 {
	top: 17.8%;
	left: 0px;
}
.main .icon-area .icon2 {
	top: -2.4%;
	left: 54.4%;
}
.main .icon-area .icon3 {
	top: 21.8%;
	left: 32.9%;
}
.main .icon-area .icon4 {
	top: 44.5%;
	left: 9%;
}
.main .icon-area .icon5 {
	top: 47.4%;
	left: 41.4%;
}
.main .icon-area .icon6 {
	top: 26%;
	left: 65.8%;
}
.main .icon-area .icon1 .icon-img {
	background: url("../../img/campaign/icon-act-none1.png") no-repeat center center / contain;
}
.main .icon-area .icon2 .icon-img {
	background: url("../../img/campaign/icon-act-none2.png") no-repeat center center / contain;
}
.main .icon-area .icon3 .icon-img {
	background: url("../../img/campaign/icon-act-none3.png") no-repeat center center / contain;
}
.main .icon-area .icon4 .icon-img {
	background: url("../../img/campaign/icon-act-none4.png") no-repeat center center / contain;
}
.main .icon-area .icon5 .icon-img {
	background: url("../../img/campaign/icon-act-none5.png") no-repeat center center / contain;
}
.main .icon-area .icon6 .icon-img {
	background: url("../../img/campaign/icon-act-none6.png") no-repeat center center / contain;
}

.main .icon-area .icon1.act .icon-img {
	background: url("../../img/campaign/icon-act1.png") no-repeat center center / contain;
}
.main .icon-area .icon2.act .icon-img {
	background: url("../../img/campaign/icon-act2.png") no-repeat center center / contain;
}
.main .icon-area .icon3.act .icon-img {
	background: url("../../img/campaign/icon-act3.png") no-repeat center center / contain;
}
.main .icon-area .icon4.act .icon-img {
	background: url("../../img/campaign/icon-act4.png") no-repeat center center / contain;
}
.main .icon-area .icon5.act .icon-img {
	background: url("../../img/campaign/icon-act5.png") no-repeat center center / contain;
}
.main .icon-area .icon6.act .icon-img {
	background: url("../../img/campaign/icon-act6.png") no-repeat center center / contain;
}

.main .icon-area .icon1.comp .icon-img {
	background: url("../../img/campaign/icon-complete1.png") no-repeat center center / contain;
}
.main .icon-area .icon2.comp .icon-img {
	background: url("../../img/campaign/icon-complete2.png") no-repeat center center / contain;
}
.main .icon-area .icon3.comp .icon-img {
	background: url("../../img/campaign/icon-complete3.png") no-repeat center center / contain;
}
.main .icon-area .icon4.comp .icon-img {
	background: url("../../img/campaign/icon-complete4.png") no-repeat center center / contain;
}
.main .icon-area .icon5.comp .icon-img {
	background: url("../../img/campaign/icon-complete5.png") no-repeat center center / contain;
}
.main .icon-area .icon6.comp .icon-img {
	background: url("../../img/campaign/icon-complete6.png") no-repeat center center / contain;
}

.main .news-area {
	width: 100%;
	height: 100%;;
	position: absolute;
	top: 0px;
	left: 0px;
}
.main .news-area li {
	-webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	transition:         all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	width: 22.916666666666667%;
	padding-top: 7.916666666666667%;
	height: 0px;
	line-height: 0px;
	position: absolute;
	z-index: 1;
}
.main .news-area li .news-img a {
	display: none;
}
.main .news-area li.act .news-img a {
	display: block;
	position: absolute;
	text-indent: -99999px;
	width: 81%;
	height: 50%;
	top: 25%;
	left: 9.5%;
}
.main .news-area li .news-img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}
.main .news-area .news1 {
	top: 79.5%;
	left: 2%;
}
.main .news-area .news2 {
	top: 79.5%;
	left: 26.15%;
}
.main .news-area .news3 {
	top: 79.5%;
	left: 50.4%;
}
.main .news-area .news4 {
	top: 79.5%;
	left: 74.6%;
}
.main .news-area .news1 .news-img {
	background: url("../../img/campaign/news-act-none1.png") no-repeat center center / contain;
}
.main .news-area .news2 .news-img {
	background: url("../../img/campaign/news-act-none2.png") no-repeat center center / contain;
}
.main .news-area .news3 .news-img {
	background: url("../../img/campaign/news-act-none3.png") no-repeat center center / contain;
}
.main .news-area .news4 .news-img {
	background: url("../../img/campaign/news-act-none4.png") no-repeat center center / contain;
}
.main .news-area .news1.act .news-img {
	background: url("../../img/campaign/news-act1.png") no-repeat center center / contain;
}
.main .news-area .news2.act .news-img {
	background: url("../../img/campaign/news-act2.png") no-repeat center center / contain;
}
.main .news-area .news3.act .news-img {
	background: url("../../img/campaign/news-act3.png") no-repeat center center / contain;
}
.main .news-area .news4.act .news-img {
	background: url("../../img/campaign/news-act4.png") no-repeat center center / contain;
}
.main .news-area .news1.comp .news-img {
	background: url("../../img/campaign/news-complete1.png") no-repeat center center / contain;
}
.main .news-area .news2.comp .news-img {
	background: url("../../img/campaign/news-complete2.png") no-repeat center center / contain;
}
.main .news-area .news3.comp .news-img {
	background: url("../../img/campaign/news-complete3.png") no-repeat center center / contain;
}
.main .news-area .news4.comp .news-img {
	background: url("../../img/campaign/news-complete4.png") no-repeat center center / contain;
}

@media screen and (min-width: 1001px)  {
.main .icon-area li.act:has(a:hover) {
	transform: scale(1.05);
}
.main .news-area li.act:has(a:hover) {
	transform: scale(1.05);
}
}


@media screen and (min-width: 1600px) {	
	#campaign-area {
		padding-top: 900px;
	}
	.main {
		width: 1600px;
	}
}
@media screen and (min-width: 2000px) {	
	#campaign-area {
		padding-top: 45vw;
		position: relative;
	}
	.main {
		width: 80%;
	}
}
@media screen and (max-width: 1280px) {
	body {
		overflow-x: auto;
	}
	#campaign-area {
		padding-top: 720px;
	}
	.main {
		width: 1280px;
		top: 0px;
		left: 0px;
		-webkit-transform: translateY(0px) translateX(0px);
		transform: translateY(0px) translateX(0px);
	}
}







@media screen and (max-width: 1000px) {
/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
								campaign
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
body {
	overflow-x: hidden;
}
#contents-wrapper {
	min-height: auto;
	padding-bottom:0px;
}
#campaign-area {
	min-width: 740px;
	padding-top: 0px;
	height: auto;
}
.main-wrapper {
	width: 100%;
	height: auto;
	position: relative;
	top: auto;
	left: auto;
}
.main-wrapper .bg {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0px;
	left: 0px;
	background: url("../../img/campaign/bg-pc.jpg") no-repeat center top / cover;
}
.main {
	width: 100%;
	height: auto;
	position: relative;
	top: 0px;
	left: 0px;
	-webkit-transform: translateY(0px) translateX(0px);
	transform: translateY(0px) translateX(0px);
}
.main h3 {
	width: 96%;
	padding-top: 22%;
	position: relative;
	top: 0px;
	left: 50%;
	margin-left: -48%;;
	margin-top: 6vw;
}
.main .icon-area {
	width: 100%;
	height: auto;
	position: relative;
	top: 0px;
	left: 0px;
}
.main .icon-area li {
	-webkit-transition: all 0s cubic-bezier(0.25, 1, 0.5, 1);
	transition:         all 0s cubic-bezier(0.25, 1, 0.5, 1);
	width: 90%;
	padding-top: 36%;
	position: relative;
	background: none;
	margin-top: -6vw;
	margin-left: 5%;
}
.main .icon-area li:first-child {
	margin-top: 0vw
}
.main .icon-area li .icon-img a {
	display: none;
}
.main .icon-area li.act .icon-img a {
	display: block;
	position: absolute;
	text-indent: -99999px;
	width: 88%;
	height: 61%;
	top: 24%;
	left: 6%;
}
.main .icon-area .icon1 {
	top: 0px;
	left: 0px;
}
.main .icon-area .icon2 {
	top: 0px;
	left: 0px;
}
.main .icon-area .icon3 {
	top: 0px;
	left: 0px;
}
.main .icon-area .icon4 {
	top: 0px;
	left: 0px;
}
.main .icon-area .icon5 {
	top: 0px;
	left: 0px;
}
.main .icon-area .icon6 {
	top: 0px;
	left: 0px;
}

.main .news-area {
	height: auto;
	position: relative;
}
.main .news-area li {
	-webkit-transition: all 0s cubic-bezier(0.25, 1, 0.5, 1);
	transition:         all 0s cubic-bezier(0.25, 1, 0.5, 1);
	width: 74%;
	padding-top: 26%;
	position: relative;
	margin-left: 13%;
	margin-top: -4vw;
}
.main .news-area li:first-child {
	margin-top: 3vw;
}
.main .news-area li:last-child {
	margin-bottom: 10vw;
}
.main .news-area .news1 {
	top: 0px;
	left: 0px;
}
.main .news-area .news2 {
	top: 0px;
	left: 0px;
}
.main .news-area .news3 {
	top: 0px;
	left: 0px;
}
.main .news-area .news4 {
	top: 0px;
	left: 0px;
}
.main .news-area li .news-img a {
	display: none;
}
.main .news-area li.act .news-img a {
	display: block;
	position: absolute;
	text-indent: -99999px;
	width: 81%;
	height: 50%;
	top: 25%;
	left: 9.5%;
}

}