@charset "UTF-8";

.side_img {
	overflow: hidden;
	position: relative;
}

.side_img #border_01 {
	mix-blend-mode: overlay;
	position: absolute;
}

.cmn_side_intro .table {
	margin-bottom: 25px;
}

.cmn_side_intro .cash_btn {
	background-color: #000000;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	height: 59px;
	margin-top: 21px;
	max-width: 330px;
	width: 100%;
}

.cmn_side_intro .cash_btn span {
	background: center right / 14px auto no-repeat url(../img/cmn/img-ic-arrow-down-w.svg);
	color: #ffffff;
	font-size: 18px;
	padding-right: 26px;
}

.cmn_side_intro_block {
	position: relative;
}

.cmn_side_intro_block .img {
	bottom: 145px;
	left: -6.7svw;
	position: absolute;
	width: 54svw;
}

.cmn_side_intro_block .cmn_ttl_94 {
	line-height: 1;
	position: absolute;
	top: -64px;
	z-index: 1;
}

.repair_photos {
	margin-bottom: 58px;
	margin-left: -6.7vw;
	margin-top: 125px;
	position: relative;
}

.repair_photos .cmn_ttl_94 {
	line-height: 1;
	position: absolute;
	top: 60px;
    left: 120px;
	z-index: 1;
}

.repair_photos .photos {
	align-items: flex-end;
	display: flex;
	gap: 2.5vw;
}

.repair_photos .photo01 {
	width: 29vw;
}

.repair_photos .photo_block {
	overflow: hidden;
	position: relative;
	width: 58vw;
}

.repair_photos .photo_block #border_02 {
	bottom: 100px;
	left: -13%;
	mix-blend-mode: overlay;
	position: absolute;
}

.repair_photos .photo_block .photo02 {
	margin-bottom: 39px;
}

.car {
	width: 83px;
}

.flow {
	margin-bottom: 176px;
	margin-top: 183px;
	position: relative;
}

.flow_hd {
	line-height: 1;
	position: absolute;
	top: -64px;
	z-index: 1;
}

.flow .map svg {
	overflow-x: scroll;
}

.repair_box {
	width: 100%;
}

.repair_box .cmn_row {
	gap: 5.9vw;
}

.repair_box .repair_box_block {
	width: 100%;
}

.repair_box .cmn_ttl_38 {
	margin-bottom: 25px;
}

.repair_box .txt {
	font-size: 16px;
}

.repair_box .table {
	border-top: solid #000000 3px;
	margin-bottom: 102px;
	margin-top: 28px;
}

.repair_box .table table,
.repair_box .table tbody {
	display: block;
	text-align: left;
	vertical-align: middle;
	width: 100%;
}

.repair_box .table table {
	border-bottom: solid 2px #000000;
}

.repair_box .table tr {
	border-left: solid 2px #000000;
	border-right: solid 2px #000000;
	border-top: solid 2px #000000;
	display: flex;
}

.repair_box .table th,
.repair_box .table td {
	display: block;
	font-weight: bold;
	padding: 15px 17px;
}

.repair_box .table th {
	align-items: center;
	background-color: #e5e6e6;
	display: flex;
	font-size: 16px;
	width: 170px;
}

.repair_box .table td {
	font-size: 22px;
}
.repair_box .table tbody tr:nth-child(3) td {
	font-size: 14px;
}

.repair_box .table .txt {
	font-size: 16px;
	padding: 20px 0;
}

.repair_box .table span {
	text-decoration: underline;
}

.repair_item {
	margin-bottom: 112px;
}

.article_row {
	display: flex;
	gap: 20px;
	margin-bottom: 32px;
}

.article_row .img {
	max-width: 570px;
	width: 100%;
}

.article_row .img em {
	font-size: 22px;
	font-weight: 700;
}

.service_info {
	border-top: solid 3px #000000;
	margin-top: 38px;
	padding-top: 16px;
}

.service_other_list {
	border-bottom: solid 1px #000000;
	border-top: solid 1px #000000;
	margin-top: 16px;
	padding: 14px 0 14px 25px;
}

.service_cat_list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 13px;
}

.service_cat_list li {
	background-color: #707070;
	border-radius: 3px;
	color: #ffffff;
	display: inline-block;
	font-size: 14px;
	padding: 0 10px;
}

.service_other_list li {
	font-size: 18px;
	font-weight: bold;
	list-style: disc;
}

.repair_box .cmn_btn {
	margin-top: 22px;
}

.repair_box .cmn_btn a {
	max-width: 453px;
	width: 100%;
}

.row_list {
	display: flex;
	gap: 98px;
}

.row_list .service_other_list {
	border: none;
}

.links {
	display: flex;
	gap: 46px;
	justify-content: left;
	margin-bottom: 92px;
	margin-top: 60px;
}

.links .cmn_btn {
	width: 329px;
}

.links .cmn_btn a {
	width: 100%;
}
.rc_list{
	padding: 30px 0 5px;
	display: flex;
	justify-content: space-around;
	gap: 42px 10px;
	flex-wrap: wrap;
}
.rc_list li{
	width: 31%;
}
.rc_list li img{
	width: 100%;
	max-height: 233px;
	height: 100%;
	object-fit: cover;
}
.rc_list li .img figcaption{
	font-weight: bold;
}
.rc_list_ttl{
    border-bottom: solid #000000 3px;
    margin-bottom: 32px;
    margin-top: 28px;
	padding-bottom: 10px;
	font-size: 28px;
	font-weight: bold;
}

.repair_case_list_btn {
	margin-top: 44px;
	text-align: center;
}

.repair_case_list_btn a {
	align-items: center;
	background-color: #000000;
	border: solid 1px #000000;
	border-radius: 3px;
	display: inline-flex;
	height: 59px;
	justify-content: center;
	max-width: 453px;
	overflow: hidden;
	padding: 0 23px;
	position: relative;
	transition: .2s ease-in-out;
	width: 80%;
}

.repair_case_list_btn a::after {
	background-color: #ffffff;
	content: "";
	height: 100%;
	position: absolute;
	top: 100%;
	transition: .2s ease-in-out;
	width: 100%;
}

.repair_case_list_btn a span {
	/* background: center right / 14px auto no-repeat url(../img/cmn/img-ic-out.svg); */
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	padding-right: 23px;
	position: relative;
	transition: .2s ease-in-out;
	z-index: 1;
}
@media (hover: hover) {
	.repair_case_list_btn a:hover:after {
		top: 0;
	}

	.repair_case_list_btn a:hover span {
		/* background-image: url(../img/cmn/img-ic-out-b.svg); */
		color: #000000;
	}
}

@media screen and (max-width:1069px) {
	.cmn_side_intro .cmn_ttl_38 {
		/* margin-bottom: 68px; */
	}

	.repair_box .cmn_ttl_38 {
	}

	.repair_box .txt {
	}

	.repair_box .table {
		border-top: solid #000000 3px;
		margin-bottom: 55px;
		margin-top: 28px;
	}

	.repair_box .table table,
	.repair_box .table tbody {
		display: block;
		text-align: left;
		vertical-align: middle;
		width: 100%;
	}

	.repair_box .table table {
		border-bottom: solid 2px #000000;
	}

	.repair_box .table tr {
		border-left: solid 2px #000000;
		border-right: solid 2px #000000;
		border-top: solid 2px #000000;
		display: flex;
	}

	.repair_box .table th,
	.repair_box .table td {
		display: flex;
		font-weight: bold;
		padding: 10px 13px;
	}

	.repair_box .table th {
		flex-shrink: 0;
		font-size: 14px;
		width: 105px;
	}

	.repair_box .table td {
		display: block;
		font-size: 16px;
	}

	.repair_box .table .txt {
		font-size: 14px;
		padding: 20px 0;
	}

	.repair_box .table span {
	}

	.article_row {
		align-items: center;
		flex-direction: column;
		gap: 12px;
		margin-bottom: 22px;
	}

	.article_row .img {
	}

	.article_row .img em {
		font-size: 18px;
	}

	.service_info {
		margin-top: 32px;
	}

	.service_other_list {
	}

	.service_cat_list {
	}

	.service_cat_list li {
	}

	.service_other_list li {
		font-size: 16px;
	}

	.repair_box .cmn_btn {
	}

	.repair_box .cmn_btn a {
	}

	.row_list {
		display: block;
	}

	.row_list .service_other_list {
	}

	.row_list .service_other_list:nth-child(1) {
		padding-bottom: 0;
	}

	.row_list .service_other_list:nth-child(2) {
		padding-top: 0;
		margin-top: 0;
	}

	.links {
		flex-wrap: wrap;
		gap: 12px;
		margin-bottom: 42px;
		margin-top: 0;
	}

	.links .cmn_btn {
		max-width: 240px;
		width: 100%;
	}

	.links .cmn_btn a {
		height: 42px;
		width: 100%;
	}

	.repair_item {
		margin-bottom: 68px;
	}
	.cmn_side_intro .cash_btn {
		margin-bottom: 20px;
	}
	.cmn_side_intro_block .cmn_ttl_94 {
		top: -24px;
	}
}

@media screen and (max-width:767px) {
	.cmn_side_intro .side_img {
		margin-bottom: 48px;
		margin-top: 32px;
		width: 92%;
	}

	.repair_photos .cmn_ttl_94 {
		right: 60px;
		top: -60px;
	}

	.repair_photos .photos {
		gap: 0;
		justify-content: space-between;
		width: 100vw;
	}

	.repair_photos .photo01 {
		width: 34vw;
	}

	.repair_photos .photo_block {
		width: 61vw;
	}

	.repair_photos .photo_block #border_02 {
		bottom: 0;
		height: auto;
	}

	.repair_photos .photo_block img {
		height: 100%;
		object-fit: cover;
	}

	.repair_photos .photo_block .photo02 {
		height: 44vw;
		margin-bottom: 19px;
	}

	.repair_photos .photo_block .photo03 {
		height: 52vw;
	}

	.flow {
		margin-top: 112px;
		position: relative;
	}

	.flow_map .map {
		margin-bottom: 32px;
		overflow-x: scroll;
	}

	.cmn_side_intro_block .img {
		margin: auto;
		position: static;
		width: 92%;
	}

	.cmn_side_intro_block .cmn_ttl_94 {
		top: 280px;
	}

	.repair_box {
	}

	.repair_box .cmn_row {
	}

	.repair_box .repair_box_block {
	}

	.cmn_side_intro .cash_btn {
		margin-bottom: 20px;
	}
	.rc_list{
		justify-content: space-between;
		gap: 30px 10px;
	}
	.rc_list li{
		max-width: 48%;
	}
}
@media screen and (max-width:566px) {
	.cmn_side_intro_block .cmn_ttl_94 {
		top: 340px;
	}
}
@media screen and (max-width:400px) {
	.cmn_side_intro_block .cmn_ttl_94 {
		top: 370px;
	}
}
@media screen and (max-width:370px) {
	.cmn_side_intro_block .cmn_ttl_94 {
		top: 400px;
	}
}