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

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

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

*/

/* 基本ヘッダ（小幅時バーガーメニュー） */
	.cus-header-normal{
		position: relative;
		display: table;
		background-color: rgba(255,255,255,0.8);
		width: 100%;
		height: 115px;
		z-index: 999;
	}
	.cus-header-normal.normal-cb{/* サブヘッダ */
		height: 80px;
	}
	.cus-header-normal .header-logo{
		display: table-cell;
		padding: 22px 0 22px 2%;
		width: 340px;
		vertical-align: middle;
	}
	.cus-header-normal .header-logo img{
		width: 320px;
	}
	.cus-header-normal.normal-cb .header-logo{
		padding: 15px 0 15px 2%;
		width: 240px;
	}
	.cus-header-normal.normal-cb .header-logo img{
		width: 220px;
	}
	.cus-header-normal .header-nav{
		position: relative;
		display: table-cell;
		padding-right: 115px;
		text-align: right;
		vertical-align: middle;
	}

	@media screen and (max-width: 1779px) {
		.cus-header-normal .header-logo{
			width: 272px;/*340-80*/
		}
		.cus-header-normal .header-logo img{
			width: 256px;/*320-80*/
		}
		.cus-header-normal.normal-cb .header-logo{
			width: 192px;/*240-80*/
		}
		.cus-header-normal.normal-cb .header-logo img{
			width: 176px;/*220-80*/
		}

		.cus-header-normal .header-nav{
			padding-right: 90px;
		}
	}
	@media screen and (max-width: 1509px) {
		.cus-header-normal{
			height: 80px;
		}
		.cus-header-normal.normal-cb{/* サブヘッダ */
			height: auto;
		}
	
		.cus-header-normal .header-logo{
			position: relative;
			top: -10px;
			padding: 0 0 0 2%;
			width: 170px;/*340-50*/
		}
		.cus-header-normal .header-logo img{
			width: 160px;/*320-50*/
		}
		.cus-header-normal.normal-cb .header-logo{
			padding: 5px 0 0 2%;
			width: 144px;/*240-60*/
		}
		.cus-header-normal.normal-cb .header-logo img{
			width: 132px;/*220-60*/
		}

		.cus-header-normal .header-nav{
			padding-right: 60px;
		}
	}
	@media screen and (max-width: 991px) {
		.cus-header-normal{
			position: fixed;
			height: 50px;
			width: 100%;
		}
		.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;
			width: 100%;
			height: 50px;
			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: 180px;
		}
	}

	.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-header-normal .header-nav .header-nav-col .nav-sm{
		display: none;
	}
	@media screen and (max-width: 991px) {
		.cus-header-normal .header-nav .header-nav-col li a{
			height: auto !important;
		}
		.cus-header-normal .header-nav .header-nav-col .nav-sm{
			display: block;
		}
	}
	

	/* 電話番号の表記 */
	.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: 1509px) {
		.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{
		overflow: hidden;
		position: absolute;
		top: -30px;
		right: -115px;
		display: block;
		width: 115px;
		height: 115px;
		text-align: center;
	}
	.cus-navigation-mail.mail-cb{
		top: -12px;
		height: 80px;
	}
	.cus-navigation-mail .mail-link{
		overflow: hidden;
		display: block;
		position: relative;
		background: transparent;
		background-color: #01203b;/* メールボタン背景色 */
		padding-top: 35px;
		width: 115px;
		height: 115px;
		z-index: 1;
		transition: .3s;
	}
	.cus-navigation-mail.mail-cb{
		top: -12px;
		right: -115px;
		width: 80px;
		height: 80px;
	}
	.cus-navigation-mail.mail-cb .mail-link{
		overflow: hidden;
		padding-top: 20px;
		width: 80px;
		height: 80px;
	}
	.cus-navigation-mail .mail-link::before{
		content: "";
		top: 0;
		left: 0;
		overflow: hidden;
		position: absolute;
		background: #004e91;/* メールボタン背景色 */
		width: 100%;
		height: 100%;
		z-index: -1;
		transform-origin: 100% 50%;
		transform: scaleX(0);
		transition: transform ease .3s;
	}
	.cus-navigation-mail .mail-link:hover{
		text-decoration: none;
	}
	.cus-navigation-mail .mail-link:hover::before{
		transform-origin: 0% 50%;
		transform: scaleX(1);
	}
	@media screen and (max-width: 1779px) {
		.cus-navigation-mail{
			top: -30px;
			right: -90px;
			width: 80px;
			height: 113px;
		}
		.cus-navigation-mail.mail-cb{
			height: 80px;
		}
		.cus-navigation-mail .mail-link{
			width: 80px;
		}
		.cus-navigation-mail.mail-cb{
			top: -14px;
			right: -90px;
			width: 70px;
		}
		.cus-navigation-mail.mail-cb .mail-link{
			width: 70px;
		}
	}
	@media screen and (max-width: 1509px) {
		.cus-navigation-mail{
			right: -60px;
			width: 60px;
			height: 108px;
		}
		.cus-navigation-mail.mail-cb{
			height: 90px;
		}
		.cus-navigation-mail .mail-link{
			width: 60px;
		}
		.cus-navigation-mail .mail-link .link-ic img{
			position: relative;
			top: 13px;
			width: 30px;
		}
		.cus-navigation-mail.mail-cb{
			right: -60px;
			width: 50px;
		}
		.cus-navigation-mail.mail-cb .mail-link{
			width: 50px;
			height: 90px;
		}
		.cus-navigation-mail.mail-cb .mail-link .link-ic img{
			position: relative;
			top: 13px;
			width: 30px;
		}
	}
	@media screen and (max-width: 991px) {
		.cus-navigation-mail{
			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;
	}