@charset "utf-8"; 
/* CSS Document */

/* ------------------------------------------------------------------------ */

/*  reset

/* ------------------------------------------------------------------------ */

html {
	overflow-y	: scroll;
	height		: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote {
	margin 	: 0;
	padding : 0;
}

fieldset {
	display:inline;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style : normal;
}

/*
table {
	border-collapse	 : collapse;
	border-spacing	 : 0;
}
*/

body/**/table {
	font-size	: 12px;
	line-height	: 1.5;
}

q:before,
q:after {
	content : '';
}

object,embed {
	vertical-align : top;
}

hr,legend	{
	display : none;
}

h1,h2,h3,h4,h5,h6 {
	font-size : 100%;
}

img,abbr,acronym,fieldset {
	border : 0;
}

li {
	list-style-type : none;
}

.pcStyle{
	display: block;
}

.spStyle{
	display: none;
}

/* ------------------------------------------------------------------------ */

/*  Basic Style

/* ------------------------------------------------------------------------ */
body *{
	box-sizing: border-box;
}

body {
	margin		: 0;
	padding		: 0;
	height		: 100%;
	font-family	: "Microsoft Yahei", "Simsun", "Meiryo", "MS PGothic", "Hiragino Kaku Gothic Pro", "Verdana", "Arial", sans-serif;
	background	: #ffffff url(../img/bg/bg_body2.gif) repeat-x left top!important;
	font-size	: 75%;
	line-height	: 1.5;
	text-align	: center;
	color		: #444;
}

	body {
		/*font:12px/1.231 Arial,Helvetica,Geneva,Verdana,sans-serif;*/
		font:12px/1.231 "Microsoft Yahei", "Simsun", "Meiryo", "MS PGothic", "Hiragino Kaku Gothic Pro", "Verdana", "Arial", sans-serif;
		/* for IE6/7 */
		*font-size:small;
		/* for IE Quirks Mode */
		*font:x-small;
	}
	
	body {
		/*font:75%/1.231 Arial,Helvetica,Geneva,Verdana,sans-serif;*/
		font:75%/1.231 "Microsoft Yahei", "Simsun", "Meiryo", "MS PGothic", "Hiragino Kaku Gothic Pro", "Verdana", "Arial", sans-serif;
	}

div#wrap{
	margin		: 0 auto;
	text-align	: center;
}

body > #wrap { height : auto;}

body.header_bg2{
	background	: #ffffff url(../img/bg/bg_body.gif) repeat-x left top!important;
}

/* Link
--------------------------------------------------------------------------- */

.opacity a:hover img{
	opacity		: 0.8;
	filter		: alpha(opacity=80);
	-ms-filter	: "alpha( opacity=80 )";
	background	: #fff;
}

a { 
	outline 		: none;
	text-decoration	: none!important;
}

a:link	{
	text-decoration	: none;
	color			: #444444;
}

a:visited	{
	text-decoration	: none;
	color			: #444444;
}

a:hover	{
	text-decoration	: underline!important;
}


footer{
	float	: none;
}

footer a:link,
footer a:visited {
	color:#4d4d4d;
}
	
footer a:hover {
}



/* ------------------------------------------------------------------------ */

/* Hedaer

/* ------------------------------------------------------------------------ */
.sp_navarea{
	display: none;
}


header {
	position	: relative;
	margin		: 0 auto;
	max-width		: 950px;
	width: 100%;
	height		: 123px;
	z-index		: 9999;
}

	header h1 {
		position	: absolute;
		top			: 46px;
		left		: 0;
	}

	header #lang {
		position	: absolute;
		top			: 7px;
		left		: 0;
		padding		: 0 0 0 87px;
		/*width		: 174px;*/
		height		: 21px;
		background	: transparent url(../img/header/head_lang.gif) no-repeat 0 0;
	}

		header #lang li{
			float	: left;
		}
		
			#lang-ja a{
				display		: block;
				width		: 59px;
				height		: 21px;
				background	: transparent url(../img/header/head_lang_ja.gif) no-repeat 0 0;
				text-indent	: -9999px;
				overflow	: hidden;
			}
			
			#lang-eng a{
				display		: block;
				width		: 68px;
				height		: 21px;
				background	: transparent url(../img/header/head_lang_eng.gif) no-repeat 0 0;
				text-indent	: -9999px;
				overflow	: hidden;
			}
			
			#lang-ch a{
				display		: block;
				width		: 47px;
				height		: 21px;
				background	: transparent url(../img/header/head_lang_ch.gif) no-repeat 0 -21px;
				text-indent	: -9999px;
				overflow	: hidden;
			}
			
			header #lang li a:hover { background-position : 0 -21px !important;}

	header #banner_techno {
		background: #191d6a;
		position:absolute;
		left: 265px;
		top: 8px;
		width: 245px;
		padding: 3px 0 !important;
		line-height:1.231 !important;
		font-size:12px !important;
	}

		header #banner_techno a {
			padding-left: 10px;
			color: #fff;
			font-weight: bold;
			text-decoration: none !important;
			font-size: 12px;
			line-height:1.231 !important;
			background: url(../img/icon/ico_arrow_white.png) no-repeat left 5px;
		}

		header #banner_techno:hover {
			opacity: .8;
		}

	header #fontsize {
		position	: absolute;
		top			: 7px;
		left		: 540px;
		padding		: 0 0 0 74px;
		/*width		: 126px;*/
		background	: transparent url(../img/header/head_fontsize.png) no-repeat 0 0;
	}


		header #fontsize li{
			float	: left;
		}
		
			#font1 a{
				display		: block;
				width		: 25px;
				height		: 23px;
				background	: transparent url(../img/header/head_fontsize_small.png) no-repeat 0 0;
				text-indent	: -9999px;
				overflow	: hidden;
			}
			
			#font2 a{
				display		: block;
				width		: 25px;
				height		: 23px;
				background	: transparent url(../img/header/head_fontsize_large.png) no-repeat 0 0;
				text-indent	: -9999px;
				overflow	: hidden;
			}
			
			#font3 a{
				display		: block;
				width		: 25px;
				height		: 23px;
				background	: transparent url(../img/header/head_fontsize_medium.png) no-repeat 0 0;
				text-indent	: -9999px;
				overflow	: hidden;
			}
			
				.textresizer-active a{ background-position : 0 -23px !important;}


	header #search {
		position	: absolute;
		top			: 7px;
		right		: 0;
		padding		: 0 0 0 80px;
		background	: transparent url(../img/header/head_search.png) no-repeat 0 0;
	}

		header #search li{
			float	: left;
		}
			
			#searchTxt{
				width	: 135px;
			}

			#searchBtn {
				cursor		: pointer;
				border		: 0;
				width		: 28px;
				height		: 23px;
				background	: transparent url(../img/header/head_search_btn.gif) no-repeat 0 0;
				text-indent	: -9999px;
				overflow	: hidden;
			}

	header #h_bnr {
		position	: absolute;
		top			: 50px;
		right		: 110px;
	}
	
	header #h_contact {
		position	: absolute;
		top			: 58px;
		right		: 0;
	}
	
	header #h_70th {
		position	: absolute;
		top			: 50px;
		right		: 114px;
	}

	
/* ------------------------------------------------------------------------ */

/* Navigation

/* ------------------------------------------------------------------------ */

header nav {
	position	: absolute;
	top			: 90px;
	left		: 0;
	width		: 100%;
	z-index		: 9999;
}

	header nav li{
		float	: left;
		width	: 190px;
	}
	
		header nav li a{
			display		: block;
			width		: 190px;
			height		: 31px;
			text-indent	: -9999px;
			overflow	: hidden;
		}
	
			header nav li#nav-news a	{ background : transparent url(../img/navigation/gnav_001.gif) no-repeat 0 0;}
			header nav li#nav-seihin a	{ background : transparent url(../img/navigation/gnav_002.gif) no-repeat 0 0;}
			header nav li#nav-kigyou a	{ background : transparent url(../img/navigation/gnav_003.gif) no-repeat 0 0; width : 190px;}
			header nav li#nav-csr a		{ background : transparent url(../img/navigation/gnav_004.gif) no-repeat 0 0;}
			header nav li#nav-ir a		{ background : transparent url(../img/navigation/gnav_005.gif) no-repeat 0 0;}
			header nav li#nav-recruit a	{ background : transparent url(../img/navigation/gnav_006.gif) no-repeat 0 0; width : 190px;}
			
			header nav li a:hover { background-position : 0 -31px !important;}
			
				header nav>ul>li>ul {
					display		: none;
					-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.75);
					-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.75);
					box-shadow:         0px 1px 2px 0px rgba(50, 50, 50, 0.75);
					background	: #ffffff;
				}
				
				header nav li ul li {
					border-bottom	: 1px solid #cccccc;
					text-align		: left;
					float			: none;
				}
				
					header nav li ul li:last-child {
						border-bottom	: none;
					}
					
					header nav li ul li a {
						box-sizing	: border-box;
						background	: #ffffff !important;
						text-indent	: 0 !important;
						height		: auto;
						padding		: 10px 8px;
					}
					
						header nav li ul li a:hover {
							background		: #0f2188 !important;
							color			: #ffffff;
							text-decoration	: none !important;
						}
			
			#b_news header nav li#nav-news a		{ background : transparent url(../img/navigation/gnav_001.gif) no-repeat 0 -31px;}
			#b_seihin header nav li#nav-seihin a	{ background : transparent url(../img/navigation/gnav_002.gif) no-repeat 0 -31px;}
			#b_kigyou header nav li#nav-kigyou a	{ background : transparent url(../img/navigation/gnav_003.gif) no-repeat 0 -31px;}
			#b_csr header nav li#nav-csr a			{ background : transparent url(../img/navigation/gnav_004.gif) no-repeat 0 -31px;}
			#b_ir header nav li#nav-ir a			{ background : transparent url(../img/navigation/gnav_005.gif) no-repeat 0 -31px;}
			#b_recruit header nav li#nav-recruit a	{ background : transparent url(../img/navigation/gnav_006.gif) no-repeat 0 -31px;}
			

/* ------------------------------------------------------------------------ */

/* Contents

/* ------------------------------------------------------------------------ */

#mainBlock{
	margin	: 0 auto;
	max-width	: 950px;
	width: 100%;
}

	#ttl{
		margin	: 0 0 0 0;
	}
	#ttl_sp{
		display: none;
	}

article {
	margin	: 30px auto 0;
}

	#contentsBlock{
		float	: right;
		max-width	: 690px;
		width: 100%;
	}
	
		#contentsBlock a{
			text-decoration	: underline;
		}
		
		#contentsBlock a:hover{
			text-decoration	: none;
		}
		
	aside{
		float		: left;
		width		: 220px;
	}
	
		aside .stay { font-weight : bold;}
	
	
	section#snav {
		margin		: 0 0 30px;
	}

		aside section#snav h3 {
			background	: #ba3632;
			padding		: 10px 0 8px 20px;
			text-align	: left;
			color		: #FFF;
			font-size	: 120%;
			background	: url(../img/side/nav/nav_bg02.gif) no-repeat center top;
			word-wrap: break-word;
		}
	
			aside section#snav ul li a {
				display			: block;
				border-bottom	: 1px solid #d9d9d9;
				/*width			: 190px;*/
				background		: #fcfcfc url(../img/side/nav/nav_btnbg01.gif) no-repeat 0 0;
				padding			: 12px 10px 8px 20px;
				text-align		: left;
				font-size		: 100%;
				color			: #4e4e4e;
				line-height		: 1.4;
			}
	
				aside section#snav ul li ul{
					border-bottom	: 1px solid #dfdfdf;
					background		: #f7f7f7 url(../img/side/nav/nav_bg01.gif) repeat-y left top;
				}
				
					aside section#snav ul li ul li{
						margin		: 0 0 0 20px;
					}
					
						aside section#snav ul li ul li a {
							border-bottom	: 1px solid #dfdfdf;
							margin			: 0;
							width			: 200px;
							height			: auto;
							background		: #fafafa url(../img/side/nav/nav_btnbg02.gif) no-repeat left top;
							padding			: 5px 10px 5px 20px;
							font-size		: 100%;
							line-height		: 1.5;
						}
						
						aside section#snav ul li ul li:last-child a{
							border	: none;
						}
						
			
							aside section#snav ul li ul li a.stay,
							aside section#snav ul li ul li a:hover { background : #ededed url(../img/side/nav/nav_btnbg02ov.gif) no-repeat left top;}



						aside section#snav ul li ul li ul {
							padding		: 5px 5px 5px 0;
							background	: none;
						}
						
							aside section#snav ul li ul li ul li{
								margin	: 0 0 0 16px;
							}
							aside section#snav ul li ul li ul li a {
								border		: none;
								margin		: 2px 0;
								width		: auto;
								height		: auto;
								background	: transparent url(../img/icon/icon_arrow01.gif) no-repeat 0 6px !important;
								padding		: 0 0 0 8px;
								font-weight : normal !important;
							}


							aside section#snav ul li ul li ul li a:hover { background : transparent url(../img/icon/icon_arrow01.gif) no-repeat 0 6px !important;}


		section#sbnr{
			margin					: 0;
			background				: #f1f1f1;
			border-radius			: 6px;
			-webkit-border-radius	: 6px;
			-moz-border-radius		: 6px;
		}

			section#sbnr h4 {
				padding		: 8px 0;
				font-size	: 120%;
				color		: #666;
				font-weight	: normal;
			}

				section#sbnr ul li {
					margin	: 0 0 5px;
				}

/*list_top*/
.list_top{
	overflow	: hidden;
}
	
	.list_top .box{
		width			: 330px;
		overflow		: hidden;
		float			: left;
		margin			: 15px 20px 0 0;
		padding			: 0 0 15px 0;
		border-bottom	: #666666 dotted 1px;
	}
	
	.list_top .last{
		border-bottom	: none;
	}

		.list_top .box .txt_box{
			float		: left;
			width		: 226px;
			text-align	: left;
			line-height	: 1.6;
			margin		: 8px 10px 0 10px;
		}
		
		.ie6 .list_top .box .txt_box{
			margin	: 8px 5px 0 5px;
		}
			
			.list_top .box .txt_box h4{
				color		: #4e4e4e;
				font-size	: 120%;
				
			}
			.list_top .box .txt_box p{
				margin	: 5px 0 0 0;
			}
			
/* ------------------------------------------------------------------------ */

/* Side Navigation

/* ------------------------------------------------------------------------ */

section#snav h3 a { color : #FFF;}

/* kigyou */

#snav-gaiyou{}

	.p_message	 	#snav-message a,
	.p_rinen 		#snav-rinen a,
	.p_tg 			#snav-tg a,
	.p_company 		#snav-company a,
	.p_how 			#snav-how a,
	.p_history 		#snav-history a,
	.p_officer 		#snav-officer a,
	.p_calendar		#snav-calendar a,
	.p_group 		#snav-group a
	{ font-weight : bold;}

#snav-kyoten{}
	.p_japan	 	#snav-japan a,
	.p_japan2 		#snav-japan2 a,
	.p_usa 			#snav-usa a,
	.p_asia 		#snav-asia a,
	.p_europe 		#snav-europe a
	{ font-weight : bold;}

#snav-technology{}

	.p_process	 	#snav-process a,
	.p_generation 	#snav-generation a,
	.p_education 	#snav-education a,
	.p_system 		#snav-system a,
	.p_report 		#snav-report a
	{ font-weight : bold;}

#snav-supply{}
	.p_policy	#snav-policy a,
	.p_procurement	#snav-procurement a,
	.p_flow			#snav-flow a,
	.p_entry		#snav-entry a,
	.p_green 		#snav-green a
	{ font-weight : bold;}

.p_library	#snav-library a { font-weight : bold;}

.p_sports	#snav-sports a	{ font-weight : bold;}

/* csr */

.p_greeting		#snav-greeting a	{ font-weight : bold;}

.p_management	#snav-management a	{ font-weight : bold;}
	.p_contribution		#snav-point a,
	.p_welfare			#snav-welfare a,
	.p_conservation		#snav-conservation a,
	.p_growth			#snav-growth a,
	.p_crime			#snav-crime a,
	.p_topics			#snav-topics a,
	.p_tg				#snav-tg a,
	.p_spirit			#snav-spirit a,
	.p_disaster			#snav-disaster a,
	.p_global			#snav-global a
	{ font-weight : bold;}
	
.p_mori		#snav-mori a	{ font-weight : bold;}


/* ir */
.p_message	#snav-message a	{ font-weight : bold;}

#snav-results a	{}
	.p_highlight	#snav-highlight a,
	.p_sales		#snav-sales a,
	.p_financial	#snav-financial a
	{ font-weight : bold;}

#snav-document a {}
	.p_accounts_data	#snav-accounts_data a,
	.p_work				#snav-work a
	{ font-weight : bold;}

.p_ir_calender	#snav-ir_calender a		{ font-weight : bold;}

#snav-shares a	{}
	.p_meeting			#snav-meeting a,
	.p_circumstances	#snav-circumstances a,
	.p_dividend			#snav-dividend a,
	.p_procedure		#snav-procedure a,
	.p_soneki			#snav-soneki a
	{ font-weight : bold;}

.p_ir_news		#snav-ir_news a		{ font-weight : bold;}
.p_exemption	#snav-exemption a	{ font-weight : bold;}
.p_faq			#snav-faq a			{ font-weight : bold;}


/* ------------------------------------------------------------------------ */

/* Footer

/* ------------------------------------------------------------------------ */

footer {
	clear		: both;
	margin		: 55px 0 0;
	background	: #ffffff url(../img/bg/bg_footer.jpg) no-repeat center top;
}

#footer_bg {
	background	: #ededed;
}

	section#f_nav{
		margin	: 0 auto;
		width	: 950px;
	}

		#f_logo {
			float	: left;
			margin	: 30px 0 0;
		}

		#f_sitemap {
			float		: right;
			margin		: 35px 0;
			width		: 950px;
			text-align	: left;
		}
		
			#f_sitemap p {
				margin	: 0 0 15px;
			}
			
			#f_sitemap ul {
				border-left	: 1px solid #6b8696;
				padding		: 0 0 0 15px;
				min-height	: 100px;
			}
		
				#f_sitemap ul li{
					line-height	: 1.6;
					font-size	: 90%;
				}
				
					#g01,#g02,#g03,#g04,#g05{
						float	: left;
						width	: 190px;
					}

			#f_link{
				border-top	: 1px solid #d5d5d5;
				background	: #FFF;
			}
		
				#f_link ul li{
					float	: left;
				}
			
				#f_box {
					margin	: 0 auto;
					width	: 950px;
					padding	: 20px 0;
				}
			
					#f_box li{
						border-right	: 1px solid #d5d5d5;
						margin			: 0 20px 0 0;
						padding			: 0 20px 0 0;
					}
			
			#copy {
				text-align	: right;
			}
			
			#f_bgimg{
				background: url(../img/footer/foot_bg_001.jpg) no-repeat center;
			}
		
		  		#f_bgimg p {
					margin	: 0 auto;
					text-align: center !important;
				}

@media screen and (max-width: 956px) {
/* Hedaer */
.section_nav #h_contact.single_trigger a{
    background: #0f2188;
	color: #FFF;
}
	
	/* Flexible Images */
	img{
		max-width	: 100%;
		height		: auto;
		width /***/	: auto;
	}
	
	.pcStyle{
		display: none;
	}
	
	.spStyle{
		display: block;
	}
	
	body{
		background: none !important;
	}
	
	.sp_navarea{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 15px;
		position: relative;
		box-shadow: 0px 6px 3px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0px 6px 3px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 6px 3px rgba(0,0,0,0.1);
		background-color: #FFF;
	}
	
	.sp_navarea .logo{
		width: 45%;
		text-align: left;
	}
	

.accordion1 {
	text-align: center;
	position: relative;
	max-width: 73px;
	width: 100%;
}

.accordion1 .inner {
	display: none;
	position: absolute;
	z-index: 1000;
	max-width: 73px;
	width: 100%;
}

.accordion1 p{
	color: #fff;
	cursor: pointer;
	padding: 10px;
}
.accordion1 p.ac1{background: #4D4D4D;}
.accordion1 .inner li a{
	padding: 8px;
	display: block;
	color: #fff;
}
.accordion1 .inner li.content01{background: #666; border-bottom: 1px solid #535353;}

	header{
		display: none;
	}
	
	/*ハンバーガーメニュー*/
	.btn_hamburger {
		margin: 0 auto !important;
		width: 40px;
	}
	.btn_hamburger a {
		position: relative;
		display: block;
		height: 30px;
		-webkit-transition: all .4s;
		transition: all .4s;
		box-sizing: border-box;
	}
	.btn_hamburger span {
		position: absolute;
		display: inline-block;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #014099;
		border-radius: 2px;
		-webkit-transition: all .4s;
		transition: all .4s;
		box-sizing: border-box;
	}
	.btn_hamburger span:nth-of-type(1) {
		top: 0;
	}
	.btn_hamburger span:nth-of-type(2) {
		top: 14px;
	}
	.btn_hamburger span:nth-of-type(3) {
		bottom: 0;
	}
	.btn_hamburger span:nth-of-type(2)::after {
		position: absolute;
		top: 0;
		left: 0;
		content: '';
		width: 100%;
		height: 2px;
		background-color: #014099;
		border-radius: 2px;
		-webkit-transition: all .4s;
		transition: all .4s;
	}
	.btn_hamburger .active span:nth-of-type(2) {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.btn_hamburger .active span:nth-of-type(2)::after {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.btn_hamburger .active span:nth-of-type(1) {
		-webkit-transform: translateY(20px) scale(0);
		-ms-transform: translateY(20px) scale(0);
		transform: translateY(20px) scale(0);
	}
	.btn_hamburger .active span:nth-of-type(3) {
		-webkit-transform: translateY(-20px) scale(0);
		-ms-transform: translateY(-20px) scale(0);
		transform: translateY(-20px) scale(0);
	}
	
	body.header_bg2{
		background: none !important;
	}
	
	.section_nav2 {
		display: none;
		background: #fff;
		position: absolute;
		width: 100%;
		height: 100vh;
		top: 62px;
		left: 0;
		z-index: 999;
	}
	
	.section_demo_list {
		width: 100%;
		height: 100%;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	
	.section_nav2 .target {
	}
	.section_nav2 .target .active a {
		background-color: #161b1d;
	}
	.section_nav2 .target .active a:hover {
	  background-color: #2c363a !important;
	}
	.section_nav2 .target .active a:before {
	  background-color: #ffa000 !important;
	}
	.section_nav2 .active a {
	  background-color: #ffa000;
	}
	.section_nav_list .target {
	  background-color: #161b1d;
	}
	.section_nav .trigger {
	  z-index: 0;
	  background-color: #fff;
		margin-bottom: 0;
		background: none !important;
		padding: 0;
	}
	
	.section_nav .single_trigger{
		margin-bottom: 0;
		background: none !important;
		padding: 0;
	}
	
	.section_nav .trigger a {
	  position: relative;
	  display: block;
	  padding: 15px;
	  font-size: 16px;
	  color: #425157;
	  text-decoration: none;
	  -webkit-transition: .35s all ease;
			  transition: .35s all ease;
	  background: #ddd;
	  text-align: left;
	}
	.section_nav .single_trigger a {
	  position: relative;
	  display: block;
	  padding: 15px;
	  font-size: 16px;
	  color: #425157;
	  text-decoration: none;
	  -webkit-transition: .35s all ease;
			  transition: .35s all ease;
	  background: #ddd;
	  text-align: left;
	}
	.section_nav .trigger a:before, .section_nav .trigger a:after {
	  position: absolute;
	  display: block;
	  content: '';
	  width: 3px;
	  background-color: #425157;
	  -webkit-transition: .25s all ease;
			  transition: .25s all ease;
	  border-radius: 10px;
	}
	.section_nav .trigger a:before {
	  top: 20px;
	  right: 20px;
	  height: 12px;
	  -ms-transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}
	.section_nav .trigger a:after {
	  top: 20px;
	  right: 13px;
	  height: 12px;
	  -ms-transform: rotate(45deg);
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	}
	.section_nav .target {
	  z-index: 1;
	  display: none;
	  margin: 0 auto;
	  padding: 0;
	  color: #fff;
	}
	.section_nav .target .target a {
	  background-color: #2c363a;
	}
	.section_nav .target .target a:hover {
	  background-color: #374449;
	}
	
	.section_nav .target .sub_trigger{
		margin-top: 0;
		padding-bottom: 0;
		border: none;
	}
	
	.section_nav .target .sub_trigger a {
	  background-color: #fff;
	  padding: 15px;
	  font-size: 16px;
	  color: #333;
	  border-bottom: 1px solid #ddd;
	  text-align: left;
	}
	.section_nav .target .trigger a:before, .section_nav .target .sub_trigger a:after {
	  background-color: #fff;
	}
	.section_nav .target .sub_trigger a:before {
	  top: .5em;
	  right: 16px;
	}
	.section_nav .target .sub_trigger a:after {
	  top: .85em;
	  right: 16px;
	}
	.section_nav .target .active a {
	  /* 子階層のアクティブ箇所 */
	  padding-left: 1.5em;
	  padding-right: 1.5em;
	  color: #fff;
	}
	.section_nav .target .active a:hover {
	  background-color: #2c363a;
	}
	.section_nav .target .active a:before, .section_nav .target .active a:after {
	  -ms-transform: rotate(0);
	  -webkit-transform: rotate(0);
	  transform: rotate(0);
	}
	.section_nav .target .active a:before {
	  top: .65em;
	  left: 1em;
	  width: 3px;
	  height: 12px;
	}
	.section_nav .target .active a:after {
	  display: none;
	}
	.section_nav .target .active a:hover {
	  background-color: #21292c !important;
	}
	.section_nav .target ul li a {
	  padding: .5em 1em .6em;
	}
	.section_nav .target a {
	  display: block;
	  color: #fff;
	  -webkit-transition: .35s all ease;
			  transition: .35s all ease;
	}
	.section_nav .active a {
	  color: #fff;
	  background: #014099;
	}
	.section_nav .active a:before, .section_nav .active a:after {
	  background-color: #fff;
	}
	.section_nav .active a:before {
	  top: 16px;
	  right: 16px;
	  height: 16px;
	}
	.section_nav .active a:after {
	  top: 16px;
	  right: 16px;
	  height: 16px;
	}
	.section_nav > ul > li {
	  border-bottom: 1px #f5f5f5 solid;
	}
	.section_nav > ul > li:last-of-type {
	  border-bottom: 0;
	}
	
	#ttl {
		display:none;
	}
	#ttl_sp {
		display: block;
		font-size: 24px;
		color:#4D4D4D;
		padding: 30px 0 0;
	}
	
	#contentsBlock{
		float:none;
		max-width: 100%;
		padding: 0 10px;
	}
	
	section#sbnr{
		margin: 40px 10px 0;
	}
	
	
	/*aside*/
	aside {
		width: 100%;
	}
	
	aside section#snav h3 {
    background: url(../img/side/nav/nav_bg02.gif) no-repeat left top,#a5a5a5;

	}
	
	#snav section{
		padding: 0;
	}
	
	aside section#snav ul li a {
	    background: #fafafa url(../img/side/nav/nav_btnbg01_sp.gif) no-repeat 0 0;
		
	}
		aside section#snav ul li ul li {
			margin: 0;
			padding-left: 0;
		}	
			aside section#snav ul li ul li a{
				width: 100%;
				background: #fafafa url(../img/side/nav/nav_btnbg02_sp.gif) no-repeat 20px 4px;
				padding: 10px 0 10px 40px;
			}	
			aside section#snav ul li ul li#snav-report ul{
				padding: 0;
			}	
			aside section#snav ul li ul li#snav-report ul li a{
				width: 100%;
				background: transparent url(../img/icon/icon_arrow01.gif) no-repeat 0 15px !important;
				padding: 10px 0 10px 10px;
				border-bottom: 1px solid #d9d9d9;
			}	
			aside section#snav ul li ul li#snav-report ul li:first-child a{
				border-top: 1px solid #d9d9d9;
			}	
			aside section#snav ul li ul li#snav-report ul li:last-child a{
				border-bottom: none;
			}	
			
	
	section#sbnr h4 {
		font-size: 130%;
	}
	
		#sbnr .opacity{
			display: flex;
			flex-wrap: wrap;
			width: 100%;
			justify-content: space-around;
		}
		#sbnr .opacity li{
			width: 24%;
			margin: 0 0 15px;
		}
		#sbnr .opacity:after{
			content:" ";
			display:block;
			width: 47%;
			height: auto;
			
		}
	
	/*footer*/
	#section#f_nav,
	#f_nav,
	#f_bgimg{
		display: none;
	}
	
	#f_box{
		max-width: 950px;
		width: 100%;
		padding: 0;
	}
	
	#f_box ul{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
		#f_link ul li{
			width: 50%;
			margin: 0;
			float: none;
			padding: 0;
			border-bottom: 1px solid #d5d5d5;
			background: #eee;
		}
		
		#f_link ul li:nth-child(2n){
			border-right: none;
		}
		
		#f_link ul li:last-child{
			border-bottom: 1px solid #d5d5d5 !important;
			background: #eee !important;
			width: 100%;
		}
		
		#f_link ul li a{
			display: block;
			padding: 10px;
		}
	
	#copy{
		background: #666;
		text-align: center;
		padding: 10px;
		color: #fff;
	}
}

@media screen and (max-width: 450px) {
	#sbnr .opacity li{
		width: 46%;
		margin: 0 0 15px;
	}
	
	.p_supply .box.mt0.mr0{
		margin-top: 15px!important;
	}
}