@charset "utf-8";

.pmain {
	background: url(/common/img/bg/bqsm.jpg) center /cover no-repeat;
}
/*============================ #box ============================*/
.lcl-box {
	padding: 50px 0 0;
	position: relative;
	z-index: 2;
	margin-bottom: -60px;
}
.lcl-box__ttl {
    font-size: 30px;
    line-height: 1.2;
    position: relative;
    margin-right: 90px;
    display: inline-block;
    margin-bottom: 30px;
}

.lcl-box__ttl::after {
    content: ' ';
    font-size: 24px;
    color: #00a8ff;
    letter-spacing: 0.15em;
    position: absolute;
    bottom: -16px;
    right: -95px;
    margin: auto;
    font-family: 'Shadows Into Light', cursive;
    font-style: italic;
    transform: skew(-11deg) rotate(-11deg);
}

.lcl-box__dl {
	width: 100%;
	background-color: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	padding: 60px 60px 20px;
}

.lcl-box__dt {
	font-size: 24px;
	margin-bottom: 10px;
	font-weight: 700;
}

.lcl-box__dd {
	margin-bottom: 40px;
	font-size: 14px;
}

.lcl-box__ol {
    list-style: none;
    counter-reset: number;
    padding: 0;
}

.lcl-box__ol .lcl-box__li {
    line-height: 2;
    margin-bottom: 1em;
}

.lcl-box__ol .lcl-box__li::before {
	counter-increment: number;
	content: counter(number);
	background: #1f5ab2;
	display: inline-block;
	width: 2em;
	height: 2em;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	margin-right: .3em;
}

.lcl-box__block {
	display: inline-block;
	padding: 20px 30px;
	background-color: #eee;
}

.lcl-box__block-ttl {
	font-size: 15px;
	font-weight: 700;
}

@media screen and (max-width: 767px) {
	/* ---------------------------------------------------------------- SP ---- */
	.lcl-box {
		padding: 20px 15px 0;
		position: relative;
		z-index: 2;
		margin-bottom: -30px;
	}
	.lcl-box__ttl {
		font-size: 20px;
		margin-right: 0;
		margin-bottom: 25px;
	}

	.lcl-box__ttl::after {
		font-size: 13px;
		bottom: -15px;
		right: -20px;
		margin: auto;
	}

	.lcl-box__dl {
		width: 100%;
		background-color: #fff;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
		padding: 15px 15px 5px;
	}

	.lcl-box__dt {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.lcl-box__dd {
		font-size: 12px;
		margin-bottom: 20px;
	}

	.lcl-box__ol .lcl-box__li {
		padding-left: 2.5em;
		position: relative;
	}

	.lcl-box__ol .lcl-box__li::before {
		display: block;
		margin-right: 0;
		position: absolute;
		left: 0;
	}

	.lcl-box__block {
		display: block;
		width: 100%;
		padding: 15px 20px;
		background-color: #eee;
	}

	.lcl-box__block-ttl {
		font-size: 14px;
	}

	.contactbox {
		padding: 60px 15px 35px;
	}
}