@charset "utf-8";
/* CSS Document */

/* =================================================================================

   top
 
=================================================================================== */	
#top .contents h1 {
	background:url("../images/toph1-bg.jpg") no-repeat;
	background-size: 100%;
	color:#fff;
	font-size:1.500em;
	text-align:center;
	padding:58px 0;
	margin:0 auto;
	}

/* PC表示 */
#top .contents .topNaviPc {
	display: block;
	}

/* SP非表示 */
#top .contents ul.topNavi {
	display:none;
	}

#top .contents .topNaviPc .topNaviPcL {
	float:left;
	}

#top .contents .topNaviPc .topNaviPcR {
	float: right;
	}

#top .contents .topNaviPc p {
	width:290px;
	margin:32px 0 0;
	}

/* メインナビ */
#top .contents .topNaviPc p a.topNaviLink {
	width:100%;
	display:block;
	background: url("/english/images/arrow1.png") no-repeat 97% 50%;
	background-size:13px;
	background-color:#F2F2F2;
	border-left:solid 5px #334078;
	border-bottom:1px solid #CBCBCB;
	font-size:1.063em;
	padding:15px 0 15px 15px;
	}

#top .contents .topNaviPc p a.topNaviLink:hover {
	background: url(/english/images/arrow2.png) no-repeat 97% 50%;
	background-size:13px;
	background-color:#6988C9;
	color:#fff;
	padding:15px 0 15px 15px;
	}

/* サブナビ */
#top .contents .topNaviPc .subPc a {
	width:100%;
	display: block;
	background: url("/english/images/arrow4.png") no-repeat 97% 50%;
	background-size:13px;
	border-bottom:1px solid #CBCBCB;
	font-size:0.938em;
	padding:8px 0 8px 15px;
	}

#top .contents .topNaviPc .subPc a:hover {
	background: url("/english/images/arrow4.png") no-repeat 97% 50%;
	background-size:13px;
	color:#334078;
	padding:8px 0 8px 15px;
	}

#top .contents .topNaviPc .subPc p {
	margin:0;
	}
	

@media only screen and (max-width: 768px) {
/* PC非表示 */
#top .contents .topNaviPc {
	display: none;
	}


/* SP表示 */
#top .contents ul.topNavi {
	display:block;
	}
	
#top .contents ul.topNavi li {
	width:100%;
    margin: 20px 0 0 0;
	}

#top .contents ul.topNavi li a.topNaviLink {
	width:100%;
	display: block;
	background: url("/english/images/arrow1.png") no-repeat 97% 50%;
	background-size:13px;
	background-color:#F2F2F2;
	border-left:solid 5px #334078;
	font-size:1.063em;
	padding:15px 0 15px 15px;
	}

#top .contents ul.topNavi li ul li {
	margin: 0;
	}

#top .contents ul.topNavi li ul li a {
	width:100%;
	display: block;
	background: url("/english/images/arrow4.png") no-repeat 97% 50%;
	background-size:13px;
	border-bottom:1px solid #CBCBCB;
	font-size:0.938em;
	padding:15px 0 15px 15px;
	}
}


@media only screen and (max-width: 480px) {
#top .contents h1 {
    padding: 40px 0;
	background-size: cover;
}

}
