@charset "UTF-8";

/* ------------------------------
ハンバーガー
------------------------------ */
@media screen and (max-width: 767px) {
	.sp_humNav_btn {
		display: inline-block;
		position: fixed;
		right: 30px;
		top: 30px;
		z-index: 2;
	}
	.sp_humNav_btn_border {
		background: var(--color-sub2);
		display: block;
		position: absolute;
		transition: all 0.5s ease 0.3s;
		left: 50%;
    transform: translateX(-50%);
		width: 32px;
		height: 2px;
	}
	.sp_humNav_btn_border:nth-child(1) {
		top: 0;
	}
	.sp_humNav_btn_border:nth-child(2) {
		top: 10px;
	}
	.sp_humNav_btn_border:nth-child(3) {
		top: 20px;
	}
	.sp_humNav_btn_txt {
		color: var(--color-sub2);
		font-family: var(--font-serif);
		font-size: 0.85em;
		transition: all 0.5s ease 0.3s;
		padding-top: 30px;
		white-space: nowrap;
		position: absolute;
    left: 50%;
    transform: translateX(-50%);
	}

	.sp_humNav_menu {
		display: none;
	}
	.sp_humNav_menu {
		background: rgba(255, 255, 255, 0.85);
		padding: 80px 20px;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: 1;
	}
	.sp_humNav_menu .el_navi {
		gap: 20px;
		margin: 0;
	}
	.sp_humNav_menu .el_navi_item {
		width: 100%;
	}
	.sp_humNav_menu .el_navi_link {
		justify-content: flex-start;
	}
	.sp_humNav_menu .el_navi_text {
		font-size: 1rem;
	}
	.sp_humNav_menu .el_titPrimary_btn {
		margin-top: 30px;
	}

	.sp_humNav_btn-active .sp_humNav_btn_border {
		background: var(--color-main);
	}
	.sp_humNav_btn-active .sp_humNav_btn_border:nth-child(1) {
		transform: translateX(-15px) translateY(6px) rotate(-45deg);
		top: 0px;
	}
	.sp_humNav_btn-active .sp_humNav_btn_border:nth-child(2) {
		opacity: 0;
	}
	.sp_humNav_btn-active .sp_humNav_btn_border:nth-child(3) {
		transform: translateX(-15px) translateY(-6px) rotate(45deg);
		top: 12px;
	}
	.sp_humNav_btn-active .sp_humNav_btn_txt {
		color: var(--color-main);
	}
}


/* ------------------------------
パンくず
------------------------------ */
.bl_pnkz_wrap {
	margin: 40px 0 50px;
}
.bl_pnkz_wrap + .ly_sect_main {
	margin-top: 0;
}
@media screen and (min-width: 768px) {
	.bl_pnkz_wrap {
		border-top: 10px solid #E6E6E6;
	}
	.bl_pnkz {
		padding-top: 50px;
	}
}


/* ------------------------------
よくあるご質問
------------------------------ */
.bl_faq_main_text a {
	color: var(--color-link);
	-webkit-transition: var(--trans-min02);
	transition: var(--trans-min02);
	display: inline;
	transition: var(--trans-min02);
}
.bl_faq_main_text a:hover {
	color: var(--color-hover);
  text-decoration: underline;
}