@charset "UTF-8";

/* ハンバーガーボタン
  ================================================ */
.hamburger {display: block;position: absolute;z-index: 10;right: -20px;top: -10px;width: 80px;height: 63px;cursor: pointer;text-align: center;/* background-color: #1078a6; */}
.hamburger span {display : block;position: absolute;width: 40px;height: 2px;left: 20px;background: #c59e27;-webkit-transition: 0.5s ease-in-out;-moz-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
.hamburger span:nth-child(1) {top: 22px;}
.hamburger span:nth-child(2) {top: 31px;}
.hamburger span:nth-child(3) {top: 40px;}
.hamburger .menu {position: absolute;bottom: 7px;text-align: center;width: 100%;color: #fff;font-size: .75rem;letter-spacing: 1.5px;}
.hamburger .menu div:first-child {display: block;}
.hamburger .menu div:last-child {display: none;}

/* アクティブな時の動作 */
.hamburger.active span:nth-child(1) {top: 30px;left: 20px;background: #c59e27;-webkit-transform: rotate(330deg);-moz-transform: rotate(330deg);transform: rotate(330deg);}
.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {top: 30px;background: #c59e27;-webkit-transform: rotate(-330deg);-moz-transform: rotate(-330deg);transform: rotate(-330deg);}
.hamburger.active .menu div:first-child {display: none;}
.hamburger.active .menu div:last-child {display: block;}

@media (min-width: 768px) {
	.hamburger {
	width: 80px;
	height: 64px;
	}
	.hamburger span {
	width: 54px;
	left: 13px;
	}
	.hamburger span:nth-child(1) {top: 12px;}
	.hamburger span:nth-child(2) {top: 22px;}
	.hamburger span:nth-child(3) {top: 32px;}
	.hamburger .menu {}
	.hamburger.active span:nth-child(1) {top: 20px;left: 15px;background: #ffffff;-webkit-transform: rotate(330deg);-moz-transform: rotate(330deg);transform: rotate(330deg);}
	.hamburger.active span:nth-child(2),
	.hamburger.active span:nth-child(3) {top: 20px;background: #ffffff;-webkit-transform: rotate(-330deg);-moz-transform: rotate(-330deg);transform: rotate(-330deg);}
}

@media (min-width: 992px) {
	.hamburger.active span:nth-child(1) {background: #1078a6;}
	.hamburger.active span:nth-child(2),
	.hamburger.active span:nth-child(3) {background: #1078a6;}
}


/* グローバルナビ
  ================================================ */
#masthead nav.global {position: fixed;z-index : 2;top: 63px;left : 0;/* color: #fff; */background: rgb(255 255 255 / 80%);/* background-color: #fff; *//* text-align: center; */width: 100%;height: 100vh;transition: opacity .6s ease, visibility .6s ease;opacity: 0;visibility: hidden;}
#masthead nav.global .wrap {position: absolute;z-index: 1;top: 0;left: 0;transform: initial;-webkit- transform: inherit;margin: auto;width: 100%;display: none;}
#masthead nav.global.active .wrap {display: block;}

/* このクラスを、jQueryで付与・削除する */
#masthead nav.global.active {transition-delay: 0s;opacity: 1;visibility: visible;}

/* メインメニュー */
#masthead nav.global .nav_main {margin: 0 auto;padding: 0;max-width: 1100px;/* width: 100%; *//* background-color: #1078a6; */}
#masthead nav.global .nav_main > li {display: inline-block;list-style-type: none;margin: 0;padding: 0;width: 100%;transition: .4s all;font-size: 1.0rem;line-height: 1;letter-spacing: 1.5px;border-top: 1px solid #e4c669;}
#masthead nav.global .nav_main > li:last-child {padding-bottom: 0;}
#masthead nav.global .nav_main > li a {/* position: relative; */display: block;background-color: #c59e27;color: inherit;padding: 1.25em 1.25em;/* text-decoration :none; */}
#masthead nav.global .nav_main > li:hover {background: #eee;}
#masthead nav.global .nav_main > li:hover a {
}

/* ドロップダウンメニュー */
#masthead .nav_main.nav_dropdown .dropdown-menu {display: block;width: 100%;position: initial;margin: 0;padding: 1em 0;border: 0;border-radius: 0;box-shadow: none;background-color: #0d6b94;font-size: 0;line-height: 0;}
#masthead .nav_main.nav_dropdown .dropdown-menu.show {font-size: inherit;}
#masthead .nav_main.nav_dropdown .dropdown-menu li {display: block;margin: 0;padding: 0;border: 0;}
#masthead .nav_main.nav_dropdown .dropdown-menu.show li {}
#masthead .nav_main.nav_dropdown .dropdown-menu li a{margin:0;padding:0;display:block;background-color:#0d6b94;font-size:0;color:#fff;line-height:0;opacity:0;visibility:hidden;transition:padding-top .3s ease-out,padding-bottom .3s ease-out,line-height .3s ease-out,opacity .1s linear,visibility .1s linear}
#masthead .nav_main.nav_dropdown .dropdown-menu.show li a{padding:1em 2.5em;font-size:1rem;line-height:1;opacity:1;visibility:visible;transition:padding-top .3s ease-out,padding-bottom .3s ease-out,line-height .3s ease-out,opacity .4s linear,visibility .1s linear}
#masthead .nav_main.nav_dropdown .dropdown-menu li:first-child {
}
#masthead .nav_main.nav_dropdown .dropdown-menu li:last-childs {
}
#masthead .nav_main.nav_dropdown .dropdown-menu li a:hover {color: rgb(255 255 255 / 60%);/* text-decoration: underline; */}
#masthead .nav_main.nav_dropdown .dropdown-toggle::before, .global .wrap .nav_main .dropdown-toggle::after {position: absolute;top: 1.9em;right: 1.25em;width: 14px;height: 1px;content: "";background: #fff;}
#masthead .nav_main.nav_dropdown .dropdown-toggle::after {display: initial;margin: 0;vertical-align: initial;border: 0;/*ここまでリセット*/transition: -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);-webkit-transform: rotate(90deg);transform: rotate(90deg);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
#masthead .nav_main.nav_dropdown .dropdown-toggle[aria-expanded=true]::after {-webkit-transform: rotate(0deg);transform: rotate(0deg);}


@media (min-width: 768px) {
	#masthead nav.global .nav_main {padding-top: 72px;}
}
	

@media (min-width: 992px) {
	/* メインメニュー */
	#masthead nav.global {
	}
	#masthead nav.global li a {color: #1078a6;text-decoration: none;}
	#masthead nav.global li a:hover {color: #87bbd2;text-decoration: none;}
	#masthead nav.global.active {top: 0;}
	#masthead nav.global .wrap {position: relative;height: 100vh;}
	#masthead nav.global .wrap .inner {
	position: absolute;
	display: block;
	width: 100%;
	top: 30%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	margin: auto;
	padding: 0;
	}
	#masthead nav.global .menu-main-container {}
	#masthead nav.global .nav_main {
	background-color: transparent;
	padding-top: 80px;
	}
	#masthead nav.global .nav_main > li {
	display: inline-block;
	width: 27%;
	background-color: transparent;
	border: 0;
	margin: 0 3%;
	}
	#masthead nav.global .nav_main > li:last-child {
	}
	#masthead nav.global .nav_main > li a {
	display: inline-block;
	background-color: transparent;
	color: #1078a6;
	font-weight: 700;
	padding: 0 !important;
	text-align: left;
	}
	#masthead nav.global .nav_main > li:hover {
	background: transparent;
	font-size: 1.0rem;
	}
	#masthead nav.global .nav_main > li:hover a {padding: 1em 2.5em;/* font-size: .875rem; */line-height: 1;opacity: 1;visibility: visible;}

	/* ドロップダウンメニュー */
	#masthead .nav_main.nav_dropdown .dropdown-menu {font-size: .875rem;background-color: transparent;}
	#masthead .nav_main.nav_dropdown .dropdown-menu.show {font-size: inherit;}
	#masthead .nav_main.nav_dropdown .dropdown-menu li {
	padding: 30px 0 0;
	text-align: left;
	font-size: .875rem;
	}
	#masthead .nav_main.nav_dropdown .dropdown-menu.show li {}
	#masthead .nav_main.nav_dropdown .dropdown-menu li a {
	padding: 0 !important;
	font-size: 1rem;
	line-height: 1;
	opacity: 1;
	visibility: visible;
	background-color: transparent;
	color: #1078a6;
	font-weight: 400;
	font-size: .875rem;
	}
	#masthead .nav_main.nav_dropdown .dropdown-menu.show li a {
	font-size: .875rem;
	}

	#masthead .nav_main.nav_dropdown .dropdown-menu li:first-child {
	}
	#masthead .nav_main.nav_dropdown .dropdown-menu li:last-childs {
	}
	#masthead .nav_main.nav_dropdown .dropdown-menu li a:hover {font-size: .875rem;color: #87bbd2;}
	#masthead .nav_main.nav_dropdown .dropdown-toggle::before, .global .wrap .nav_main .dropdown-toggle::after {
	}
	#masthead .nav_main.nav_dropdown .dropdown-toggle::after {
	}
	#masthead .nav_main.nav_dropdown .dropdown-toggle[aria-expanded=true]::after {
	}

	#masthead nav.global .wrap .inner button.arrow_right {
    margin-top: 60px;
}
	#masthead nav.global .wrap .inner button.arrow_right a {}
	#masthead nav.global .wrap .inner .nav_sub {
    margin: 60px auto 0;
    padding: 20px 0 0;
    text-align: center;
    max-width: 1100px;
    border-top: 1px solid #1078a6;
}
	#masthead nav.global .wrap .inner .nav_sub li {
    font-size: .875rem;
}
	#masthead nav.global .wrap .inner .nav_sub li a {}
}


/*リンクポインタ無効
#masthead .nav_main.nav_dropdown > li.menu-item:first-child a {pointer-events: none;}*/



/* グローバルナビ__センタースクリーン
==================================================*/
nav.global.center_screen .wrap {position: absolute;z-index: 1;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);margin: auto;width: 100%;}
nav.global.center_screen ul {text-align: center;}
nav.global.center_screen .wrap .nav_main .dropdown-toggle::after {display: none;}



.global .wrap .nav_sub {
    margin-top: 30px;
    padding-left: 20px;
}
.global .nav_sub {}
.global .nav_sub li {
	display: inline-block;
	padding: 0 10px 0;
	margin: 7px 5px;
	position: relative;
	font-size: .875rem;
	width: 45%;
}
.global .nav_sub li:hover {background-color: transparent;}
.global .nav_sub li a {color: #1078a6;}
.global .nav_sub li a:hover {text-decoration: underline;}
.global .nav_sub li::before {
	content: "\f0da";
	display: inline-block;
	font-family: "Font Awesome 5 free";
	font-size: 1.0rem;
	font-weight: 600;
	line-height: 1;
	opacity: 1;
	color: #1078a6;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -7px;
	text-rendering: auto;
}
.global .nav_sub li:first-child {}
.global .nav_sub li:last-child {}

@media (min-width: 768px) {
	.global .nav_sub {text-align: center;}
	.global .nav_sub li {display: inline;padding: 0 10px 0;margin: 7px 15px;width: auto;}
}