@charset "UTF-8";

/* ------------------------------------- 
/brand_site/multi_fit/common/css/contents.css
/brand_site/multi_fit/common/css/sp_contents.css
を上書き
-------------------------------------  */

:root {
	--cta-1st-color: #00b38e;
	--cta-2nd-color: #fff;
	--cta-3rd-color: #000;
}

/* assist_area
------------------------------------- */
.assist_area *,
.assist_area *::before,
.assist_area *::after {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	color: var(--cta-2nd-color) !important;
}

.assist_area .bk_white,
.assist_area .bk_white * {
	color: var(--cta-3rd-color) !important;
}

.assist_area {
	background-color: var(--cta-1st-color);
}

.contact_title span {
	background: var(--cta-1st-color);
}

.contact_title::after {
	background: var(--cta-2nd-color);
}

.fixmenu {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	background-color: var(--cta-1st-color);
	border-top: solid 1px var(--cta-2nd-color);
	z-index: 3;
}

.fixmenu_txt {
	color: var(--cta-2nd-color);
}

.fixmenu_txt::before,
.fixmenu_txt::after {
	border-color: var(--cta-2nd-color) transparent transparent transparent;
}

.fixmenu_inner::before,.fixmenu_inner::after  {
	border-color: var(--cta-2nd-color) transparent transparent transparent;
}

.cul02>li dl dt::after {
	background: url(redy.png) no-repeat !important;
}

a.undlinksz u {
	color: #fff000 !important;
}

@media screen and (max-width: 1024px) {
	.telsbbox {
		width: max-content;
	}

	.telsbbox .tela {
		font-size: 6vw;
	}

	.cul02>li:first-child {
		float: unset;
		width: 100%;
		box-sizing: border-box;
		padding: 0 0 30px;
		position: relative;
		border-bottom: solid 2px #fff;
		margin: 0 0 30px;
	}

	.cul02>li:first-child::after {
		background: none;
	}

	.cul02>li:last-child {
		float: unset;
		display: flex;
		justify-content: space-evenly;
		width: 100%;
		box-sizing: border-box;
		padding: 0;
	}

	.cul02>li:last-child dl {
		width: 260px;
	}

	.assist_area .cul02 {
		display: block;
	}
}

/* rental_area
------------------------------------- */
.rental_area {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	padding: 60px 10px;
}

/* footer
------------------------------------- */
/* @media screen and (max-width: 690px) {

	footer .footer-wrap .footer-top dl {
		width: 100% !important;
	}

	footer .footer-wrap .footer-top dl dd ul li a::before {
		transform: rotate(45deg) translateX(-50%);
		position: absolute;
		left: 1em;
		top: 50%;
	}

	footer .footer-wrap .footer-top dl dd ul li a {
		padding-left: 2em;
		position: relative;
		display: block;
		line-height: 2;
	}

	.footer-middle ul li {
		padding: 10px !important;
		text-align: center;
	}

	.footer-middle ul:first-child li:not(:nth-of-type(3)) {
		width: 50% !important;
		margin: 0 !important;
		background: #eee;
	}

	.footer-middle ul:first-child li:nth-of-type(1) {
		order: 1;
		border-right: solid 2px #fff !important;
		border-bottom: solid 2px #fff !important;
	}

	.footer-middle ul:first-child li:nth-of-type(2) {
		order: 2;
		border-bottom: solid 2px #fff !important;
		border-right: none !important;
	}

	.footer-middle ul:first-child li:nth-of-type(3) {
		width: 100% !important;
		order: 5;
		border-right: none !important;
		padding: 20px 0 10px !important;
	}

	.footer-middle ul:first-child li:nth-of-type(4) {
		order: 3;
		border-right: solid 2px #fff !important;
	}

	.footer-middle ul:first-child li:nth-of-type(5) {
		order: 4;
	}

	.footer-middle ul:last-child li:nth-of-type(1),
	.footer-middle ul:last-child li:nth-of-type(2) {
		width: 100%;
		border: none !important;
	}
} */