@charset "UTF-8";

/* 共通 */
.ly-main{
	padding-top: 0;
}
.el-main-ttl > span:not(.hp-color--orange){
	font-size: 1.25rem;
	letter-spacing: 0.05rem;
	color: #222;
	display: inline-block;
	margin-bottom: 1rem;
}
.el-box-ttl{
	height: 3.125rem;
	background: #204988;
	font-size: 1.5rem;
	letter-spacing: 0.06rem;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* bl-trouble */
.bl-trouble{
	padding: 6rem 0;
}
.bl-trouble .el-main-ttl{
	margin-bottom: 3rem;
}
.bl-trouble .bl-card{
	border: 0.125rem solid #204988;
	border-radius: 0.625rem;
	overflow: hidden;
}
.bl-trouble .el-card-ttl{
	color: #fff;
	background: #204988;
	height: 6rem;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: 0.06rem;
	margin-bottom: 0;
}
.bl-card .bl-detail{
	flex: 1;
	background: #fff;
	padding: 1.5rem 2rem;
}
.bl-card .bl-detail > div{
	display: flex;
	font-weight: bold;
}
.bl-card .bl-detail > div:nth-of-type(2){
	margin-top: 0.25rem;
}
.bl-card .bl-detail > div > dt{
	position: relative;
}
.bl-card .bl-detail > div > dt::after{
	content: '：';
}
@media screen and (max-width: 46.875rem) {
	.el-main-ttl > span:not(.hp-color--orange){
		font-size: 1.75rem;
		letter-spacing: 0.07rem;
		margin-bottom: 1rem;
	}
	.el-box-ttl{
		width: 100%;
		height: 4.375rem;
		font-size: 2rem;
		letter-spacing: 0.06rem;
	}
	.bl-trouble .bl-card{
		width: 38.875rem;
		margin: 0 auto;
	}
	.bl-trouble .el-card-ttl{
		font-size: 2rem;
	}
}

/* =======================================================
MV
======================================================= */
.bl-mv{
	position: relative;
}
.el-mv-ttl{
	color: #204988;
	font-weight: 900;
	line-height: 1.2;
}
.el-ttl-intro{
	display: block;
	border-radius: 10rem;
	background: #204988;
	color: #fff;
	width: fit-content;
	font-weight: bold;
	line-height: 1.3;
	position: relative;
}
.el-ttl-intro::before{
	content: '';
	position: absolute;
	background: url(../images/common/medal.svg) top center / contain no-repeat;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.el-ttl-intro::after{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	left: 50%;
	transform: translateX(-50%);
}
.el-mv-txt{
	position: absolute;
}
.bl-mv-price{
	display: flex;
	background: url(../images/area/mv-price-bg.svg) top center / contain no-repeat;
}
.bl-mv-price .el-price-ttl{
	color: #fff;
	font-weight: bold;
	display: flex;
	align-items: center;
	position: relative;
}
.bl-mv-price > dd{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.bl-mv-price .el-coupon-txt{
	background: url(../images/common/coupon-bg.svg) top center/ contain no-repeat;
	font-weight: bold;
	line-height: 1.4;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.bl-mv-price .el-price{
	color: #204988;
	font-weight: bold;
	line-height: 1.4;
}
.bl-mv-list{
	display: flex;
	justify-content: center;
}
.bl-mv-item{
	overflow: hidden;
	background: #fff;
}
.bl-mv-item dt{
	background: #FEF25C;
	color: #204988;
	text-align: center;
	line-height: 1.5;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.bl-mv-item dt::after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
}
.bl-mv-item dd{
	color: #FF6939;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
.bl-mv-item dd > span{
	line-height: 1;
}
.bl-mv-item:nth-of-type(2) dd > span{
	line-height: 1.1;
}
@media screen and (width >= 751px) {
	.bl-mv{
		background: url(../images/area/mv-bg.jpg) top center / cover no-repeat;
		padding: min(calc(168 / 1280 * 100vw), 168px) 0 min(calc(48 / 1280 * 100vw), 48px);
	}
	.bl-mv .ly-cont-inner{
		width: min(calc(1200 / 1280 * 100vw), 1200px);
	}
	.el-mv-ttl{
		font-size: min(calc(78 / 1280 * 100vw), 78px);
	}
	.el-ttl-intro{
		padding: min(calc(12 / 1280 * 100vw), 12px) min(calc(36 / 1280 * 100vw), 36px) min(calc(12 / 1280 * 100vw), 12px) min(calc(120 / 1280 * 100vw), 120px);
		border-radius: min(calc(100 / 1280 * 100vw), 100px);
		font-size: min(calc(26 / 1280 * 100vw), 26px);
		letter-spacing: min(calc(1.04 / 1280 * 100vw), 1.04px);
		margin-bottom: min(calc(22 / 1280 * 100vw), 22px);
	}
	.el-ttl-intro::before{
		width: min(calc(100 / 1280 * 100vw), 100px);
		height: min(calc(100 / 1280 * 100vw), 100px);
	}
	.el-ttl-intro::after{
		border-right: min(calc(17 / 1280 * 100vw), 17px) solid transparent;
		border-left: min(calc(17 / 1280 * 100vw), 17px) solid transparent;
		border-top: min(calc(16 / 1280 * 100vw), 16px) solid #204988;
		bottom: max(calc(-14 / 1280 * 100vw), -14px);
	}
	.el-mv-ttl > img{
		width: min(calc(460 / 1280 * 100vw), 460px);
	}
	.el-mv-txt{
		width: min(calc(176 / 1280 * 100vw), 176px);
		top: min(calc(48 / 1280 * 100vw), 48px);
		right: min(calc(94 / 1280 * 100vw), 94px);
	}
	.bl-mv-price{
		width: min(calc(468 / 1280 * 100vw), 468px);
		height: min(calc(120 / 1280 * 100vw), 120px);
		margin-top: min(calc(36 / 1280 * 100vw), 36px);
		background: url(../images/area/mv-price-bg.svg) top center / contain no-repeat;
	}
	.bl-mv-price .el-price-ttl{
		font-size: min(calc(16 / 1280 * 100vw), 16px);
		letter-spacing: min(calc(0.64 / 1280 * 100vw), 0.64px);
		padding-left: min(calc(16 / 1280 * 100vw), 16px);
		flex: 0 1 min(calc(206 / 1280 * 100vw), 206px);
	}
	.bl-mv-price > dd{
		padding-left: min(calc(10 / 1280 * 100vw), 10px);
	}
	.bl-mv-price .el-coupon-txt{
		background: url(../images/common/coupon-bg.svg) top center/ contain no-repeat;
		width: min(calc(182 / 1280 * 100vw), 182px);
		height: min(calc(36 / 1280 * 100vw), 36px);
		font-size: min(calc(14 / 1280 * 100vw), 14px);
		letter-spacing: min(calc(0.56 / 1280 * 100vw), 0.56px);
		margin-left: min(calc(20 / 1280 * 100vw), 20px);
	}
	.bl-mv-price .el-price{
		font-size: min(calc(24 / 1280 * 100vw), 24px);
		letter-spacing: min(calc(0.96 / 1280 * 100vw), 0.96px);
	}
	.bl-mv-price .el-price .hp-din{
		font-size: min(calc(42 / 1280 * 100vw), 42px);
		letter-spacing: min(calc(1.68 / 1280 * 100vw), 1.68px);
	}
	.bl-mv-price .el-price > .el-tax{
		font-size: min(calc(18 / 1280 * 100vw), 18px);
	}
	.bl-mv .el-sub-ttl{
		width: min(calc(668 / 1280 * 100vw), 668px);
		margin: min(calc(40 / 1280 * 100vw), 40px) auto min(calc(28 / 1280 * 100vw), 28px);
	}
	.bl-mv-list{
		gap: min(calc(24 / 1280 * 100vw), 24px);
	}
	.bl-mv-item{
		width: min(calc(240 / 1280 * 100vw), 240px);
		border-radius: min(calc(10 / 1280 * 100vw), 10px);
	}
	.bl-mv-item dt{
		height: min(calc(72 / 1280 * 100vw), 72px);
		font-size: min(calc(20 / 1280 * 100vw), 20px);
		letter-spacing: min(calc(0.68 / 1280 * 100vw), 0.68px);
	}
	.bl-mv-item dt::after {
		border-right: min(calc(18 / 1280 * 100vw), 18px) solid transparent;
		border-left: min(calc(18 / 1280 * 100vw), 18px) solid transparent;
		border-top: min(calc(18 / 1280 * 100vw), 18px) solid #FEF25C;
		border-bottom: 0;
		bottom: max(calc(-14 / 1280 * 100vw), -14px);
		left: 50%;
		transform: translateX(-50%);
	}
	.bl-mv-item dd{
		height: min(calc(104 / 1280 * 100vw), 104px);
		font-size: min(calc(24 / 1280 * 100vw), 24px);
		letter-spacing: min(calc(0.96 / 1280 * 100vw), 0.96px);
		padding-top: min(calc(14 / 1280 * 100vw), 14px);
	}
	.bl-mv-item:nth-of-type(2) dd{
		padding-top: min(calc(8 / 1280 * 100vw), 8px);
	}
	.bl-mv-item:nth-of-type(3) dd{
		padding-top: min(calc(24 / 1280 * 100vw), 24px);
	}
	.bl-mv-item dd > span{
		font-size: min(calc(68 / 1280 * 100vw), 68px);
		letter-spacing: min(calc(2.72 / 1280 * 100vw), 2.72px);
	}
	.bl-mv-item:nth-of-type(2) dd > span{
		font-size: min(calc(40 / 1280 * 100vw), 40px);
		letter-spacing: min(calc(1.6 / 1280 * 100vw), 1.6px);
	}
	.bl-mv-item:nth-of-type(3) dd > span{
		font-size: min(calc(48 / 1280 * 100vw), 48px);
		letter-spacing: min(calc(1.92 / 1280 * 100vw), 1.92px);
	}
}
@media screen and (max-width: 46.875rem) {
	.bl-mv{
		background: url(../images/area/mv-bg-sp.jpg) top center / cover no-repeat;
		padding: 9.875rem 0 3rem;
		height: auto;
	}
	.el-mv-ttl{
		font-size: 7rem;
		line-height: 1.2;
	}
	.el-ttl-intro{
		padding: 0.75rem 4rem 0.8rem 10rem;
		font-size: 2rem;
		letter-spacing: 0.08rem;
		margin: 0 auto 2.25rem;
	}
	.el-ttl-intro::before{
		width: 8.125rem;
		height: 8.125rem;
	}
	.el-ttl-intro::after{
		border-right: 1.25rem solid transparent;
		border-left: 1.25rem solid transparent;
		border-top: 1.25rem solid #204988;
		bottom: -1.1875rem;
	}
	.el-mv-ttl{
		width: 42.125rem;
		letter-spacing: 0.01875rem;
		margin: 0 auto;
	}
	.el-mv-txt{
		width: 10rem;
		top: 32.1875rem;
		right: 4.5rem;
	}
	.bl-mv-price{
		width: 42.125rem;
		height: 10.125rem;
		margin: 1.75rem auto 0;
		background: url(../images/area/mv-price-bg-sp.svg) top center / contain no-repeat;

	}
	.bl-mv-price .el-price-ttl{
		font-size: 1.625rem;
		line-height: 1.5;
		letter-spacing: 0.065rem;
		padding-left: 1.5rem;
		flex: 0 1 19.5rem;
	}
	.bl-mv-price .el-coupon-txt{
		width: 16.375rem;
		height: 3.25rem;
		font-size: 1.25rem;
		letter-spacing: 0.05rem;
		margin: 0 auto;
	}
	.bl-mv-price .el-price{
		font-size: 1.625rem;
	}
	.bl-mv-price .el-price .hp-din{
		font-size: 3.75rem;
		line-height: 1.33;
		letter-spacing: 0.15rem;
		margin-right: 0.25rem;
	}
	.bl-mv-price .el-price > .el-tax{
		font-size: 1.625rem;
	}
	.bl-mv .el-sub-ttl{
		width: 39.625rem;
		margin: 25rem auto 2.25rem;
	}
	.bl-mv-list{
		flex-direction: column;
		gap: 1.5rem;
	}
	.bl-mv-item{
		width: 100%;
		display: flex;
		border-radius: 0.625rem;
	}
	.bl-mv-item dt{
		width: 22.5rem;
		height: 7.5rem;
		font-size: 2rem;
		letter-spacing: 0.08rem;
	}
	.bl-mv-item dt::after {
		border-right: 0;
		border-top: 1.6875rem solid transparent;
		border-bottom: 1.6875rem solid transparent;
		border-left: 1.625rem solid #FEF25C;
		transform: translateY(-50%);
		top: 50%;
		right: -1.5625rem;
	}
	.bl-mv-item dd{
		width: 21.875rem;
		height: 7.5rem;
		font-size: 2.25rem;
		padding-top: 1.75rem;
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 1.5;
	}
	.bl-mv-item:nth-of-type(2) dd{
		font-size: 1.75rem;
		padding-top: 1.75rem;
	}
	.bl-mv-item:nth-of-type(3) dd{
		font-size: 3rem;
		padding-top: 0.75rem;
	}
	.bl-mv-item dd > span{
		font-size: 6.375rem;
		line-height: 1;
		margin-bottom: 2.75rem;
	}
	.bl-mv-item:nth-of-type(2) dd > span{
		font-size: 4rem;
		margin-bottom: 1.75rem;
	}
	.bl-mv-item:nth-of-type(3) dd > span{
		font-size: 4.5rem;
		margin-bottom: 1rem;
	}
}

/* =======================================================
reason
======================================================= */
.bl-reason{
	padding: 6rem 0;
	background: url(../images/top/reason-bg.svg) top 6rem center / contain no-repeat;

}
.bl-reason-list{
	margin-top: 3rem;
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
}
.bl-reason-item{
	width: 31.25rem;
	border: 0.125rem solid #204988;
	border-radius: 1.25rem;
	background: #fff;
	padding: 1.625rem 2.125rem;
	position: relative;
}
.bl-reason-head{
	display: flex;
	align-items: flex-start;
	gap: 1.5rem;
	margin-bottom: 1rem;
	position: relative;
}
.bl-reason-head::before{
	content: '';
	position: absolute;
	background-image: radial-gradient(circle, #999 0.125rem, transparent 0.125rem);
	background-size: 0.5625rem 0.25rem;
	background-repeat: repeat-x;
	width: 21.25rem;
	height: 0.25rem;
	right: 0;
	bottom: 1rem;
}
.bl-reason-img-wrapper{
	width: 6.625rem;
	z-index: 2;
}
.bl-reason-ttl-wrapper{
	min-height: 4.625rem;
	display: flex;
	align-items: center;
}
.el-reason-ttl{
	font-size: 1.375rem;
	font-weight: bold;
	color: #204988;
	line-height: 1.54;
	letter-spacing: 0.055rem;
}
@media screen and (max-width: 46.875rem) {
	.bl-reason{
		padding: 8rem 0 6rem;
		background: url(../images/top/reason-bg-sp.svg) top 2rem center / contain no-repeat #fff;
	}
	.bl-reason-list{
		margin-top: 3.5rem;
		justify-content: center;
		gap: 2.5rem;
	}
	.bl-reason-item{
		width: 41.875rem;
		padding: 2rem 1.7rem 2.5rem;
	}
	.bl-reason-head{
		gap: 2.5rem;
		margin-bottom: 1.5rem;
	}
	.bl-reason-head::before{
		width: 28.875rem;
		bottom: 1.5rem;
	}
	.bl-reason-img-wrapper{
		width: 11.25rem;
	}
	.bl-reason-ttl-wrapper{
		min-height: 7rem;
	}
	.el-reason-ttl,
	.bl-reason-item:nth-of-type(3){
		font-size: 2rem;
		letter-spacing: 0.08rem;
	}
	.el-reason-txt{
		font-size: 1.75rem;
	}
}

/* =======================================================
cta02
======================================================= */
.bl-cta02 .ly-cont-inner{
	padding: 1.25rem 4rem 1.5rem 2.5rem;
	align-items: flex-end;
	justify-content: center;
	gap: 2.5rem;
}
.bl-cta02 .el-cta-ttl{
	font-size: 1.75rem;
}
.el-bubble-txt{
	color: #204988;
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 1.35;
	letter-spacing: 0.05rem;
	width: 22.5rem;
	height: 3.125rem;
	border-radius: 1.5625rem;
	background: #FEF25C;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: -5.75rem auto 1.125rem;
	position: relative;
}
.el-bubble-txt::after{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 1.125rem solid transparent;
	border-left: 1.125rem solid transparent;
	border-top: 1.125rem solid #FEF25C;
	border-bottom: 0;
	bottom: -0.875rem;
	left: 50%;
	transform: translateX(-50%);
}
.el-box-txt{
	width: 26.75rem;
	height: 2.125rem;
	background: #204988;
	color: #fff;
	font-size: 1.0625rem;
	font-weight: bold;
	letter-spacing: 0.0425rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 0.5rem;
}
@media screen and (max-width: 46.875rem) {
	.bl-cta02 .ly-cont-inner{
		padding: 2rem 2rem 2.5rem;
		align-items: center;
		gap: 3rem;
	}
	.bl-cta02 .el-cta-ttl{
		font-size: 2.625rem;
		letter-spacing: 0.105rem;
	}
	.el-bubble-txt{
		font-size: 2rem;
		letter-spacing: 0.08rem;
		width: 35rem;
		height: 4.875rem;
		border-radius: 5rem;
		margin: 0 auto 1rem;
	}
	.el-bubble-txt::after{
		border-right: 1.75rem solid transparent;
		border-left: 1.75rem solid transparent;
		border-top: 1.75rem solid #FEF25C;
		bottom: -1.625rem;
	}
	.el-box-txt{
		width: 39rem;
		height: 3.125rem;
		font-size: 1.75rem;
		margin-top: 1rem;
	}
}

/* =======================================================
service
======================================================= */
.bl-service{
	padding: 6rem 0;
	background: url(../images/area/service-bg.jpg) top center / cover no-repeat;
}
.bl-service .el-main-ttl{
	margin-bottom: 2.875rem;
}
.bl-service-item{
	width: 20rem;
	border-radius: 0.625rem;
	border: 0.125rem solid #204988;
	background: #fff;
	overflow: hidden;
}
.bl-service-item > .bl-card-link{
	padding: 0;
}
.bl-service .bl-card-body{
	padding: 1rem 1.5rem 1.5rem;
}
.bl-service .el-card-ttl{
	font-size: 1.25rem;
	letter-spacing: 0.05rem;
	text-align: left;
	color: #204988;
}
.bl-service .el-more{
	font-size: 0.875rem;
	line-height: 1.42;
	letter-spacing: 0.035rem;
	text-decoration-line: underline;
	text-align: right;
	margin-top: 1.5rem;
}
@media screen and (max-width: 46.875rem) {
	.bl-service{
		background: url(../images/area/service-bg-sp.png) top center / contain no-repeat #F6F6F6;
	}
	.bl-service-item{
		width: 38.875rem;
		margin: 0 auto;
	}
	.bl-service .bl-card-body{
		padding: 1rem 2rem 2.5rem;
	}
	.bl-service .el-card-ttl{
		font-size: 2rem;
		letter-spacing: 0.08rem;
	}
	.bl-service .el-more{
		font-size: 1.5rem;
	}
}

/* =======================================================
area
======================================================= */
.bl-area{
	padding: 5.875rem 0;
	background: #E3F8FE;
	position: relative;
	overflow: hidden;
}
.bl-area::before{
	content: '';
	position: absolute;
	background: url(../images/area/area-bg.svg) top center / contain no-repeat;
	width: 54rem;
	height: 28.125rem;
	top: 0;
	left: 0;
}
.bl-area .el-main-ttl{
	margin-bottom: 4rem;
}
.bl-area .bl-media{
	align-items: center;
}
.bl-area .bl-media-img-wrapper{
	flex: 0 1 30.875rem;
}
.bl-area .bl-media-img-wrapper > img{
	border-radius: 0.625rem;
}
.bl-area .el-media-txt{
	font-size: 1.25rem;
	font-weight: bold;
	letter-spacing: 0.05rem;
}
.bl-area .bl-area-list{
	margin-top: 3rem;
	border-radius: 1.25rem;
}
.bl-area-item{
	margin-top: 2rem;
	border-radius: 0.625rem;
	overflow: hidden;
}
.bl-area .el-area-ttl{
	height: 3.375rem;
	background: #204988;
	color: #fff;
	font-size: 1.25rem;
	font-weight: bold;
	letter-spacing: 0.05rem;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	cursor: pointer;
}
.bl-area .el-area-ttl::after{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 0.5625rem solid transparent;
	border-left: 0.5625rem solid transparent;
	border-top: 1rem solid #fff;
	border-bottom: 0;
	top: 50%;
	right: 2rem;
	transform: translateY(-50%);
}
.bl-area .el-area-ttl.--nagoya::after{
	content: '';
	position: absolute;
	background: url(../images/area/area-arrow.svg) top center / contain no-repeat;
	width: 1.875rem;
	height: 1.875rem;
	border: none;
	right: 1.75rem;
}
.bl-area-item[open] .el-area-ttl:not.--nagoya::after{
	border-right: 0.5625rem solid transparent;
	border-left: 0.5625rem solid transparent;
	border-bottom: 1rem solid #fff;
	border-top: 0;
}
.bl-area .bl-scope-body{
	overflow: hidden;
	position: relative;
}
.bl-area .bl-scope-body > *{
	padding: 2rem 0 0 0;
}
.bl-area .bl-scope-list{
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	background: #fff;
	padding: 2rem 1.75rem;
	/* margin-top: 1.5rem; */
}
.bl-area .el-area{
	border-radius: 0.3125rem;
	border: 0.125rem solid #204988;
	background: #FFF;
	min-width: 8.625rem;
	width: fit-content;
	height: 3.375rem;
	padding: 0 0.5rem;
	font-size: 1.0625rem;
	font-weight: bold;
	letter-spacing: 0.0425rem;
	color: #204988;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 46.875rem) {
	.bl-area{
		padding: 6rem 0;
	}
	.bl-area::before{
		content: none;
	}
	.bl-area .el-main-ttl{
		margin-bottom: 3.5rem;
	}
	.bl-area .bl-media{
		justify-content: center;
	}
	.bl-area .bl-media-img-wrapper{
		flex: 0 1 38.875rem;
	}
	.bl-area .el-media-txt{
		font-size: 2rem;
		text-align: center;
	}
	.bl-area-item{
		margin-top: 2.5rem;
	}
	.bl-area .el-area-ttl{
		height: 4.375rem;
		font-size: 2rem;
	}
	.bl-area .el-area-ttl::after{
		border-right: 0.8125rem solid transparent;
		border-left: 0.8125rem solid transparent;
		border-top: 1.375rem solid #fff;
	}
	.bl-area-item[open] .el-area-ttl:not.--nagoya::after{
		border-right: 0.8125rem solid transparent;
		border-left: 0.8125rem solid transparent;
		border-bottom: 1.375rem solid #fff;
	}
	.bl-area .bl-scope-body{
		overflow: hidden;
		position: relative;
	}
	.bl-area .bl-scope-body > *{
		padding: 2rem 0 0 0;
	}
	.bl-area .bl-scope-list{
		padding: 2rem 1.75rem;
	}
	.bl-area .el-area{
		height: 4rem;
		padding: 0 0.5rem;
		font-size: 1.75rem;
	}
}

/* =======================================================
price
======================================================= */
.bl-price{
	padding: 6rem 0;
	background: url(../images/common/bg--blue.jpg) top center / contain;
}
.bl-price .el-main-ttl{
	color: #fff;
}
.bl-price .el-att{
	width: fit-content;
	margin: 1rem auto 2.5rem;
}
.bl-price .bl-price-table + .el-box-ttl{
	margin-top: 2rem;
}
.bl-price-table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0.0625rem;
}
.bl-price-thead th{
	background: #E3F8FE;
	width: 35.5rem;
	height: 3.125rem;
}
.bl-price-thead th:nth-of-type(2){
	width: 12.5rem;
}
.bl-price-thead th:nth-of-type(3){
	width: 15.75rem;
}
.bl-price-tbody{
	background: #fff;
}
.bl-price-tbody td{
	height: 3.125rem;
	padding: 0 2rem;
	text-align: center;
}
.bl-price-tbody td:first-of-type{
	text-align: left;
}
.bl-price .el-att.sp{
	display: none;
}
.bl-price .el-btn{
	margin-top: 3rem;
}
/* サービスページ用 */
.bl-price.--bg--service{
	padding-top: 0;
	background: #E3F8FE;
}
.bl-price.--bg--service .el-main-ttl{
	color: #204988;
}
.bl-price-table{
	background: #204988;
}
.bl-price-thead th{
	background: #F6F6F6;
}
/* pay */
.bl-pay{
	margin-top: 6rem;
	border-radius: 1.25rem;
	background: #FFF;
	padding: 1.25rem;
}
.el-pay-ttl{
	color: #204988;
	font-size: 2rem;
	line-height: 1.5;
	letter-spacing: 0.08rem;
	text-align: center;
	margin-bottom: 1rem;
}
.el-pay-txt{
	margin: 2rem auto 0;
	width: 40.875rem;
	height: 2.75rem;
	background: #204988;
	font-size: 1.25rem;
	font-weight: bold;
	letter-spacing: 0.05rem;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.bl-pay-img-wrapper{
	width: 32rem;
	margin: 2rem auto 0;
}
@media screen and (max-width: 46.875rem) {
	.bl-price{
		background: url(../images/common/bg--blue-sp.jpg) top center / contain;
	}
	.bl-price .el-att{
		font-size: 1.25rem;
		margin: 1.5rem auto 3rem;
	}
	.bl-price-table{
		font-size: 1.75rem;
	}
	.bl-price-thead th{
		width: 18.375rem;
		height: 6.875rem;
	}
	.bl-price-thead th:nth-of-type(2){
		width: 9.625rem;
	}
	.bl-price-thead th:nth-of-type(3){
		width: 14.75rem;
	}
	.bl-price-tbody td{
		min-height: 4.375rem;
		padding: 0.875rem 1rem;
		text-align: center;
	}
	.bl-price-tbody td > span{
		font-size: 1.5rem;
	}
	.bl-price-tbody td:first-of-type{
		height: 4.375rem;
	}
	.bl-price-tbody tr:first-of-type td:last-of-type{
		padding: 0;
	}
	.bl-price .el-btn{
		margin-top: 3rem;
	}
	.bl-table-wrapper .el-att{
		text-align: left;
		margin: 1rem 0 0;
	}
	.bl-price .el-att.sp{
		display: block;
	}
	/* pay */
	.bl-pay{
		padding: 2.5rem 3.375rem;
	}
	.el-pay-txt{
		margin: 1.25rem auto 0;
		width: 100%;
		height: 7.5rem;
		text-align: center;
		font-size: 1.75rem;
	}
	.bl-pay-img-wrapper{
		width: 36.125rem;
		margin: 2.5rem auto 0;
	}
}

/* =======================================================
repair
======================================================= */
.bl-repair{
	padding: 6rem 0;
	background: url(../images/area/repair-bg.jpg) top center / cover no-repeat;
}
.bl-repair .el-att{
	text-align: center;
	margin-top: 1rem;
}
.bl-repair .bl-card-unit{
	margin-top: 3rem;
}
.bl-repair .bl-card{
	background: #fff;
	border-radius: 1.25rem;
	overflow: hidden;
}
.bl-repair .el-card-ttl{
	font-size: 1.25rem;
	font-weight: bold;
	letter-spacing: 0.05rem;
	line-height: 1.1;
	background: #204988;
	color: #fff;
	width: fit-content;
	padding: 0.5rem 0.75rem;
	margin: 0 auto 1rem;
}
.bl-repair .bl-card-body{
	flex: 1;
	background: #204988;
	color: #fff;
	padding: 1.5rem 1.25rem;
	font-size: 1.0625rem;
	line-height: 1.58;
	letter-spacing: 0.025rem;
}
.bl-repair .el-price{
	margin-top: 1rem;
	font-weight: bold;
}
@media screen and (max-width: 46.875rem) {
	.bl-repair{
		padding: 6rem 0;
		background: url(../images/area/repair-bg.jpg) top center / cover no-repeat;

	}
	.bl-repair .el-att{
		font-size: 1.25rem;
		text-align: center;
		margin-top: 1rem;
	}
	.bl-repair .bl-card-unit{
		margin-top: 3rem;
	}
	.bl-repair .bl-card{
		width: 38.875rem;
		margin: 0 auto;
	}
	.bl-repair .el-card-ttl{
		font-size: 2.25rem;
		padding: 0.875rem 1.5rem 0.9375rem;
		margin: 0 auto 2rem;
	}
	.bl-repair .bl-card-body{
		font-size: 1.75rem;
		padding-bottom: 2.125rem;
	}
}

/* =======================================================
flow
======================================================= */
.bl-flow{
	padding: 6rem 0;
	background: #F6F6F6;
}
.bl-flow .bl-media-list{
	margin-top: 4rem;
}
.bl-flow .bl-media{
	background: #fff;
	border-radius: 0.625rem;
	border: 0.125rem solid #204988;
	padding: 2.5rem 2.75rem;
	gap: 4.5rem;
	position: relative;
}
.bl-flow .bl-media:not(:last-of-type)::after{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 2rem solid transparent;
	border-left: 2rem solid transparent;
	border-top: 1.5rem solid #204988;
	border-bottom: 0;
	bottom: -1.5rem;
	left: 50%;
	transform: translateX(-50%);
}
.bl-flow  .bl-media-img-wrapper{
	flex: 0 1 26.875rem;
}
.bl-flow .bl-media-img-wrapper > img{
	border-radius: 0.625rem;
}
.bl-flow .bl-media-body{
	flex: 1;
}
.bl-flow .el-media-ttl > span{
	border-radius: 1.25rem;
	background: #FF6939;
	width: 5.75rem;
	height: 2rem;
	color: #fff;
	font-size: 1.25rem;
	letter-spacing: 0.05rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 1rem;
}
@media screen and (max-width: 46.875rem) {
	.bl-flow .bl-media:not(:last-of-type)::after{
		border-right: 2.5rem solid transparent;
		border-left: 2.5rem solid transparent;
		border-top: 2.5rem solid #204988;
		bottom: -2.5rem;
	}
	.bl-flow  .bl-media{
		gap: 2.5rem;
	}
	.bl-flow  .bl-media-img-wrapper{
		flex: 0 1 100%;
	}
	.bl-flow .el-media-ttl > span{
		width: 10rem;
		height: 3.125rem;
		border-radius: 3.5rem;
		font-size: 1.625rem;
	}
}

/* =======================================================
works
======================================================= */
.bl-works{
	padding: 6rem 0;
	background: url(../images/area/works-bg.jpg) top center / contain no-repeat #F1ECE5;
}
.bl-works .el-main-ttl{
	margin-bottom: 3rem;
}
.bl-works-list{
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
}
.bl-works-item{
	width: 100%;
	display: flex;
	flex-direction: column;
	border-radius: 1.25rem;
	border: 0.125rem solid #204988;
	background: #fff;
	padding: 2rem 5rem 4rem;
	overflow: hidden;
}
.bl-works-item .el-works-ttl{
	width: fit-content;
	color: #fff;
	font-size: 1.75rem;
	font-weight: bold;
	letter-spacing: 0.07rem;
	padding-bottom: 0.375rem;
	margin: 0 auto 2.5rem;
	position: relative;
	z-index: 1;
}
.bl-works-item .el-works-ttl::before{
	content: '';
	position: absolute;
	background: #204988;
	width: 64rem;
	height: 8.75rem;
	top: -2rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}
.bl-works-item .el-works-ttl::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 0.125rem;
	background: #fff;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.bl-works-img-wrapper{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 1.5rem;
	z-index: 2;
}
.bl-works-img-wrapper > img{
	width: 26.25rem;
}
.bl-works-item .bl-txt-wrapper{
	margin-top: 2.5rem;
}
.bl-works-item .bl-txt-wrapper > p + p{
	margin-top: 1.3em;
}
.bl-works-table{
	margin-top: 2.5rem;
}
.bl-works-tbody th{
	width: 13.75rem;
	min-height: 3.125rem;
	padding: 0.75rem;
	border-top: 0.0625rem solid #222;
	border-left: 0.0625rem solid #222;
	border-right: 0.0625rem solid #222;
	background: #E3F8FE;
}
.bl-works-tbody td{
	width: 39.875rem;
	min-height: 3.125rem;
	padding: 0.75rem 2.5rem;
	border-top: 0.0625rem solid #222;
	border-right: 0.0625rem solid #222;
}
.bl-works-tbody tr:last-of-type th,
.bl-works-tbody tr:last-of-type td{
	border-bottom: 0.0625rem solid #222;
}
@media screen and (max-width: 46.875rem) {
	.bl-works{
		background: url(../images/area/works-bg-sp.jpg) top center / contain no-repeat #F1ECE5;
	}
	.bl-works-item{
		padding: 1.5rem 3.25rem 3rem;
	}
	.bl-works-item .el-works-ttl{
		text-align: center;
		font-size: 2rem;
		margin-bottom: 1.5rem;
		z-index: 1;
	}
	.bl-works-item .el-works-ttl::before{
		width: 43.125rem;
		height: calc(100% + 5.25rem);
		top: -1.5rem;
	}
	.bl-works-img-wrapper{
		gap: 1rem;
	}
	.bl-works-img-wrapper > img{
		width: 17.625rem;
	}
	.bl-works-item .bl-txt-wrapper{
		margin-top: 1.5rem;
	}
	.bl-works-table{
		margin-top: 1.5rem;
	}
	.bl-works-tbody th{
		width: 9.75rem;
		min-height: 4.375rem;
		padding: 0.75rem;
	}
	.bl-works-tbody td{
		width: 26.6875rem;
		min-height: 4.375rem;
		padding: 0.75rem 1.25rem;
	}
	.bl-works .el-btn{
		margin-top: 3rem;
	}
}

/* =======================================================
voice
======================================================= */
.bl-voice{
	padding: 6rem 0;
	background: url(../images/area/voice-bg.jpg) top center / contain no-repeat #E3F8FE;
}
.bl-voice .el-main-ttl{
	margin-bottom: 3rem;
}
.bl-voice-unit{
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.bl-voice-item{
	display: flex;
	flex-direction: column;
	width: 20rem;
	fill: #FFF;
	filter: drop-shadow(0 0 0.625rem rgba(0, 0, 0, 0.15));
	border-radius: 1.25rem;
	background: #fff;
	padding: 2rem 1.625rem;
	position: relative;
}
.el-voice-ttl{
	font-size: 1.25rem;
	font-weight: bold;
	letter-spacing: 0.05rem;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	position: relative;
}
.bl-voice-item .el-name::after{
	content: '';
	position: absolute;
	background-image: radial-gradient(circle, #204988 0.125rem, transparent 0.125rem);
	background-size: 0.5625rem 0.25rem;
	background-repeat: repeat-x;
	width: 100%;
	height: 0.25rem;
	bottom: 0;
	left: 0;
}
.bl-voice-item .el-stars{
	color: #FF6939;
	font-size: 1.5rem;
	letter-spacing: 0.06rem;
	margin-bottom: 0.5rem;
}
.bl-voice-item .el-txt{
	flex: 1;
	line-height: 1.5;
	overflow: hidden;
	display: -webkit-box;
	font-weight: normal;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
}
.bl-voice-item .el-btn{
	width: 12.25rem;
	height: 2.5rem;
	font-size: 0.875rem;
	letter-spacing: 0.035rem;
	margin-top: 2rem;
}
.bl-voice .el-btn.--white{
	margin-top: 3rem;
}
@media screen and (max-width: 46.875rem) {
	.bl-voice{
		background: url(../images/area/voice-bg-sp.jpg) top center / contain no-repeat #E3F8FE;
	}
	.bl-voice-item{
		width: 38.875rem;
		padding: 3rem;
		margin: 0 auto;
	}
	.el-voice-ttl{
		font-size: 2rem;
	}
	.bl-voice-item .el-stars{
		font-size: 2.25rem;
		letter-spacing: 0.09rem;
	}
	.bl-voice-item .el-txt{
		-webkit-line-clamp: 5;
	}
	.bl-voice-item .el-btn{
		width: 23.625rem;
		height: 4.75rem;
		font-size: 1.625rem;
		margin-top: 2.5rem;
	}
}

/* =======================================================
faq
======================================================= */
.bl-faq{
	padding: 6rem 0;
}

/* =======================================================
company
======================================================= */
.bl-company{
	padding: 6rem 0;
	background: url(../images/common/bg--blue.jpg) top center / contain;
}
.bl-company .el-main-ttl{
	color: #fff;
	margin-bottom: 3.5rem;
}
.bl-company .bl-media{
	background: #fff;
	border-radius: 1.25rem;
	padding: 5rem 2.5rem 2.5rem 3.375rem;
	gap: 0 3.5rem;
	overflow: hidden;
	position: relative;
}
.bl-company .bl-media::before{
	content: '';
	position: absolute;
	background: #204988;
	width: 100%;
	height: 2.5rem;
	top: 0;
	left: 0;
}
.bl-company .bl-media iframe{
	width: 23.125rem;
	border-radius: 0.625rem;
}
.bl-company .bl-media-body{
	width: 31.5rem;
}
.bl-company .bl-media-body div{
	display: flex;
	flex-wrap: wrap;
	padding: 1rem 0;
	border-bottom: 0.0625rem solid #204988;
}
.bl-company .bl-media-body div:first-of-type{
	padding: 0 0 1rem;
}
.bl-company .bl-media-body div:last-of-type{
	padding: 1rem 0 0;
	border-bottom: 0;
}
.bl-company .bl-media-body div > h3{
	flex: 0 1 5.5rem;
	font-weight: bold;
	color: #204988;
}
.bl-company .bl-media-body div:last-of-type > h3{
	flex: 0 1 100%;
	margin-bottom: 0.5rem;
}
.bl-company .bl-media-body div > p{
	flex: 1;
	letter-spacing: 0.0425rem;
}
.bl-company .bl-certificate-img{
	margin-top: 1.5rem;
}
.bl-company .bl-media .el-btn{
	margin: 2.5rem auto 0;
}
/* message */
.bl-message{
	border-radius: 1.25rem;
	background: #fff;
	padding: 0 4.375rem 2.5rem;
	overflow: hidden;
	margin-top: 3rem;
	position: relative;
}
.el-message-ttl{
	width: 64rem;
	height: 8.75rem;
	background: #204988;
	color: #fff;
	font-size: 2.25rem;
	font-weight: bold;
	line-height: 1.33;
	letter-spacing: 0.09rem;
	display: flex;
	align-items: center;
	padding-left: 4.375rem;
	margin: 0 0 2.5rem -4.375rem;
}
.bl-message-img-wrapper{
	position: absolute;
	width: 13.125rem;
	top: 1.875rem;
	right: 4.375rem;
}
.bl-message-img-wrapper > img{
	border-radius: 0.625rem;
}
.bl-message .el-intro-txt{
	color: #204988;
	font-size: 1.75rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.07rem;
	text-align: left;
	margin-bottom: 2.5rem;
}
.bl-message .el-txt{
	text-align: left;
}
.bl-message .el-name{
	margin-top: 2.5rem;
	font-size: 1.25rem;
	text-align: right;
}
/* staff */
.bl-staff{
	border-radius: 1.25rem;
	background: #fff;
	padding: 2.5rem 2rem;
	overflow: hidden;
	margin-top: 3rem;
	position: relative;
}
.el-staff-ttl{
	color: #fff;
	font-size: 2.25rem;
	font-weight: bold;
	line-height: 1.33;
	letter-spacing: 0.09rem;
	text-align: center;
	margin-bottom: 2.5rem;
	position: relative;
	z-index: 1;
}
.el-staff-ttl::before{
	content: '';
	position: absolute;
	background: #204988;
	width: 64rem;
	height: 11.25rem;
	top: -2.5rem;
	left: -2rem;
	z-index: -1;
}
.bl-staff .bl-card{
	border-radius: 0.625rem;
	width: 18.625rem;
	background: #E3F8FE;
	filter: drop-shadow(0 0 0.375rem rgba(0, 0, 0, 0.40));
	z-index: 2;
	overflow: hidden;
}
.bl-staff .bl-card-img-wrapper{
	height: 12.375rem;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.bl-staff .bl-card-body{
	padding: 1.5rem;
}
.bl-staff .el-card-ttl{
	font-size: 0.875rem;
	font-weight: normal;
	text-align: left;
}
.bl-staff .el-card-ttl > span{
	font-size: 1.25rem;
	font-weight: bold;
	letter-spacing: 0.05rem;
	margin-right: 0.5rem;
}
@media screen and (max-width: 46.875rem) {
	.bl-company{
		background: url(../images/common/bg--blue-sp.jpg) top center / contain;
	}
	.bl-company .bl-media{
		border-radius: 1.25rem;
		padding: 5rem 2.5rem 2.5rem;
		gap: 0;
	}
	.bl-company .bl-media::before{
		height: 2.5rem;
	}
	.bl-company .bl-media iframe{
		width: 100%;
		height: 25rem;
		order: 2;
		margin: 2.5rem 0 0;
	}
	.bl-company .bl-media-body{
		width: 100%;
		order: 1;
	}
	.bl-company .bl-media-body div{
		padding: 1.5rem 0;
	}
	.bl-company .bl-media-body div:first-of-type{
		padding: 0 0 1.5rem;
	}
	.bl-company .bl-media-body div:last-of-type{
		padding: 1.5rem 0 0;
	}
	.bl-company .bl-media-body div > h3{
		flex: 0 1 9.75rem;
		margin-bottom: 1rem;
	}
	.bl-company .bl-certificate-img{
		margin-top: 2.5rem;
	}
	.bl-company .bl-media .el-btn{
		order: 3;
	}
	/* message */
	.bl-message{
		padding: 0 2.5rem 2.5rem;
	}
	.el-message-ttl{
		width: 43.125rem;
		height: 8.75rem;
		font-size: 2rem;
		letter-spacing: 0.09rem;
		padding-left: 2.5rem;
		margin: 0 0 2rem -2.5rem;
	}
	.bl-message-img-wrapper{
		width: 15.375rem;
		top: 2.875rem;
		right: 2.5rem;
	}
	.bl-message .el-intro-txt{
		width: 20.25rem;
		font-size: 1.75rem;
		letter-spacing: 0.07rem;
		margin-bottom: 2rem;
	}
	.bl-message .el-name{
		margin-top: 2rem;
		font-size: 2rem;
	}
	/* staff */
	.bl-staff{
		padding: 2.5rem 2.875rem;
	}
	.el-staff-ttl{
		font-size: 2.25rem;
		margin-bottom: 2.5rem;
	}
	.el-staff-ttl::before{
		width: 43.125rem;
		height: 11.25rem;
		top: -2.5rem;
		left: -2.875rem;
	}
	.bl-staff .bl-card{
		width: 100%;
		background: #E3F8FE;
		filter: drop-shadow(0 0 0.375rem rgba(0, 0, 0, 0.40));
		z-index: 2;
	}
	.bl-staff .bl-card-img-wrapper{
		height: 24.75rem;
	}
	.bl-staff .bl-card-body{
		padding: 2.5rem 3.125rem;
	}
	.bl-staff .el-card-ttl{
		font-size: 1.5rem;
	}
	.bl-staff .el-card-ttl > span{
		font-size: 2.25rem;
		margin-right: 1rem;
	}
	.bl-staff .el-btn{
		margin-top: 2.875rem;
	}
}

/* =======================================================
maker
======================================================= */
.bl-maker{
	background: #E3F8FE;
	padding: 6rem 0;
}
.bl-maker .el-main-ttl{
	margin-bottom: 3rem;
}
.bl-maker-list{
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.bl-maker-item{
	width: 20rem;
}
@media screen and (max-width: 46.875rem) {
	.bl-maker-item{
		width: 20.5rem;
	}
}

/* =======================================================
toilet-clogging
======================================================= */
@media screen and (width >= 751px) {
	.ly-toilet-clogging .el-ttl-intro{
		padding: min(calc(12 / 1280 * 100vw), 12px) min(calc(24 / 1280 * 100vw), 24px) min(calc(12 / 1280 * 100vw), 12px) min(calc(110 / 1280 * 100vw), 110px);
	}
	.ly-toilet-clogging .ut-service{
		display: none;
	}
}

/* =======================================================
toilet-replacement
======================================================= */
.bl-toilet{
	padding: 6rem 0;
}
.bl-toilet .el-main-ttl{
	margin-bottom: 3rem;
}
.bl-toilet .el-box-ttl{
	margin: 0 auto 2rem;
}
.bl-toilet .bl-card-unit + .el-box-ttl{
	margin-top: 4rem;
}
.bl-toilet .bl-card{
	padding: 1rem 0 0;
	border: 0.125rem solid #204988;
	border-radius: 0.625rem;
	overflow: hidden;
}
.bl-toilet .el-card-ttl{
	color: #204988;
	font-weight: bold;
}
.bl-toilet .bl-card-img-wrapper{
	position: relative;
}
.bl-toilet .bl-card-img-wrapper .el-att{
	position: absolute;
	top: 0.5rem;
	left: 1rem;
	font-size: 0.875rem;
	letter-spacing: 0.035rem;
	color: #222;
	z-index: 1;
}
.bl-toilet .bl-card-img-wrapper .el-att::before{
	content: '※画像はイメージです';
	position: absolute;
	filter: blur(1px);
	color: #fff;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #FFF;
	z-index: -1;
}
.bl-toilet .bl-maker{
	background: #fff;
	padding: 0;
	height: 3.125rem;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2rem;
}
.bl-toilet .bl-maker img{
	width: auto;
	height: 1.125rem;
}
.bl-toilet .bl-maker .el-lixil{
	height: 1.5rem;
}
.bl-toilet .bl-detail{
	background: #E3F8FE;
	padding: 1.5rem 0.5rem 1.5rem 1rem;
}
.bl-toilet .bl-detail > div:first-of-type{
	font-weight: normal;
}
@media screen and (max-width: 46.875rem){
	.bl-toilet .el-box-ttl{
		width: 38.875rem;
	}
	.bl-toilet .bl-card{
		width: 38.875rem;
		margin: 0 auto;
		padding: 1.5rem 0 0;
	}
	.bl-toilet .bl-card-img-wrapper .el-att{
		top: 1rem;
		left: 1.5rem;
		font-size: 1.375rem;
	}
	.bl-toilet .el-card-ttl{
		font-size: 2rem;
	}
	.bl-toilet .bl-maker{
		height: 5rem;
	}
	.bl-toilet .bl-maker img{
		height: 2rem;
	}
	.bl-toilet .bl-maker .el-lixil{
		height: 2.5rem;
	}
	.bl-toilet .bl-detail{
		padding: 1.5rem 2rem;
	}
}

/* =======================================================
CTA02 bath powder tap drain-washing drain-clogging kitchen
======================================================= */
.ly-bath .bl-cta02 .ut-service,
.ly-powder .bl-cta02 .ut-service,
.ly-tap .bl-cta02 .ut-service,
.ly-drain-washing .bl-cta02 .ut-service,
.ly-drain-clogging .bl-cta02 .ut-service,
.ly-kitchen .bl-cta02 .ut-service{
	display: none;
}
@media screen and (max-width: 46.875rem){
	.ly-bath .bl-cta02 .ly-cont-inner,
	.ly-powder .bl-cta02 .ly-cont-inner,
	.ly-tap .bl-cta02 .ly-cont-inner,
	.ly-drain-washing .bl-cta02 .ly-cont-inner,
	.ly-drain-clogging .bl-cta02 .ly-cont-inner,
	.ly-kitchen .bl-cta02 .ly-cont-inner{
		padding: 2rem 0 2.5rem;
	}
}

/* =======================================================
faucet
======================================================= */
.bl-type{
	padding: 6rem 0;
}
.bl-type .el-main-ttl{
	margin-bottom: 3rem;
}
.bl-type .bl-media-list{
	gap: 2.5rem;
}
.bl-type .bl-media{
	gap: 3rem;
	padding: 2.5rem;
	border: 0.125rem solid #204988;
	border-radius: 0.625rem;
	overflow: hidden;
	position: relative;
}
.bl-type .bl-media::before{
	content: '';
	position: absolute;
	background: #204988;
	width: 100%;
	height: 6.625rem;
	top: 0;
	left: 0;
	z-index: -1;
}
.bl-type .bl-media-img-wrapper{
	flex: 0 1 26.875rem;
	border-radius: 0.625rem;
	overflow: hidden;
}
.bl-type .bl-media-body{
	flex: 1;
}
.bl-type .el-media-ttl{
	color: #fff;
	font-size: 1.75rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.07rem;
	margin-bottom: 3rem;
}
.ly-faucet .bl-price{
	padding-top: 6rem;
}
@media screen and (max-width: 46.875rem){
	.bl-type .bl-media{
		gap: 0;
		justify-content: center;
		padding: 1.875rem 2.5rem;
	}
	.bl-type .bl-media-img-wrapper{
		flex: 0 1 100%;
		margin-bottom: 2rem;
	}
	.bl-type .el-media-ttl{
		font-size: 2rem;
		text-align: center;
		margin-bottom: 4rem;
	}
}

/* =======================================================
drain washing
======================================================= */
.bl-washing{
	padding: 6rem 0;
}
.bl-washing .el-main-ttl{
	margin-bottom: 3rem;
}
.bl-washing .bl-media{
	gap: 2.5rem;
}
.bl-washing .bl-media-img-wrapper{
	flex: 0 1 31.75rem;
	position: relative;
}
.bl-washing .bl-media-img-wrapper >img{
	border: 0.25rem solid #ccc;
}
.bl-washing .bl-media-img-wrapper figcaption{
	color: #FFF;
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: 0.045rem;
	width: 10.625rem;
	height: 2.75rem;
	background: #204988;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
}
.bl-washing .bl-media-body{
	flex: 1;
}
.bl-washing .el-media-ttl{
	font-size: 1.5rem;
	letter-spacing: 0.06rem;
	padding-bottom: 0.75rem;
	position: relative;
}
.bl-washing .el-media-ttl::before {
	content: '';
	position: absolute;
	background-image: radial-gradient(circle, #999 0.125rem, transparent 0.125rem);
	background-size: 0.5625rem 0.25rem;
	background-repeat: repeat-x;
	width: 100%;
	height: 0.25rem;
	left: 0;
	bottom: 0;
}
.bl-washing .bl-media-body dl{
	margin-top: 1.3em;
}
.bl-washing .bl-media-body dt:not(:first-of-type){
	margin-top: 1.3em;
}
.bl-washing .bl-media-body dt{
	font-weight: bold;
	position: relative;
}
.bl-washing .bl-media-body dt::before{
	content: '●';
}
.ly-drain-washing .bl-price{
	padding-top: 6rem;
}
@media screen and (max-width: 46.875rem){
	.bl-washing .bl-media-img-wrapper{
		flex: 0 1 100%;
	}
	.bl-washing .bl-media-img-wrapper figcaption{
		font-size: 1.625rem;
		width: 16.25rem;
		height: 3.5rem;
	}
	.bl-washing .el-media-ttl{
		font-size: 2rem;
		padding-bottom: 1rem;
	}
}

/* =======================================================
drain-clogging
======================================================= */
.ly-drain-clogging .bl-repair{
	background: #fff;
}
.ly-drain-clogging .bl-repair .bl-card{
	width: 20rem;
	border-radius: 0.625rem;
	border: 0.125rem solid #204988;
	background: #fff;
	overflow: hidden;
}
.ly-drain-clogging .bl-price{
	padding-top: 6rem;
}

/* =======================================================
water leak
======================================================= */
.ly-water-leak .bl-trouble .bl-card-body{
	padding: 1.5rem;
}
.bl-important{
	padding: 6rem 0;
	background: url(../images/area/important-bg.svg) bottom center/ contain no-repeat #F6F6F6;
}
.bl-important-list{
	margin: 3rem auto;
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem 2rem;
}
.bl-important-item{
	width: 30.75rem;
	height: 6.875rem;
	border-radius: 0.625rem;
	border: 0.125rem solid #204988;
	background: #fff;
	overflow: hidden;
	display: flex;
}
.bl-important-item > dt{
	background: #204988;
	color: #fff;
	font-size: 1.0625rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.0425rem;
	padding-left: 1.5rem;
	flex: 0 1 10.625rem;
	display: flex;
	align-items: center;
	position: relative;
}
.bl-important-item > dt::after{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 3.5rem solid transparent;
	border-bottom: 3.5rem solid transparent;
	border-left: 1.25rem solid #204988;
	border-right: 0;
	right: -1.125rem;
}
.bl-important-item > dd{
	flex: 1;
	display: flex;
	align-items: center;
	padding-left: 2.75rem;
	color: #204988;
	font-size: 1.0625rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.0425rem;
	position: relative;
}
.bl-important-item > dd::after{
	content: '';
	position: absolute;
	background: url(../images/area/important-illust01.svg) top center / contain no-repeat;
	width: 8.125rem;
	height: 6.875rem;
	top: 0;
	right: 0;
}
.bl-important-item:nth-of-type(2) > dd::after{
	background: url(../images/area/important-illust02.svg) top center / contain no-repeat;
}
.bl-important-item:nth-of-type(3) > dd::after{
	background: url(../images/area/important-illust03.svg) top center / contain no-repeat;
}
.bl-important-item:nth-of-type(4) > dd::after{
	background: url(../images/area/important-illust04.svg) top center / contain no-repeat;
}
.el-important-txt{
	font-size: 1.25rem;
}
.ly-water-leak .bl-price{
	padding-top: 6rem;
}
@media screen and (max-width: 46.875rem){
	.bl-important{
		background: #F6F6F6;
	}
	.bl-important-list{
		gap: 2rem;
	}
	.bl-important-item{
		width: 100%;
		height: 8.125rem;
	}
	.bl-important-item > dt{
		font-size: 1.75rem;
		padding-left: 2rem;
		flex: 0 1 16.875rem;
	}
	.bl-important-item > dt::after{
		border-top: 4.0625rem solid transparent;
		border-bottom: 4.0625rem solid transparent;
		border-left: 1.625rem solid #204988;
		right: -1.5rem;
	}
	.bl-important-item > dd{
		font-size: 1.75rem;
	}
	.bl-important-item > dd::after{
		content: '';
		position: absolute;
		background: url(../images/area/important-illust01.svg) top center / contain no-repeat;
		width: 9.375rem;
		height: 8.125rem;
	}
	.el-important-txt{
		font-size: 1.75rem;
	}
}