@charset "UTF-8";
/*=======================================================
共通
=======================================================*/
.bl-ttl-set {
	display: flex;
	flex-flow: column;
	gap: 24px;
	text-align: center;
}
.el-sec-mainTtl {
	order: 2;
	font-size: 22px;
}
.el-sec-subTtl {
	order: 1;
	font-size: 44px;
	color: #A7660F;
	position: relative;
}
.el-sec-subTtl::after {
	position: absolute;
	content: "";
	width: 76px;
	height: 7px;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	background: #FFD490;
}
p + p {
	margin-top: 1.3em;
}
.el-btn{
	width: 330px;
	height: 50px;
	border-radius: 30px;
	display: flex;
	margin: auto;
	justify-content: center;
	align-items: center;
	background: #818776;
	color: #fff;
	font-size: 18px;
	position: relative;
}
.el-btn::after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
	border-style: solid;
	border-width: 5.5px 0 5.5px 9px;
	border-color: transparent transparent transparent #fff;
}
@media screen and (max-width: 750px) {
    .el-sec-mainTtl {
	    font-size: 32px;
    }
    .el-sec-subTtl {
	    font-size: 60px;
    }
	.el-btn{
		width: 100%;
		height: 100px;
		border-radius: 60px;
		font-size: 32px;
	}
	.el-btn::after{
		right: 30px;
		border-width: 11px 0 11px 18px;
	}
}
/*=======================================================
mv
=======================================================*/
.ly-mv {
	margin-top: 134px;
}
.ly-mv-img {
	position: relative;
}
.ly-mv-img > picture {
	display: flex;
	justify-content: center;
}
.ly-mv-img > picture > img {
	width: 2000px;
}
.bl-mv-ttl {
	position: absolute;
	width: 378px;
	top: 344px;
	left: 50%;
	transform: translateX(-50%);
}
@media screen and (max-width: 750px) {
	.ly-mv {
	    margin-top: 0;
    }
    .ly-mv-img > picture > img {
	    width: 100%;
    }
    .bl-mv-ttl {
	    width: 448px;
	    top: 490px;
    }
}
/*=======================================================
bnr
=======================================================*/
.bl-bnr {
	padding: 80px 0 0;
}
.bl-bnr-set {
	display: flex;
	flex-flow: nowrap;
	justify-content: space-between;
}
.bl-bnr-cont {
	width: 496px;
	height: 200px;
	font-size: 32px;
	color: #FFFFFF;
	text-align: center;
	padding: 56px 0;
}
.bl-bnr-cont > span {
	display: block;
	font-size: 26px;
}
.bl-bnr-cont:first-of-type {
	background: url(../images/top/bnr-img01.jpg) top center / cover no-repeat;
}
.bl-bnr-cont:nth-of-type(2) {
	background: url(../images/top/bnr-img02.jpg) top center / cover no-repeat;
}
@media screen and (max-width: 750px) {
    .bl-bnr {
	    padding: 64px 0 0;
    }
    .bl-bnr-set {
	    flex-flow: column;
	    gap: 40px;
    }
    .bl-bnr-cont {
	    width: 100%;
	    height: 278px;
	    font-size: 48px;
	    padding: 72px 0;
    }
    .bl-bnr-cont > span {
	    font-size: 40px;
    }
}
/*=======================================================
about
=======================================================*/
.bl-about {
	padding: 80px 0;
}
.bl-about-txt {
	text-align: center;
}
@media screen and (max-width: 750px) {
    .bl-about {
	    padding: 64px 0;
    }
	.bl-about-txt {
	    text-align: start;
    }
}
/*=======================================================
point
=======================================================*/
.bl-point {
	padding: 80px 0;
	background-color: #F6F3EF;
}
.bl-point .bl-cardUnit {
	margin-bottom: 40px;
}
.bl-point .bl-card {
	align-items: stretch;
}
.bl-point .bl-card-body {
    background-color: #fff;
	padding: 32px 16px;
	flex: 1;
}
.bl-point .el-card-ttl {
	font-size: 20px;
	color: #A7660F;
	margin-bottom: 16px;
	letter-spacing: 0.4px;
}
.bl-point .bl-card-txt {
    font-size: 16px;
}
@media screen and (max-width: 750px) {
    .bl-point {
	    padding: 64px 0;
    }
	.bl-point .ly-cont-inner {
		width: 630px;
	}
	.bl-point .bl-cardUnit {
	    flex-flow: column;
		gap: 40px;
	}
	.bl-point .bl-card {
	    width: 100%;
    }
    .bl-point .el-card-ttl {
	    font-size: 38px;
		margin-bottom: 24px;
    }
    .bl-point .bl-card-body {
	    height: 271px;
	    padding: 40px 32px 52px;
    }
    .bl-point .bl-card-txt {
        font-size: 28px;
    }
}
/*=======================================================
service
=======================================================*/
.bl-service {
	padding: 80px 0;
}
.bl-service {
	padding: 80px 0;
}
.bl-service .bl-mediaList {
	gap: 40px;
}
.bl-service .bl-media .el-media-ttl {
	color: #A7660F;
	font-size: 26px;
	margin-bottom: 24px;
}
.bl-service .el-btn {
	margin-top: 32px;
	grid-column: span 2;
}
@media screen and (max-width : 750px){
    .bl-service {
	    padding: 64px 0;
    }
	.bl-service .bl-mediaList {
	    flex-flow: column;
	    justify-content: center;
		gap: 64px;
	    margin-bottom: 64px;
    }
	.bl-service .bl-media {
	    width: 100%;
    }
	.bl-media:has(.el-media-ttl) {
		grid-template: auto / auto;
		grid-template-areas: "imgWrapper" "title" "body";
	}
	.bl-service .bl-media .bl-media-imgWrapper {
	    width: 100%;
    }
	.bl-service .bl-media .el-media-ttl {
	    font-size: 38px;
		text-align: center;
    }
}

/*=======================================================
information
=======================================================*/
.bl-info {
	padding: 80px 0;
	background-color: #F6F3EF;
}
.bl-info .el-btn {
	margin-top: 40px;
}
@media screen and (max-width: 750px) {
    .bl-info {
	    padding: 64px 0;
    }
}