/* CSS Document */
/*--------------------------------------------------------------------
  LINE
--------------------------------------------------------------------*/






.column_box {
	display: block;
	width: 100%;
	max-width: none;
	margin: 10px 0 0;
}

img {
	max-width: 100%;
	height: auto;
}
.pc {
	display: inline-block;
}
.mobi {
	display: none;
}
/*@media screen and (max-width: 768px) {*/
@media screen and (max-width: 640px) {
	.pc {
		display: none;
	}
	.mobi {
		display: inline-block;
	}
}






.main_v,
.main_v_cta_sp,
.merit,
.step,
.convenient,
.bottom_cta {
	position: relative;

	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
	line-height: 0;
}
.main_v_box {
	background: #ffffe4 url('/img/line/main_v_bg.jpg') no-repeat center center;
}
@media screen and (max-width: 640px) {
	.main_v_box {
		background: url('/img/line/main_v_bg_sp.jpg') no-repeat center bottom;
		background-size: cover;
	}
}
.main_v {
	padding-bottom: 130px;
}
@media screen and (max-width: 640px) {
	.main_v {
		padding-bottom: 0;
	}
}
.main_v_cta {
	position: absolute;
	left: 163px;
	top: 376px;
}
@media screen and (max-width: 900px) {
	.main_v_cta {
		width: 40%;

		left: 18.1%;
		top: 74.3%;
	}
}



.merit_box {
	background: #fff;
}



.step_box {
	background: #fff9cb;
}
.step_cta {
	position: absolute;
	left: 97px;
	top: 564px;
}
@media screen and (max-width: 900px) {
	.step_cta {
		width: 20.6%;

		left: 10.8%;
		top: 32.6%;
	}
}
@media screen and (max-width: 640px) {
	.step_cta {
		width: 20.9%;

		left: 68.8%;
		top: 22.8%;
	}
}





.bottom_cta_box {
	padding-bottom: 140px;
}
@media screen and (max-width: 640px) {
	.bottom_cta_box {
		padding-bottom: 50px;
	}
}

@media screen and (max-width: 640px) {
	.bottom_cta {
		width: 92.2%;
		margin: 0 auto;
	}
}












.contents_box {
	max-width: 900px;
}