@charset "utf-8";

footer {
}

footer a {
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
}

/* *** メニュー *** */
.footer_top {
	width: 100%;
	background: #d2e6e2;
}
.footer_top .footer_menu {
	padding: 85px 0 75px;
	text-align: center;
	font-size: 0;	/* inline-blockの謎の余白を消すため*/
}
.footer_top .footer_menu ul {
	display: inline-block;
	list-style: none;
}
.footer_top .menu_box {
	display: block;

	text-align: center;
	background: transparent;
	border-left: 1px solid #595758;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

	float: left;
}
.footer_top .menu_box a {
	display: block;
	padding: 2px 30px;
}
.footer_top .menu_box a:hover,
.footer_top .menu_box a:active:hover {
	background: #add2ca;
}
.footer_top .menu_box:last-child {
	border-right: 1px solid #595758;
}

.footer_top .menu_box p {
	color: #595758;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", sans-serif;
	font-size: 14px;
	line-height: 16px;
}


/* *** 会社 *** */
.footer_bottom {
	width: 100%;
	background: #0e7a65;
}
.footer_bottom .footer_company {
	width: 95%;
	padding: 50px 0 40px;
	position: relative;
}
.footer_bottom .footer_company_box {
	font-size: 0;
}
.footer_bottom .company_name,
.footer_bottom .company_info {
	display: inline-block;
	vertical-align: top;
}
.footer_bottom .company_name {
	color: #fff;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", sans-serif;
	font-size: 26px;
	line-height: 31px;
	font-weight: 600;
}
.footer_bottom .company_info {
	margin-left: 40px;

	color: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", sans-serif;
	font-size: 13px;
	line-height: 21px;
}
.footer_bottom .footer_copyright {
	color: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", sans-serif;
	font-size: 11px;
	line-height: 13px;

	position: absolute;
	right: 0;
	bottom: 10px;
}

@media screen and (max-width: 1065px) {
	.footer_bottom .footer_company_box {
		text-align: center;
	}
	.footer_bottom .company_name,
	.footer_bottom .company_info {
		display: block;
		text-align: center;
	}
	.footer_bottom .company_info {
		margin-top: 10px;
		margin-left: 0;
	}
}

@media screen and (max-width: 780px) {
	.footer_top {
		display: none;
	}
}

/* iPhone6/7/8 Plus */
@media screen and (max-width: 480px) {
	.footer_bottom .company_name {
		/*font-size: 18px;*/
		font-size: 4.6vw;
		line-height: 24px;
	}
	.footer_bottom .footer_company {
		padding-top: 40px;
	}
}