@charset "utf-8";

.pmain-bgimg {
	background-image: url(../img/main_bg.jpg);
}
/*============================ #header ============================*/
.lcl-lead-feature {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 65px 40px 55px;
	background-color: #eeeeee;
	position: relative;
}
.lcl-lead-feature .block__ttl04 {
	position: absolute;
	top: 20px;
	left: 0;
}
.lcl-lead-feature__in {
	justify-content: space-between;
	align-items: stretch;
}
.lcl-lead-feature-item--2 {
	width: calc((100% - 20px) / 2);
	position: relative;
}
.lcl-lead-feature-item--2 .lcl-lead-feature-item__img {
	width: 100%;
}
.lcl-lead-feature-item--2 .lcl-lead-feature-item__ttl {
	width: 350px;
	height: 40px;
	font-size: 15px;
	color: #fff;
	background-color: #21348b;
	font-weight: 500;
	line-height: 40px;
	text-align: center;
	position: absolute;
	right: 0;
	left: 0;
	bottom: -20px;
	margin: auto;
}

/*============================ #lcl-approach ============================*/
.bgblock__box-subttl {
	margin-bottom: 60px;
}
.lcl-app__in {
	width: 940px;
	margin: 0 auto 50px;
}
.lcl-app__list {
	width: 455px;
}
.num-item__num--wh {
	background-color: #fff;
	color: #21348b;
}
.lcl-app__img {
	width: 440px;
}

.lcl-app__ft {
	width: 800px;
	margin: auto;
	font-size: 14px;
	line-height: 2;
}

/*============================ #lcl-biz-box--basi ============================*/
.lcl-biz-box--basic .biz-box-entry {
	padding-bottom: 50px;
}
.lcl-biz-box--basic .biz-box-entry:last-child {
	padding-bottom: 0px;
}
.lcl-biz-box--basic .lcl-basic__list {
	margin-bottom: 35px;
}
.lcl-biz-box--basic .lcl-basic__list:last-child {
	margin-bottom: 0px;
}
.lcl-biz-box--basic .lcl-basic__list-narrow {
	margin-bottom: 20px;
}
.block__ttl-sq {
	font-size: 16px;
	font-weight: 600;
	color: #21348b;
	margin-bottom: 10px;
}
.block__ttl-sq::before {
	content: '◼︎';
	color: #21348b;
	display: inline-block;
	margin-right: 5px;
}
.lcl-biz-box--basic .lcl-basic__list li {
	font-size: 14px;
	line-height: 2;
	margin-left: 2em;
	text-indent: -1em;
}

.lcl-basic-feature {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 60px 30px 30px;
	background-color: #eeeeee;
	position: relative;
}
.lcl-basic-feature__in {
	justify-content: space-between;
	align-items: stretch;
}
.lcl-basic-feature-item {
	width: calc((100% - 20px) / 2);
	position: relative;
	background-color: #fff;
}
.lcl-basic-feature-item .lcl-basic-feature-item__img {
	width: 100%;
	padding: 40px 30px 15px;
}
.lcl-basic-feature-item__img__cap {
	font-size: 14px;
	line-height: 1.75;
	margin-top: 10px;
}
.lcl-basic-feature-item .lcl-basic-feature-item__ttl {
	width: 350px;
	height: 40px;
	font-size: 15px;
	color: #fff;
	background-color: #21348b;
	font-weight: 500;
	line-height: 40px;
	text-align: center;
	position: absolute;
	right: 0;
	left: 0;
	top: -20px;
	margin: auto;
}

.lcl-basic-feature01 {
	width: 100%;
	padding: 30px 30px 30px;
	background-color: #eeeeee;
	position: relative;
}
.lcl-basic-feature01__in {
	justify-content: space-between;
	align-items: stretch;
}
.lcl-basic-feature01-item {
	width: calc((100% - 0px) / 1);
	position: relative;
	background-color: #fff;
}
.lcl-basic-feature01-item .lcl-basic-feature01-item__img {
	width: 100%;
	padding: 15px 30px 15px;
}
.lcl-basic-feature01-item__img__cap {
	font-size: 14px;
	line-height: 1.75;
	margin-top: 10px;
}
.lcl-basic-feature01-item .lcl-basic-feature01-item__ttl {
	width: 350px;
	height: 40px;
	font-size: 15px;
	color: #fff;
	background-color: #21348b;
	font-weight: 500;
	line-height: 40px;
	text-align: center;
	position: absolute;
	right: 0;
	left: 0;
	top: -20px;
	margin-top: 20px;
	margin: auto;
}

@media screen and (max-width: 767px) {
	/* ---------------------------------------------------------------- SP ---- */
	.lcl-lead-feature {
		width: 100%;
		padding: 45px 15px 25px;
	}
	.lcl-lead-feature__in {
		display: block;
	}
	.lcl-lead-feature-item--2 {
		width: 100%;
		margin-bottom: 40px;
	}
	.lcl-lead-feature-item--2 .lcl-lead-feature-item__ttl {
		width: 100%;
		height: 35px;
		font-size: 14px;
		line-height: 35px;
	}
	/*============================ #header ============================*/
	.bgblock__box-subttl {
		margin-bottom: 20px;
	}
	.lcl-app__in {
		width: 100%;
		margin: 0 auto 20px;
	}
	.lcl-app__img,
	.lcl-app__list {
		width: 100%;
	}
	.lcl-app__ft {
		width: 100%;
		font-size: 13px;
		line-height: 1.7;
	}
	/*============================ #list ============================*/
	.lcl-biz-box--basic .lcl-basic__list {
		margin-bottom: 20px;
	}
	.lcl-biz-box--basic .lcl-basic__list li {
		font-size: 13px;
		line-height: 1.7;
	}
	/*============================ #header ============================*/
	.lcl-basic-feature {
		width: 100%;
		padding: 50px 15px 30px;
	}
	.lcl-basic-feature__in {
		display: block;
	}
	.lcl-basic-feature-item {
		width: 100%;
	}
	.lcl-basic-feature-item:not(:last-child) {
		margin-bottom: 40px;
	}
	.lcl-basic-feature-item .lcl-basic-feature-item__img {
		width: 100%;
		padding: 20px 15px 15px;
	}
	.lcl-basic-feature-item .lcl-basic-feature-item__ttl {
		width: 100%;
		height: 35px;
		line-height: 35px;
	}
	.lcl-basic-feature01 {
		width: 100%;
		padding: 30px 30px;
	}
	.lcl-basic-feature01__in {
		display: block;
	}
	.lcl-basic-feature01-item {
		width: 100%;
	}
	.lcl-basic-feature01-item:not(:last-child) {
		margin-bottom: 40px;
	}
	.lcl-basic-feature01-item .lcl-basic-feature01-item__img {
		width: 100%;
		padding: 15px 15px 15px;
	}
	.lcl-basic-feature01-item .lcl-basic-feature01-item__ttl {
		width: 100%;
		height: 35px;
		line-height: 35px;
	}
}