@charset "utf-8";

@media screen and (min-width: 768px) {
	.subpage–txt__en {
		width: 744px;
	}
}
.subpage-link li {
	margin-bottom: 10px;
}

/*============================ #overview ============================*/
.lcl-overview {
	padding: 10px 0 25px;
}
.lcl-overview .container {
	padding-bottom: 20px;
}
.lcl-overview-item {
	margin-bottom: 30px;
}
/* ---------------------- option ---- */
.lcl-overview-tbl {
	border-top: 1px solid #ddd;
}
.lcl-overview-tbl tr {
	border-bottom: 1px solid #ddd;
}
.lcl-overview-tbl th,
.lcl-overview-tbl td {
	padding: 9px 20px;
}
.lcl-overview-tbl th {
	width: 250px;
	background-color: #f3fafc;
	color: #0b3c5d;
	font-weight: bold;
}
.lcl-overview-tbl td {
	width: 750px;
}

/* ---------------------- option ---- */
.lcl-contact .linkbtn,
.lcl-overview .linkbtn {
	width: 330px;
	height: 60px;
	border-radius: 5px;
	border: 2px solid #f1882b;
	background-color: #f1882b;
	font-weight: bold;
	color: #fff;
	font-size: 18px;
	justify-content: center;
}
@media screen and (min-width: 768px) {
	.lcl-contact .linkbtn:hover,
	.lcl-overview .linkbtn:hover {
		background-color: #fff;
		color: #f1882b;
	}
}
/*============================ #contact ============================*/
.lcl-contact {
	width: 100%;
	background: url(../img/contact/bg_ptn.jpg) center / 34px 34px repeat;
}
.lcl-contact .container {
	text-align: center;
	padding: 35px 0 50px;
}
.lcl-contact__ttl {
	font-weight: bold;
	font-size: 24px;
	color: #34495e;
	text-align: center;
	margin: 0 auto 10px;
	position: relative;
	width: fit-content;
}
.lcl-contact__ttl:before,
.lcl-contact__ttl:after {
	content: "";
	width: 28px;
	height: 28px;
	position: absolute;
	background: url(../img/contact/ico_01.png) no-repeat center / cover;
	display: block;
}
.lcl-contact__ttl:before {
	top: 0;
	left: -45px;
}
.lcl-contact__ttl:after {
	top: 5px;
	right: -40px;
	transform: scale(-1, 1);
}
.lcl-contact p {
	font-size: 13px;
	margin-bottom: 10px;
}
/* ---------------------- option ---- */
[class^="lcl-contact__img"] {
	position: absolute;
	bottom: 0;
	opacity: 0;
	transition: 0.5s ease;
}
.lcl-contact__img01 {
	width: 260px;
	height: 270px;
	background: url(../img/contact/img_01.png) center / 100% no-repeat;
	left: -15px;
	transform: translateX(-100px);
}
.lcl-contact__img02 {
	width: 260px;
	height: 270px;
	background: url(../img/contact/img_02.png) center / 100% no-repeat;
	right: 10px;
	transform: translateX(100px);
}
[class^="lcl-contact__img"] p {
	display: block;
	position: absolute;
	top: 10px;
	width: 70px;
	margin-bottom: 0;
}
.lcl-contact__img01 p {
	left: -30px;
}
.lcl-contact__img02 p {
	right: -30px;
}
/* ---------------------- option ---- */
[class^="lcl-contact__img"].scr_active {
	opacity: 1;
	transform: translateX(0);
}

.lcl-rinen__title {
	font-weight: bold;
	color: #0b3c5d;
	font-size: 20px;
	line-height: 1.3;
	letter-spacing: 1.3px;
	margin-bottom: 15px;
}
.lcl-rinen__content {
	margin-bottom: 30px;
}
.lcl-rinen-list {
	margin-bottom: 40px;
}
.lcl-rinen-list__item {
	text-indent: -1.5em;
	margin-left: 1.5em;
	margin-bottom: 5px;
}
/* ---------------------------------------------------------------- SP ---- */
@media screen and (max-width: 767px) {
	/*============================ #subpage ============================*/
	.subpage–img {
		background-position: top;
	}
	.lcl-overview .container {
		padding-bottom: 40px;
	}
	/*============================ #overview ============================*/
	.lcl-overview-tbl {
		width: 100%;
	}
	.lcl-overview-tbl th,
	.lcl-overview-tbl td {
		padding: 9px 14px;
		display: block;
		width: 100%;
	}

	.lcl-overview .container:last-child {
		padding-bottom: 15px;
	}
	.lcl-overview .container:last-child .lcl-overview-tbl tr:last-child {
		border-bottom: none;
	}

	/* ---------------------- option ---- */
	.lcl-contact .linkbtn,
	.lcl-overview .linkbtn {
		width: calc(100% - 20px);
		height: 70px;
	}
	/*============================ #contact ============================*/
	[class^="lcl-contact__img"] {
		display: none;
	}
	.lcl-contact .container {
		padding: 27px 0 35px;
	}
	.lcl-contact__ttl {
		font-size: 20px;
		margin-bottom: 18px;
	}
	.lcl-contact__ttl:before,
	.lcl-contact__ttl:after {
		width: 28px;
		height: 28px;
		top: calc(50% - 14px);
	}
	.lcl-contact__ttl:before {
		left: -40px;
	}
	.lcl-contact__ttl:after {
		right: -40px;
		transform: scale(-1, 1);
	}
	.lcl-contact p {
		margin-bottom: 20px;
	}

	.lcl-rinen__title {
		font-size: 18px;
		margin-bottom: 7px;
		text-align: center;
	}
	.lcl-rinen-list {
		margin-bottom: 0;
	}
}
