@charset "UTF-8";
/* ================================================ */
/*  レイアウト										*/
/* ================================================ */
/*  テキスト関係  */
a{ 			text-decoration:none ;}
a:link{ 	text-decoration:none ; 		color:#666666 ;}
a:visited{ 	text-decoration:none ; 		color:#666666 ;}
a:hover{ 	text-decoration:underline ; color:#666666 ;}
a:active { 	text-decoration:none ;		color:#666666 ;}

/*  画像リンク：透過処理  */
@media screen and (min-width: 641px){
	.PC a:hover img {
		filter: alpha(opacity=75);
		-moz-opacity:0.75;
		opacity:0.75;
	}
}

/*  画像  */
img{
	vertical-align:text-bottom; 
}


/* --- 汎用クラス ------------------------*/
/*  テキスト揃え  */
.alignL { text-align: left ; }
.alignC { text-align: center ; }
.alignR { text-align: right ; }

/*　フォント　*/
.small	{ font-size: 0.9em; }
.big	{ font-size: 1.16em; }
.bold	{ font-weight: bold; }

/*  フォント色  */
.red	{ color:#FF0000 ;}
.gray	{ color:gray ;}
.green	{ color:#4daf38 ;}

/*  横幅  */
.w15 { width: 15px; }
.w20 { width: 20px; }
.w25 { width: 25px; }
.w30 { width: 30px; }
.w35 { width: 35px; }
.w40 { width: 40px; }
.w45 { width: 45px; }
.w50 { width: 50px; }
.w55 { width: 55px; }
.w80 { width: 80px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w150 { width: 150px; }
.w180 { width: 180px; }
.w200 { width: 200px; }
.w220 { width: 220px; }
.w250 { width: 250px; }
.w270 { width: 270px; }
.w300 { width: 300px; }
.w320 { width: 320px; }
.w340 { width: 340px; }
.w360 { width: 360px; }
.w380 { width: 380px; }
.w400 { width: 400px; }

/*  マージン：下  */
.mb3{ margin-bottom:3px ; }
.mb5{ margin-bottom:5px ; }
.mb10{ margin-bottom:10px ; }
.mb15{ margin-bottom:15px ; }
.mb20{ margin-bottom:20px ; }
.mb25{ margin-bottom:25px ; }
.mb30{ margin-bottom:30px ; }
.mb35{ margin-bottom:35px ; }
.mb40{ margin-bottom:40px ; }
.mb45{ margin-bottom:45px ; }
.mb50{ margin-bottom:50px ; }
.mb55{ margin-bottom:55px ; }
.mb60{ margin-bottom:60px ; }
.mb65{ margin-bottom:65px ; }
.mb70{ margin-bottom:70px ; }
.mb75{ margin-bottom:75px ; }
.mb80{ margin-bottom:80px ; }
.mb85{ margin-bottom:85px ; }
.mb90{ margin-bottom:90px ; }

/*  マージン：左  */
.ml5{ margin-left:5px ; }
.ml10{ margin-left:10px ; }
.ml15{ margin-left:15px ; }

/*  マージン：右  */
.mr5{ margin-right:5px ; }
.mr10{ margin-right:10px ; }
.mr15{ margin-right:15px ; }

/*  マージン：上  */
.mT{ margin-top:0 ; }
.mT5{ margin-top:5px ; }
.mT10{ margin-top:10px ; }
.mT15{ margin-top:15px ; }
.mT20{ margin-top:20px ; }
.mT25{ margin-top:25px ; }
.mT30{ margin-top:30px ; }
.mT35{ margin-top:35px ; }

/*  パディング：下  */
.pB5{ padding-bottom:5px ; }
.pB10{ padding-bottom:10px ; }
.pB15{ padding-bottom:15px ; }
.pB20{ padding-bottom:20px ; }
.pB25{ padding-bottom:25px ; }
.pB30{ padding-bottom:30px ; }
.pB35{ padding-bottom:35px ; }
.pB40{ padding-bottom:40px ; }
.pB45{ padding-bottom:45px ; }
.pB50{ padding-bottom:50px ; }

/*  回り込み  */
.floatL { float: left; }
.floatR { float: right; }

/*------------------------------------------*/
/*  ボデー									*/
/*------------------------------------------*/
body{
	width:100% ;
	-webkit-text-size-adjust: 100%;
	color:#74787b ;
	
}

	/*  全体  */
	#body_section{
		min-width:1000px ;
 		width:100% ;
		position:relative ;
		margin:0 auto ;
		background:#FFFFFF;
	}

		/*  全体インナー  */
		#bodyInner_section{
			position:relative ;
			margin:0 auto ;
		}

/* ------------------ SP -------------------*/
body.SP{}

	/*  全体  */
	.SP #body_section{
		min-width:100% ;
	}

		/*  全体インナー  */
		.SP #bodyInner_section{}
/* ---------------- SP end ------------------*/

/*------------------------------------------*/
/*  ヘッダー								*/
/*------------------------------------------*/
#header_section{
	width:100% ;
	position:relative ;
	margin:0 auto ;
	background-color: #afb9be;
	font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","YuGothic","メイリオ",Meiryo,sans-serif;
	font-size: 12px;
	line-height: 1.231;
	-webkit-text-size-adjust: 100%;
	margin:0;
	overflow:visible;
	padding:0;
	z-index: 99;
}
	#header_bg {
		display: none;
	}

	/*  header_inner  */
	#header_inner{
		width: 1024px ;
		height: 17px ;
		position: relative ;
		margin: 0 auto ;
		padding: 24px 0 ;
		z-index: 301;
		background-color: #afb9be;
	}

		/*  h1  */
		#header_inner div.logo{
			width: 146px ;
			float: left ;
		}
		#header_inner div.logo.sp{
			display: none;
		}

		/* company_name */
		#header_inner div.company_name{
			color: #fff ;
			float: left ;
			margin: 5px 0 0 20px ;
			font-size: 80% ;
		}
		#header_inner div.company_name.sp{
			display: none;
		}
		
		/*  スマホ用ナビゲーション  */
		#header_inner #sp_navi{
			display:none ;
		}
		
		/*  ナビゲーション  */
		#header_inner nav {
			float: left;
			margin: 0 0 0 42px;
		}

		#header_inner nav ul.gmenu{
			list-style-type: none;
		}
	
		#header_inner nav ul.gmenu > li{
			position: relative;
			float: left;
			margin: 5px 3px 0;
			font-weight: bold;
			color: #fff;
		}

		#header_inner nav ul.gmenu > li a{
			color: #fff;
			text-decoration: none;
		}
		#header_inner nav ul.gmenu > li a:hover{
			border-bottom: 1px #fff solid;
		}

		#header_inner nav ul.sub_menu_sp{
			display: none;
		}
		
		/* 言語選択 */
		#header_inner #language_select {
			float: right;
			width: 115px;
			margin: 5px 0 0 16px;
		}
		#header_inner #language_select div.language {
			font-weight: bold;
			color: #fff;
			position: relative;
			width: 96px;
			text-indent: 22px;
			cursor: pointer;
		}
		#header_inner #language_select div.language:after {
			content: url(../images/header_arr.png);
			position: absolute;
			right: -5px;
			top: 1px;
			transition: all .3s;
			text-indent: 0px;
		}
		#header_inner #language_select div.language.on:after {
			-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
		}
		#header_inner #language_select ul{
			list-style-type: none;
			position: absolute;
			top: 65px;
			right: 0;
			z-index: 2;
			display: none;
		}
		#header_inner #language_select ul li{
			width: 115px;
			height: 31px;
			border-bottom: #ffffff 1px solid;
			background-color: #afb9be;
			background-color: rgba(175,185,190,0.95);
		}
		#header_inner #language_select ul li:last-child{
			border-bottom: 0px;
		}
		#header_inner #language_select ul li a{
			font-weight: bold;
			color: #fff;
			display: block;
			width: 100%;
			height: 31px;
			line-height: 31px;
			text-align: center;
		}
		#header_inner #language_select ul li a:hover{
			color: #888888;
			text-decoration: none;
		}
		#header_inner #language_select ul li a.curr{
			color: #888888;
		}
		
		#header_inner div.copyright {
			display: none;
		}


/*  サブメニュー  */
#header_section .sub_nav{
	position: absolute;
	z-index: 300;
	top: -500px;
	left: 0;
	margin: 0;
	padding: 38px 0 30px 0;
	
	transition: top 0.8s ease;
	width:100% ;
	background-color:#afb9be;
	background-color:rgba(175,185,190,0.95) ;
	overflow: hidden;
}
#indexPage #header_section .sub_nav{
	transition: top 0s linear, opacity .5s linear;
	opacity: 0;
}
#indexPage #header_section .sub_nav.on{
	opacity: 1;
}
#header_section .sub_nav.line2{
	padding: 38px 0 8px 0;
}
#header_section .sub_nav.on{
	top: 65px!important;
}
	#header_section .sub_nav .sub_inner{
		width: 1200px;
		margin: 0 auto 0;
		text-align: center;
	}
	#header_section #sub_nav_m2.sub_nav .sub_inner{
		width: 1100px;
		text-align: left;
		padding: 0 0 0 90px;
	}
	#header_section #sub_nav_m3.sub_nav .sub_inner{
		width: 1000px;
	}
	#header_section .sub_nav .sub_inner > div{
		display: inline-block;
		*display: inline;
		*zoom: 1;
		padding: 0 36px;
	}
	#header_section #sub_nav_m2.sub_nav .sub_inner > div{
		border-left:  #fff 1px solid;
	}
	#header_section #sub_nav_m2.sub_nav .sub_inner > div:first-child{
		border-left:  0px;
	}
	#header_section #sub_nav_m3.sub_nav .sub_inner > div{
		margin: 0 0 30px 0;
	}
	#header_section #sub_nav_m3.sub_nav .sub_inner > div.s06{
		clear: both;
	}

	#header_section .sub_nav .sub_inner p.midashi{
		font-size: 15px;
		font-weight: bold;
		color: #fff;
		padding: 0 0 0 14px;
		margin: 0 0 0 -14px;
		background-image: url(../images/header_sub_arr.png);
		background-repeat: no-repeat;
		background-position: left 3px;
	}
	#header_section .sub_nav .sub_inner p.midashi a{
		color: #fff;
	}
	
	#header_section .sub_nav .sub_inner ul{
		list-style-type: none;
		text-align: left;
		float: left;
		margin: 20px 0 0 0;
	}
	#header_section .sub_nav .sub_inner ul + ul{
		margin: 20px 0 0 30px;
	}
	#header_section .sub_nav .sub_inner ul li{
		margin: 0 0 12px 0;
	}
	#header_section .sub_nav .sub_inner a{
		font-size: 12px;
		font-weight: bold;
		color: #fff;
	}
	#header_section .sub_nav .sub_inner .midashi a{
		font-size: 14px;
	}

/* ------------------ SP -------------------*/
.SP #header_section{
	font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6",sans-serif;
}

	/*  header_inner  */
	.SP #header_inner{
		width:100%;
		height: 32px ;
		padding: 29px 0 ;
	}

		/*  h1  */
		.SP #header_inner div.logo.sp{
			width: 41.7% ;
			float: left ;
			margin: 0 0 0 4.3%;
			display: block;
		}
		.SP #header_inner div.logo.pc{
			display: none;
		}
			.SP #header_inner div.logo.sp h1 img{
				width: 100%;
				height: auto;
			}

		/* company_name */
		.SP #header_inner div.company_name.pc{
			display: none;
		}
		.SP #header_inner div.company_name.sp{
			display: block;
			margin: 0 0 0 2.3% ;
			width: 32.1%;
		}
			.SP #header_inner div.company_name.sp img{
				width: 100%;
				height: auto;
			}
		
		/*  スマホ用ナビゲーション  */
		.SP #header_section #header_inner #sp_navi{
			display:block;
			position:absolute ;
			top: 0;
			right: 0;
			z-index: 201;
			width:5% ;
			height: 35.6%;
			cursor:pointer ;
			padding: 3.6% 4.7%;
		}

		.SP .hamburger {
			padding: 0;
			display: inline-block;
			cursor: pointer;
			transition-property: opacity, -webkit-filter;
			transition-property: opacity, filter;
			transition-property: opacity, filter, -webkit-filter;
			transition-duration: 0.15s;
			transition-timing-function: linear;
			font: inherit;
			color: inherit;
			text-transform: none;
			background-color: transparent;
			border: 0;
			margin: 0;
			overflow: visible;
		}

		.SP .hamburger-box {
			width: 100%;
			height: 100%;
			display: inline-block;
			position: relative;
		}

		.SP .hamburger-inner {
			display: block;
			top: 50%;
			width: 100%;
			height: 15.6%;
			background-color: #fff;
			position: absolute;
			transition-property: -webkit-transform;
			transition-property: transform;
			transition-property: transform, -webkit-transform;
			transition-duration: 0.15s;
			transition-timing-function: ease;
		}
			.SP .hamburger-inner::before {
				content: "";
				display: block;
				width: 100%;
				height: 100%;
				background-color: #fff;
				position: absolute;
				top: -300%;
				transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
				transition-property: -webkit-transform;
				transition-property: transform;
				transition-property: transform, -webkit-transform;
				transition-duration: 0.15s;
				transition-timing-function: ease;
			}
			.SP .hamburger-inner::after {
				content: "";
				display: block;
				width: 100%;
				height: 100%;
				background-color: #fff;
				position: absolute;
				bottom: -300%;
				transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
				transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
				transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
				transition-property: -webkit-transform;
				transition-property: transform;
				transition-property: transform, -webkit-transform;
				transition-duration: 0.15s;
				transition-timing-function: ease;
			}

		.SP .hamburger.open .hamburger-inner {
			background-color: #fff;
			-webkit-transform: rotate(225deg);
			transform: rotate(225deg);
			transition-delay: 0.14s;
			transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		}
			.SP .hamburger.open .hamburger-inner::before {
				top: 0;
				opacity: 0;
				transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
			}
			.SP .hamburger.open .hamburger-inner::after {
				background-color: #fff;
				bottom: 0;
				-webkit-transform: rotate(-90deg);
				transform: rotate(-90deg);
				transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
				transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
				transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
			}

			/*  ナビゲーション  */
			.SP #header_section #header_inner div.navi{
				position:absolute ;
				z-index:100 ;
				margin: 0;
				top: 100%;
				width: 100%;
			}
			.SP #header_section #header_inner nav{
				float: none;
				margin: 0;
				width: 100%;
			}
			
				.SP #header_section #header_inner nav ul.gmenu{
					display:none ;
				}
		
				.SP #header_section #header_inner nav ul.gmenu:before,
				.SP #header_section #header_inner nav ul.gmenu:after{
					content: "";
					display: table;
				}
				
				.SP #header_section #header_inner nav ul.gmenu:after{
					clear: both;
				}
		
				.SP #header_section #header_inner nav ul.gmenu > li{
					float:none ;
					margin: 0;
					border-top:1px solid #fff ;
				}
		
				.SP #header_section #header_inner nav ul.gmenu > li.bar{
					display: none;
				}
	
				.SP #header_section #header_inner nav ul.gmenu > li a{
					display: block;
					width: 100%;
					height:auto ;
					line-height: 1;
					text-decoration: none;
					text-indent:0 ;
					text-align:center ;
					background-image:none ;
					background-color:#adb9bd;
					padding:36px 0 ;
					color:#fff ;
					font-size: 120%;
					position: relative;
				}
	
				.SP #header_section #header_inner nav ul.gmenu > li a:hover{
					border-bottom: 0px;
				}
					.SP #header_section #header_inner nav ul.gmenu > li a.sub:after{
						content: '';
						position: absolute;
						right: 5.3%;
						top: 55%;
						margin: -11px 0 0 0;
						transform: rotate(180deg);
						transition: transform 0.5s;
						width: 3.4%;
						height: 20.7%;
						background-image: url(../images/sub_menu_arr.png);
						background-size: cover;
						background-repeat: no-repeat;
					}
					.SP #header_section #header_inner nav ul.gmenu > li a.sub.open:after{
						transform: rotate(0);
					}

				.SP #header_inner nav ul.sub_menu_sp{
					display: none;
				}
					.SP #header_inner nav ul.sub_menu_sp li{
						border-top:1px solid #fff ;
					}
						.SP #header_inner nav ul.sub_menu_sp li a{
							display: block;
							width: 100%;
							height:auto ;
							line-height: 1;
							text-decoration: none;
							text-indent:0 ;
							text-align:center ;
							background-color:#888888!important;
							padding:36px 0 ;
							color:#fff ;
							font-size: 120%;
						}
						.SP #header_inner nav ul.sub_menu_sp li.sub2 a{
							background-color:#666666!important;
						}
			
		
			/* 言語選択 */
			.SP #header_inner #language_select {
				float: none;
				width: 100%;
				margin: 0;
			}
			.SP #header_inner #language_select div.language {
				font-size: 120%;
				font-weight: bold;
				text-align: center;
				text-indent: 0;
				color: #adb9bd;
				position: relative;
				width: 100%;
				height:auto ;
				background: #fff;
				padding:30px 0 ;
			}
			.SP #header_inner #language_select div.language:after {
				display: none;
			}
			.SP #header_inner #language_select ul{
				display: block;
				list-style-type: none;
				position: relative;
				top: 0;
				right: 0;
				z-index: 2;
			}
			.SP #header_inner #language_select ul li{
				width: 100%;
				height: auto;
				margin: 0;
			}
			.SP #header_inner #language_select ul li a{
				display: block;
				width: 100%;
				height:auto ;
				line-height: 1;
				text-decoration: none;
				text-indent:0 ;
				text-align:center ;
				background-image:none ;
				background-color:#888888;
				padding:36px 0 ;
				color:#fff ;
				font-size: 120%;
			}
			.SP #header_inner #language_select ul li a:hover{
				color: #fff;
			}
			.SP #header_inner #language_select ul li a.curr{
				color: #c9c9c9;
			}
		
			.SP #header_inner div.copyright {
				display: none;
				width: 100%;
				height:auto ;
				text-align:center ;
				background-color:#adb9bd;
				padding:36px 0 ;
			}
		
			.SP #header_inner div.copyright img {
				width: 84.3%;
			}

	/*  サブメニュー  */
	.SP #header_section #header_inner .sub_nav{
		display: none;
	}
/* ---------------- SP end ------------------*/



/*------------------------------------------*/
/*  コンテンツ								*/
/*------------------------------------------*/
#contents_section{
	width:100% ;
	position:relative ;
	overflow:hidden ;
	margin:0 auto 0 auto ;
}

	#contents_inner{
		width:100% ;
		position:relative ;
		overflow:hidden ;
		margin:35px auto 30px auto ;
	}

		/*  ページタイトル  */
		#contents_inner .page_title{
			width:100% ;
			margin: 0 auto 60px auto ;
		}

			/*  h2  */		
			#contents_inner .page_title h2{
				text-align:center ;
				font-size:170% ;
				color:#7c8387 ;
				letter-spacing:3px ;
				margin:0 auto 20px auto ;
				font-weight:bold;
			}
			
			/*  h3  */
			#contents_inner .page_title h3{
				text-align:center ;
				font-size:125% ;
				letter-spacing:3px ;
				color:#7c8387 ;
				margin:0 auto 20px auto ;
			}
			
			/*  mainImage  */
			#contents_inner .page_title .mainImage,
			#contents_inner .page_title .mainImagePC{
				width:100% ;
				height:290px ;
				overflow:hidden ;
				margin:0 auto 20px auto ;
				background-position:center top ;
				background-repeat:no-repeat ;
				background-size:cover ;
			}

				#contents_inner .page_title .mainImagePC h3{
					text-align:center ;
					font-size:300% ;
					letter-spacing:3px ;
					color:#7c8387 ;
					margin:65px auto 20px auto ;
					color:#3c3f41 ;
				}

				#contents_inner .page_title .mainImagePC h4{
					text-align:center ;
					font-size:120% ;
					font-weight:bold ;
					letter-spacing:3px ;
					color:#3c3f41 ;
					margin:0 auto 20px auto ;
					line-height:2.5 ;
				}

			/*  mainImageSP  */
			#contents_inner .page_title .mainImageSP{
				display:none ;
			}
			

		/*  メインコンテンツ  */
		.main_contents{
			width:1024px ;
			margin: 0 auto ;
		}
	
		.main_contents_all{
			width:100% ;
			margin:0 auto ;
		}
		
			/*  コンテンツ  */
			#contents_inner .main_contents .content,
			#contents_inner .main_contents_all .content{
				margin:0 auto 40px auto ;
			}

				/*  h4  */
				#contents_inner .main_contents .content h4,
				#contents_inner .main_contents_all .content h4{
					color:#7c8387 ;
					font-size:190% ;
					font-weight:bold ;
					line-height:1.5 ;
				}
		
				/*  p  */
				#contents_inner .main_contents .content p,
				#contents_inner .main_contents_all .content p{
					font-size:120% ;
					line-height:1.7 ;
				}
		



/* ------------------ SP --------------------*/
.SP #contents_section{	}

	.SP #contents_inner{
		width:100% ;
	}

		/*  ページタイトル  */
		.SP #contents_inner .page_title{}

			/*  h2  */		
			.SP #contents_inner .page_title h2{
				width:95% ;
			}
			
			/*  h3  */
			.SP #contents_inner .page_title h3{
				width:95% ;
			}

			/*  mainImage  */
			.SP #contents_inner .page_title .mainImage{
				height:310px ;
			}
				
			/*  mainImagePC  */
			.SP #contents_inner .page_title .mainImagePC{
				display:none ;
			}
				
			/*  mainImageSP  */
			.SP #contents_inner .page_title .mainImageSP{
				display:block ;
			}

				/*  mainImageSP  */
				.SP #contents_inner .page_title .mainImageSP img{
					width:100% ;
				}
	
		/*  メインコンテンツ  */
		.SP .main_contents{
			width:95% ;
		}

	
			/*  コンテンツ  */
			.SP #contents_inner .main_contents .content{}

				/*  h4  */
				.SP #contents_inner .main_contents .content h4{}
		
				/*  p  */
				.SP #contents_inner .main_contents .content p{}

/* ---------------- SP end ------------------*/

	
/*------------------------------------------*/
/*  フッター								*/
/*------------------------------------------*/
#footer_section{
	width:100% ;
	position:relative ;
	font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","YuGothic","メイリオ",Meiryo,sans-serif;
	font-size: 12px;
	line-height: 1.231;
}
	/* footer_totop */
	#footer_section #footer_totop {
		display: none;
	}

	/*  footer_brand  */
	#footer_section #footer_brand{
		width:100% ;
		margin: 0 auto;
		padding: 60px 0;
		border-top: #afb9be 8px solid;
	}

		/*  footer_brand_inner  */
		#footer_section #footer_brand #footer_brand_inner{
			width:1024px ;
			margin:0 auto ;
			overflow:hidden ;
		}
		#footer_section #footer_brand #footer_brand_inner div.pc{
			
		}
		#footer_section #footer_brand #footer_brand_inner div.sp{
			display: none;
		}
	
			#footer_section #footer_brand #footer_brand_inner ul{
				width:100% ;
				overflow:hidden ;
				text-align:center ;
				margin:0 auto ;
			}

				#footer_section #footer_brand #footer_brand_inner ul li{
					display:inline-block ;
					*display: inline;
					*zoom: 1;
					margin:0 0 20px 0 ;
					padding:0 10px ;
				}

		

	/*  footer_upper  */
	#footer_section #footer_upper{
		width:100% ;
		margin:0 auto ;
		border-top: #afb9be 8px solid;
	}

		/*  footer_upper_inner  */
		#footer_section #footer_upper #footer_upper_inner{
			width:1024px ;
			margin:0 auto ;
			overflow:hidden ;
			padding:52px 0 30px 0;
		}

			/*  logo  */
			#footer_section #footer_upper #footer_upper_inner .logo{
				width:210px ;
				float: left;
			}
				
			/*  Navigation  */
			#footer_section #footer_upper #footer_upper_inner .navigation{
				width:784px ;
				float: left;
				color:#888888 ;
			}
			#footer_section #footer_upper #footer_upper_inner .navigation:before,
			#footer_section #footer_upper #footer_upper_inner .navigation:after{
				content: "";
				display: table;
			}
			#footer_section #footer_upper #footer_upper_inner .navigation:after{
				clear: both;
			}

				#footer_section #footer_upper .navigation ul.line2{
					margin: 50px 0 0 0;
				}

				#footer_section #footer_upper .navigation > ul:before,
				#footer_section #footer_upper .navigation > ul:after{
					content: "";
					display: table;
				}
				#footer_section #footer_upper .navigation > ul:after{
					clear: both;
				}
		
					#footer_section #footer_upper .navigation > ul > li{
						float: left;
						font-weight:bold ;
						list-style:none ;
					}

					#footer_section #footer_upper .navigation ul.line1 li.m1{
						width: 160px;
					}

					#footer_section #footer_upper .navigation ul.line1 li.m2{
						width: 480px;
					}

					#footer_section #footer_upper .navigation ul.line1 li.m3{
						width: 172px;
					}

					#footer_section #footer_upper .navigation ul.line1 li.m4{
						width: 100px;
					}

					#footer_section #footer_upper .navigation ul.line2 li.m1{
						width: 160px;
					}

					#footer_section #footer_upper .navigation ul.line2 li.m2{
						width: 169px;
					}

					#footer_section #footer_upper .navigation ul.line2 li.m3{
						width: 171px;
					}

						#footer_section #footer_upper .navigation ul.line2 li.m3 ul.sub li{
							line-height: 1.4;
						}

					#footer_section #footer_upper .navigation ul.line2 li.m4{
						width: 140px;
					}

					#footer_section #footer_upper .navigation ul.line2 li.m5{
						width: 90px;
					}

					#footer_section #footer_upper .navigation ul li a{
						color:#888888 ;
					}
					
						#footer_section #footer_upper .navigation ul li ul.sub{
							float: left;
							margin:10px 0 0 0;
						}
					
						#footer_section #footer_upper .navigation ul li ul.sub.second{
							margin:10px 0 0 30px;
						}
	
							#footer_section #footer_upper .navigation ul li ul.sub li{
								margin: 0 0 6px 0;
								font-size:80% ;
								font-weight: normal;
								line-height:1.7 ;
								list-style:none ;
							}

						#footer_section #footer_upper .navigation ul li ul.sub.second{
							margin: 10px 0 0 55px;
						}
						
						.environment{ padding:50px 0 40px 210px; color:#888888; line-height:1.8;}
						
						.environment a:link{color:#888888;}
						.environment a:visited{color:#888888;}
						.environment a:active{color:#888888;}
						
						@media screen and (max-width: 641px){
							.environment{padding:0 0 10px 0;text-align:center;}
						}
	
			/*  SNS  */
			#footer_section #footer_upper #footer_upper_inner .sns{
				text-align:center ;
				padding: 10px 0 0 0;
				border:1px
			}

				ul.shareBtns {
					margin-top:10px;
				}
				
				ul.shareBtns li {
					vertical-align:top ;
					display:inline-block ;
					*display: inline;
					*zoom: 1;
					margin-right:5px;
				}
				
		

	/*  footer_lower  */
	#footer_section #footer_lower{
		width:100% ;
		height:72px ;
		margin:0 auto ;
		border-top: #afb9be 1px solid;
	}

		/*  footer_lower_inner  */
		#footer_section #footer_lower #footer_lower_inner{
			width:1024px ;
			overflow:hidden ;
			margin:0 auto ;
		}

			/*  copyright  */
			#footer_section #footer_lower #footer_lower_inner #pc_copyright{
				margin:29px auto 0 auto;
				text-align:center ;
			}

			#footer_section #footer_lower #footer_lower_inner #sp_copyright{
				display:none ;
			}


/* ------------------ SP --------------------*/
.SP #footer_section{
	padding: 50px 0 0 0;
	z-index: 13;
}
	/* footer_totop */
	.SP #footer_section #footer_totop {
		width: 100%;
		display: block;
		background: #adb9bd;
	}
		.SP #footer_section #footer_totop img {
			width: 100%;
			height: auto;
		}

	/*  footer_brand  */
	.SP #footer_section #footer_brand{
		border-top: 0px;
		padding: 30px 0 0;
	}

		/*  footer_brand_inner  */
		.SP #footer_section #footer_brand #footer_brand_inner{
			width:100% ;
		}
		.SP #footer_section #footer_brand #footer_brand_inner div.pc{
			display: none;
		}
		.SP #footer_section #footer_brand #footer_brand_inner div.sp{
			display: block;
		}
	
			.SP #footer_section #footer_brand #footer_brand_inner table {
				width: 100%;
				border-top: #adb9bd 1px solid;
			}

				.SP #footer_section #footer_brand #footer_brand_inner table td{
					width: 50%;
					height: 90px;
					text-align: center;
					vertical-align: middle;
					border-bottom: #adb9bd 1px solid;
				}

				.SP #footer_section #footer_brand #footer_brand_inner table td:nth-child(2n+1){
					border-right: #adb9bd 1px solid;
				}
		
	/*  footer_upper  */
	.SP #footer_section #footer_upper{
		width:100% ;
		margin:0 auto ;
		border-top: 0px;
	}

		/*  footer_upper_inner  */
		.SP #footer_section #footer_upper #footer_upper_inner{
			width:95% ;
			padding: 30px 0 30px 0;
		}
			/* footer logo */
			.SP #footer_section #footer_upper #footer_upper_inner .logo{
				display:none ;
			}
	
			/*  SNS  */
			.SP #footer_section #footer_upper #footer_upper_inner .sns{
				padding: 0;
			}

				
			/*  Navigation  */
			.SP #footer_section #footer_upper #footer_upper_inner .navigation{
				display:none ;
			}

	/*  footer_lower  */
	.SP #footer_section #footer_lower{
		width:100% ;
		height:auto ;
		background:#adb9bd ;
	}

		/*  footer_lower_inner  */
		.SP #footer_section #footer_lower #footer_lower_inner{
			width:84.3% ;
		}

			/*  copyright  */
			.SP #footer_section #footer_lower #footer_lower_inner #pc_copyright{
				display:none ;
			}

			.SP #footer_section #footer_lower #footer_lower_inner #sp_copyright{
				margin: 32px auto ;
				text-align:center ;
				display:block ;
			}

				.SP #footer_section #footer_lower #footer_lower_inner #sp_copyright img{
					width:100% ;
				}
/* ---------------- SP end ------------------*/