@charset "utf-8";


.gnav .megamenu {
	position: absolute;
	background: #1673b1;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	width: 100%;
	min-width: 1200px;
	top: 95px;
	left: 0;
	transition: all .3s ease-in-out;
	z-index: 200;
}

.gnav .megamenu-inner {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.gnav .megamenu-inner li {
	width: calc((100% - (10px * 5)) / 6);
}

.gnav .three .megamenu-inner li {
	width: calc((100% - (10px * 3)) / 4);
}

.gnav .two .megamenu-inner li {
	width: calc((100% - (10px * 2)) / 3);
}

/*20240118 追記*/
.gnav .service .megamenu-inner li {
	width: calc((100% - (10px * 5)) / 3);
}

.gnav .megamenu-inner .left {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 70%;
	margin: 20px auto auto;
}

.gnav .megamenu-inner .left-title {
	color: #fff;
	font-weight: bold;
	font-size: 1.4rem;
	position: absolute;
	top: 30px;
	margin: auto 10px 0 auto;
	width:42%;
    display: flex;
    align-items: center;
}
.gnav .megamenu-inner .right-title {
	color: #fff;
	font-weight: bold;
	font-size: 1.4rem;
	position: absolute;
	top: 30px;
	margin: auto 13px 0 auto;
	width:14%;
    display: flex;
    align-items: center;
}


.left-title:before, .left-title:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #fff;
}
.right-title:before, .right-title:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #fff;
}

.left-title:before {
    margin-right: 1rem;
}
 
.left-title:after {
    margin-left: 1rem;
}

.right-title:before {
    margin-right: 1rem;
}
 
.right-title:after {
    margin-left: 1rem;
}


.gnav .megamenu-inner .right li {
	width: 80%;
}
.gnav .megamenu-inner .right {
	display: flex;
	justify-content: center;
	width: 30%;
	margin: 20px auto auto;
}

.gnav .megamenu-inner li a {
	position: relative;
	display: block;
	color: #333;
	background: #FFF;
	padding: 5px;
	margin: 10px 10px 0 0;
	height: 70px;
	box-shadow: 0 3px 8px rgba(0, 0, 0, .2);
	
	display: flex;
	justify-content: center;
	align-items: center;
	white-space: inherit;
	font-size: 1.5rem;
}

/*20240118 追記*/
/*.gnav .service .megamenu-inner li a.style2 {
	padding: 15px 0 20px;
}*/

.gnav .megamenu-inner li a.line{
}
.gnav .megamenu-inner li:last-child a {
}
.gnav .megamenu-inner li .f_small {
	line-height: 1.5;
	font-size: 1.4rem;
	letter-spacing: 0.01em;
	padding: 14px 0 0;
}
.gnav .megamenu-inner li a::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
	z-index: -1;
    height: 100%;
	/*
    background: #e0f4f9;
	*/
	background: #ffe259;
    width: 0;
    transition: all .3s;
}
.gnav .megamenu-inner li a:hover::after {
	width: 100%;
}
.gnav .megamenu-inner li a:hover {
	color: #333!important;
	opacity: 0.99;
}


	
	
	
.gnav > li:hover .megamenu {
	max-height: 9999px;
	opacity: 1;
	padding: 28px 0 40px;
	overflow: visible;
}


/* スクロールしたら */
.header_fixed.active .gnav .megamenu-inner li a {
}
.header_fixed.active .gnav .megamenu {
}