.page_title { margin-bottom: 0px; }
.sec_desc {
	width: 100%; height: auto; line-height: 1.5;
	font-size: 16px; color: #999999; text-align: center;
	margin-top: 20px;
	box-sizing: border-box;
} 


.content_box {
	width: 100%; height: auto;
	margin-top: 45px;
	box-sizing: border-box;
}

.content_box > div {
	left: 50%;
	width: 100%; max-width: 654px; height: 100%;
	
	padding: 45px 0px 0px;
	border-top: 1px solid #dddddd;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	box-sizing: border-box;
}

.item:first-child { margin-left: 0px; }
.item:hover { background-color: #00a0e9; border-color: #00a0e9; }
.item {
	width: calc(50% - 7.5px); height: auto;
	margin-left: 15px;
	padding: 40px 0px;
	border: 1px solid #dddddd;
	cursor: pointer;
	box-sizing: border-box;
}

.item:hover .txt { color: #fff; }
.item .txt {
	width: 100%; height: 40px; line-height: 40px;
	font-size: 16px; color: #000; text-align: center;
	box-sizing: border-box;
}

.item .img {
	width: 100%; height: auto;
	box-sizing: border-box;
}
.item .img > div {
	left: 50%;
	width: 100%; max-width: 35px; height: 45px;
	

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	box-sizing: border-box;
}

.item:hover:nth-child(1) .img > div { background-image: url(../images/check_icon_hover_01.png); }
.item:nth-child(1) .img > div {
	background-image: url(../images/check_icon_01.png);
    background-size: 24px 42px;
    background-position: center center;
    background-repeat: no-repeat;

}

.item:hover:nth-child(2) .img > div { background-image: url(../images/check_icon_hover_02.png); }
.item:nth-child(2) .img > div {
	background-image: url(../images/check_icon_02.png);
    background-size: 34px 24px;
    background-position: center center;
    background-repeat: no-repeat;

}



.form { 
	width: 100%; height: auto;
	box-sizing: border-box;
}

.form .form_label::before { 
	content: '';
	position: absolute; top: 20px; left: 0px;
	width: 5px; height: 5px;
	background-color: #00a0e9;
	border-radius: 100%;
	box-sizing: border-box;
}

.form .form_label { 
	width: 170px; height: 40px; line-height: 40px;
	font-size: 18px; color: #000; text-align: left;
	padding-left: 15px;
	box-sizing: border-box;
}

.form .form_val { 
	width: 100%; height: auto;
	padding-left: 170px;
	box-sizing: border-box;
}

.form .form_val input:first-child { margin-top: 0px; }
.form .form_val input { 
	width: calc(100% - 130px); height: 40px;
	border: 2px solid #ddd;
	font-size: 16px; color: #666; text-align: left;
	padding: 0px 15px;
	margin-top: 10px;
	box-sizing: border-box;
}

.form .form_val button:hover { background-color: #000; color: #fff; }
.form .form_val button { 
	width: 120px; height: 40px;
	border: 2px solid #000;
	cursor: pointer;
	font-size: 16px; color: #000; text-align: center;
	background-color: #fff;
	padding: 0px 15px;
	margin-left: 10px;
	box-sizing: border-box;
}




.more_box {
	width: 100%; height: auto; 
	padding-top: 60px;
	text-align: center;
	box-sizing: border-box;
}

.more_box button:first-child { background-color: #000; }
.more_box button.color { background-color: #00a0e9; }
.more_box button:hover { opacity: 0.8; }
.more_box button {
	width: 146px; height: 48px; line-height: 48px;
	font-size: 14px; color: #fff; text-align: center;
	background-color: #00a0e9;
	border: 0px; cursor: pointer;
	margin: 0px 5px;
	box-sizing: border-box;

}

.cert { display: none; }


.ok_box {
	left: 50%;
	width: 100%; max-width: 370px; height: auto;
	

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	box-sizing: border-box;
}

.ok_box .ok_item:first-child { margin-top: 0px; }
.ok_box .ok_item {
	width: 100%; height: auto;
	margin-top: 15px;
	box-sizing: border-box;
}

.ok_box .ok_item .ok_label::before {
	content: '';
	position: absolute; top: 10px; left: 0px;
	width: 5px; height: 5px;
	background-color: #00a0e9;
	border-radius: 100%;
	box-sizing: border-box;
}

.ok_box .ok_item .ok_label {
	width: 130px; height: auto; line-height: 1.5;
	font-size: 16px; color: #000;  text-align: left;
	padding-left: 15px;
	box-sizing: border-box;
}

.ok_box .ok_item .ok_val {
	width: 100%; height: auto; line-height: 1.5;
	font-size: 16px; color: #999999;  text-align: left;
	padding-left: 130px; 
	box-sizing: border-box;
}


.ok_desc {
	width: 100%; height: auto; line-height: 1.5;
	margin-top: 45px;
	border-top: 1px solid #dddddd;
	padding-top: 15px;
	font-size: 16px; color: #999999; text-align: left;
	box-sizing: border-box;
}


@media (max-width: 479px){ 
	.sec_desc { font-size: 15px; }
	.item .txt { font-size: 15px; }
	.item:first-child { margin-top: 0px; }
	.item { width: 100%; padding: 30px; margin-left: 0px; margin-top: 15px; }

	.form .form_label { position: relative; width: 100%; font-size: 15px;  }
	.form .form_val input { width: 100%; font-size: 15px; }
	.form .form_val { padding-left: 0px; }
	.form .form_val button { width: 100%; margin-top: 10px; margin-left: 0px; font-size: 15px; }


	.more_box { padding-top: 50px; }
	.more_box button { width: 118px; height: 40px; line-height: 40px; }



	.ok_desc { font-size: 14px; }
	.ok_box .ok_item .ok_val { padding-left: 15px;  font-size: 15px; }
	.ok_box .ok_item .ok_label::before { top: 8px; }
	.ok_box .ok_item .ok_label { position: relative; width: 100%; font-size: 15px; }

}

@media (max-width: 749px) and (min-width: 480px) { 
	.sec_desc { font-size: 15px; }
	.item .txt { font-size: 15px; }
	.item { padding: 30px; }



	.form .form_label { width: 130px; font-size: 15px;  }
	.form .form_val input { width: 100%; font-size: 15px; }
	.form .form_val { padding-left: 130px; }
	.form .form_val button { width: 100%; margin-top: 10px; margin-left: 0px; font-size: 15px; }


	.more_box { padding-top: 50px; }
	.more_box button { width: 118px; height: 40px; line-height: 40px; }

	.ok_desc { font-size: 15px; }
	.ok_box .ok_item .ok_val { font-size: 15px; }
	.ok_box .ok_item .ok_label { font-size: 15px; }

}

@media (max-width: 1023px) and (min-width: 750px) { 
	.sec_desc { font-size: 15px; }
	.item .txt { font-size: 15px; }


	.form .form_label { width: 130px; font-size: 15px;  }
	.form .form_val input { font-size: 15px; }
	.form .form_val { padding-left: 130px; }
	.form .form_val button { font-size: 15px; }

	.more_box { padding-top: 50px; }
	.more_box button { width: 118px; height: 40px; line-height: 40px; }
	
	.ok_desc { font-size: 15px; }
	.ok_box .ok_item .ok_val { font-size: 15px; }
	.ok_box .ok_item .ok_label { font-size: 15px; }

}


@media (max-width: 1279px) and (min-width: 1024px) { 

}



/*
	@media (max-width: 479px){ 

	}

	@media (max-width: 749px) and (min-width: 480px) { 

	}

	@media (max-width: 1023px) and (min-width: 750px) { 

	}


	@media (max-width: 1279px) and (min-width: 1024px) { 

	}
*/