@charset "utf-8";

/* ---------------------------------------------------------------- column_page ---- */

.contents_area{
	width: 670px;
	float: left;
	padding-bottom: 140px;
	position: relative;
}

.contents_area-header{
	border-bottom: 2px solid #4cb6cf;
    padding: 0px 30px 3px 0;
	margin-bottom: 33px;
}

.contents_ttl{
	font-size: 28px;
	line-height: 45px;
	font-weight: bold;
	margin-bottom: 4px;
}

/* ---------------------------------------------------------------- inner ---- */

.contents_area-inner {}

.contents_area-txt{
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 13px;
}

.lcl-note {
	color: crimson;
}

.lcl-link {
	color: #4cb6cf;
	font-weight: bold;
}

.lcl-center-block {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.lcl-btn {
	display: block;
}

/* ---------------------------------------------------------------- loginbox ---- */

/* ----------------------------------------------------------------  ---- */
/* ---------------------------------------------------------------- SP ---- */
/* ----------------------------------------------------------------  ---- */

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

	.contents_area {width: 100%;float: none;padding-bottom: 0;}

	.contents_area-inner{
		padding: 0 15px 20px;
	    width: 100%;
	}

	.contents_area-header {
		border-bottom: 2px solid #4cb6cf;
		width: 100%;
		padding: 5px 0px 1px 0;
		margin-bottom: 6px;
	}

	.contents_ttl{
		font-size: 16px;
		line-height: 19px;
		margin-bottom: 6px;
	}

	.lcl-icon {
		margin-top: 15px;
		max-width: 70px;
	}

	.lcl-text {
		margin-top: 10px;
		font-size: 12px;
		line-height: 20px;
	}

	.lcl-flow {
		margin-top: 20px;
	}

	.lcl-btn {
		margin-top: 20px;
	}
}

@media screen and (min-width: 768px){
	.lcl-text {
		margin-top: 20px;
		font-size: 15px;
		line-height: 30px;
	}

	.lcl-flow {
		margin-top: 30px;
	}

	.lcl-btn {
		margin-top: 50px;
		line-height: 28px;
	}
}
/* -- TB---------------------------------------------------------------- */
.column-page .contents_area-header {border-top: 0px;}
.column-page .contents_area-inner {border-bottom: 0px;}