@charset "utf-8";

/* ---------------------------------------------------------------- 共通 ---- */

.pagemain-img{
	background-color: #3db2dd;
}

.pagemain-img-inner{
	background-image: url(../img/img_01.png);
}

.pagemain-img-ttl{
	background-image: url(../img/h_01.png);
	width: 385px;
	height: 72.5px;
	left: 158px;
}

/* ---------------------------------------------------------------- lead ---- */

.lcl-box-lead{
	padding: 60px 0 15px;
}

.lcl-box-lead-icon {
	margin-bottom: 10px;
}

.lcl-box-lead-icon img{
	display: block;
	margin: 0 auto;
	width: 81px;
}

.lcl-box-lead-ttl{
	color: #5675db;
	font-size: 30px;
	letter-spacing: 0.15em;
	font-weight: bold;
	text-align: center;
}

/* ---------------------------------------------------------------- box01 ---- */
.lcl-box01{
	width: 100%;
	position: relative;
	padding: 0 0 90px;
	box-sizing: border-box;
}

.lcl-box-block{
	overflow: hidden;
}

.lcl-box-tbl{
	width: 100%;
	margin-bottom: 80px;
}

.lcl-box-tbl th{
	width: 200px;
	padding-left: 20px;
	box-sizing:border-box;
	background-color: #dcf8fc;
	font-weight: bold;
	font-size: 17px;
	letter-spacing: 0.1em;
}

.lcl-box-tbl th.vat{
	padding-top: 20px;
}

.lcl-box-tbl tr{
	border-bottom: 1px dashed #5675db;
}

.lcl-box-tbl tr:first-child{
	border-top: 1px dashed #5675db;
}

.lcl-box-tbl td{
	padding: 20px 0;
	padding-left: 30px;
	font-size: 15px;
	letter-spacing: 0.1em;
	line-height: 24px;
}

.lcl-box01-link {
		color: #5675db;
		text-decoration: underline;
}

/* ---------------------------------------------------------------- btn ---- */


.lcl-box01-btn-wrp{
	text-align: center;
}

.lcl-box01-btn{
	display: inline-block;
	background: url(../img/btn_01.png) center /100% no-repeat;
	width: 680px;
	height: 130px;
	position: relative;
}

.lcl-box01-btn a{
	display: block;
	width: 100%;
	height: 100%;
}

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

	.pagemain-img-inner {
		background-image: url(../img/sp/img_01.png);
	}

	.lcl-box-lead {
	    padding: 30px 0 30px;
	}

	.lcl-box-lead-icon img {
	    width: 81px;
	    height: auto;
	}

	.lcl-box-lead-ttl {
	    color: #5675db;
	    font-size: 20px;
	    letter-spacing: 0.01em;
	    font-weight: bold;
	    text-align: center;
	}

	.lcl-box-lead-icon {
	    margin-bottom: 15px;
	}

	/* ---------------------------------------------------------------- box01 ---- */
	.lcl-box01 {
	    padding: 0 0 45px;
	}

	.lcl-box01 .boxarea-inner{
		padding: 0;
	}

	.lcl-box-tbl {
	    margin-bottom: 60px;
	}

	.lcl-box-tbl th {
		width: 100%;
		display: block;
		font-size: 15px;
		letter-spacing: 0.025em;
		padding: 10px 15px;
	}

	.lcl-box-tbl td {
		font-size: 14px;
		letter-spacing: 0.025em;
		line-height: 25px;
		width: 100%;
		display: block;
		padding: 20px 15px 25px;
		box-sizing: border-box;
	}

	.lcl-box-tbl td a{
		color: #5675db;
		text-decoration: underline;
	}

	.lcl-box-tbl tr {
	    border-bottom: 1px solid #5675db;
	}

	.lcl-box-tbl tr:first-child {
	    border-top: 1px solid #5675db;
	}

	.lcl-box-tbl th.vat{
		padding-top: 10px;
	}

	/* ---------------------------------------------------------------- box02 ---- */

	.lcl-box01-btn-wrp {
	    text-align: center;
	    padding: 0 15px;
	    box-sizing: border-box;
	}

	.lcl-box01-btn {
	    /*display: inline-block;*/
	    background: url(../img/sp/btn_01.png) center /100% no-repeat;
	    width: 100%;
	    height: 0;
	    padding-top: 31.8181818%;
	}

	.lcl-box01-btn a{
		position: absolute;
		top: 0;
		left: 0;
	}

}