/*
	* Bootstrap ヘッダ・フッタに関するカスタムCSS

	@media screen and (max-width: 1199px) {}
	@media screen and (max-width: 991px) {}
	@media print {}
	@media screen and (max-width: 767px) {}
 
	xl-1200(max-1199)
	lg-992(max-991)
	md-768(max-767)
	sm-576(max-575)
 
	-------------------

	基本ナビ（小幅時バーガーメニュー）
	ビッグメニュー（小幅時バーガーメニュー）

*/



/* 基本ヘッダ（小幅時バーガーメニュー） */
	.cus-header-normal{
		display: table;
		width: 100%;
		z-index: 999;
	}
	.cus-header-normal .header-logo{
		box-sizing: content-box;
		display: table-cell;
		padding: 10px 0 1px 2%;
		width: 183px;
		vertical-align: middle;
	}
	.cus-header-normal .header-logo img{
		width: 163px;
	}
	.cus-header-normal .header-nav{
		position: relative;
		display: table-cell;
		text-align: right;
		vertical-align: middle;
	}
	@media screen and (max-width: 1300px) {
		.cus-header-normal .header-logo{
			width: 15%;
		}
		.cus-header-normal .header-logo img{
			width: 100%;
		}
	}
	@media screen and (max-width: 1199px) {
		.cus-header-normal .header-logo{
			width: 13% !important;
		}
		.cus-header-normal .header-logo img{
			width: 100%;
		}
	}
	@media screen and (max-width: 991px) {
		.cus-header-normal{
			position: fixed;
			top: 0px;
			left: 0px;
		}
	}


/* こちらのロゴはバーガーメニュー時以外非表示 */
	@media screen and (max-width: 1199px) {
		.cus-header-normal .header-logo{
			width: 220px;
		}
		.cus-header-normal .header-logo img{
			width: 200px;
		}
	}
	@media screen and (max-width: 991px) {
		.cus-header-normal{
			display: block;
			background-color: rgba(255,255,255,0);
		}
		.cus-header-normal .header-logo{
			display: none;
		}
		.cus-header-normal .header-nav{
			display: block;
			text-align: left;
		}
		
		.header-toggler-bg{
			position: relative;
			top: -10px;
		}
		.header-toggler-bg::before{
			content: '';
			position: absolute;
			top: 0px;
			left: 0px;
			background-color: rgba(255,255,255,.8);
			width: 100%;
			height: 60px;
			z-index: -1;
		}
	}

	/* こちらのロゴはバーガーメニュー時以外非表示 */
	.cus-header-normal .header-nav .header-nav-brand{
		display: none;
	}
	@media screen and (max-width: 991px) {
		.cus-header-normal .header-nav .header-nav-brand{
			display: block;
		}
		.cus-header-normal .header-nav .header-nav-brand img{
			position: relative;
			top: 2px;
			width: 120px;
		}
	}

	.cus-header-normal .header-nav .header-nav-col{
		display: -webkit-flex !important;
		display: flex !important;
		justify-content: flex-end !important;
		text-align: right !important;
	}

	/* 電話番号の表記 */
	.cus-navigation-phone{
		display: block;
		text-align: left;
	}
	.cus-navigation-phone .phone-dial{
		display: block;
		font-size: 28px;
		font-weight: 700;
		line-height: 1.4;
	}
	.cus-navigation-phone .phone-dial i{
		font-size: 20px
	}
	.cus-navigation-phone .phone-text{
		display: block;
		margin-left: 30px;
		font-size: 14px;
	}
	@media screen and (max-width: 1199px) {
		.cus-navigation-phone .phone-dial{
			font-size: 22px;
		}
		.cus-navigation-phone .phone-dial i{
			font-size: 17px
		}
		.cus-navigation-phone .phone-text{
			margin-left: 6px;
			font-size: 13px;
		}
	}
	@media screen and (max-width: 991px) {
		.cus-navigation-phone{
			margin: 20px 0 0 0;
			text-align: center;
		}
		.cus-navigation-phone .phone-text{
			margin-left: 0px;
		}
	}

	/* メールアイコンのボタンリンク */
	.cus-navigation-mail{
		display: block;
		text-align: center;
	}
	.cus-navigation-mail .mail-link{
		overflow: hidden;
		display: block;
		position: relative;
		background: transparent;
		border: #37486c solid 1px;
		padding: 8px 20px;
		font-weight: 700;
		color: #37486c;
		line-height: 1;
		text-decoration: none;
		z-index: 1;
		transition: .3s;
	}
	.cus-navigation-mail .mail-link .link-text{
		display: block;
		font-size: 18px;
	}
	.cus-navigation-mail .mail-link::before{
		content: "";
		top: 0;
		left: 0;
		overflow: hidden;
		position: absolute;
		background: #37486c;/* メールボタン背景色 */
		width: 100%;
		height: 100%;
		z-index: -1;
		transform-origin: 100% 50%;
		transform: scaleX(0);
		transition: transform ease .3s;
	}
	.cus-navigation-mail .mail-link:hover{
		color: white;
		text-decoration: none;
	}
	.cus-navigation-mail .mail-link:hover::before{
		transform-origin: 0% 50%;
		transform: scaleX(1);
	}
	.cus-navigation-mail .mail-link.link-sp{
		display: none;
	}
	@media screen and (max-width: 1300px) {
		.cus-navigation-mail .mail-link{
			padding: 8px 16px;
		}
		.cus-navigation-mail .mail-link .link-text{
			font-size: 16px;
		}
	}
	@media screen and (max-width: 1199px) {
		.cus-navigation-mail .mail-link{
			padding: 8px 12px;
		}
		.cus-navigation-mail .mail-link .link-text{
			font-size: 14px;
		}
	}
	@media screen and (max-width: 991px) {
		.cus-navigation-mail .mail-link{
			display: none;
		}
		.cus-navigation-mail .mail-link.link-sp{
			display: block;
		}
	}
	@media print {
		.cus-navigation-mail .mail-link.link-sp{
			display: none;
		}
	}

/* ビッグメニュー（小幅時バーガーメニュー） */
	.cus-navigation-bigmenu{
		background-color: rgba(255,255,255,0.8);
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.3));
		padding: 20px;
	}