/* CSS Document */




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

	footer

============================================================================*/
footer {
	font-family: 'Noto Serif JP', serif;
}

/*=======================　　ここからレスポンシブ＊Middle　　========================*/
@media screen and (max-width:770px) {
}

/*=======================　　ここからレスポンシブ＊SP　　========================*/
@media screen and (max-width:640px) {
}



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

	#footer_contact

============================================================================*/
#footer_contact {
	background: url(../images/footer_img01.jpg);
	height: 300px;
}
#footer_contact ul {
	display: flex;
	justify-content: space-between;
	width: 90%;
	max-width: 1000px;
	margin: auto;
	padding-top: 95px;
}
#footer_contact ul li {
	width: 45%;
}
/*----- Gコミ----- （東内） */
#footer_contact ul li:nth-child(1) {
	width: 18%;
	display:block;
	background-color: #ffffff;
	transition: all 0.3s ease-out;
}
#footer_contact ul li:nth-child(1) a {
	width: 100%;
	height: 100%;
	display:block;
	background-color: #ffffff;
	padding-top: 23px;
	box-sizing: border-box;
}
#footer_contact ul li:nth-child(1) a img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#footer_contact ul li:nth-child(1):hover {
	opacity: 0.6;
	transition: all 0.3s ease-out;
}
#footer_contact ul li:nth-child(1) {
	display: none;
}
/*------------------------------ 電話番号 ------------------------------*/
#footer_contact ul li:nth-child(2) a {
	display: block;
	height: 100px;
	box-sizing: border-box;
	padding: 10px 0;
	background: #144d14;
	color: #FFF;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-size: 21px;
	text-align: center;
	letter-spacing: 2px;
	border: 1px solid #144d14;
}
#footer_contact ul li:nth-child(2) a em {
	padding-left: 5px;
	font-size: 28px;
	letter-spacing: 3px;
}
#footer_contact ul li:nth-child(2) a span {
	display: block;
	font-size: 13px;
	font-weight: bold;
}
#footer_contact ul li:nth-child(2) a:hover { background: #FFF; color: #144d14; }
#footer_contact ul li:nth-child(2) a:hover em { color: #144d14; }
#footer_contact ul li:nth-child(2) a:hover span { color: #144d14; }


/*------------------------------ お問い合わせ ------------------------------*/
#footer_contact ul li:last-of-type a {
	display: block;
	height: 100px;
	box-sizing: border-box;
	padding: 30px 0;
	background: #50412b;
	color: #FFF;
	font-size: 21px;
	text-align: center;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 3px;
	border: 1px solid #50412b;
}
#footer_contact ul li:last-of-type a i {
	padding-right: 8px;
}
#footer_contact ul li:last-of-type a:hover { background: #FFF; color: #50412b; }



/*=======================　　ここからレスポンシブ＊Middle　　========================*/
@media screen and (max-width:770px) {
	#footer_contact { height: auto;}
	#footer_contact ul { padding: 70px 0;}
	#footer_contact ul li { width: 49%;}
}



/*=======================　　ここからレスポンシブ＊SP　　========================*/
@media screen and (max-width:640px) {
	
	#footer_contact ul {
		display: block;
		padding: 40px 0 30px;
	}
	#footer_contact ul li {
		width: 100%;
		margin-bottom: 10px;
	}
	
	/*------------------------------ 電話番号 ------------------------------*/
	#footer_contact ul li:first-of-type a {
		height: 70px;
		padding: 4px 0;
		font-size: 15px;
		letter-spacing: 2px;
	}
	#footer_contact ul li:first-of-type a em {
		padding-left: 3px;
		font-size: 23px;
		letter-spacing: 3px;
	}
	#footer_contact ul li:first-of-type a span {
		font-size: 10px;
	}

	/*------------------------------ お問い合わせ ------------------------------*/
	#footer_contact ul li:last-of-type a {
		height: 70px;
		padding: 19px 0;
		font-size: 18px;
		letter-spacing: 3px;
	}

}



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

	#footer_nav

============================================================================*/
#footer_nav {
	background: #26201b;
}
#footer_nav ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 90%;
	max-width: 1280px;
	margin: auto;
	padding: 70px 0 80px;
}
#footer_nav ul li {
	width: 24%;
}
#footer_nav ul li a {
	color: #FFF;
	font-size: 13px;
}



/*=======================　　ここからレスポンシブ＊Middle　　========================*/
@media screen and (max-width:770px) {
	#footer_nav ul li {
		width: 49%;
		font-size: 12px;
	}
}



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

	#footer_inner

============================================================================*/
#footer_inner {
	background: #efefef;
}
#footer_inner .inner {
	display: flex;
	justify-content: space-between;
	width: 90%;
	max-width: 1280px;
	margin: auto;
	padding-top: 80px;
}

/*------------------------------ 概要 ------------------------------*/
#footer_inner .inner .footer_inner_left {
	font-size: 13px;
	line-height: 2.5;
}
#footer_inner .inner .footer_inner_left h1 img {
	margin-bottom: 30px;
	mix-blend-mode: multiply;
}

/*------------------------------ イラストマップ ------------------------------*/
#footer_inner .inner .footer_illustmap {
	width: 32%;
	text-align: right;
}

/*------------------------------ Googlemap ------------------------------*/
#footer_inner .inner .footer_inner_right {
	width: 40%;
}
#footer_inner .inner .footer_inner_right iframe {
	width: 100% !important;
}

/*------------------------------ Copyright ------------------------------*/
#footer_inner #copyright {
	width: 90%;
	max-width: 1280px;
	margin: auto;
	padding-bottom: 60px;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 12px;
}



/*=======================　　ここからレスポンシブ＊Middle　　========================*/
@media screen and (max-width:1260px) {
	#footer_inner .inner .footer_illustmap {
		width: 32%;
	text-align: right;
	}
	#footer_inner .inner .footer_inner_right {
		width: 30%;
	}
}



/*=======================　　ここからレスポンシブ＊SP　　========================*/
@media screen and (max-width:1000px) {
	#footer_inner  { 
		text-align: center;
	}
	#footer_inner .inner { 
		display: block;
		padding-top: 30px;
	}
	#footer_inner .inner .footer_inner_left { 
		margin: 40px auto;
	}
	#footer_inner .inner .footer_illustmap {
		width: 100%;
		margin-bottom: 30px;
		text-align: center;
	}
	#footer_inner .inner .footer_inner_right {
		width: 100%;
		margin-bottom: 20px;
	}
	#footer_inner #copyright {
		padding-bottom: 40px;
	}
}