@charset "utf-8";
/* CSS Document */
@media screen and (min-width:981px) { /*　PC　*/
	/*******header*******/
	header {
		/*max-width: 1440px;*/
		height: 113px;
		margin: 0 auto;
		background: #fff;
	}
	header .wrap {
		margin-bottom: 5px;
	}
	header #logoName {
		float: left;
		margin: 0;
		padding: 0;
		line-height: 0;
	}

	header .rArea {
		margin-top: 20px;
	}
	header p#english {
		padding-top: 3px;
		margin-bottom: 0;
		margin-right: 25px;
		float: left;
	}
	header p#english a {
		color: #000;
		font-weight: bold;
		font-size: 15px;
	}
	header p#sitemap {
		padding-top: 3px;
		margin-bottom: 0;
		margin-right: 25px;
		float: left;
	}
	header p#sitemap a {
		color: #000;
		font-weight: bold;
		font-size: 15px;
	}

	header p#h_contact {
		padding-top: 3px;
		margin-bottom: 0;
		margin-right: 25px;
		float: left;
	}
	header p#h_contact a {
		color: #000;
		font-weight: bold;
		font-size: 15px;
	}

	header p#youtube{
		margin-bottom: 0;
		float: left;
	}
	header p#youtube a{
		padding: 0 45px 0 20px;
	}
	header p#youtube img {
		height: 20px;
		width: auto;
	}	
	
	header #srchForm {
		margin: 0;
	}
	header #srchBox {
		float: right;
	}
	header #srchBox input {
		display: inline-block;
		vertical-align: middle;
		margin: 0;
	}
	#srchInput {
		width: 154px;
		height: 26px;
		border: 1px solid #C8C8C8;
		margin-top: 1px;
		background: #fff url(http://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
	}
	#srchInput:focus {
		background-image: none;
	}
	/*******nav*******/
	nav {
		position: relative;
		height: 40px;
		padding-top: 5px;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 33%, #eeeeee 66%, #dddddd 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 33%, #eeeeee 66%, #dddddd 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #ffffff 0%, #ffffff 33%, #eeeeee 66%, #dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0); /* IE6-9 */
		z-index: 999;
		/*max-width: 1440px;*/
	}
	nav ul {
		width: 980px;
		height: 40px;
		margin: 0 auto;
		border-left: solid 1px #ccc;
		box-sizing: border-box;
		position: relative;
	}
	nav ul::after {
		content: "";
		display: block;
		clear: both;
	}
	nav li {
		border-right: solid 1px #ccc;
		box-sizing: border-box;
		width: 11.5%;
		height: 100%;
		display: block;
		float: left;
	}
	nav>ul>li:nth-child(3) {
		width: 13.5%;
	}
	nav>ul>li:nth-child(5) {
		width: 10.5%;
	}
	nav>ul>li:nth-child(6) ,
	nav>ul>li:nth-child(7) {
		width: 15.5%;
	}
	nav>ul>li:nth-child(9) {
		width: 10.5%;
	}
	#company nav li#gn_company a.active, #service nav li#gn_service a.active, #project nav li#gn_project a.active, #csr nav li#gn_csr a.active, #sustainability nav li#gn_sustainability a.active, #investor nav li#gn_investor a.active, #academy nav li#gn_academy a.active, #jobs nav li#gn_jobs a.active, #contact nav li#gn_contact a.active {
		background: linear-gradient(#ddd, #eee, #fff, #eee);
		color: #284692;
	}
	#company nav li#gn_company a.active:hover, #service nav li#gn_service a.active:hover, #project nav li#gn_project a.active:hover, #csr nav li#gn_csr a.active:hover, #sustainability nav li#gn_sustainability a.active:hover, #investor nav li#gn_investor a.active:hover {
		background: url(../../01common_resp/img/ico_nav.png), linear-gradient(#ddd, #eee, #fff, #eee);
		background-repeat: no-repeat;
		background-position: bottom center;
	}
	#jobs nav li#gn_jobs a.active:hover, #contact nav li#gn_contact a.active:hover {
		background: linear-gradient(#ddd, #eee, #fff, #eee);
		background-repeat: no-repeat;
		background-position: bottom center;
	}
	nav li a {
		display: block;
		width: 100%;
		height: 100%;
		text-align: center;
		font-weight: bold;
		padding-top: 13px;
		color: #000;
		font-size: 14px;
	}
	nav li a:hover {
		text-decoration: none;
		color: #284692;
	}
	nav li .subNav {
		display: none;
		position: absolute;
		top: 40px;
		left: 0px;
		background-color: rgba(40, 70, 147, 0.9);
		z-index: 99;
	}
	nav li:hover {
		background: url(../../01common_resp/img/ico_nav.png) no-repeat center 31px;
	}
	nav li.noSub:hover {
		background: none !important;
	}
	nav li:hover .subNav {
		display: block;
	}
	nav li#logo {
		display: none;
	}
	/*スクロール後*/
	.smaller nav {
		position: fixed;
		top: 0;
		/*left: calc(50% - 1440px/2);*/
		width: 100%;
		padding: 0;
	}

	.smaller nav li:nth-child(2) {
		width: 112px;
	}
	.smaller nav li:nth-child(3) {
		width: 112px;
	}
	.smaller nav li:nth-child(4) {
		width: 105px;
	}
	.smaller nav li:nth-child(5) {
		width: 105px;
	}
	.smaller nav li:nth-child(6) {
		width: 140px;
	}
	.smaller nav li:nth-child(7) {
		width: 146px;
	}
	.smaller nav li:nth-child(8) {
		width: 112px;
	}
	.smaller nav li:nth-child(9) {
		width: 105px;
	}
	.smaller nav li#logo {
		display: block;
		width: 42px;
		text-align: center;
	}
	.smaller nav li a {
		font-size: 13px;
	}
	.smaller nav li#logo a {
		padding: 6px 0 0 0;
	}
	/*ドロップダウンメニュー*/
	.subNav {
		padding: 30px 15px;
		width: 980px;
		box-sizing: border-box;
	}
	.subNav p {
		margin-bottom: 15px;
	}
	.subNav p a {
		color: #fff;
		display: inline;
		font-weight: normal;
		font-size: 16px;
		margin-left: 10px;
	}
	.subNav p a::after {
		content: url(../../01common_resp/img/icon_arrow.png);
		display: inline-block;
		vertical-align: middle;
		margin-left: 10px;
	}
	.subNav p a:hover {
		color: #fff;
		text-decoration: underline;
	}
	.subNav ul {
		border: none;
		height: auto;
		width: auto;
	}
	.subNav li {
		float: none;
		border: none;
		display: block;
		margin-bottom: 10px;
		width: 310px;
		background: #fff;
		border-right: none !important;
	}
	.subNav li:hover {
		background: #fff;
	}
	.subNav li a {
		color: #000;
		font-weight: bold;
		text-decoration: underline;
		display: block;
		padding: 20px 10px 16px 10px;
		width: 100%;
		height: 100%;
		text-align: left;
	}
	.subNav li a:hover {
		color: #000;
		opacity: 0.8;
	}
	.subNav ul.area1 {
		float: left;
		width: 310px;
		margin-right: 10px;
	}
	.smaller .subNav ul.area1 li {
		width: 100%;
	}
	.subNav ul.area1:last-child {
		margin-right: 0;
	}
	.subNav ul.area2 li {
		float: left;
		width: 310px;
		margin-right: 10px;
	}
	.subNav ul.area2 li:nth-child(3n) {
		margin-right: 0;
	}
	.subNav ul.area3 li {
		display: inline-block;
		width: 310px;
		margin-right: 10px;
	}
	.subNav ul.area3 li#n_library {
		float: right;
		display: block;
		margin-right: 0;
	}
	.subNav ul.area3 li#n_library li, .subNav ul.area3 li#n_library li a {
		display: block;
		margin-right: 0;
		width: auto;
	}
	.subNav ul.areaCsr {
		position: relative;
		height: 205px;
	}
	.subNav ul.areaCsr li {
		position: absolute;
		width: 310px;
		height: 50px;
	}
	.subNav ul.areaCsr li:nth-child(1) {
		left: 0;
		top: 0;
	}
	.subNav ul.areaCsr li:nth-child(2) {
		left: 320px;
		top: 0;
	}
	.subNav ul.areaCsr li:nth-child(4) {
		left: 320px;
		top: 60px;
	}
	.subNav ul.areaCsr li:nth-child(3) {
		left: 0;
		top: 60px;
	}
	.subNav ul.areaCsr li:nth-child(5) {
		left: 0;
		top: 120px;
	}
	.subNav ul.areaCsr li#n_activity {
		top: 0;
		right: 0;
		display: block;
		margin-right: 0;
		margin-bottom: 0;
	}
	.subNav ul.areaCsr li#n_activity li, .subNav ul.areaCsr li#n_activity li a {
		display: block;
		margin-right: 0;
		width: auto;
	}
	.subNav::after, .subNav ul.area1::after, .subNav ul.area1 li::after, .subNav ul.area2::after, .subNav ul.area2 li::after {
		content: "";
		display: block;
		clear: both;
	}
	.subNav ul.area1 li ul, .subNav ul.area2 li ul, .subNav ul.area3 li ul, .subNav ul.areaCsr li ul {
		padding: 10px 0;
		border-top: 1px dotted #ddd;
		width: auto;
	}
	.subNav ul.area1 li ul li, .subNav ul.area2 li ul li, .subNav ul.area3 li ul li, .subNav ul.areaCsr li ul li {
		float: none;
		height: auto;
	}
	.subNav ul.area1 li ul li a, .subNav ul.area2 li ul li a, .subNav ul.area3 li ul li a, .subNav ul.areaCsr li ul li a {
		background-image: none !important;
		padding: 0 10px;
	}
	.subNav ul.area3 li ul.nav2c li {
		display: block;
		width: 50%;
		float: left;
	}
	.subNav ul.area3 li ul.nav2c::after {
		content: "";
		display: block;
		clear: both;
	}
	.subNav ul.areaCsr li#n_activity ul.nav2c {
		display: block;
		width: 310px;
		padding: 0 0 10px 0;
		background: #fff;
	}
	.subNav ul.areaCsr li#n_activity ul.nav2c li {
		position: static;
		display: block;
		float: left;
		margin-bottom: 0;
		padding: 10px 0;
	}
	.subNav ul.areaCsr li#n_activity ul.nav2c::after {
		content: "";
		display: block;
		clear: both;
	}
	#n_message a {
		background: #fff url(../parts/img/company01.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_overview a {
		background: #fff url(../parts/img/company02.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_history a {
		background: #fff url(../parts/img/company03.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_officer a {
		background: #fff url(../parts/img/company04.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_organization a {
		background: #fff url(../parts/img/company05.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_network a {
		background: #fff url(../parts/img/company06.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_governance a {
		background: #fff url(../parts/img/company07.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_group a {
		background: #fff url(../parts/img/company08.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_sales a {
		background: #fff url(../parts/img/service01.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_tech a {
		background: #fff url(../parts/img/service02.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_safe a {
		background: #fff url(../parts/img/service03.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_area a {
		background: #fff url(../parts/img/project01.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_facility a {
		background: #fff url(../parts/img/project02.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_years a {
		background: #fff url(../parts/img/project03.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_base a {
		background: #fff url(../parts/img/csr01.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_promotion a {
		background: #fff url(../parts/img/csr02.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_status a {
		background: #fff url(../parts/img/csr03.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_human a {
		background: #fff url(../parts/img/csr04.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_childcare a {
		background: #fff url(../parts/img/csr05.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_activity a {
		background: #fff url(../parts/img/csr06.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_philosophy a {
		background: #fff url(../parts/img/investor01.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_achievement a {
		background: #fff url(../parts/img/investor02.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_library a {
		background: #fff url(../parts/img/investor03.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_schedule a {
		background: #fff url(../parts/img/investor04.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_infomation a {
		background: #fff url(../parts/img/investor05.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_stock a {
		background: #fff url(../parts/img/investor06.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_question a {
		background: #fff url(../parts/img/investor07.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_nnounce a {
		background: #fff url(../parts/img/investor08.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_sus_base a {
		background: #fff url(../parts/img/sustainability01.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_environment a {
		background: #fff url(../parts/img/sustainability02.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_society a {
		background: #fff url(../parts/img/sustainability03.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_sus_governance a {
		background: #fff url(../parts/img/sustainability04.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#n_sus_annualreports a {
		background: #fff url(../parts/img/sustainability05.jpg) no-repeat right top;
		background-size: auto 50px;
	}
	#gn_contact{
		display: none;
	}
}
@media screen and (max-width:980px) { /*　タブレット・スマホ　*/
	header nav, header .rArea #english, .rArea #sitemap, .rArea #h_contact, .subNav p, li#logo {
		display: none;
	}
	header h1, header p {
		position: fixed;
		top: 7px;
		left: 20px;
		width: 200px;
		z-index: 9999999;
	}
	header h1 img, header p img {
		width: 100%;
		height: auto;
	}
	#n_stock img {
		display: none;
	}

	header .rArea{
		position: fixed;
		right: 90px;
		top: 0;
		width: 50px;
		height: 61px;
		z-index: 9999999;
	}
	header p#youtube {
		padding: 0;
		margin: 0;
		position: absolute;
		right: 0;
		top:20px;
		width: auto;
	}

	header p#youtube a{
		padding: 0;
		margin: 0;
	}

	header p#youtube img {
		width: 35px;
		height: auto;
	}

	
}