@charset "utf-8";

@import url(/campaign/css/campaign-detail.css);

/* ========== additional styles ========== */
.dense {
	padding-top: 0 !important; }

.largely-spaced {
	margin-top: 80px !important; }

.normally-spaced {
	margin-top: 40px !important; }

.small-spaced ,
.small-spaced p {
	margin-top: 0.5em !important; }


/* ========== key-visual ========== */
/*#key-visual.cpn-title-sp {
	margin-top: 15px !important;
}*/

#key-visual.cpn-title-sp h1 {
	background: url(../img/bg_02.png) center bottom no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	margin: 0;
	text-align: center;
}

#key-visual.cpn-title-sp h1 img {
	margin: 0 auto;
	width: 100%;
	max-width: 394px;
}

#key-visual.cpn-title-sp {
	text-align: center;
	background-color: #35a667;
/*	position: relative;*/
}
#key-visual.cpn-title-sp img {
	margin: 0 auto;
	width: 100%;
	max-width: 394px;
}
/*#key-visual .cpn-logo-clip {
	position: absolute;
	bottom: 0;
	left: -100%;
	right: -100%;
}*/

/* ========== section ========== */
/* ----- column-group ----- */
.cpn-column-group-01 {
	margin-top: 1.375em;
}

.cpn-column-group-01 .col-unit-1\/2 {
	margin-left: 0;
	padding: 0.5em 42px 0.5em 0;
	width: 50%;
}
.cpn-column-group-01 .col-unit-1\/2+.col-unit-1\/2 {
    border-left: 3px dotted #a2dfbd;
	padding-left: 39px;
	padding-right: 0;
}

@media only screen and (max-width: 640px) {
	.cpn-column-group-01 .col-unit-1\/2 {
		padding: 15px 6px !important;
		width: 100%;
	}
	.cpn-column-group-01 .col-unit-1\/2+.col-unit-1\/2 {
		border-top: 3px dotted #a2dfbd;
		border-left: none;
	}
	
	.cpn-btn-01 {
		display: none;
	}
}

@media only screen and (min-width:640px) and (max-width:768px) {
	.cpn-btn-01 {
		display: block;
	}	
}