.back-white {
	background-color:#fff;
}

#global-navi {
	background:#fff;
	position: fixed;
	top: 0;
	width: 100%;
	z-index:10
}

.menu_subtitle {
	font-size:70%;
}

.header_menu nav ul {
	width:100%;
	text-align:center;
	padding:0;
}

.header_menu nav ul li {
	vertical-align: middle;
}
.header_menu nav ul li a{
	color: #312d2d;
	text-decoration:none;
}

.menu_logo {
	display:inline-block;
	padding:  0px 10px 10px 10px;
}

.menu_list {
	display:inline-block;
	font-size: 17px;
	font-weight:bold;
	margin-top:-7px;
	margin-right:0.1%;
	margin-left:0.1%;
	padding:22px 1%;
	transition-duration: 0.35s;
}

.menu_list:hover {
	background-color:#ccc;
	transition-duration: 0.35s;
}

.clear-fix {
	clear:both;
}

.title_responsive {
	display:none;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

.menu__second-level li {
	border-top: 1px solid #ccc;
}

li.menu__mega ul.menu__second-level {
	position: absolute;
	top: 60px;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	padding: 20px 2%;
	background:rgb(24, 105, 182);
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	z-index:1;
}

li.menu__mega:hover ul.menu__second-level {
	top: 86px;
	visibility: visible;
	opacity: 1;
}

li.menu__mega ul.menu__second-level > li {
	display:inline-block;
	border: none;
}

li.menu__mega ul.menu__second-level > li > a {
	color:#fff;
	padding:12px 5px;
	background-color:rgb(24, 105, 182);
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	font-size:90%;
}

li.menu__mega ul.menu__second-level > li > a:hover {
	background-color:#64a6d2;
}

li.menu__mega ul.menu__second-level > li:nth-child(3n+2) {
	margin: 0 0.1%;
}


.menu:after {
    clear: both;
}

#menu-btn-check {
    display: none;
}


@media screen and (max-width:1030px) {
	li.menu__mega ul.menu__second-level > li > a {
		font-size:77%;
	}
}

/*�X�}�z��ʂŃn���o�[�K�[���j���[�̌`�ɂ���*/
@media screen and (max-width: 930px) {

	.menu_contact {
		background:none;
	}

	.contact_img {
		background-image:none;
	}

	.menu-btn {
		position: fixed;
		top: 15px;
		right: 10px;
		display: flex;
		height: 60px;
		width: 60px;
		justify-content: center;
		align-items: center;
		z-index: 90;
		background-color: #0b668a;
	}
	.menu-btn span,
	.menu-btn span:before,
	.menu-btn span:after {
		content: '';
		display: block;
		height: 3px;
		width: 25px;
		border-radius: 3px;
		background-color: #ffffff;
		position: absolute;
		transition-duration: 0.5s;
	}
	.menu-btn span:before {
		bottom: 8px;
	}
	.menu-btn span:after {
		top: 8px;
	}

	#global-navi {
		width: 100%;
		height: 100%;
		top: 0;
		margin-top:30px;
		left: 100%; /*left�̒l��ύX���ă��j���[����ʊO��*/
		transition-duration: 0.5s;
	}

	#menu-btn-check:checked ~ .menu-btn span {
		background-color: rgba(255, 255, 255, 0);/*���j���[�I�[�v�����͐^�񒆂̐��𓧖��ɂ���*/

	}
	#menu-btn-check:checked ~ .menu-btn span::before {
		bottom: 0;
		transform: rotate(45deg);
		transition-duration: 0.5s;
	}
	#menu-btn-check:checked ~ .menu-btn span::after {
		top: 0;
		transform: rotate(-45deg);
		transition-duration: 0.5s;
	}
	#menu-btn-check:checked ~ #global-navi {
		left: 0;
		transition-duration: 0.5s;
	}

	#global-navi ul {
		padding: 0px 0px 0px 0;
		margin-top:-1px;
	}
	#global-navi ul li {
		border-bottom: solid 1px #ffffff;
		width:100%;
		list-style: none;
	}
	#global-navi ul li a {
		display: block;
		width: 100%;
		font-size: 15px;
		box-sizing: border-box;
		text-decoration: none;
		position: relative;
		transition-duration: 0.5s;
	}

	#global-navi ul li a:hover {
		background-color:#ccc;
		transition-duration: 0.5s;
	}

	.title_responsive {
		display:block;
		position:fixed;
		padding-top:13px;
		padding-left:20px;
		padding-bottom:10px;
		z-index:70;
		width:100%;
		height:74px;
		background-color:#fff;
	}

	.title_responsive img {
		width:240px;
	}

	.menu_list {
		padding: 0;
	}

	.menu_list a {
		padding: 5px 0;
	}

	#menu-btn-check:checked ~ .title_responsive {
		display:none;
		z-index:0;
	}

	li.menu__mega ul.menu__second-level > li:nth-child(3n+2) {
		margin: 0 ;
	}

	ul.menu__second-level {
		visibility: visible;
		opacity: 0;
		z-index: 1;
	}

	li.menu__mega ul.menu__second-level {
		top: 86px;
		visibility: visible;
		opacity: 1;
	}

	li.menu__mega ul.menu__second-level {
		position: static;
		top: 60px;
		left: 0;
		box-sizing: border-box;
		width: 100%;
		padding: 0 0;
		background: #fff;
		z-index:1;
	}

	li.menu__mega ul.menu__second-level > li > a {
		color:#333;
		padding:12px 20px;
		background-color:#fff;
		-webkit-transition: all .2s ease;
		transition: all .2s ease;
		font-size:100%;
	}

}