@charset "utf-8";
/* ============================================================ */
/* footer */
/* ============================================================ */
.footer {
	width: 100%;
	background: #0076CC;
	color: var(--white);
	padding: 50px 0 15px;
}

.footer-top {
	max-width: 1260px;
	margin: 0 auto 30px;
	padding: 0 30px;
	display: flex;
	align-items: center;
	font-size: 1.4rem;
	line-height: 1.8;
	letter-spacing: 1.4px;
}

.footer-logo {
	margin-right: clamp(30px, 0.208rem + 3.8vw, 70px);
}

.footer-logo__link {
	width: 240px;
	display: block;
}

.footer-bottom {
	max-width: 1260px;
	margin: 0 auto 30px;
	padding: 0 30px;
	display: flex;
}

.footer-address {
	width: 60%;
	display: flex;
	font-size: 1.4rem;
	/*padding: 0 100px 0 0;*/
	border-right: 2px solid rgba(255,255,255, 0.5);
}

.footer-address__list {
	width: calc(50% + clamp(4rem, 3.108rem + 4.076vw, 8rem));
	padding-right: clamp(4rem, 3.108rem + 4.076vw, 8rem);
}

.footer-address__item {
	margin: 0 0 20px;
}

.footer-address__item a[href*="tel:"] {
	color: rgba(255,255,255, 0.75);
}

.footer-address__item .__office {
	margin: 0 0 5px;
	font-weight: 600;
}

.footer-address__item .__txt {
	font-size: 1.2rem;
	color: rgba(255,255,255, 0.75);
}


/* fnav
------------------------------------------------------------ */
.fnav {
	width: 40%;
	padding-left: clamp(30px, 38.854px + 3.185vw, 100px);
	display: flex;
	justify-content: space-between;
}

@media only screen and (min-width: 768px) and (max-width: 1170px) {
	.fnav {
		flex-wrap: wrap;
	}
}

.fnav__inner {
	width: 50%;
}

@media only screen and (min-width: 768px) and (max-width: 1170px) {
	.fnav__inner {
		width: 100%;
	}
}

.fnav__item {
	margin: 0 0 20px;
	font-size: 1.4rem;
}

.fnav__link {
	color: var(--white);
	font-weight: 700;
	letter-spacing: 1.4px;
}

.fnav__link .__txt {
  background: linear-gradient(0deg, var(--white), var(--white)) no-repeat right bottom / 0 var(--bg-h2);
}

.fnav-sub {
	margin: 15px 0 0;
}

.fnav-sub__item {
	line-height: 1.4;
	margin: 0 0 15px 1.2em;
}

.fnav-sub__item:last-child {
	margin: 0 0 0 1.2em;
}

.fnav-sub__link {
	color: rgba(255, 255, 255, 0.75);
	font-weight: 700;
}

.fnav-sub__link .__txt {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)) no-repeat right bottom / 0 var(--bg-h2);
}


/* footer copyright
------------------------------------------------------------ */
.footer-copyright {
	font-size: 1.0rem;
	font-weight: 300;
	text-align: center;
	letter-spacing: 1px;
}