@charset "utf-8";

/* ==================================================================
	common.css

=================================================================== */

@font-face {
  font-family: "YuGothic M";
  src: local(Yu Gothic Medium);
}


/* =================================
   ■ 共通指定
================================== */

/* --------------------------------
   □ font設定
-------------------------------- */
body{
	font-size:16px;
}
/* WINIE用 \*/
* html body{ font-size:100%; }
*:first-child+html body{ font-size:100%; }
/* */

table {
	font-size:inherit;
	font:100%;
}

select, input, textarea {
	font:99%;
}

li li,li p,li pre,li dt,li dd,dd li,dd p,dd pre,dd dt,dd dd {
  font-size:100%;
}

/* --------------------------------
   □ body
-------------------------------- */
body{
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "YuGothic M" , "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	text-align: center; 	/* IE用 */

	color: #333333;
	background:#fff;
	-webkit-text-size-adjust: 100%;
}


/* --------------------------------
   □ text
-------------------------------- */
p {
	margin:0 0 0.8em 0;
	text-align:justify;
	text-justify:inter-ideograph;
}

p,table,ul,dl,ol,address{
	line-height:1.5;
}

/* --------------------------------
   □ form
-------------------------------- */
input, select{
	font-family: Arial, "ＭＳ Ｐゴシック", sans-serif;
}

input.text{
	line-height:1.2;
}

input.text,
textarea {
	border: 1px solid #aaa;
	padding:4px;
}

* html input.text,
* html textarea {
	padding:4px 4px 0px 4px;
}

*:first-child + html input.text,
*:first-child + html textarea {
	padding:4px 4px 0px 4px;
}

input.text:hover,
textarea:hover {
	border: 1px solid #aaa;
}

input.text:focus,
textarea:focus {
	border: 1px solid #333333;
}

input.submit{
	line-height:100%;
	padding-top:2px;
}

input[type="button"],input[type="submit"] {
	-webkit-appearance: none;
}

/* --------------------------------
   □ link
-------------------------------- */
/* 基本 */
a,
a:link{
	color:#0033cc;
	text-decoration:none;
}

/* 訪問済 */
a:visited {
	color:#0033cc;
}

/* ロールオーバー */
a:hover{
	color:#245fbb;
	text-decoration:underline;
}

/* =================================
   ■ レイアウト
================================== */
/* --------------------------------
   □ 大枠
-------------------------------- */

/* ---------------------------------------------------------------------------------------
    14px(87%)が標準サイズ
   --------------------------------------------------------------------------------------- */
header .area,
ol#breadcrumbs,
.contents section,
.contents .chapter,
.contents .wide .area,
.contents .accent h2,
footer .area{
	width:1000px;
	margin: 0 auto 0 auto;
	text-align: left;
	box-sizing:border-box;
}

header,
.contents,
footer{
	font-size:100%;
}


.contents section.wide,
.contents .chapter.wide{
	width:100%;
}

/*
body > .site,
body > .contents,
body > .publication{
	width:700px;
}
* /

/* --------------------------------
   □ サイト情報 (ヘッダー)
-------------------------------- */
header{
	height:auto;
	font-size:87%;
}

header .area{
	padding-top:26px;
}

header p.description{
	height:auto;
	float:left;
	width:317px;
}

header .siteUtility{
	margin-left:22px;
	float:left;
	width:658px;
}

	header .siteUtility h1{
		float:left;
	}

	header .siteUtility p.tel{
		float:right;
	}

header #globalNavigation {
	padding-bottom:10px;
}


	header #globalNavigation ul.navigation{
		clear:both;
		background:url(../images/common/header/navigation/bar.gif) 0 0 no-repeat;
	}

	header #globalNavigation ul.navigation:after{
		display:block;
		clear:both;
		content:"";
	}

	header #globalNavigation ul.navigation li{
		float:left;
		width:18%;
		background:url(../images/common/header/navigation/bar.gif) 100% 0 no-repeat;
	}

	header #globalNavigation ul.navigation li a{
		display:block;
		margin:0 7px;
		padding-top:45px;
		background: 50% 5px no-repeat;
		border-radius:8px;
		text-align:center;
		font-size:114%;
		font-weight:700;
		color:#333;
		transition: all 300ms 0s ease;
	}

	header #globalNavigation ul.navigation li a:hover{
		background-color:#eaf8ff;
		text-decoration:none;
	}

	header #globalNavigation ul.navigation li a span{
		display:block;
		font-size:84%;
		color:#7ec1e5;
		padding-top:4px;
		padding-bottom:8px;
	}


	header #globalNavigation ul.navigation li.home{
		width:13%;
	}
	header #globalNavigation ul.navigation li.search{
		width:17%;
	}
	header #globalNavigation ul.navigation li.know{
		width:20%;
	}
	header #globalNavigation ul.navigation li.interview{
		width:18%;
	}
	header #globalNavigation ul.navigation li.working{
		width:17%;
	}
	header #globalNavigation ul.navigation li.qa{
		width:15%;
	}
	header #globalNavigation ul.navigation li.numbers{
		width:15%;
	}
	header #globalNavigation ul.navigation li.yawaragi{
		width:15%;
	}

	header #globalNavigation ul.navigation li.home a{
		background-image:url(../images/common/header/navigation/home.png);
	}
	header #globalNavigation ul.navigation li.interview a{
		background-image:url(../images/common/header/navigation/interview.png);
	}
	header #globalNavigation ul.navigation li.know a{
		background-image:url(../images/common/header/navigation/know.png);
	}
	header #globalNavigation ul.navigation li.search a{
		background-image:url(../images/common/header/navigation/search.png);
	}
	header #globalNavigation ul.navigation li.working a{
		background-image:url(../images/common/header/navigation/working.png);
	}
	header #globalNavigation ul.navigation li.qa a{
		background-image:url(../images/common/header/navigation/qa.png);
	}
	header #globalNavigation ul.navigation li.numbers a{
		background-image:url(../images/common/header/navigation/numbers.png);
	}
	header #globalNavigation ul.navigation li.yawaragi a{
		background-image:url(../images/common/header/navigation/yawaragi.png);
	}
	#index header #globalNavigation ul.navigation li.home a,
	body.interview header #globalNavigation ul.navigation li.interview a,
	body.about header #globalNavigation ul.navigation li.know a,
	body.search header #globalNavigation ul.navigation li.search a,
	body.working header #globalNavigation ul.navigation li.working a,
	body.qa header #globalNavigation ul.navigation li.qa a,
	body.numbers header #globalNavigation ul.navigation li.numbers a,
	body.yawaragi header #globalNavigation ul.navigation li.yawaragi a{
		background-color:#eaf8ff;
		text-decoration:none;
	}


/* --------------------------------
   □ 共通パーツ
-------------------------------- */
.entries{
	background:#1186c4;
}

	.entries dl{
		display:table;
		padding:18px 0;
	}

	.entries dl dt,
	.entries dl dd{
		display:table-cell;
	}

	.entries dl dt{
		box-sizing:border-box;
		width:292px;
		padding-left:32px;
		vertical-align:middle;
		font-weight:700;
		color:#fff;
		background:url(../images/common/icon/entry.png) 0 50% no-repeat;
	}

	.entries dl dd ul{
		text-align:center;
	}

	.entries dl dd ul li{
		display:inline;
	}


	/* --------------------------------
	   □ パンくずナビ
	-------------------------------- */

	ol#breadcrumbs {
		text-align:left;
		padding:33px 0;
	}
		ol#breadcrumbs li {
			vertical-align  : middle;
			display	: inline;
		}

		ol#breadcrumbs li a{
			padding-right	: 8px;
			margin-right:0px;
			background:url(../images/common/icon/arrow/breadcrumbs.gif) 100% 50% no-repeat;
		}

/* --------------------------------
   □ ページコンテンツ
-------------------------------- */
.contents{
	height:auto;
}

	/* ◆ メインビジュアル
	-------------------------------- */
	.contents .accent{
		min-height:330px;
		text-align:center;
		background:#efefef 0 0 no-repeat;
		background-size:cover;
	}

	.contents .accent h2{
		text-align:left;
		padding-top:102px;
		margin-left:2%;
	}

	/* ◆ タイトル
	-------------------------------- */

	/* タイトル1 */
	.contents h2.title,
	.contents h3.title{
		text-align: center;
		border-top:1px solid #bbbbbb;
		font-size:178%;
		margin-top:45px;
	}

	.contents h2.title > em,
	.contents h3.title > em{
		box-sizing:border-box;
		position:relative;
		top:-45px;
		min-width:156px;
		min-height:99px;
		margin:0 auto;
		padding:15px 32px 0;
		display:inline-block;
		background:#fff url(../images/common/title/h2.png) 50% 50% no-repeat;
		text-align:center;
		vertical-align:middle;
	}

	.contents h2.title > em .icon,
	.contents h3.title > em .icon{
		display:block;
		margin:0 auto 5px auto;
	}

	.contents h2.title em span,
	.contents h3.title em span{
		font-size:56%;
		display:block;
		margin-top:7px;
	}

	/* タイトル2 */
	.contents h3.texttitle,
	.contents h4.texttitle{
		color:#1186c4;
		font-size:200%;
	}

	/* タイトル3 */
	.contents h4.texttitle2,
	.contents h5.texttitle2{
		color:#333;
		font-size:112%;
		border-left:2px solid #1186c4;
		padding-left:19px;
		line-height:1.5;
	}

	/* ◆ ボタン
	-------------------------------- */
	.searchbuttonStyle button,
	.searchbuttonStyle a{
		display:inline-block;
		padding:19px 40px;
		color:#fff;
		text-decoration:none;
		background:#1186c4;
		transition: all 300ms 0s ease;
		font-size:128%;
		border-radius:80px;
		border:0;
		box-shadow:2px 2px 4px 0px rgba(0, 0, 0, 0.2);
		cursor:pointer;
	}

		.searchbuttonStyle button:hover,
		.searchbuttonStyle a:hover{
			background:#0d71a6;
		}

		.searchbuttonStyle button span,
		.searchbuttonStyle a span{
			display:inline-block;
			background:url(../images/common/icon/search.png) 0 50% no-repeat;
			padding-left:30px;
			min-height:23px;
		}

		#submitButton.disabled{
			cursor:default;
			filter:alpha(opacity=30);
			-ms-filter: "alpha(opacity=30)";
			-moz-opacity:0.3;
			-khtml-opacity: 0.3;
			opacity: 0.3;
		}

	.buttonStyle a{
		display:inline-block;
		padding:10px 40px;
		color:#fff;
		background:#1186c4;
		text-decoration:none;
		transition: all 300ms 0s ease;
		font-size:128%;
		border-radius:6px;
		box-shadow:2px 2px 4px 0px rgba(0, 0, 0, 0.2);
	}

		.buttonStyle a:hover{
			background:#0d71a6;
		}

		.buttonStyle a span{
			background:url(../images/common/icon/arrow/button-white.png) 100% 50% no-repeat;
			padding-right:23px;
		}


	.buttonStyle-gray a{
		display:inline-block;
		padding:10px 40px;
		color:#fff;
		background:#b1b1b1;
		text-decoration:none;
		transition: all 300ms 0s ease;
		font-size:128%;
		border-radius:6px;
		box-shadow:2px 2px 4px 0px rgba(0, 0, 0, 0.2);
	}

		.buttonStyle-gray a:hover{
			background:#a6a5a5;
		}

		.buttonStyle-gray a span{
			background:url(../images/common/icon/arrow/button-white.png) 100% 50% no-repeat;
			padding-right:23px;
		}

	.buttonStyle-white a{
		box-sizing:border-box;
		display:inline-block;
		padding:8px 40px;
		color:#1186c4;
		background:#fff;
		border:2px solid #1186c4;
		text-decoration:none;
		transition: all 300ms 0s ease;
		font-size:128%;
		border-radius:6px;
		box-shadow:2px 2px 4px 0px rgba(0, 0, 0, 0.2);
	}

	/* IE11 */
	html.ie11 .buttonStyle-white a{
		padding:8px 40px 5px 40px;
	}



		.buttonStyle-white a:hover{
			color:#fff;
			background:#0d71a6;
			border:2px solid #0d71a6;
		}

		.buttonStyle-white a span{
			background:url(../images/common/icon/arrow/button-blue.png) 100% 50% no-repeat;
			padding-right:23px;
		}

		.buttonStyle-white a:hover span{
			background-image:url(../images/common/icon/arrow/button-white.png);
		}

	.buttonStyle-white.black a{
		border:1px solid #333;
		color: #333;
		font-size:106%;
	}
		.buttonStyle-white.black a:hover{
			background:#ddd;
			border:1px solid #333;
		}
		.buttonStyle-white.black a span{
			background-image:url(../images/common/icon/arrow/button-black.png);
		}
		.buttonStyle-white.blank a span{
			background:url("../images/common/icon/blank.svg") 100% 50% no-repeat;
			padding-right:23px;
		}
		.buttonStyle-white.yawaragi a span:before{
			display: inline-block;
			content:url("../images/search/detail/yawaragi-logo1.png");
			vertical-align: middle;
			margin-right: 15px;
		}
	.entrybuttonStyle a,
	.entrybuttonStyle button{
		display:inline-block;
		padding:10px 40px;
		color:#fff;
		background:#ff7214;
		text-decoration:none;
		transition: all 300ms 0s ease;
		font-size:128%;
		border-radius:6px;
		box-shadow:2px 2px 4px 0px rgba(0, 0, 0, 0.2);
		border:0;
		cursor:pointer;
	}

		.entrybuttonStyle a:hover,
		.entrybuttonStyle button:hover{
			background:#bc510a;
		}

		.entrybuttonStyle a span,
		.entrybuttonStyle button span{
			background:url(../images/common/icon/entry.png) 0 50% no-repeat;
			padding-left:25px;
		}



	/* サイド用〇ボタン */
	p.sidebuttonStyle{
		display:inline-block;
	}

		p.sidebuttonStyle a{
			display:inline-block;
			padding:7px 40px;
			color:#fff;
			text-decoration:none;
			background:#1186c4;
			transition: all 300ms 0s ease;
			font-size:92%;
			border-radius:80px;
		}

		p.sidebuttonStyle a:hover{
			background:#0d71a6;
		}

		p.sidebuttonStyle a span{
			background:url(../images/common/icon/arrow/white-line.png) 0 50% no-repeat;
			padding-left:23px;
		}

	/* ◆ ページャー
	-------------------------------- */
	.contents ul.pager{
		overflow:hidden;
		text-align:center;
		margin:0 auto;
	}

		.contents ul.pager li{
			display:inline-block;
			margin:0 5px;
			font-size:120%;
			font-weight:bold;
			margin-bottom:45px;
		}

		.contents ul.pager li a{
			display:inline-block;
			padding:15px 20px;
			background:#fff;
			color:#333;
			border:1px solid #d1d1d1;
			transition: all 300ms 0s ease;
		}

		.contents ul.pager li a.nowpage,
		.contents ul.pager li a:hover{
			background:#1186c4;
			border:1px solid #1186c4;
			color:#fff;
		}

	/* ◆ インタビュー
	-------------------------------- */
	#relation-interview h3{
		text-align:center;
		font-size:156%;
	}

	#relation-interview ul.items li{
		overflow:hidden;
		float:left;
		width:484px;
		margin-top:57px;
		margin-left:16px;
	}

		#relation-interview ul.items li .image{
			position:relative;
			float:left;
			width:247px;
		}

			#relation-interview ul.items li .image img{
				border-radius:200px;
			}

			#relation-interview ul.items li .image p.class,
			#relation-interview ul.items li .image p.name{
				position:absolute;
				left:0;
				padding:5px;
				line-height:1.1;
				display:inline-block;
				background:#f0f0f0;
			}

			#relation-interview ul.items li .image p.class{
				font-size:75%;
				bottom:3.5em;
			}

			#relation-interview ul.items li .image p.name{
				font-size:95%;
				bottom:0.5em;
				font-weight:700;

			}

		#relation-interview ul.items li .explain{
			float:right;
			width:207px;
		}

		#relation-interview ul.items li .explain dl dt{
			color:#ff7214;
			font-size:137%;
			font-weight:700;
			margin-bottom:7px;
		}

		#relation-interview ul.items li .explain dl dd{
			font-size:95%;
			margin-bottom:23px
		}

		#relation-interview ul.items li .explain p.link{
			text-align:center;
		}
		#relation-interview ul.items li .explain p.link a{
			font-size:95%;
		}

/* --------------------------------
   □ サイト情報(フッター)
-------------------------------- */
footer{
	margin-top:70px;
	clear:both;
	font-size:87%;
}

footer .pagetop{
	position:fixed;
	right:0;
	bottom:0;
	display:none;
}


footer .relation{
	padding:43px 0;
}

	footer .relation ul{
        overflow: hidden;
	}

		footer .relation ul li{
			float: left;
            width: 231px;
            margin-right: 25px;
		}
		footer .relation ul li.widebnr{
            width: 487px;
            margin-bottom: 20px;
		}
		/*
		footer .relation ul li:nth-child(2),
		footer .relation ul li:nth-child(6){
            margin-right: 0;
		}
		*/

		footer .relation ul li:nth-child(4){
            margin-right: 0;
		}

footer .sitemap{
	background:#f4f4f4;
	padding:60px 0;
}

	footer .sitemap .column{
		overflow:hidden;
		float:left;
		width:25%;
	}

	footer .sitemap .column dl{
		margin-bottom:14px;
	}
		footer .sitemap .column dl dt a{
			color:#333;
			text-decoration:none;
			font-weight:700;
			font-size:114%;
			padding-left:20px;
			background:url(../images/common/icon/circle-blue.png) 0 50% no-repeat;
		}
		footer .sitemap .column dl dt a:hover{
			text-decoration:underline;
		}

		footer .sitemap .column dl dd{
			margin-top:11px;
		}

		footer .sitemap .column dl dd ul li{
			margin-bottom:11px;
		}

		footer .sitemap .column dl dd ul li a{
			color:#666666;
			padding-left:18px;
			background:url(../images/common/icon/arrow/button-blue.png) 4px 50% no-repeat;
			background-size:7px 12px;
		}

footer .siteSign{
	border-top:1px solid #dddddd;
	background:#f4f4f4;
	padding:45px 0 30px 0;
}

	footer .siteSign p.logo{
		text-align:center;
		margin-bottom:27px;
	}

	footer .siteSign p.copyright{
		text-align:center;
		margin:0;
		font-size:85%;
	}

/* --------------------------------
   □ SP
-------------------------------- */

.pc{
}
.sp,
.textized{
	display:none;
}

br.spOnly{
	display:none;
}


/* SP以外 */
@media screen and (min-width: 641px)  {

body {
	min-width: 1000px;
}
}

@media only screen and
(max-width : 640px) {

body {
	min-width: auto;
}

img{
	max-width:100%;
	height:auto;
}

body .pc{
	display:none;
}
.sp{
	display:block;
}

br.spOnly{
	display:inline-block;
}
br.pcOnly{
	display:none;
}

.textized{
	display:inline;
}
.txtimg{
	display:none;
}

input, select{
	font-size:16px;
}

/* --------------------------------
   □ 大枠
-------------------------------- */

header .area,
ol#breadcrumbs,
.contents section,
.contents .chapter,
.contents .wide .area,
.contents .accent h2,
footer .area{
	width:auto;
	box-sizing:border-box;
}

header,
.contents,
footer{
	font-size:100%;
}


.contents section.wide,
.contents .chapter.wide{
	box-sizing:border-box;
	width:auto;
	padding-left:2%;
	padding-right:2%;
}

/* --------------------------------
   □ サイト情報 (ヘッダー)
-------------------------------- */
header{
	font-size:87%;
}

header .area{
	padding-top:0;
}

header p.description{
	float:none;
	width:auto;
	color:#fff;
	background:#1186C4;
	font-size:87%;
	padding:2px;
}

header .siteUtility{
	margin-left:0;
	float:none;
	width:100%;
	padding-bottom:4%;
	display:table;
}

	header .siteUtility h1{
		width:85%;
		display:table-cell;
	}

	header .siteUtility h1 img{
		width:80%;
		margin-left:3%;
	}

	header .siteUtility p.tel{
		display:none;
	}


	header .siteUtility p.menu{
		width:15%;
		display:table-cell;
		vertical-align:top;
		padding-right:2%;
	}

header #globalNavigation {
	display:none;
	padding-bottom:10px;
}


	header #globalNavigation ul.navigation{

		background:none;
	}

	header #globalNavigation ul.navigation li{
		float:left;
		width:48%;
		margin-left:1%;
		background:none;
	}

	header #globalNavigation ul.navigation li:nth-child(odd){
		background:url(../images/common/header/navigation/bar.gif) 100% 0 no-repeat;
	}

	header #globalNavigation ul.navigation li a{
		display:block;
		margin:1px 7px;
		padding-top:45px;
		background: 50% 5px no-repeat;
		border-radius:8px;
		text-align:center;
		font-size:100%;
		font-weight:700;
		color:#333;
		transition: all 300ms 0s ease;
	}

	header #globalNavigation ul.navigation li a:hover{
		background-color:#eaf8ff;
		text-decoration:none;
	}

	header #globalNavigation ul.navigation li a span{
		display:block;
		font-size:87%;
		color:#7ec1e5;
		padding-top:4px;
		padding-bottom:8px;
	}


	header #globalNavigation ul.navigation li.home,
	header #globalNavigation ul.navigation li.search,
	header #globalNavigation ul.navigation li.know,
	header #globalNavigation ul.navigation li.interview,
	header #globalNavigation ul.navigation li.working,
	header #globalNavigation ul.navigation li.qa,
	header #globalNavigation ul.navigation li.numbers,
	header #globalNavigation ul.navigation li.yawaragi{
		width:48%;
	}

/* --------------------------------
   □ 共通パーツ
-------------------------------- */
.entries{
}

	.entries dl{
		padding:4% 0;
	}

	.entries dl dt,
	.entries dl dd{
	}

	.entries dl dt{
		width:34%;
		background-position:4px 50%;
	}

	.entries dl dd ul{
		text-align:left;
	}

	.entries dl dd ul li{
		display:inline;
	}

	.entries dl dd ul li img{
		width:98%;
	}

/* --------------------------------
   □ パンくずナビ
-------------------------------- */

ol#breadcrumbs {
	text-align:left;
	padding:4% 0;
}

/* --------------------------------
   □ ページコンテンツ
-------------------------------- */
.contents{
	height:auto;
	padding-left:2%;
	padding-right:2%;
}

.contents .wide{
	margin-left:-2%;
	margin-right:-2%;
	width:auto;
}

.contents .wide .area{
	width:auto;

}

	/* ◆ メインビジュアル
	-------------------------------- */
	.contents .accent{
		margin:0 -2%;
		min-height:180px;
	}

	.contents .accent h2{
		text-align:left;
		padding-top:8%;
	}

	.contents .accent h2 img{
		width:50%;
	}


	/* ◆ ボタン
	-------------------------------- */
	.searchbuttonStyle button,
	.searchbuttonStyle a{
		padding:19px 20px;
		font-size:100%;
	}


	/* ◆ インタビュー
	-------------------------------- */
	#relation-interview h3{
		font-size:136%;
		margin-bottom:8%;
	}

	#relation-interview ul.items{
		border-top:#CCC dotted 1px ;
		padding-top:4%;
	}

	#relation-interview ul.items li{
		overflow:hidden;
		float:none;
		width:auto;
		margin-top:0;
		margin-bottom:4%;
		margin-left:0;
		padding-bottom:4%;
		border-bottom:#CCC dotted 1px ;
	}

		#relation-interview ul.items li .image{
			width:35%;
		}

			#relation-interview ul.items li .image img{
			}

			#relation-interview ul.items li .image p.class,
			#relation-interview ul.items li .image p.name{
				position:static;
			}

		#relation-interview ul.items li .explain{
			width:60%;
		}

		#relation-interview ul.items li .explain dl dt{
			font-size:127%;
			line-height:1.2;
		}

		#relation-interview ul.items li .explain p.link a{
			font-size:80%;
		}



/* --------------------------------
   □ サイト情報(フッター)
-------------------------------- */
footer{
	margin-top:10%;
	clear:both;
	font-size:87%;
}

footer .pagetop{
	width:15%;
}
footer .pagetop img{
	width:100%;
}


footer .relation{
	padding:3% 2%;
}

	footer .relation ul{
        overflow: hidden;
        width: 100%;
	}

		footer .relation ul li{
			float: left;
            width: 48%;
            margin-right: 0;
		}
		footer .relation ul li img{
            width: 100%;
		}
		footer .relation ul li.widebnr{
            width: auto;
            margin-bottom: 3%;
		}
		/*
		footer .relation ul li:nth-child(2),
		footer .relation ul li:nth-child(6){
            margin-right: 0;
		}
		*/

		footer .relation ul li:nth-child(4){
            margin-right: 0;
		}
		footer .relation ul li:nth-child(1),
		footer .relation ul li:nth-child(3){
            margin-right: 4%;
            margin-bottom: 3%;
		}

footer .sitemap{
	padding:6% 2%;
}

	footer .sitemap .column{
		box-sizing:border-box;
		width:50%;
		padding:0 2%;
	}

		footer .sitemap .column dl dt a{
			display:block;
			background:url(../images/common/icon/circle-blue.png) 0 0.3em no-repeat;
		}

		footer .sitemap .column dl dd ul li a{
			display:block;
			background:url(../images/common/icon/arrow/button-blue.png) 4px 0.3em no-repeat;
			background-size:7px 12px;
		}

footer .siteSign{
	border-top:1px solid #dddddd;
	background:#f4f4f4;
	padding:8% 2%;
}

	footer .siteSign p.logo{
		margin-bottom:4%;
	}

	footer .siteSign p.logo img{
		width:80%;
	}

	footer .siteSign p.copyright{
		font-size:75%;
	}

}