@charset "UTF-8";

.corner_wrap {position: fixed;top: 0;right: 0;z-index: 10;}
.corner_wrap .inner {width: 60px;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.corner_wrap .entry_btn {z-index: 5;-ms-flex: 0 0 160px;flex: 0 0 100px;max-width: 100px;}
.corner_wrap .entry_btn a {display: block;background-color: #2d2d2d;color: #fff;text-align: center;padding: 20px 10px 18px;font-size: 1.25rem;font-weight: 800;line-height: 1;height: 56px;text-decoration: none !important;}
.corner_wrap .hamb_wrap {-ms-flex: 0 0 74px;flex: 0 0 60px;max-width: 60px;background-color: #000000;}

/* ハンバーガーボタン
  ================================================ */
.hamburger {display: block;position: relative;z-index: 100;width: 60px;height: 60px;cursor: pointer;text-align: center;}
.hamburger span {display : block;position: absolute;width: 38px;height: 2px;left: 11px;background: #fff;-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: 12px;}
.hamburger span:nth-child(2) {top: 20px;}
.hamburger span:nth-child(3) {top: 28px;}
.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 .menu div:first-child {display: none;}
.hamburger.active .menu div:last-child {display: block;}
.hamburger.active span:nth-child(1) {top: 20px;left: 11px;background: #fff;-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: #fff;-webkit-transform: rotate(-330deg);-moz-transform: rotate(-330deg);transform: rotate(-330deg);}
.hamburger .title {
position: absolute;
font-size: .8125rem;
font-weight: 600;
color: #fff;
letter-spacing: 0.5px;
bottom: 7px;
left: 0;
width: 100%;text-align: center;line-height: 1;}

/* グローバルナビ
  ================================================ */
header#header nav.global {position: fixed;z-index : 2;top: 60px;left : 0;/* color: #fff; */background: rgb(255 255 255 / 90%);background-color: #000;/* text-align: center; */width: 100%;height: 100%;transition: opacity .6s ease, visibility .6s ease;opacity: 0;visibility: hidden;}

header#header nav.global .wrap {position: absolute;z-index: 1;top: 0;left: 0;transform: initial;-webkit- transform: inherit;margin: auto;width: 100%;display: none;}

header#header nav.global .wrap .inner {/* position: absolute; */z-index: 1;/* top: 50%; *//* left: 50%; *//* transform: translateY(-50%) translateX(-50%); */-webkit- transform: translateY(-50%) translateX(-50%);margin: 0 auto 0;padding: 0;width: 100%;max-width: 1200px;}

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


@media (min-width: 768px) {
	.corner_wrap {position: fixed;top: 0;right: 0;z-index: 10;}
	.corner_wrap .inner {width: 74px;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
	.corner_wrap .entry_btn {-ms-flex: 0 0 160px;flex: 0 0 160px;max-width: 160px;}
	.corner_wrap .entry_btn a {padding: 23px 20px 21px;font-size: 1.75rem;height: 74px;}
	.corner_wrap .hamb_wrap {-ms-flex: 0 0 74px;flex: 0 0 74px;max-width: 74px;}
	
	.hamburger {width: 74px;height: 72px;}
	.hamburger span {width: 42px;left: 16px;-moz-transition: 0.5s ease-in-out;}
	.hamburger span:nth-child(1) {top: 14px;}
	.hamburger span:nth-child(2) {top: 23px;}
	.hamburger span:nth-child(3) {top: 33px;}
	.hamburger .title {font-size: 1rem;bottom: 14px;}

	/* アクティブな時の動作 */
	.hamburger.active .menu div:first-child {display: none;}
	.hamburger.active .menu div:last-child {display: block;}
	.hamburger.active span:nth-child(1) {top: 23px;left: 16px;background: #fff;-webkit-transform: rotate(330deg);-moz-transform: rotate(330deg);transform: rotate(330deg);}
	.hamburger.active span:nth-child(2),
	.hamburger.active span:nth-child(3) {top: 23px;background: #fff;-webkit-transform: rotate(-330deg);-moz-transform: rotate(-330deg);transform: rotate(-330deg);}
	
	header#header nav.global .nav_main {padding-top: 72px;}
	
	/* メインメニュー */
	header#header nav.global {}
	header#header nav.global li a {color: #ff5c15;text-decoration: none !important;}
	header#header nav.global li a:hover {color: #ff5c15;text-decoration: none;}
	header#header nav.global.active {top: 0;}
	header#header nav.global .wrap {position: relative;height: 100vh;}
	header#header nav.global .wrap .inner {position: absolute;z-index: 1;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);margin: 0 auto 0;padding: 0;width: 100%;max-width: 1200px;}
	header#header nav.global .logo {margin: 0 auto 50px;width: 200px;}
	header#header nav.global .logo img {}
	header#header nav.global .row {padding-top: 50px;}
	header#header nav.global .col {}
	header#header nav.global .menu-main-container {}
	header#header nav.global .nav_main{display:flex;margin:0 auto;padding:0 50px;flex-wrap:wrap;width:100%;max-width:1200px;color:#fff}
	header#header nav.global .nav_main>li{display:block;min-width:23%;flex-basis:23%;max-width:23%;background-color:transparent;border:0;margin:0 2.2%;flex-wrap:wrap;align-items:center;justify-content:center}
	header#header nav.global .nav_main .li_main:nth-child(1) {min-width: 23%;flex-basis: 23%;max-width: 23%;font-weight: 500;}
	header#header nav.global .nav_main .li_main:nth-child(2) {min-width: 26%;flex-basis: 26%;max-width: 26%;}
	header#header nav.global .nav_main .li_main:nth-child(3) {min-width: 18%;flex-basis: 18%;max-width: 18%;}
	header#header nav.global .nav_main .li_main:nth-child(4) {min-width: 12%;flex-basis: 12%;max-width: 12%;}
	header#header nav.global .nav_main .li_main:nth-child(5) {min-width: 13%;flex-basis: 13%;max-width: 13%;}
	header#header nav.global .nav_main > li:last-child {}
	header#header nav.global .nav_main > li a {color: initial;font-size: 1.5rem;font-weight: 700;padding: 0 !important;text-decoration: none !important;pointer-events: none;}
	header#header nav.global .nav_main > li:hover {}
	header#header nav.global .nav_main > li:hover a {padding: 1em 2.5em;opacity: 1;visibility: visible;}

	/* ドロップダウンメニュー */
	header#header .nav_main.nav_dropdown .sub-menu {font-size: .875rem;background-color: transparent;}
	header#header .nav_main.nav_dropdown .sub-menu.show {font-size: inherit;}
	header#header .nav_main.nav_dropdown .sub-menu li {
	padding: 15px 0 0;
	text-align: left;
	border: 0;
	list-style: none;
	}
	header#header .nav_main.nav_dropdown .sub-menu.show li {}
	header#header .nav_main.nav_dropdown .sub-menu li a {
	padding: 0 !important;
	line-height: 1;
	opacity: 1;
	visibility: visible;
	background-color: transparent;
	color: #fff;
	font-weight: 500;
	font-size: 1rem;
	pointer-events: inherit;
	}
	
	header#header .nav_main.nav_dropdown .sub__menu {}
	header#header .nav_main.nav_dropdown .sub__menu li {padding-top: 10px;position: relative;}
	header#header .nav_main.nav_dropdown .sub__menu li::before {content: "";position: absolute;top: 23px;left: 0;border-bottom: 1px solid #fff;width: 15px;display: inline-block;}
	header#header .nav_main.nav_dropdown .sub__menu li a {font-size: .875rem;margin-left: 20px;}
	header#header .nav_main.nav_dropdown .sub-menu li:first-child {
	}
	header#header .nav_main.nav_dropdown .sub-menu li:last-childs {
	}
	header#header .nav_main.nav_dropdown .sub-menu li a:hover {color: #ff5307;}
	header#header .nav_main.nav_dropdown .dropdown-toggle::before, .global .wrap .nav_main .dropdown-toggle::after {
	}
	header#header .nav_main.nav_dropdown .dropdown-toggle::after {
	}
	header#header .nav_main.nav_dropdown .dropdown-toggle[aria-expanded=true]::after {
	}
	header#header nav.global .wrap .inner button.arrow_right {margin-top: 60px;}
	header#header nav.global .wrap .inner button.arrow_right a {}
	header#header nav.global .wrap .inner .nav_sub {
    margin: 40px auto 0;
    padding: 20px 0 0;
    text-align: center;
    max-width: 1100px;
    /* border-top: 1px solid #252525; */
}

ul.nav_sub {}
	header#header nav.global .wrap .inner .nav_sub li {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    display: inline;
    padding: 0 0 0 12px;
    margin: 7px 20px;
    width: auto;
    position: relative;
}
	header#header nav.global .wrap .inner .nav_sub li a {}
}

header#header .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;}

@media (min-width: 768px) {
.global .wrap .nav_sub {margin-top: 30px;padding-left: 20px;}
.global .nav_sub {text-align: center;}
.global .nav_sub li {}
.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: #ff5c15;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -8px;
	text-rendering: auto;
}
.global .nav_sub li:first-child {}
.global .nav_sub li:last-child {}
}