@charset "utf-8";
/*========= ドロップダウンのためのCSS ===============*/
#head_postage {
	padding:7px 0;
	background-color: #606060;
	color: #fff;
	text-align: center;
	font-size: 16px;
}
.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
}
#header_in {
	position: relative;
	
	
}
.header_logo {
	position: absolute;
	left:1%;
	top:24px;
	z-index: 200;
}
.header_nav{
	width: 40%;
	float: left;
}
.header_nav a img:hover {
	opacity: 1;
}
.header_nav ul {
	width: 600px;
	margin: 0 auto;
	list-style: none;
  }
.header_nav li{
	width: 120px;
	height: 91px;
	float: left;
}
.header_subnav {
	position: absolute;
	right:1%;
	top:7px;
	z-index: 200;
}
.header_subnav li{
	float: left;
	margin: 0 3px;

}

/*==ナビゲーション全体の設定*/
.main_nav {
	height: 91px;
	color:#fff;
	text-align: center;
}

/*ナビゲーションを横並びに*/
.main_nav{
    /*2階層目の基点にするためrelativeを指定*/
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	margin: auto;
	list-style: none;
	justify-content: center;
	z-index: 100;
	background-color: #FFF;
}
.main_nav li {
	display:contents;
	float: left;
}

.main_nav a img:hover {
	opacity: 1  ;
}

/*hoverしたら表示*/
.main_nav li.has-child:hover .nav_in{
  visibility: visible;
  opacity: 1;
}

/*== 2層目の設定 */
.nav_in{
  /*絶対配置で位置を指定*/
    position: absolute;
	top:91px; 
    /*形状を指定*/
	width:100%;
    /*はじめは非表示*/
	visibility: hidden;
	opacity: 0;
     /*アニメーション設定*/
	transition: all .3s;
}
.nav_in_navtop {
	width: 100%;
	height: 74px;
	color: #000;
	background: rgb(53,168,183);
	background: linear-gradient(90deg, rgba(113,200,212,1) 40%, rgba(114,150,190,1) 100%);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
}
.nav_in_navbottom {
	width: 920px;
	height: 480px;
	margin: 0 auto;
	padding: 10px;
	background: #FFF;
	color: #000;
}
.nav_in_navbottom_in h2 {
	text-align: center;
	color: #2f65a2;
	font-size: 1.6rem;
	font-weight: 400;
	margin: 20px 0;
}
.nav_in_navbottom_in li {
	width:240px;
	margin: 0 25px;
	display: block;
	text-align: left;
}
.nav_p_name li {
	margin: 0;
	padding: 8px 0;
	border-bottom: 1px dotted #000;
}
.nav_p_name li a > img {
    float: left;
    width: 50px;
}
.nav_p_name li a > span {
    float: left;
    width: 170px;
	font-size: 1.5rem;
    margin-left: 15px;
    margin-top:16px;
}
.nav_p_name02 li {
	margin: 0;
	padding: 21px;
	text-align: center;
	border-bottom: 1px dotted #000;
}
.nav_p_name02 li a > span {
	font-size: 1.5rem;
}