@charset "UTF-8";

.entry_btn.entry_btn_sp {display: none;}
.corner_wrap {position: absolute;top: 0;right: 0;z-index: 1000;}
.corner_wrap .inner {width: 60px;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.corner_wrap .entry_btn {display: none;}
.corner_wrap .hamb_wrap {-ms-flex: 0 0 74px;flex: 0 0 60px;max-width: 60px;background-color: #8bc63e;}

@media (max-width: 767px) {
.entry_btn.entry_btn_sp {z-index: 10;display: block;position: fixed;top: auto;right: auto;left: 0;bottom: 8px;width: 100%;padding: 10px 0;opacity: 0;-webkit-transform: translate(0);transform: translate(0);visibility: hidden;-webkit-transition: opacity .3s ease;transition: opacity .3s ease;}
.entry_btn.entry_btn_sp a {display: block;background-color: #f27733;border-radius: 6px;color: #fff;text-align: center;padding: 0;margin: auto;font-size: .9375rem;font-weight: 800;line-height: 46px;width: 260px;width: 220px;height: 46px;text-decoration: none !important;box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 60%);}
.entry_btn.entry_btn_sp a:hover,.entry_btn.entry_btn_sp a:active {background-color: #ffbb33;color: #fff;opacity: 1;}
.entry_btn.entry_btn_sp a:focus,.entry_btn.entry_btn_sp a:visited {background-color: #f27733;color: #fff;opacity: 1;}
.entry_btn.entry_btn_sp a span {font-size: 1.125rem;margin: 0 2px;}
.entry_btn.entry_btn_sp.fadein{opacity: 1;visibility: visible;}
}

/* ハンバーガーボタン
  ================================================ */
.hamburger {display: block;position: relative;z-index: 100;width: 60px;height: 56px;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:.5px;bottom:7px;left:0;width:100%;text-align:center;line-height:1}

/* グローバルナビ
  ================================================ */
header#header nav.global {position: fixed;z-index : 2;top: 0;left : 0;/* color: #fff; */background: rgb(255 255 255 / 90%);background-color: #d7e3c8;/* 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: 56px auto 0;padding: 0;width: 100%;max-width: 1200px;}

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

@media (min-width: 768px) {
	.corner_wrap {/* top: 0; *//* right: 0; */}
	.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;display: block;}
	.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 74px;max-width: 74px;}
	
	.corner_wrap .inner.entry {width: 424px;width: 344px;}
	.corner_wrap .inner.entry .entry_btn {-ms-flex: 0 0 160px;flex: 0 0 350px;max-width: 270px;}
	.corner_wrap .inner.entry .entry_btn a {padding: 0;font-size: 1.125rem;height: 74px;line-height: 74px;}
	.corner_wrap .inner.entry .entry_btn a,.corner_wrap .inner.entry .entry_btn a:focus,.corner_wrap .inner.entry .entry_btn a:visited {color: #fff;}
	.corner_wrap .inner.entry .entry_btn a span {font-size: 1.25rem;margin: 0 5px 0 5px;}
	.corner_wrap .inner.entry .entry_btn a:hover {background-color: #666;color: #fff;opacity: 1;}
	.corner_wrap .inner.entry .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: #424242;text-decoration: none !important;}
	header#header nav.global li a:hover {color: #60a34c;text-decoration: none;}
	header#header nav.global.active {top: 0;left: 0;width: 100%;}
	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: #252525;
	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 #2d2d2d;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: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:1rem;font-weight:600;line-height:1;opacity:1;color:#ff5c15;position:absolute;top:50%;left:0;margin-top:-8px;text-rendering:auto}
}