@charset "utf-8";

/*メニュー*/

.top_menu{
	position:fixed;
	top:0;
	left:0;
	z-index:6;
	width:100%;
	max-width:100%;
	margin:0 auto;
	background-color:rgba(255,255,255,0.8);
}
.top_menu_sub{
	position:relative;
}
.top_menu_2{
	position:relative;
	
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:5;
	width:100%;
	max-width:1366px;
	height:100px;
	margin:0 auto;
}
.top_menu_2 .div_1:nth-child(1){
	max-width:175px;
	width:100%;
	text-align:center;
}
.top_menu_2 .div_1:nth-child(2){
	width:392px;
}
.top_menu_2 .div_1:nth-child(2) .text_1{
	font-size:25px;font-weight:bold;
}
.top_menu_2 .div_1:nth-child(3){
	width:800px;
	position:relative;
}
.top_menu_2 .div_1:nth-child(3) .text_1{
	font-size:15px;
}

.top_menu_2 .text_2{
	display:flex;
	align-items:center;
	justify-content:center;
	background:#538EFF;
	position:absolute;
	width:160px;
	height:100px;
	top:0;
	right:50px;
}
.top_menu_2 .text_2 .text{
	color:#fff;
	font-size:20px;
	border-bottom:2px white solid;
	width:100%;
	text-align:center;
}
.top_menu_2 .text_2 .text a{
	color:#fff;
	font-size:20px;
}
.top_menu_3_bg{
	position:absolute;
	top:50px;left:0;
	z-index:2;
	width:100%;
	height:51px;
	margin:0 auto 0 auto;
	background:#538EFF;
}
.top_menu_3 a{
	color:#fff;
}
.top_menu_3{
	display:flex;
	justify-content:space-between;
	align-items:center;
	position:relative;
	z-index:2;
	width:100%;
	max-width:100%;
	height:51px;
	margin:0 auto 0 auto;
	padding:0px 30px;
	box-sizing:border-box;
}
.top_menu_3 .menu_div{
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
	display:inline-block;
}
.top_menu_3 .menu_div .flex{
	display:flex;align-items:center;
}

.top_menu_4_bg{
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	top:50%;
	left:0;
	transform:translate(0, -50%);
	background:#0B3A95;
	max-width:1920px;
	width:96px;
	height:96px;
	border-radius:100px;
}

.menu_logo{
	margin-top:55px;margin-left:48px;width:100%;
}

.menu_div_works{
	position:relative;
}
.menu_div_works:hover .menu_div_works_link_main{
	display:block;
	height:160px;
	padding:10px 20px;
}
.menu_div_works:hover .menu_div_works_link_main_1{
	display:block;
	height:60px;
	padding:10px 20px;
}

.top_menu_3_bg .menu_div_works_link_main{
	transition:0.3s;
	height:0;
	overflow:hidden;
	position:absolute;
	top:27px;left:-20px;
	padding:0px 20px;
	box-sizing:border-box;
	text-align:left;
	width:250px;
	background:#538EFF;
}
.top_menu_3_bg .menu_div_works_link_main_1{
	transition:0.3s;
	height:0;
	overflow:hidden;
	position:absolute;
	top:37px;left:-20px;
	padding:0px 20px;
	box-sizing:border-box;
	text-align:left;
	width:170px;
	background:#538EFF;
}

.top_menu_3_bg .menu_div_works_link_sub{
	display:inline-block;
	font-size:16px;
	text-align:center;
	padding:2px 0;
	color:#fff;
	font-weight:bold;
}

.menu_div_2{
	max-width:223px;
	width:100%;
	position:relative;
}
.menu_div_2 .menu_img{
	max-width:223px;
}
.menu_img{
	max-width:100%;
}
.menu_text{
	color:#fff;font-size:16px;font-weight:bold;text-align:center;padding:0 0;
}
.menu_text:hover{
	color:#eee;
}
.menu_text_2{
	display:inline-block;
	padding:3px 0;box-sizing:border-box;
	color:#000;font-size:15px;font-weight:bold;text-align:center;background:#fff;
	width:120px;height:30px;border-radius:45px;
	border:1px solid #c9caca;
}
.menu_text_2:hover{
	color:#fff;background:#004077;
	border:none;
}

.menu_text_3{
	display:inline-block;
	padding:8px 0;
	box-sizing:border-box;
	color:#fff;font-size:15px;font-weight:bold;text-align:center;
	background:#004077;
	width:150px;
	height:40px;
	border-radius:8px;
}

.yokosen1{transition:border 1.5s;transition:color 0.5s;position:relative;}
.yokosen1:before{content: '';position: absolute;left: 0%;bottom: 0;transition:all 0.5s;border-bottom: solid 3px #eee;width:0;}
.yokosen1:hover:before{content: '';border-bottom: solid 3px #eee;position: absolute;left: 0%;bottom: 0;width:100%;}

@media screen and (max-width:1366px) {
.menu_text{
	font-size:14px;
}
.top_menu_3_bg .menu_div_works_link_sub{
	font-size:14px;
}
}
@media screen and (max-width:1200px) {
.menu_text{
	font-size:12px;
}
.top_menu_3_bg .menu_div_works_link_sub{
	font-size:12px;
}
.top_menu_2 .div_1:nth-child(1){
	max-width:135px;
	width:100%;
	text-align:center;
}
.top_menu_2 .div_1:nth-child(2){
	width:342px;
}
.top_menu_2 .div_1:nth-child(2) .text_1{
	font-size:20px;font-weight:bold;
}
}