@media screen and (min-width: 640px){



#pankuzuContainer {
	min-width: 930px;
    margin: 25px 0 20px;
}

#pankuzuContainer ul {
	overflow: hidden;
	width: 930px;
	font-size:14px;
	margin: 0px auto;
	
}

/*20181113*/

#pankuzuContainer ul li {
	float:left;
	padding: 0px 18px 0px 0px;
	margin: 0px 12px 0px 0px;
	color:#7B7B7B;

	background-image:url(../img/hina/pankuzu_list_bg.gif);
	background-repeat:no-repeat;
	background-position:right center;
}

#pankuzuContainer ul .last {
	background-image:none;
}

#pankuzuContainer ul li a {
	color:#7B7B7B;
}

#pankuzuContainer ul li a:hover{
	color:#3a5cb4;
}


#hinaMainContainer {
	width: 930px;
	margin: 0px auto;
}

#hinaMainContainer #mibileTtl {
	display:none;
}



#hinaMainContainer #mainInner {
	width:100%;
	//width: 712px;
	//float:left;
}

#hinaMainContainer #mainInner a {
	text-decoration:none;
	color:#3a5cb4;
}

#hinaMainContainer #mainInner a:hover {
	text-decoration:underline;
	color:#3a5cb4;

}

#hinaMainContainer #rightSubMenuContainer {
	width: 248px;
	float:right;
}

#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer {
	display: block;
	border-left:1px solid #d0d4e1;
	border-right:1px solid #d0d4e1;
	border-top:1px solid #d0d4e1;
	margin: 0px 0px 32px 0px;

}

#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer li {
	border-bottom:1px solid #d0d4e1;
}


#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer li a {
	display: block;
	padding: 15px 0px 15px 28px;
	background-image:url(../img/hina/category_menu_arrow01.png);
	background-repeat:no-repeat;
	background-position:16px center;


}

#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer li a:hover {
	display: block;
	padding: 15px 0px 15px 28px;
	background-image:url(../img/hina/category_menu_arrow01.png);
	background-repeat:no-repeat;
	background-position:16px center;
	background-color:#f3f3f3;
	color:#333333;
	text-decoration:none;

}









#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer .btnOn a {
	display: block;
	padding: 15px 0px 15px 28px;
	background-image:url(../img/hina/category_menu_arrow02.png);
	background-repeat:no-repeat;
	background-position:16px center;
	color:#fff;
	background-color:#88a4ed;
	cursor:default;

}

#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer .btnOn a:hover {
	display: block;
	padding: 15px 0px 15px 28px;
	background-image:url(../img/hina/category_menu_arrow02.png);
	background-repeat:no-repeat;
	background-position:16px center;
	color:#fff;
	background-color:#88a4ed;
	cursor:default;
}



#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer .btnOnBusiness a {
	display: block;
	padding: 15px 0px 15px 28px;
	background-image:url(../img/hina/category_menu_arrow02.png);
	background-repeat:no-repeat;
	background-position:16px center;
	color:#fff;
	background-color:#88b5ed;
	cursor:default;

}



#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer .btnOnBusiness a:hover {
	display: block;
	padding: 15px 0px 15px 28px;
	background-image:url(../img/hina/category_menu_arrow02.png);
	background-repeat:no-repeat;
	background-position:16px center;
	color:#fff;
	background-color:#88b5ed;
	cursor:default;
}


#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer .btnOnIr a {
	display: block;
	padding: 15px 0px 15px 28px;
	background-image:url(../img/hina/category_menu_arrow03.gif);
	background-repeat:no-repeat;
	background-position:16px center;
	color:#fff;
	background-color:#80bce4;
	cursor:default;

}

#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer .btnOnIr:hover a {
	display: block;
	padding: 15px 0px 15px 28px;
	background-image:url(../img/hina/category_menu_arrow03.gif);
	background-repeat:no-repeat;
	background-position:16px center;
	color:#fff;
	background-color:#80bce4;
	cursor:default;

}


#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer .btnOnOther a {
	display: block;
	padding: 15px 0px 15px 28px;
	background-image:url(../img/hina/category_menu_arrow04.gif);
	background-repeat:no-repeat;
	background-position:16px center;
	color:#fff;
	background-color:#8a96b7;
	cursor:default;

}

#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer .btnOnOther a:hover {
	display: block;
	padding: 15px 0px 15px 28px;
	background-image:url(../img/hina/category_menu_arrow04.gif);
	background-repeat:no-repeat;
	background-position:16px center;
	color:#fff;
	background-color:#8a96b7;
	cursor:default;

}



#hinaMainContainer #rightSubMenuContainer #groupListContainer {
	border:1px solid #d0d4e1;
	padding: 15px 13px;
}

#hinaMainContainer #rightSubMenuContainer #groupListContainer strong {
	display:block;
	height: 12px;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 30px 0px;
	width: 100%;
	text-indent:-9999px;
	background-image:url(../img/hina/hina_menu_group_ttl.gif);
	background-repeat:no-repeat;
	background-position:center top;
	border-bottom:1px solid #d0d4e1;

}

#hinaMainContainer #rightSubMenuContainer #groupListContainer ul {
	
}

#hinaMainContainer #rightSubMenuContainer #groupListContainer ul li {
	font-size:13px;
	margin: 0px 0px 25px 0px;
}


#hinaMainContainer #rightSubMenuContainer #groupListContainer ul li a {
	display: block;
	background-image:url(../img/hina/hina_menu_group_list_bg.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding: 0px 0px 0px 23px;
}

#hinaMainContainer #rightSubMenuContainer #groupListContainer ul .last {
	margin: 0px 0px 25px 0px;
}




#hinaMainContainer #mainInner .baseBtnStyle01:hover {
	color:#fff;
	text-decoration:none;
}





#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer li.childMenuTrue a {
	background-image:url(../img/hina/ir_submenu_close_bg.png);
	background-position:right center;
	background-repeat:no-repeat;

}

#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer li.childMenuTrue a:hover {

}


#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer li.open {
	background-color:#f3f3f3;
}


#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer li.open a {
	background-image:url(../img/hina/ir_submenu_open_bg_b.png);
	background-repeat:no-repeat;
	background-position:right center;
}



#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer li.open a:hover {
	background-image:url(../img/hina/ir_submenu_open_bg_b.png);
	background-repeat:no-repeat;
	background-position:right center;

}


#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer li.open_in {
	background-color: #a6d0ec;
}


#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer li.open_in a {
	background-image:url(../img/hina/ir_submenu_open_bg.png);
	background-repeat:no-repeat;
	background-position:right center;
	color:#fff;
}


#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer li.open strong {
	display: block;
	padding: 0px 0px 0px 15px;
}

#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer li.open strong a {
	display: block;
	background-color:#fff;
	border-left:1px solid #d0d4e1;
	border-top:1px solid #d0d4e1;
    background-image: url("../img/hina/category_menu_arrow01.png");
    background-position: 16px center;
    background-repeat: no-repeat;
    display: block;
    padding: 15px 0 15px 28px;
	color:#333;
}

#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer li.open strong a:hover {
	display: block;
	background-color:#fff;
	border-left:1px solid #d0d4e1;
	border-top:1px solid #d0d4e1;
    background-image: url("../img/hina/category_menu_arrow01.png");
    background-position: 16px center;
    background-repeat: no-repeat;
    display: block;
    padding: 15px 0 15px 28px;
	color:#333;
}

#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer li.open strong.position a {
	display: block;
	background-color:#80bce4;
	color:#fff;
    background-image: url("../img/hina/ir_submenu_child_position_bg.png");
	cursor:default;



}

#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer li.open strong.position a:hover {
	display: block;
	background-color:#80bce4;
	color:#fff;
    background-image: url("../img/hina/ir_submenu_child_position_bg.png");
	cursor:default;

}





#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer li.open strong a:hover {
	background-color:#f3f3f3;
	color:#333;
}



#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer li div {
	display:none;
}

#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer li.open div {
	display:block;
}











}

/* ---------------------------------- mobile --------------------------------------------- */
@media screen and (max-width: 639px){










/*20181113*/




#pankuzuContainer {
	display:none;
	width: 100%;
	height: 38px;
	background-image:url(../img/hina/pankuzu_bg.gif);
	background-repeat:repeat-x;
	background-position:center top;
	margin: 0px 0px 30px 0px;
}


#pankuzuContainer ul {
	width: 930px;
	font-size:14px;
	margin: 0px auto;
	border-top:3px solid #3a5cb4;
	padding: 10px 0px 0px 0px;
	
}




#pankuzuContainer ul li {
	float:left;
	padding: 0px 18px 0px 0px;
	margin: 0px 12px 0px 0px;
	color:#7d7d7d;

	background-image:url(../img/hina/pankuzu_list_bg.gif);
	background-repeat:no-repeat;
	background-position:right center;
}

#pankuzuContainer ul .last {
	background-image:none;
}

#pankuzuContainer ul li a {
	color:#3a5cb4;
}

#pankuzuContainer ul li a:hover{
	color:#3a5cb4;
}



#hinaMainContainer {
	/*padding: 0px 15px 0px 15px;*/
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
}


#hinaMainContainer h2#mibileTtl {
	width: 100%;
}

#hinaMainContainer #mainInner {
	padding: 30px 15px 0px 15px;
}


#hinaMainContainer #rightSubMenuContainer {
	display:none;
	width: 248px;
	float:right;
}

#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer {
	display: block;
	border-left:1px solid #d0d4e1;
	border-right:1px solid #d0d4e1;
	border-top:1px solid #d0d4e1;
	margin: 0px 0px 32px 0px;

}

#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer li {
	border-bottom:1px solid #d0d4e1;
}


#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer li a {
	display: block;
	padding: 15px 0px 15px 28px;
	background-image:url(../img/hina/category_menu_arrow01.gif);
	background-repeat:no-repeat;
	background-position:16px center;


}

#hinaMainContainer #rightSubMenuContainer #categoryMenuContainer .btnOn a {
	display: block;
	padding: 15px 0px 15px 28px;
	background-image:url(../img/hina/category_menu_arrow02.png);
	background-repeat:no-repeat;
	background-position:16px center;
	color:#fff;
	background-color:#88a4ed;
}




#hinaMainContainer #rightSubMenuContainer #groupListContainer {
	border:1px solid #d0d4e1;
	padding: 15px 13px;
}

#hinaMainContainer #rightSubMenuContainer #groupListContainer strong {
	display:block;
	height: 12px;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 30px 0px;
	width: 100%;
	text-indent:-9999px;
	background-image:url(../img/hina/hina_menu_group_ttl.gif);
	background-repeat:no-repeat;
	background-position:center top;
	border-bottom:1px solid #d0d4e1;

}

#hinaMainContainer #rightSubMenuContainer #groupListContainer ul {
	
}

#hinaMainContainer #rightSubMenuContainer #groupListContainer ul li {
	font-size:13px;
	margin: 0px 0px 25px 0px;
}


#hinaMainContainer #rightSubMenuContainer #groupListContainer ul li a {
	display: block;
	background-image:url(../img/hina/hina_menu_group_list_bg.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding: 0px 0px 0px 23px;
}

#hinaMainContainer #rightSubMenuContainer #groupListContainer ul .last {
	margin: 0px 0px 25px 0px;
}



#hinaMainContainer #mainInner .baseBtnStyle01:hover {
	color:#fff;
	text-decoration:none;
}

}

@media screen and (max-width: 930px){
	#hinaMainContainer {
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}
	#pankuzuContainer {
		min-width: auto;
	}
	#pankuzuContainer ul {
		width: 100%;
		box-sizing: border-box;
		padding: 0 15px;
	}
	body {
		/* padding: 70px 0 0; */
	}
}

@media screen and (max-width: 639px){
	#hinaMainContainer {
		padding: 0;
	}
}

/* pageTtlContainer */
#pageTtlContainer {
	background: #51638d;
}
#pageTtlContainer .kv_headline {
	height: 220px;
}

#pageTtlContainer .kv_headline .kv_inner {
	max-width: 930px;
	margin: 0 auto;
}
#pageTtlContainer .kv_headline .kv_inner .heading-ttl {
	padding: 110px 0 0;
	color: #fff;
	font-size: 28px;
	font-weight: 600;
}
#pageTtlContainer .kv_headline .kv_inner .heading-ttl span {
	display: block;
	font-size: 12px;
	font-weight: 300;
	margin: 5px 0 0;
}
body.company #pageTtlContainer {
	background: url('../img/company/kv.jpg') no-repeat 50% 50%;
	background-size: cover;
}

body.company #pageTtlContainer .kv_headline .kv_inner .heading-ttl {
	text-shadow: 0px 0px 3px black;
}

body.business #pageTtlContainer {
	background: url('../img/business/kv.jpg') no-repeat 50% 50%;
	background-size: cover;
}

body.other #pageTtlContainer {
	background: url('../img/contact/kv.jpg') no-repeat 50% 50%;
	background-size: cover;
}

body.other #pageTtlContainer .kv_headline .kv_inner .heading-ttl {
	color: #061C45;
}

body.recruiting #pageTtlContainer {
	background: url('../img/recruiting/kv.jpg') no-repeat 50% 50%;
	background-size: cover;
}

body.sustainability #pageTtlContainer {
	background: url('../img/sustainability/kv.jpg') no-repeat 50% 50%;
	background-size: cover;
}

body.news #pageTtlContainer {
	background: url('../img/news/kv.jpg') no-repeat 50% 50%;
	background-size: cover;
}

body.sustainability #pageTtlContainer .kv_headline .kv_inner .heading-ttl {
	color: #061C45;
}

@media screen and (max-width: 930px){
	#pageTtlContainer .kv_headline .kv_inner {
		padding: 0 15px;
	}
}	

@media screen and (max-width: 639px){
	#pageTtlContainer .kv_headline {
		height: 192px;
	}
	#pageTtlContainer .kv_headline .kv_inner {
		text-align: center;
	}
	#pageTtlContainer .kv_headline .kv_inner .heading-ttl {
		text-align: center;
		padding: 70px 0 0;
		font-size: 26px;
		display: inline-block;
	}
	#pageTtlContainer .kv_headline .kv_inner .heading-ttl span {
		margin: 5px 16px 0 16px;
		padding: 7px 0 0;
		font-size: 11px;
		color: rgba(255,255,255, 0.85);
		border-top: solid 1px rgba(255,255,255, 0.3);
		display: block;
		box-sizing: border-box;
	}
}

#hinaMainContainer {
	border-top: 1px solid #C0CDDC;
	padding-top: 30px;
}

#hinaMainContainer.no_line {
	border: 0 none;
	padding: 0;
}

@media screen and (max-width: 639px){
	#hinaMainContainer {
		padding: 0;
		border: 0 none;
	}
}

.primary_table {
	border-top: .2px solid #51638D;
}

.primary_table li {
	padding: 20px 0;
	border-bottom: .2px solid #51638D;
}

.primary_table li dl {
	display: flex;
}

.primary_table li dl.primary_align-center {
	align-items: center;
}

.primary_table li dl dt {
	width: 30%;
	color: #55608B;
	font-size: 14px;
	line-height: 1.8em;
	background: url('../img/common/primary_line.png') repeat-y 100% 0;
	background-size: 1px auto;
}

.primary_table li dl dd {
	position: relative;
	width: 70%;
	box-sizing: border-box;
	padding: 0 10%;
	font-size: 14px;
	line-height: 1.8em;
}

@media screen and (max-width: 930px){
	#hinaMainContainer.no_line {
		padding: 0 15px;
	}
}

@media screen and (max-width: 639px){
	.primary_table li dl {
		display: block;
	}
	.primary_table li dl dt {
		width: 100%;
		background: none;
		margin: 0 0 15px;
	}
	.primary_table li dl dd {
		padding: 0;
		width: 100%;
	}
	body.other #pageTtlContainer .kv_headline .kv_inner .heading-ttl span {
		color: #061C45;
		border-color: #061C45;
	}
}

#pankuzuContainer ul {
	font-size: 12px;
}