@charset "utf-8";

.page-main{
	background: url(../img/main.jpg) center /cover no-repeat;
}

/*============================
lead
============================*/

.lcl-lead{
	margin:0px auto 60px;
}

.lcl-lead__ttl{
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 0.35em;
	line-height: 40px;
}
.lcl-lead__ttl--sub{
	color: #171c61;
}

.lcl-lead-txt {
    letter-spacing: 0.05em;
    line-height: 30px;
}


.lcl-box01{
	align-items: stretch;
	flex-direction:row-reverse;
	position: relative;
	padding-bottom: 70px;
	margin-bottom: 10px;
}

.lcl-box01__img{
	width:340px;
	height:200px;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
}
.lcl-box01__img01{
	background-image:url('../img/img01.jpg');
}
.lcl-box01__img02{
	background-image:url('../img/img02.jpg');
}
.lcl-box01__img03{
	background-image:url('../img/img03.jpg');
}
.lcl-box01__img04{
	background-image:url('../img/img04.jpg');
}


.lcl-box01__txt{
	width:355px;
	height:auto;
	padding-left: 40px;
}

.lcl-box01__ttl{
	color:#171c61;
	font-size: 16px;
	padding:0 0 10px 50px;
	position: relative;
	font-weight: bold;
}
.lcl-box01__ttl span{
	position:absolute;
	font-family: 'Cabin', sans-serif;
	color:#b8d1e8;
	font-size:35px;
	display:block;
	top:0;
	left:0;
	font-weight: normal;
}

.lcl-box01::after{
	content:'';
	width: 0;
	height: 0;
	margin: 25px auto 0px;
	border-width: 20px 15px;
	border-style: solid;
	border-color: #171C61 transparent transparent;
	transition: all 1.0s;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
}

.lcl-box01:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.lcl-box01:last-child::after{
	display: none;
}


/* ---------------------------------------------------------------- box ---- */


@media screen and (max-width: 767px){
	
	/* ---------------------------------------------------------------- box ---- */
	
	.lcl-lead {
		width:calc(100% - 30px);
		margin:20px auto 30px;
	}
	.lcl-lead__ttl {
		font-size: 18px;
		line-height: 32px;
		font-feature-settings: "palt";
	}
	.lcl-lead-txt {
		line-height: 22px;
	}
	
	.lcl-box01{
		width:calc(100% - 30px);
		margin:0 auto;
	}

	.lcl-box01__ttl{
		font-size: 14px;
		padding:0 0 10px 60px;
		font-weight:bold;
	}
	.lcl-box01__ttl::before{
		font-size:40px;
		top: 0px;
		left: 0px;
		font-weight: normal;
	}

	.lcl-box01__img{
		width:100%;
		height:50vw;
		margin-top:10px;
	}
	.lcl-box01__txt{
		width:100%;
		padding-left: 0px;
	}

	.blue-triangle{
		margin: 15px auto 0px;
		border-width: 15px;
	}

}