/* ************************************************************************************************* */
/*
Created: 2016.02.15
Author: grafix
Author URI: http://www.grafix.ne.jp/

Description:

このスタイルシートは、サイト内のすべての要素・クラスに適用されています。
このスタイルシートの前に、デフォルトのブラウザスタイルをリセットするために、Yahoo User Interface Library（YUI）を読み込んでいます。
YUI CSSは変更しないようにしてください。

*/
/* *************************************************************************************************
	base style（全ページ共通）
	タグのスタイルを変更しています。
************************************************************************************************* */
body{
	font-size:14px;
	line-height:1.5em;
	color:#333;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	-webkit-text-size-adjust: none;
}
img{
	vertical-align:bottom;
	max-width:100%;
	height:auto;
}
a{
	text-decoration:none;
	color:#337cbd;
}
a img{
	opacity:1;
	transition:.2s ease-in-out;
}
a:hover{text-decoration:underline;}
a:hover img{opacity:.7;}
a[href^=tel]{cursor:default;}
a[href^=tel]:hover{text-decoration:none;}
a[href^=tel]:hover img{opacity:1;}
strong{font-weight:bold;}
p{margin:0 0 1em;}
label{cursor:pointer;}
input[type=text],
textarea{max-width:100%;}

/* *************************************************************************************************
	base style ここまで
************************************************************************************************* */

/* *************************************************************************************************
	header style（全ページ共通）
	ヘッダー要素のスタイルを指定しています。
************************************************************************************************* */
.header{
	max-width:980px;
	margin:10px auto 7px;
}
.header::after{
	display:block;
	content:" ";
	clear:both;
}
.header h1{float:left;width:504px;}
.header .header-information{float:right;width:327px;}
/* *************************************************************************************************
	header style ここまで
************************************************************************************************* */

/* *************************************************************************************************
	nav style（全ページ共通）
	ナビゲーション（メニュー）のスタイルを指定しています。
************************************************************************************************* */
.nav{background:#005bac;color:#fff;}
.nav ul{
	display:block;
	max-width:980px;
	margin:0 auto;
	border-right:solid 1px #337cbd;
}
.nav ul::after{
	display:
	block;content:" ";
	clear:both;
}
.nav ul li{
	float:left;
	width:16.6666%;
	position:relative;
}
.nav ul li a,
.nav ul li .nav-btn{
	color:#fff;
	display:block;
	border-left:solid 1px #337cbd;
	padding:15px 0;
	text-align:center;
	text-decoration:none;
	transition:.2s;
}
.nav ul li .nav-btn span{display:none;}
.nav ul li a:hover,
.nav ul li .nav-btn:hover{background:#337cbd;}
.nav ul li ul{
	display:none;
	position:absolute;
	z-index:1;
	background:#337cbd;
	max-width:inherit;
	width:100%;
	border-bottom:solid 1px #337cbd;
}
.nav ul li ul li{
	float:none;
	width:inherit;
}
.nav ul li ul li a{
	padding-left:3px;
	padding-right:3px;
	text-align:left;
}
.nav ul li ul li a:hover{
	background:#f0f0f0;
	color:#333;
}
.nav ul li:hover ul{display:block}
.nav input{
	visibility:hidden;
	position:absolute;
}
.sp-nav-btn{display:none;}
/* *************************************************************************************************
	nav style ここまで
************************************************************************************************* */

/* *************************************************************************************************
	slider style reset（トップページ用）
	トップページのスライダー用のスタイルを指定しています。
	基本的なスタイルはjQueryプラグイン bxSliderの同梱CSS（common/slider/jquery.bxslider.css）を利用していますが、
	一部サイトのデザインにそぐわないスタイルをここで無効化・変更しています。
************************************************************************************************* */
.bx-wrapper .bx-viewport{
	box-shadow:none;
	border:none;
	left:0;
}
.bx-wrapper img{margin:0 auto;}
.bx-wrapper .bx-pager.bx-default-pager a{
	width:8px;
	height:8px;
	border-radius:4px;
	background:#ccc;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{background:#337cbd;}
/* *************************************************************************************************
	slider style reset ここまで
************************************************************************************************* */

/* *************************************************************************************************
	pankuzu style（トップページ以外共通）
	サイトのパンくずリストのスタイルを指定しています
************************************************************************************************* */
.pankuzu{
	max-width:980px;
	margin:15px auto 10px;
	font-size:0.86em;
	line-height:1.5em;
	/*color:#337cbd;*/
}
.pankuzu ul::after{
	display:block;
	content:" ";
	clear:both;
}
.pankuzu ul li{
	float:left;
	margin-left:8px;
	position:relative;
	padding-left:10px;
}
.pankuzu ul li::before{
	content:">";
	color:#333;
	position:absolute;
	left:-2px;
	top:0;
	-ms-transform:scale(0.5,1);
	-webkit-transform:scale(0.5,1);
	transform:scale(0.5,1);
}
.pankuzu ul li:first-child{
	margin-left:0;
	padding-left:0;
}
.pankuzu ul li:first-child::before{content:"";}
.pankuzu ul li a{color:#333;}
/* *************************************************************************************************
	pankuzu style ここまで
************************************************************************************************* */

/* *************************************************************************************************
	layout style（全ページ共通）
	サイトのレイアウトに関するスタイルを指定しています
************************************************************************************************* */
.container{
	max-width:980px;
	margin:10px auto 50px;
}
.container::after{
	display:block;
	content:" ";
	clear:both;
}
.contents{
	float:left;
	width:672px;
}
/* *************************************************************************************************
	layout style ここまで
************************************************************************************************* */

/* *************************************************************************************************
	top news style（トップページ用）
	トップページの新着情報に関するスタイルを指定しています
************************************************************************************************* */
.top-news-box .article{margin-bottom:12px;}
.top-news-box .article::after{
	display:block;
	content:" ";
	clear:both;
}
.top-news-box .article .icon{
	width:96px;
	display:block;
	float:left;
	font-size:0.93em;
	line-height:1.5em;
	padding:5px 10px;
	text-align:center;
}
.top-news-box .article .icon.event{
	background:#fdc734;
	color:#363636;
}
.top-news-box .article .icon.recruit{
	background:#7ac2e8;
	color:#fff;
}
.top-news-box .article .icon.info{
	background:#a6c752;
	color:#fff;
}
.top-news-box .article .date{
	width:110px;
	display:block;
	float:left;
	font-size:1em;
	line-height:1.5em;
	padding:5px 10px;
	text-align:center;
}
.top-news-box .article .title{
	width:406px;
	display:block;
	float:left;
	font-size:1em;
	line-height:1.5em;
	padding:5px 20px 5px 0;
}
.top-news-box .article .newer{
	display:inline-block;
	padding:0 5px;
	background:#ff657c;
	color:#fff;
	font-size:0.86em;
	line-height:1.5em;
}
/* *************************************************************************************************
	top news style ここまで
************************************************************************************************* */

/* *************************************************************************************************
	parts style（全ページ共通）
	ページで使用している各パーツのスタイルを指定しています
************************************************************************************************* */
section h1{
	font-size:1.6em;
	line-height:1.5em;
	border-top:solid 3px #005bac;
	border-bottom:solid 1px #ddd;
	padding:6px 3px 12px;
	color:#005bac;
	font-weight:bold;
	margin-bottom:12px;
}
section h2{
	font-size:1.43em;
	line-height:1em;
	font-weight:bold;
	color:#333;
	border-left:solid 1px #005bac;
	padding:4px 0 2px 13px;
	margin-bottom:23px;
}
section h3{
	font-size:1.22em;
	line-height:1.5em;
	font-weight:bold;
	color:#005bac;
	border-bottom:solid 1px #dadada;
	padding-bottom:7px;
	margin-bottom:30px;
}
.text-content{margin-bottom:25px;}
.text-content::after{
	display:block;
	content:" ";
	clear:both;
}
.text-content .img-box{
	float:left;
	width:330px;
}
.text-content .img-box .img{
	background:#f0f0f0;
	padding:8px;
	margin-bottom:5px;
}
.text-content .img-box .caption{
	font-size:0.86em;
	line-height:1.5em;
}
.text-content .text-box{
	float:right;
	width:330px;
}
ul.list-style{margin-bottom:15px;}
ul.list-style li{margin-bottom:3px;}
ul.list-style li::before{
	content:">";
	color:#333;
	display:inline-block;
	margin-right:5px;
	-ms-transform:scale(0.5,1);
	-webkit-transform:scale(0.5,1);
	transform:scale(0.5,1)
}
ol.list-style{
	margin-bottom:15px;
	counter-reset:cnt;
}
ol.list-style li{
	margin-bottom:15px;
	padding-left:2em;
	position:relative;
}
ol.list-style li::before{
	counter-increment:cnt;
	content:counter(cnt)".";
	color:#337cbd;
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
}
ul.list-images2-text{margin-bottom:0;}
ul.list-images2-text li{margin-bottom:20px;}
ul.list-images2-text li:nth-child(2n + 1){
	float:left;
	width:325px;
}
ul.list-images2-text li:nth-child(2n){
	float:right;
	width:325px;
}
ul.list-images2-text li .img{margin-bottom:10px;}
ul.list-images2-text li p{margin-bottom:0;}
ul.list-images2-text li p+p{margin-top:1em;}
ul.list-images2-text::after{
	display:block;
	content:" ";
	clear:both;
}
ul.list-banner4{
	padding:10px 10px 0;
	background:#f4f4f4;
	margin-bottom:15px;
}
ul.list-banner4::after{
	display:block;
	content:" ";
	clear:both;
}
ul.list-banner4 li{
	float:left;
	width:155px;
	margin-left:10px;
	margin-bottom:10px;
}
ul.list-banner4 li:nth-child(4n + 1){margin-left:0;}
ul.list-banner2{
	padding:10px 10px 0;
	background:#f4f4f4;
	margin-bottom:15px;
}
ul.list-banner2::after{
	display:block;
	content:" ";
	clear:both;
}
ul.list-banner2 li:nth-child(2n + 1){
	float:left;
	width:320px;
	margin-left:0;
	margin-bottom:10px;
}
ul.list-banner2 li:nth-child(2n){
	float:left;
	width:320px;
	margin-left:10px;
	margin-bottom:10px;
}
ul.list-images3{margin:0 0 0 -24px;}
ul.list-images3::after{
	display:block;
	content:" ";
	clear:both;
}
ul.list-images3 li{
	width:208px;
	float:left;
	margin:0 0 24px 24px;

}
ul.list-images3-text{margin:0 0 15px -24px;}
ul.list-images3-text::after{
	display:block;
	content:" ";
	clear:both;
}
ul.list-images3-text li{
	width:208px;
	float:left;
	margin:0 0 24px 24px;

}
div.box-list2{margin:0 0 0 -22px;}
div.box-list2::after{
	display:block;
	content:" ";
	clear:both;
}
div.box-list2 .inner{
	width:325px;
	float:left;
	margin:0 0 22px 22px;
	padding:20px 18px;
	box-sizing:border-box;
	background:#ededed;
}
div.box-list2 .inner ul li::before{
	content:">";
	color:#333;
}
div.box-list2 .inner h4{margin-bottom:10px;}
table.table{
	width:100%;
	border-collapse:collapse;
	empty-cells:show;
}
table.table tr{border:solid 1px #ddd;}
table.table th{
	padding:15px 10px;
	background:#f5f5f5;
	border:solid 1px #ddd;
	text-align:center;
	font-weight:bold;
}
table.table td{
	padding:15px;
	border:solid 1px #ddd;
}
table.table thead tr th:first-child{background:#f1f1f1;}
.map-canvas{
	width:672px;
	height:504px;
	margin-bottom:15px;
}
.btn-action{
	margin:40px;
}
.btn-action input[type=button],
.btn-action input[type=submit],
.btn-action input[type=reset]{
	font-size:1.1em;
	display:inline-block;
	padding:10px;
	border:solid 1px #ccc;
	background:#f0f0f0;
	cursor:pointer;
	min-width:120px;
	text-align:center;
}
.input-sm{width:100px;}
.input-md{width:200px;}
.input-lg{width:300px;}
.input-xl{width:400px;}
section ul+h1,
section ol+h1,
section table+h1,
section div.box-list2+h1,
section div.map-canvas+h1{margin-top:30px;}
section ul+h2,
section ol+h2,
section table+h2,
section div.box-list2+h2,
section div.map-canvas+h2{margin-top:30px;}
section ul+h3,
section ol+h3,
section table+h3,
section div.box-list2+h3,
section div.map-canvas+h3{margin-top:30px;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.text-left{text-align:left;}
.text-muted{color:#666;}
small{font-size:0.72em;line-height:1.5em;}
/* *************************************************************************************************
	parts style ここまで
************************************************************************************************* */

/* *************************************************************************************************
	sidebar style（全ページ共通）
	サイトのサイドバーで利用しているスタイルを指定しています。
************************************************************************************************* */
.sidebar{
	float:right;
	width:278px;
}
.banner-box{
	background:#f0f0f0;
	padding:6px;
	margin-bottom:30px;
}
.banner-box a{
	display:block;
	margin-top:6px;
	text-align:center;
}
.banner-box a:first-child{
	margin-top:0;
}
.banner-box h3{
	font-size:0.86em;
}
.banner-box h3 small{
	font-size:1em;
	color:#666;
}
.sidenav{
	background:#f0f0f0;
	padding:6px;
	margin-bottom:30px;
}
.sidenav .inner{border:solid 1px #aaa;}
.sidenav .inner h2{
	background:#fff;
	border-bottom:solid 2px #333;
}
.sidenav .inner h2 span{
	display:block;
	border-left:solid 2px #ddd;
	border-right:solid 2px #ddd;
	padding:20px;
	font-weight:bold;
	font-size:1.22em;
	line-height:1.5em;
}
.sidenav .inner ul{
	border-left:solid 2px #ddd;
	border-right:solid 2px #ddd;
	border-bottom:solid 2px #ddd;
}
.sidenav .inner ul li{border-bottom:solid 1px #ddd;}
.sidenav .inner ul li a{
	display:block;
	padding:20px;
	color:#333;
	background:#fff;
}
.sidenav .inner ul li a:before{
	content:">";
	font-size:0.571em;
	line-height:1.5em;
	display:inline-block;
	margin-right:5px;
	vertical-align:middle;
	-ms-transform:scale(0.5,1);
	-webkit-transform:scale(0.5,1);
	transform:scale(0.5,1);
	-webkit-transform-origin:0 0;
}
.sidebox{
	background:#f0f0f0;
	padding:6px;
}
/* *************************************************************************************************
	sidebar style ここまで
************************************************************************************************* */

/* *************************************************************************************************
	page foot banner（全ページ共通）
	ページ下部にある横並びバナー領域のスタイルを設定しています
************************************************************************************************* */
.relation-links{
	background:#ddd;
	padding:4px;
	max-width:972px;
	margin:0 auto 50px;
}
.relation-links h3{
	color:#666;
	margin-bottom:0;
	font-size:0.86em;
	line-height:1.5em;
}
.relation-links ul{}
.relation-links ul::after{
	display:
	block;content:" ";
	clear:both;
}
.relation-links ul li{
	float:left;
	margin:0;
	padding:4px;
}
.relation-links ul li:nth-child(4n + 1){margin-left:0;}
/* *************************************************************************************************
	page foot banner style ここまで
************************************************************************************************* */

/* *************************************************************************************************
	footer style（全ページ共通）
	ページ下のフッター・コピーライト関連のスタイルを指定しています
************************************************************************************************* */
.footer-nav{
	background:#f2f2f2;
	padding:35px 0 50px;
}
.footer-nav .inner{
	max-width:980px;
	margin:0 auto;
}
.footer-nav .inner::after{
	display:block;
	content:" ";
	clear:both;
}
.footer-nav .inner .nav-box{
	width:16.6666%;
	float:left;
}
.footer-nav .inner .nav-box input[type="checkbox"]{
	visibility:hidden;
	position:absolute;
}
.footer-nav .inner .nav-box dt{
	font-size:0.93em;
	line-height:1.5em;
	margin-bottom:8px;
	font-weight:bold;
}
.footer-nav .inner .nav-box dd{
	font-size:0.86em;
	line-height:1.5em;
	margin-bottom:5px;
}
.footer-nav .inner .nav-box dt a,
.footer-nav .inner .nav-box dd a{color:#333;}
.footer-nav .inner .nav-box dt a:hover{text-decoration:none;cursor:default;}
.footer-nav .inner .nav-box dt a span{display:none;}
.footer{
	background:#005bac;
	padding:20px 0 30px;
}
.footer .footer-link{
	max-width:980px;
	margin:0 auto 40px;
	color:#fff;
	font-size:0.86em;
	line-height:1.5em;
}
.footer .footer-link::after{
	display:block;
	content:" ";
	clear:both;
}
.footer .footer-link li{float:left;}
.footer .footer-link li::before{
	content:" | ";
	display:inline-block;
	padding-left:5px;
	margin-right:5px;
}
.footer .footer-link li:first-child:before{
	content:initial;
	padding-left:0;
	margin-right:0;
}
.footer .footer-link a{color:#fff;}
.footer .footer-credit{
	max-width:980px;
	box-sizing:border-box;
	margin:0 auto;
	color:#afcffa;
	padding-right:170px;
	position:relative;
}
.footer .footer-credit h3{
	font-size:0.86em;
	line-height:1.5em;
}
.footer .footer-credit p{
	font-size:0.72em;
	line-height:1.5em;
}
.footer .footer-credit a{color:#afcffa;}
.footer .footer-credit .footer-logo{
	position:absolute;
	top:0;
	right:50px;
}
.footer .footer-credit .pagetop{
	position:absolute;
	top:0;
	right:0;
}
/* *************************************************************************************************
	footer style ここまで
************************************************************************************************* */


/* *************************************************************************************************
	responsive style
	レスポンシブ用スタイルを以下に指定しています
************************************************************************************************* */
@media screen and (max-width:667px){
	/* ヘッダー（全ページ共通） */
	.header{margin:5px 5px 10px;}
	.header h1{
		float:none;
		margin-bottom:10px;
		width:inherit;
	}
	.header .header-information{
		float:none;
		width:inherit;
	}
	/* ナビゲーション（全ページ共通） */
	.sp-nav-btn{
		display:block;
		padding:15px;
		font-size:0.86em;
		line-height:1.5em;
		color:#fff;
		text-align:right;
	}
	.nav{}
	.nav input:checked ~ ul{display:block;}
	.nav > .nav-btn::after{content:"MENU";}
	.nav > input:checked ~ .nav-btn::after{content:"CLOSE";}
	.nav > ul{
		background:#337cbd;
		display:none;
	}
	.nav ul li{
		float:none;
		width:inherit;
		position:static;
	}
	.nav ul li a,
	.nav ul li .nav-btn{
		position:relative;
		text-align:left;
		padding:15px;
		border-bottom:solid 1px #ddd;
		border-left:none;
	}
	.nav ul li .nav-btn span{
		-ms-transform:rotate(90deg) scale(0.5,1);
		-webkit-transform:rotate(90deg) scale(0.5, 1);
		transform:rotate(90deg) scale(0.5, 1);
		position:absolute;
		right:20px;
		top:16px;
		display:block;
	}
	/*.nav > ul > li > a::after,
	.nav > ul > li > .nav-btn::after{
		content:">";
		-ms-transform:rotate(90deg) scale(0.5,1);
		-webkit-transform:rotate(90deg) scale(0.5, 1);
		transform:rotate(90deg) scale(0.5, 1);
		position:absolute;
		right:20px;
		top:20px;
	}*/
	/*.nav > ul > li:hover > a::after,
	.nav > ul > li > input:checked ~ .nav-btn::after{
		content:"X";
		font-weight:bold;
		font-size:1em;
		-ms-transform:scale(1.3,1);
		-webkit-transform:scale(1.3, 1);
		transform:scale(1.3, 1);
		top:15px;
	}*/
	.nav > ul > li:hover > ul{display:none;}
	.nav ul li input:checked ~ ul{display:block;}
	.nav ul li ul{position:static;}
	.nav ul li ul li a{
		background:#f0f0f0;
		color:#333;
		padding-left:25px;
	}
	.nav ul li ul li a::after{
		content:">";
		-ms-transform:scale(1.2,0.8);
		-webkit-transform:scale(1.2,0.8);
		transform:scale(1.2,0.8);
		position:absolute;
		left:15px;
		top:18px;
		font-size:0.72em;
		line-height:1.5em;
	}
	/* パンくずリスト */
	.pankuzu{margin:15px 10px 10px;}
	.container{margin:10px 10px 30px;}
	.contents{
		float:none;
		width:inherit;
		margin-bottom:30px;
	}
	.top-news-box{margin-bottom:40px;}
	.top-news-box .article{
		padding-bottom:10px;
		border-bottom:solid 1px #ddd;
	}
	.top-news-box .article .icon{float:none;}
	.top-news-box .article .date{
		float:none;
		display:block;
		width:inherit;
		text-align:left;
		padding:5px 0;
	}
	.top-news-box .article .title{
		float:none;
		display:block;
		width:inherit;
		padding:5px 0;
	}
	.text-content .img-box{
		float:none;
		width:inherit;
		text-align:center;
	}
	.text-content .img-box .img{display:inline-block;}
	.text-content .img-box .caption{text-align:left;}
	.text-content .text-box{
		float:none;
		width:inherit;
	}
	ul.list-images2-text li .img{text-align:center;}
	ul.list-images2-text li:nth-child(2n + 1){
		float:none;
		width:inherit;
	}
	ul.list-images2-text li:nth-child(2n){
		float:none;
		width:inherit;
	}
	ul.list-banner4{padding-bottom:1px;}
	ul.list-banner4 li{
		float:none;
		width:inherit;
		text-align:center;
		margin-left:0;
	}
	ul.list-banner2{padding-bottom:1px;}
	ul.list-banner2 li:nth-child(2n),
	ul.list-banner2 li:nth-child(2n + 1){
		float:none;
		width:inherit;
		text-align:center;
		margin-left:0;
	}
	ul.list-images3 li{
		float:none;
		width:inherit;
		text-align:center;
	}
	ul.list-images3-text li{
		float:none;
		width:inherit;
		text-align:center;
	}
	ul.list-images3-text li .caption{text-align:left;}
	div.box-list2 .inner{
		float:none;
		width:inherit;
	}
	table.table,
	table.table thead,
	table.table tbody,
	table.table tr,
	table.table th,
	table.table td{box-sizing:border-box;/*display:block;width:100%;*/}
	table.table th{padding:10px;}
	table.table td{padding:10px;}
	.input-xs,
	.input-sm,
	.input-md,
	.input-lg,
	.input-xl{width:100%;}
	.map-canvas{
		width:inherit;
		height:200px;
	}
	.sidebar{
		float:none;
		width:inherit;
	}
	.relation-links ul{
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	.relation-links ul li{
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		margin-left:0;
		text-align:center;
	}
	/* フッター（全ページ共通） */
	.footer-nav{padding:0;}
	.footer-nav .inner .nav-box{
		float:none;
		width:inherit;
		border-top:solid 1px #ccc;
	}
	.footer-nav .inner .nav-box dt{margin-bottom:0;}
	.footer-nav .inner .nav-box dt .sp-foot-nav-btn{
		padding:10px;
		position:relative;
		display:block;
	}
	.footer-nav .inner .nav-box dt .sp-foot-nav-btn span{
		-ms-transform:rotate(90deg) scale(0.5,1);
		-webkit-transform:rotate(90deg) scale(0.5,1);
		transform:rotate(90deg) scale(0.5,1);
		position:absolute;
		right:10px;
		top:10px;
		display:block;
	}
	/*.footer-nav .inner .nav-box dt .sp-foot-nav-btn::after{
		content:">";
		-ms-transform:rotate(90deg) scale(0.5,1);
		-webkit-transform:rotate(90deg) scale(0.5,1);
		transform:rotate(90deg) scale(0.5,1);
		-webkit-transform-origin:50% 60%;
		transform-origin:50% 60%;
		position:absolute;
		right:20px;
		top:10px;
	}*/
	.footer-nav .inner .nav-box dd{
		display:none;
		border-top:solid 1px #ccc;
		background:#fff;
		margin-bottom:0;
	}
	.footer-nav .inner .nav-box dd a{
		display:block;
		padding:10px 10px 10px 20px;
		position:relative;
	}
	.footer-nav .inner .nav-box dd a:before{
		content:">";
		position:absolute;
		left:10px;
		top:10px;
		-ms-transform:scale(1.2,0.8);
		-webkit-transform:scale(1.2,0.8);
		transform:scale(1.2,0.8);
	}
	.footer-nav .inner .nav-box input:checked ~ dl dt .sp-foot-nav-btn::after{
		content:"X";
		font-weight:bold;
		font-size:1em;
		-ms-transform:scale(1.3,1);
		-webkit-transform:scale(1.3,1);
		transform:scale(1.3,1);
	}
	.footer-nav .inner .nav-box input:checked ~ dl dd{
		display:block;
	}
	.footer{
		padding:0 0 10px;
	}
	.footer .footer-link{
		margin-bottom:10px;
	}
	.footer .footer-link li{
		float:none;
		display:block;
		border-bottom:solid 1px #ddd;
	}
	.footer .footer-link li::before{
		content:"";
		padding-left:0;
		margin-right:0;
		display:none;
	}
	.footer .footer-link a{
		display:block;
		padding:15px 15px 15px 25px;
		position:relative;
	}
	.footer .footer-link a:before{
		content:">";
		position:absolute;
		top:15px;
		left:15px;
		-ms-transform:scale(0.5,1);
		-webkit-transform:scale(0.5,1);
		transform:scale(0.5,1);
	}
	.footer .footer-credit{padding:10px;}
	.footer .footer-credit h3{margin-bottom:20px;}
	.footer .footer-credit .addr{display:none;}
	.footer .footer-credit .copyright{line-height:2.5em;}
	.footer .footer-credit .footer-logo{display:none;}
	.footer .footer-credit .pagetop{
		/*display:none;*/
		position:static;
		display:block;
		text-align:right;
	}
}
/* *************************************************************************************************
	responsive style ここまで
************************************************************************************************* */