/* CSS Document */



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

		$footer_contact　お問い合わせ

==================================================================*/
#footer_contact{
	display:table;
	width: 1100px;
	height: 200px;
	margin: 0 auto 130px;
	padding: 5px;
	box-sizing: border-box;
	background: #eee;
}
#footer_contact h2 {
	display:table-cell;
	vertical-align:middle;
	width: 380px;
	background: #222;
	color: #FFF;
	font-size: 15px;
	letter-spacing: 2px;
}
#footer_contact h2 em {
	font-size: 40px;
}
#footer_contact ul {
	position: relative;
}
#footer_contact ul li {
	display:table;
	float: left;
	width: 310px;
	height: 140px;
	margin-top: 28px;
	margin-left: 31px;
	background: #FFF;
}
#footer_contact ul li a {
	display:table-cell;
	vertical-align:middle;
	text-align: center;
	font-family: 'Noto Serif JP', serif;
}

/*電話番号*/
#footer_contact ul li:first-child a {
	font-size: 28px;
	letter-spacing: 2px;
}
#footer_contact ul li:first-child a p em {
	margin-right: 5px;
	font-size: 20px;
	font-family: 'EB Garamond', serif;
}
#footer_contact ul li:first-child a p:last-child {
	font-size: 16px;
	letter-spacing:0.03em;
}

/*お問い合わせフォーム*/
#footer_contact ul li:last-child a {
	display: block;
	margin: 20px;
	background: #222;
	color: #FFF;
	line-height: 100px;
	transition: 0.3s ease-out;
}
#footer_contact ul li:last-child a i {
	margin-right: 10px;
}
#footer_contact ul li:last-child a:hover {
	background: #666;
}



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

	footer

============================================================================*/
footer {
	position:relative;
	width:100%;
	height: 530px;
	box-sizing: border-box;
	padding-top: 125px;
	/*background:url(../images/footer_bg.png) no-repeat top right , #000;*/
	background:#000;
	font-size: 13px;
	color: #FFF;
}
footer a {color: #FFF;}
footer a:hover {color: #999;}

/*------------------------------ info ------------------------------*/
.footer_info {
	position: absolute;
	right: 15%;
	text-align: right;
}
.footer_info dl dt {
	margin-bottom: 35px;
}
.footer_info dl dt img {
	width: auto;
	height: 28px;
}
.footer_info dl dd {
	margin-bottom: 10px;
}

/*------------------------------ nav ------------------------------*/
.footer_nav {
	position: relative;
	padding-left:  10%;
}
.footer_nav ul {
	float: left;
	width: 200px;
}
.footer_nav li {
	margin: 0 25px 30px;
}
.footer_nav li ul li {
	margin: 10px 15px;
}

/*------------------------------ コピーライト ------------------------------*/
.copy{
	position: absolute;
	bottom: 100px;
	right: 15%;
	text-align: right;
}
.copy small{
	line-height:70px;
	font-size:12px;
	letter-spacing: 2px;
}








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

	▼▽▼▽▼▽▼▽▼▽ここからSP用▼▽▼▽▼▽▼▽▼▽

============================================================================*/
@media screen and (max-width:640px) {
	
	
	

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

		$footer_contact　お問い合わせ

==================================================================*/
#footer_contact{
	display:block;
	width: 90%;
	height: auto;
	margin: 0 auto 90px;
}
#footer_contact h2 {
	display:block;
	width: 100%;
	margin-bottom: 0;
	padding: 30px 0 35px;
	font-size: 14px;
}
#footer_contact h2 em {
}
#footer_contact ul li {
	float: none;
	width: 100%;
	height: 140px;
	margin: 5px 0 0;
}

/*電話番号*/

/*お問い合わせフォーム*/
#footer_contact ul li:last-child a {
	font-size: 16px;
}

	

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

	footer

============================================================================*/
footer {
	height: auto;
	padding-top: 60px;
}

/*------------------------------ info ------------------------------*/
.footer_info {
	position: relative;
	right: 0;
	width: 90%;
	margin: auto;
	text-align: center;
}


/*------------------------------ nav ------------------------------*/
.footer_nav { display: none;}

/*------------------------------ コピーライト ------------------------------*/
.copy{
	position: relative;
	bottom: 0;
	right: 0;
	padding: 10px 0 30px;
	text-align: center;
}
.copy small{
	font-size:10px;
	letter-spacing: 1px;
}


	


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

	▲△▲△▲△▲△▲△ここまでSP用▲△▲△▲△▲△▲△

============================================================================*/
}