@charset "UTF-8";

/* =======================================================
MV
======================================================= */
.bl-lower-mv {
	background: url(../images/contact/mv-bg.jpg) top center/cover no-repeat;
}
.bl-lower-mv::before{
    background: #F5F8F5;
}
.el-lower-mv-ttl::before{
    background: url(../images/contact/contact.svg) top center/contain no-repeat;
	width: 13.75rem;
}
.bl-breadcrumbs{
    padding-bottom: 0;
}
@media screen and (max-width: 46.875rem) {
	.bl-lower-mv {
        background: url(../images/contact/mv-bg-sp.jpg) top center/cover no-repeat;
    }
}
.bl-form-wrapper{
	padding-top: 4rem;
	border-radius: 0.625rem;
	border: 0.1875rem solid #197474;
	background: #fff;
	margin-top: 2.5rem; 
}
.bl-form-wrapper:has(.bl-check){
	margin-top: 0;
	padding-top: 0;
}
.bl-contact-form{
    background: #F5F8F5;
	padding: 4rem 0 14.625rem;
}
.bl-btn-list{
	gap: 3.5rem;
}
.bl-contact-form label.el-btn{
	width: 22.5rem;
	height: 5.625rem;
	border-radius: 0.625rem;
	font-size: 0.875rem;
	font-weight: normal;
	background: #F2F8F8;
	color: #197474;
	flex-direction: column;
}
#tab01:checked ~ .bl-btn-list label[for="tab01"],
#tab02:checked ~ .bl-btn-list label[for="tab02"] {
	background: #197474;
	color: #fff;
}
.bl-contact-form label.el-btn > span{
	display: block;
	font-size: 1.125rem;
	font-weight: bold;
	margin-bottom: 0.5rem;
}
/* 初期状態で非表示 */
.bl-tab-content {
	display: none;
}
/* checkedされたタブだけ表示 */
#tab01:checked ~ .bl-tab-content01 {
	display: block;
}
#tab02:checked ~ .bl-tab-content02 {
	display: block;
}
.bl-check{
	padding: 4rem 0 14.625rem;
}
@media screen and (width >= 46.9375rem) {
	.bl-contact-form label.el-btn:hover{
		background: #197474;
		color: #fff;
	}
}
@media screen and (max-width: 46.875rem) {
	.bl-form-wrapper{
		margin-top: 4rem; 
	}
	.bl-contact-form{
		padding: 4rem 0 20rem;
	}
	.bl-btn-list{
		gap: 2rem;
	}
	.bl-contact-form label.el-btn{
		width: 40rem;
		height: 7.5rem;
		border-radius: 0.625rem;
		font-size: 1.5rem;
	}
	.bl-contact-form label.el-btn > span{
		font-size: 1.75rem;
		margin-bottom: 0.5rem;
	}
	.bl-check{
		padding: 4rem 0 14.625rem;
	}
}