@charset "UTF-8";
/*  header_style ----------------------------------------------------------------- */



.header .globalNavi__target { position: relative; }
.header .globalNavi__target:hover { color: #ECFF5E !important;text-decoration: none !important; }
.header .globalNavi__target::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; border-top: solid 1px #FFF; opacity: 0; transition: all 0.3s ease-out; pointer-events: none; }
.header .globalNavi__target:hover:before { opacity: 1; }
.header .globalNavi__target:not(.btn):hover:after { background-image: url(../img/menu-arw_hov.svg); }
.header .globalNavi__target__wrap { position: relative; }
.globalNavi__children { position: absolute; z-index: 2; opacity: 0; background: rgba(1, 70, 55, 0.95); pointer-events: none; }
.header .globalNavi__children .globalNavi__children__inner { display: flex; flex-direction: column; padding: 20px; gap: 8px; }
.globalNavi__target__wrap:hover .globalNavi__children,.footer__btn:hover .globalNavi__children { opacity: 1; pointer-events: auto; }
.sp_none.footer__btn .globalNavi__children.active { top: 42px !important; }
.sp_none.footer__btn .globalNavi__children { box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35); }
.globalNavi__children__target { display: flex; color: #FFF !important; font-weight: 500; font-size: 14px; transition: all 0.3s ease-out; white-space: nowrap; align-items: center; gap: 10px; }
.globalNavi__children__title { color: #fff;border: 1px solid;padding: 0.2em;width: 5em;text-align: center;line-height: normal; }
.globalNavi__children__target.-children { color: #ECFF5E; }
.globalNavi__children__target:hover { color: #ECFF5E !important;text-decoration: none !important; }
.globalNavi__children__target::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10' viewBox='0 0 18 5' fill='none'%3E%3Cpath d='M0 4.5H16.5L13.8448 0.5' stroke='white'/%3E%3C/svg%3E"); }

@media screen and (max-width: 767px) {
  .header .globalNavi { height: calc(100vh - 58px); padding-left: 15vw; padding-right: 15vw;padding-top: 15vw;}
  .header .globalNavi__target:not(.btn) { position: relative; background-color: #02372C; }
  .header .globalNavi__target:not(.btn):after { position: absolute; right: 10px; }
  .header .globalNavi__target__wrap { margin-bottom: 20px; }
  .header .globalNavi__target::before { opacity: 1; border-color: #73A1C0; }
  .header .globalNavi__children { position: relative; opacity: 1; pointer-events: all; }
  .header .globalNavi__children__target {justify-content: center; }
	  body.fixed {
		overflow: hidden;
		position: fixed;
		width: 100%;
	}
}

.footer__btn .globalNavi__btn{
	color: #fff !important;
	display: block;
}

@media screen and (max-width: 767px) {
	.footer__btn.saiyo{
		margin-bottom: 0;
	}
	.pc_none.footer__btnWrap{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 80;
		display: flex;
	}
	.footer__btn{
		display: block;
		width: 50%;
	}
	.footer__btn .globalNavi__children{
		bottom: 48px;
		width: 100%;
		padding: 20px 20px 0;
		opacity: 0;
		visibility: hidden;
		position: fixed;
		left: 0;
	}
	.footer__btn .globalNavi__children.active{
		opacity: 1;
		visibility: visible;
	}
	.globalNavi__children__title{
		width: 10em;
		margin-bottom: 10px !important;
	}
	.footer__btn__wrap02{
		margin-bottom: 40px;
	}
	.footer{
		
	}
}
@media screen and (min-width: 768px) {
	.footer__btn .globalNavi__children{
		top: 50%;
		right: 230px;
		transform: translateY(-50%);
		align-items: center;
		display: flex;
		padding: 20px;
		background-color: rgb(1 70 55);
	}
	.footer__btn .globalNavi__children__title{
		width: 10em;
		padding: 6px;
		line-height: 1.4;
		height: 2em;
	}
	.footer__btn .globalNavi__children__wrapper {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
	.footer__btn .globalNavi__children__inner{
		display: flex;
		align-items: stretch;
		gap: 20px;
	}
	.footer__btn__wrap01{
/*
		display: flex;
		flex-wrap: wrap;
*/
	}
	.footer__btn__wrap02{
		display: flex;
		gap: 20px;
		width: 100%;
	}
	.footer__btn .globalNavi__children__target {
		gap: 10px;
		margin-top: 10px;
	}
	.footer__btn .globalNavi__children__target:nth-child(1) { grid-row: 1; grid-column: 1; }
	.footer__btn .globalNavi__children__target:nth-child(2) { grid-row: 2; grid-column: 1; }
	.footer__btn .globalNavi__children__target:nth-child(3) { grid-row: 1; grid-column: 2; }
	.footer__btn .globalNavi__children__target:nth-child(4) { grid-row: 2; grid-column: 2; }
	.footer__btn .globalNavi__children__target:nth-child(5) { grid-row: 1; grid-column: 3; }
	.footer__btn .globalNavi__children__target:nth-child(6) { grid-row: 2; grid-column: 3; }
}