/* --------------- campaign --------------- */


.bg_pagettl.campaign {
	margin: 0;
	background-image: url(../img/campaign/bg_pagettl.jpg);
	background-repeat: no-repeat;
}

.bg_pagettl.campaign .en {
	width: 130px;
	margin: 0 auto;
	padding: 0;
}

.col_campaign1 h2 {
	width: 94%;
	max-width: 1126px;
	margin: 0 auto;
	padding: 65px 0 10px;
}

.col_campaign1 .mds_sub1:before {
  background: linear-gradient( 90deg, #00c700, #00c700 620px, #b4aeab 151px, #b4aeab );
}

.col_campaign1 .img {
	margin: 0 auto 37px;
	text-align: center;
}

.col_campaign1 .mds_sub1 {
	margin-bottom: 47px;
}

.cont_campaign1 {
	width: 96%;
	max-width: 1070px;
	margin: 0 auto;
	padding: 0 0 43px;
}

.cont_campaign1 dl {
	width: 95%;
	margin: 0 auto 36px;
	padding: 0;
}

.cont_campaign1 dl dt {
	margin: 0 0 8px;
	padding: 5px 22px;
	line-height: 1.5;
	font-size: 18px;
	font-weight: 700;
	background-color: #eaeaea;
}

.cont_campaign1 dl dd {
	margin: 0;
	padding: 0 22px;
}

.col_campaign1 .box:nth-child(even) {
	background-color: #f5fbf3;
}

.col_notcampaign {
	padding: 100px 20px 200px;
	text-align: center;
}

@media screen and ( max-width: 1180px ) {


	.col_campaign1 img {
		width: 93%;
	}

.cont_campaign1 dl {
    width: 90%;
	}

}

/* ---------------------------------------------------------------
	start max 700px
--------------------------------------------------------------- */

@media screen and ( max-width: 700px ) {

	.cont_campaign1 {
	  padding: 0 0 16px;
	}

	.col_campaign1 h2 {
    padding: 36px 0 10px;
	}

	.col_campaign1 .mds_sub1 {
	   margin-bottom: 27px;
	}

	.col_campaign1 .img {
    margin: 0 auto 27px;
    text-align: center;
	}

	.cont_campaign1 dl {
    margin: 0 auto 24px;
	}

	.cont_campaign1 dl dt {
    padding: 5px 10px;
	}

	.cont_campaign1 dl dd {
    padding: 0;
	}

}

/* ---------------------------------------------------------------
	end max 700px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
	start max 450px
--------------------------------------------------------------- */

@media screen and ( max-width: 450px ) {

	.bg_pagettl.campaign .en {
		width: 29vw;
	}


}

/* ---------------------------------------------------------------
	end max 450px
--------------------------------------------------------------- */