@charset "utf-8";

.section-bottom__links {
	border-bottom: 1px solid #808080;
}

.no_boder .section-bottom__links {
	border-bottom: none;
}

.section-bottom__links li {
	background-color: #fff;
}

.section-bottom__links a {
	display: block;
	color: #444 !important;
}

.section-bottom__links a:hover {
	opacity: 0.7;
}

.section-bottom__links .logo img {
	width: 100%;
}

.section-bottom__links .ar .logo {
	width: 44px;
}

.section-bottom__links .vr .logo {
	width: 47px;
}

.section-bottom__links .search .logo {
	width: 45px;
}

.section-bottom__links .catalogue .logo {
	width: 45px;
}

/*------------------------------------------------------------------------------------------
*
    body color /interior color 
*
------------------------------------------------------------------------------------------ */
/* body color */
.nav_color_list li.c_sunlight_white {
	background-color: #dae6ec;
}

.nav_color_list li.c_air_lightblue,
.nav_color_list li.c_airlight_blue {
	background-color: #79a7d9;
}

.nav_color_list li.c_glamorous_bronze {
	background-color: #4f2614;
}

.nav_color_list li.c_surf_blue {
	background-color: #bae3f9;
}

.nav_color_list li span.black,
.nav_color_list li span.silver,
.nav_color_list li span.yellow {
	content: "";
	width: 100%;
	height: 50%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.nav_color_list li span.black {
	background-color: #000;
}

.nav_color_list li span.silver {
	background-color: #ddd;
}

.nav_color_list li span.yellow {
	background-color: #dee449;
}

/* interior color */
.nav_color_list li.c_gray {
	background-color: #666;
}

.nav_color_list li.c_brown {
	background-color: #7d5234
}




@media print,
screen and (min-width : 769px) {
	.section_title {
		margin: 0 auto 25px;
		font-size: 38px;
		line-height: 52px;
		text-align: center;
		white-space: nowrap;
	}
	
	#section-estimate {
		margin: 0 0 110px;
	}

	.section-estimate__desc {
		margin: 0 0 10px;
		font-size: 16px;
		text-align: center;
	}

	.section-estimate__btn {
		width: 424px;
		height: 52px;
		margin: 0 auto;
		text-align: center;
	}

	.section-estimate__btn a {
		width: 100%;
		height: 52px;
		color: #fff !important;
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		letter-spacing: 0.03em;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #0064a1;
	}
	
	.section-estimate__btn a::before {
		content: "";
		width: 20px;
		height: 24px;
		margin-right: 15px;
		background: url(/auto-archive/fit/2022/special/sp-common/image/icon_yen.png) center center no-repeat;
		background-size: 100% auto;
		display: inline-block;
		vertical-align: middle;
	}
	
	.section-estimate__btn span {
		vertical-align: middle;
	}

	.section-variation__list {
		width: 930px;
		margin: 0 auto;
	}

	.section-variation__list li {
		margin: 0 0 4px;
		transition: opacity 300ms ease;
	}

	.section-variation__list li:hover {
		opacity: 0.7;
	}

	.section-variation__list a {
		display: flex;
		align-items: stretch;
		justify-content: center;
		position: relative;
		overflow: hidden;
	}

	.section-variation__texts {
		width: 485px;
		height: 150px;
		padding: 20px 40px 0 30px;
		color: #444;
		transition: color 300ms ease;
		box-sizing: border-box;
		background: url(../image/type_menu/arrow_circle.png) calc(100% - 25px) center no-repeat;
		background-size: 25px auto;
	}

	.section-variation__list a > .img {
		flex: 0 0 445px;
		line-height: 0;
	}

	.section-variation__list a > .img img {
		width: 100%;
	}

	.section-variation__list .section-variation__name {
		margin: 0 0 20px;
		padding: 0;
		position: relative;
	}

	.section-variation__name img {
		width: 100%;
	}

	.section-variation__copy {
		font-size: 16px;
		line-height: 30px;
	}

	.section-variation__list .basic {
		background-color: #e0e0e0;
	}

	.basic .section-variation__name {
		width: 242px;
	}

	.section-variation__list .home {
		background-color: #f3f3ef;
	}

	.home .section-variation__name {
		width: 250px;
	}

	.section-variation__list .ness {
		background-color: #fbefe5;
	}

	.ness .section-variation__name {
		width: 214px;
	}

	.section-variation__list .crosstar {
		background-color: #ebf7f7;
	}

	.crosstar .section-variation__name {
		width: 365px;
	}

	.section-variation__list .luxe {
		background-color: #ebe4d7;
	}

	.luxe .section-variation__name {
		width: 221px;
	}

	#section_bottom {
		margin: 0 0 70px;
	}

	#section_bottom .section-inner {
		width: 930px;
		margin: 0 auto;
	}

	.section-bottom__links {
		margin-bottom: 25px;
		padding-bottom: 30px;
		border-bottom: 1px solid #808080;
	}

	.section-bottom__links ul {
		display: flex;
		justify-content: space-between;
	}

	.section-bottom__links li {
		width: 222px;
		height: 222px;
		padding-top: 34px;
		box-sizing: border-box;
		text-align: center;
		color: #444 !important;
	}

	.section-bottom__links .logo {
		height: 50px;
		margin: 0 auto 20px;
	}

	.section-bottom__links .logo img {
		width: 100%;
	}

	.section-bottom__links .ar .logo {
		width: 44px;
	}

	.section-bottom__links .vr .logo {
		width: 47px;
	}

	.section-bottom__links .search .logo {
		width: 45px;
	}

	.section-bottom__links .catalogue .logo {
		width: 45px;
	}

	.section-bottom__links-title {
		height: 44px;
		margin-bottom: 10px;
		font-size: 16px;
		line-height: 22px;
		font-weight: bold;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.section-bottom__links-copy {
		font-size: 11px;
		line-height: 16px;
	}

	.section-bottom__caution {
		margin-bottom: 70px;
		font-size: 11px;
		line-height: 16px;
	}

	.section-bottom__caution:last-child {
		margin-bottom: 0;
	}

	.section-bottom__caution li {
		margin-bottom: 10px;
		text-indent: -1em;
		padding-left: 1em;
	}

	.section-bottom__caution li:last-child {
		margin-bottom: 0;
	}

	.section-bottom__return-top {
		text-align: center;
	}

	.section-bottom__return-top a {
		padding: 15px 50px 15px 25px;
		color: #fff !important;
		font-size: 16px;
		display: inline-block;
		background: url(/auto-archive/fit/2022/new/new-common/image/icon_tri.png) calc(100% - 24px) center no-repeat #0064a1;
		background-size: 9px auto;
	}
}

@media screen and (max-width : 768px) {
	.section_title {
		margin: 0 0 10px;
		font-size: 23px;
		line-height: 34px;
	}

	.section-variation__list {
		margin: 0 15px;
		position: relative;
		overflow: hidden;
	}

	.section-variation__list li {
		margin: 0 0 10px;
		transition: opacity 300ms ease;
	}

	.section-variation__list li:hover {
		opacity: 0.7;
	}

	.section-variation__list a {
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		position: relative;
		overflow: hidden;
	}

	.section-variation__texts {
		flex: 0 0 calc(100% - 130px);
		flex-basis: calc(100% - 130px);
		padding: 10px 30px 0 10px;
		color: #444;
		transition: color 300ms ease;
		box-sizing: border-box;
		background: url(../image/type_menu/arrow_circle.png) calc(100% - 8px) center no-repeat;
		background-size: 16px auto;
	}

	.section-variation__list a > .img {
		flex: 0 0 130px;
		line-height: 0;
	}

	.section-variation__list a > .img img {
		width: 100%;
	}

	.section-variation__list .section-variation__name {
		margin: 0 0 5px;
		padding: 0;
		font-size: 17px;
		line-height: 38px;
		font-weight: bold;
		position: relative;
	}

	.section-variation__name span > span {
		margin: -10px 0 0 -5px;
		font-size: 10px;
		line-height: 15px;
		font-weight: normal;
		display: block;
	}

	.section-variation__name img {
		width: 100%;
	}

	.section-variation__copy {
		font-size: 13px;
		line-height: 19px;
	}

	.section-variation__list .basic {
		background-color: #e0e0e0;
	}

	.basic .section-variation__name {
		color: #656464;
	}

	.section-variation__list .home {
		background-color: #f3f3ef;
	}

	.home .section-variation__name {
		color: #c5c1af;
	}

	.section-variation__list .ness {
		background-color: #fbefe5;
	}

	.ness .section-variation__name {
		color: #f6b355;
	}

	.section-variation__list .crosstar {
		background-color: #ebf7f7;
		color: #9cd5d7;
	}

	.crosstar .section-variation__name {
		color: #9cd5d7;
	}

	.section-variation__list .luxe {
		background-color: #ebe4d7;
	}

	.luxe .section-variation__name {
		color: #9a7637;
	}
	
	#section-estimate {
		margin: 0 23px 90px;
	}

	.section-estimate__desc {
		margin: 0 0 5px;
		font-size: 13px;
		line-height: 16px;
		text-align: center;
	}

	.section-estimate__btn {
		text-align: center;
	}

	.section-estimate__btn a {
		width: 100%;
		height: 52px;
		padding: 15px 0 15px;
		color: #fff !important;
		font-size: 21px;
		line-height: 52px;
		font-weight: bold;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #0064a1;
		box-sizing: border-box;
	}
	
	.section-estimate__btn a::before {
		content: "";
		width: 19px;
		height: 24px;
		margin-right: 15px;
		background: url(/auto-archive/fit/2022/special/sp-common/image/icon_yen.png) center center no-repeat;
		background-size: 100% auto;
		display: inline-block;
		vertical-align: middle;
	}
	
	.section-estimate__btn span {
		vertical-align: middle;
	}

	#section_bottom {
		padding: 40px 15px 100px;
	}

	#section_bottom .section-inner {
		margin: 0 0;
	}

	.section-bottom__links {
		margin-bottom: 25px;
	}

	.section-bottom__links ul {
		margin-bottom: 40px;
	}

	.section-bottom__links li {
		margin-bottom: 16px;
	}

	.section-bottom__links li a {
		padding: 30px 20px 20px;
		display: block;
	}

	.section-bottom__head {
		margin-bottom: 20px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	.section-bottom__links .logo {
		width: 46px;
	}

	.section-bottom__links-title {
		margin: 0 0 0 23px;
		font-size: 17px;
		line-height: 25px;
		font-weight: bold;
		text-align: left;
	}

	.section-bottom__links-copy {
		height: 42px;
		font-size: 13px;
		line-height: 21px;
	}

	.section-bottom__caution {
		margin-bottom: 27px;
		font-size: 11px;
		line-height: 16px;
	}

	.section-bottom__caution:last-child {
		margin-bottom: 0;
	}

	.section-bottom__caution li {
		margin-bottom: 5px;
		padding-left: 1em;
		text-indent: -1em;
	}
}