@charset 'utf-8';

/*------------------------------------------------
lcl-fundament
------------------------------------------------*/

.lcl-fundament__in {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	padding: 40px 0 55px;
}
.lcl-fundament__top-txt {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	letter-spacing: .03em;
}
.lcl-fundament__list {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	margin-top: 50px;
}
.lcl-fundament__item {
	width: 350px;
	margin-bottom: 35px;
}
.lcl-fundament__item:not(:nth-child(3n)) {
	margin-right: 25px;
}
.lcl-fundament__item-ttl {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
	padding: 20px 0 10px;
	letter-spacing: .06em;
	color: #1d6f8a;
}
.lcl-fundament__item-ttl::before {
	content: '';
	display: block;
	width: 10px;
	height: 25px;
	margin-right: 15px;
	transform: skewX(-20deg);
	background-color: #1d6f8a;
	flex-shrink: 0;
}

/*------------------------------------------------
lcl-type
------------------------------------------------*/

[class*='lcl-type__item'] {
	background-color: #f8f6f6;
}
.lcl-type__item-img {
	width: 100%;
	height: 195px;
}
.lcl-type__item01 .lcl-type__item-img {
	background: url(../img/type/img_01.jpg) no-repeat top / cover;
}
.lcl-type__item02 .lcl-type__item-img {
	background: url(../img/type/img_02.jpg) no-repeat top / cover;
}
.lcl-type__item03 .lcl-type__item-img {
	background: url(../img/type/img_03.jpg) no-repeat top / cover;
}
.lcl-type__item04 .lcl-type__item-img {
	background: url(../img/type/img_04.jpg) no-repeat top / cover;
}
.lcl-type__item05 .lcl-type__item-img {
	background: url(../img/type/img_05.jpg) no-repeat top / cover;
}
.lcl-type__item-ttl {
	font-size: 18px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 10px;
	letter-spacing: .06em;
	color: #fff;
	background-color: #1d6f8a;
}
.lcl-type__item-txt-wrap {
	padding: 30px;
}
.lcl-type__item-txt-wrap .linkbtn01{
	width: 100%;
	max-width: 270px;
	margin: 0 auto;
	margin-top: 25px;
	height: auto;
	min-height: 42px;
	padding: 10px 21px 8px;
}
.lcl-type__item-table {
	width: 290px;
	margin: 25px auto 0;
}

/*------------------------------------------------
lcl-style
------------------------------------------------*/

.lcl-style {
	background-color: #f8f6f6;
}
.lcl-style__item-img {
	height: 150px;
}
.lcl-style__item01 .lcl-style__item-img {
	background: url(../img/style/img_01.jpg) no-repeat center / cover;
}
.lcl-style__item02 .lcl-style__item-img {
	background: url(../img/style/img_02.jpg) no-repeat center / cover;
}
.lcl-style__item03 .lcl-style__item-img {
	background: url(../img/style/img_03.jpg) no-repeat center / cover;
}
.lcl-style__item04 .lcl-style__item-img {
	background: url(../img/style/img_04.jpg) no-repeat center / cover;
}
.lcl-style__item05 .lcl-style__item-img {
	background: url(../img/style/img_05.jpg) no-repeat center / cover;
}
.lcl-style__item06 .lcl-style__item-img {
	background: url(../img/style/img_06.jpg) no-repeat center / cover;
}
.lcl-style__item-ttl {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	padding: 8px 0;
	letter-spacing: .06em;
	color: #1d6f8a;
	border-bottom: 1px solid #1d6f8a;
}
.lcl-style__item-ttl::before {
	content: '';
	display: block;
	width: 48px;
	height: 45px;
	margin-right: 8px;
}
.lcl-style__item01 .lcl-style__item-ttl::before {
	background: url(../img/style/num_01.png) no-repeat center / cover;
}
.lcl-style__item02 .lcl-style__item-ttl::before {
	background: url(../img/style/num_02.png) no-repeat center / cover;
}
.lcl-style__item03 .lcl-style__item-ttl::before {
	background: url(../img/style/num_03.png) no-repeat center / cover;
}
.lcl-style__item04 .lcl-style__item-ttl::before {
	background: url(../img/style/num_04.png) no-repeat center / cover;
}
.lcl-style__item05 .lcl-style__item-ttl::before {
	background: url(../img/style/num_05.png) no-repeat center / cover;
}
.lcl-style__item06 .lcl-style__item-ttl::before {
	background: url(../img/style/num_06.png) no-repeat center / cover;
}
.lcl-style__item-txt {
	margin-top: 8px;
}

/*------------------------------------------------
lcl-about
------------------------------------------------*/

.lcl-about__item-img {
	height: 180px;
}
.lcl-about__item01 .lcl-about__item-img {
	background: url(../img/about/img_01.jpg) no-repeat center / cover;
}
.lcl-about__item02 .lcl-about__item-img {
	background: url(../img/about/img_02.jpg) no-repeat center / cover;
}
.lcl-about__item03 .lcl-about__item-img {
	background: url(../img/about/img_03.jpg) no-repeat center / cover;
}
.lcl-about__item04 .lcl-about__item-img {
	background: url(../img/about/img_04.jpg) no-repeat center / cover;
}
.lcl-about__item05 .lcl-about__item-img {
	background: url(../img/about/img_05.jpg) no-repeat center / cover;
}
.lcl-about__item06 .lcl-about__item-img {
	background: url(../img/about/img_06.jpg) no-repeat center / cover;
}
.lcl-about__item07 .lcl-about__item-img {
	background: url(../img/about/img_07.jpg) no-repeat center / cover;
}
.lcl-about__item08 .lcl-about__item-img {
	background: url(../img/about/img_08.jpg) no-repeat center / cover;
}
.lcl-about__item09 .lcl-about__item-img {
	background: url(../img/about/img_09.jpg) no-repeat center / cover;
}

/*------------------------------------------------
lcl-point
------------------------------------------------*/
.lcl-point {
	padding-bottom: 50px;
	background-color: #f8f6f6;
}
.lcl-point__item {
	width: 540px;
}
.lcl-point__item:not(:last-child) {
	margin-right: 20px;
}
.lcl-point__item-img {
	height: 260px;
}
.lcl-point__item01 .lcl-point__item-img {
	background: url(../img/point/img_01.jpg) no-repeat center / cover;
}
.lcl-point__item02 .lcl-point__item-img {
	background: url(../img/point/img_02.jpg) no-repeat center / cover;
}

/*------------------------------------------------
lcl-link
------------------------------------------------*/

.lcl-link {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.lcl-link__item {
	position: relative;
	display: flex;
	overflow: hidden;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	height: 200px;
}
.lcl-link__item::before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .3s;
	background: url(../img/link/bg_01.jpg) no-repeat center / cover;
}
.lcl-popular__bnr{
	position: relative;
	padding: 63px 0 64px;
	margin-top: 2px;
	overflow: hidden;
	width: 100%;
}
.lcl-popular__bnr::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../img/link/bnr_bg01.jpg") no-repeat center / cover;
	transition: .3s;
}
.lcl-popular__bnr:last-child::before{
	background: url("../img/link/bnr_bg02.jpg") no-repeat center / cover;
}
.lcl-popular__bnr:hover::before{
	transform: scale(1.1);
}
.lcl-popular__bnr a{
	display: block;
	text-align: center;
	position: relative;
	z-index: 1;
}
.lcl-popular__bnr .lcl-popular__ttl-en{
	text-align: center;
	color: #fff;
	width: 346px;
	background: url("../img/link/ttl_bg02.png") no-repeat center / cover;
	margin: 0 auto;
	margin-bottom: 9.2px;
}
.lcl-popular__bnr .lcl-popular__ttl-jp{
	color: #fff;
	font-size: 34px;
	font-weight: 400;
}
.lcl-popular__bnr .linkbtn01{
	color: #fff;
	margin: 0 auto;
	max-width: 180px;
	height: 42px;
	border-color: #fff;
	margin-top: 30px;
}
.lcl-popular__bnr .linkbtn01::after{
	background-color: #fff;
}
.lcl-popular__bnr:hover .linkbtn01{
	background-color: #fff;
	color: #000;
}
.lcl-popular__bnr:hover .linkbtn01::after{
	right: 0;
}
/* /pc-only -----------*/
@media screen and (min-width: 768px) {
	.lcl-link__item:hover::before {
		transform: scale(1.1);
	}
	.lcl-link__item:hover::after {
		opacity: .4;
	}
}
/* /pc-only -----------*/
.lcl-link__item-in {
	position: relative;
	z-index: 4;
	display: inline-block;
	text-align: center;
	color: #fff;
}
.lcl-link__item-ttl {
	font-size: 32px;
	font-weight: bold;
	letter-spacing: .15em;
}
.lcl-link__item-en {
	font-size: 13px;
	line-height: 1;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 297px;
	height: 30px;
	margin-top: 10px;
	padding-bottom: 4px;
	letter-spacing: .06em;
	background: url(../img/link/ttl_bg.png) no-repeat center / cover;
}

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

	.p-main02{
		background-image: url(../img/sp/bg_main.jpg) !important;
	}

	/*------------------------------------------------
	lcl-fundament
	------------------------------------------------*/

	.lcl-fundament__in {
		width: 100%;
		padding: 20px 15px 30px;
	}
	.lcl-fundament__top-txt {
		font-size: 14px;
		text-align: left;
	}
	.lcl-fundament__list {
		display: block;
		margin-top: 20px;
	}
	.lcl-fundament__item {
		width: 100%;
		margin-bottom: 20px;
	}
	.lcl-fundament__item:not(:nth-child(3n)) {
		margin-right: 0;
	}
	.lcl-fundament__item-ttl {
		font-size: 15px;
		padding: 12px 0 7px;
	}
	.lcl-fundament__item-ttl::before {
		width: 7px;
		height: 20px;
		margin-right: 10px;
	}

	/*------------------------------------------------
	lcl-type
	------------------------------------------------*/

	.lcl-type__item-img {
		width: 100%;
		height: 0;
		padding-top: 70%;
	}
	.lcl-type__item-ttl {
		font-size: 15px;
		padding: 6px 10px;
		white-space: nowrap;
	}
	.lcl-type__item-txt-wrap {
		padding: 15px;
	}
	.lcl-type__item-txt-wrap .linkbtn01{
		margin:30px auto 20px;
	}
	.lcl-type__item-table {
		width: 100%;
		margin: 10px auto 0;
	}

	/*------------------------------------------------
	lcl-style
	------------------------------------------------*/

	.lcl-style__item-img {
		height: 0;
		padding-top: 42.5%;
	}
	.lcl-style__item-ttl {
		font-size: 15px;
	}
	.lcl-style__item-ttl::before {
		width: 28.8px;
		height: 27px;
		margin-right: 5px;
	}
	.lcl-style__item-txt {
		margin-top: 8px;
	}

	/*------------------------------------------------
	lcl-about
	------------------------------------------------*/

	.lcl-about__item-img {
		height: 0;
		padding-top: 51.5%;
	}

	/*------------------------------------------------
	lcl-point
	------------------------------------------------*/
	.lcl-point {
		padding-bottom: 10px;
	}
	.lcl-point__item {
		width: 100%;
	}
	.lcl-point__item:not(:last-child) {
		margin-right: 0;
		margin-bottom: 20px;
	}
	.lcl-point__item-img {
		height: 0;
		padding-top: 47.5%;
	}
	/*------------------------------------------------
	lcl-link
	------------------------------------------------*/
	.lcl-link{
		flex-direction: column;
	}
	.lcl-link__item {
		height: 150px;
	}
	.lcl-link__item::before {
		background-position: 40%;
	}
	/* /pc-only -----------*/
	.lcl-link__item-ttl {
		font-size: 18px;
		line-height: 1.3;
	}
	.lcl-link__item-en {
		font-size: 10px;
		width: 239px;
		height: 24px;
		margin-top: 10px;
		padding-bottom: 3px;
	}

	.lcl-popular__bnr{
		padding: 11px 0 24px;
		margin-top: 0;
	}
	.lcl-popular__bnr .lcl-popular__ttl-en{
		margin-top: 10px;
		margin-bottom: 7.2px;
		width: 227.77px;
		height: 24px;
	}
	.lcl-popular__bnr .lcl-popular__ttl-jp{
		font-size: 18px;
		font-weight: 400;
	}
	.lcl-popular__bnr .linkbtn01{
		height: 35px;
		padding-left: 21px;
		margin-top: 15px;
	}
}