@charset "utf-8";
@media screen and (max-width:767px) {
/*=============
　　トップページ	
=============*/
/*== MV ==*/
.mv_box {
	width: 100%;
	padding-left: 5.3334%;
	padding-right: 5.3334%;
}
.mv_box:before,
.mv_box:after {
	left: 50%;
	transform: translateX(-50%);
	
}
.mv_box:before {
	top: 0px;
	width: 95%;
	height: 178px;
	/*background-image: url(../../img/public/top/sp/mv_sp_item_01.svg);*/
}
.mv_box:after {
	bottom: -250px;
	width: 95%;
	height: 200px;
	/*background-image: url(../../img/public/top/sp/mv_sp_item_02.svg);*/
}

.mv_txt01 {
	font-size: 18px;
}
.mv_txt02 {
	font-size: 28px;
	font-size: 7vw;
	margin-top: 25px;
}
.mv_txt01 .t_01:before,
.mv_txt01 .t_02:before {
	right: 21px;
	top: -38px;
	background-size: 70px;
	width: 70px;
	height: 23px;
}

/*== オープン記念バナー ==*/
.open_banner {
	width: 90%;
	max-width: 90%;
	margin: 30px auto 0;
}
.open_banner img {
	/* box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); */
}

/*== フッター直上 CTA ==*/
.f_cta {
	width: 90%;
	max-width: 90%;
	margin: 30px auto;
}

/*== マッチメーカーとは ==*/
#intro {
	padding-top: 50px;
}
.intro_contents01 {
	padding-bottom: 50px;
}
.intro_contents01 .flex_box {
	margin-top: 80px;
	padding-left: 5.3334%;
	padding-right: 5.3334%;
}
.intro_contents01 .intro_box h4 {
	font-size: 24px;
	font-size: 5.6vw;
}
.intro_box02 {
	padding-top: 50px;
	padding-bottom: 50px;
}
.intro_box02 p {
	font-size: 18px;
	margin-top: 30px;
	font-weight: bold;
}

/*== こんな人へオススメ ==*/
#osusume {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 5.3334%;
	padding-right: 5.3334%;
}
.osusume_list {
	margin-top: 80px;
	display: block;
}
.osusume_list li {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.osusume_list li + li {
	margin-top: 20px;
}
.osusume_list li .images {
	max-width: 300px;
	width: 30%;
}
.osusume_list li h4 {
	text-align: left;
	max-width: 400px;
	width: 70%;
	padding-left: 20px;
	margin-top: 0;
}

/*== Match Me Carのメリット ==*/
#merit {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 5.3334%;
	padding-right: 5.3334%;
}
.merit_list > div {
	padding-bottom: 30px;
}
.merit_list > div.sell_box {
	padding-bottom: 80px;
}
.merit_list > div h4 {
	font-size: 24px;
}
.merit_list > div h4:before {
	top: -40px;
	background-size: 80px;
	width: 80px;
	height: 28px;
}
.merit_list > div ol {
	margin-top: 30px;
}
.merit_list > div ol li {
	font-size: 18px;
	flex-wrap: wrap;
}
.merit_list > div ol li+li {
	margin-top: 20px;
}
.merit_list > div ol li span {
	display: inline-block;
	width: 296px;
	/*margin-left: 32px;*/
}
.support_box {
	max-width: 450px;
	width: 85%;
}

/*== 車を探す ==*/
#top_search {
	padding-top: 50px;
	padding-bottom: 120px;
}
#top_search form.search_form {
	margin-top: 80px;
	padding-left: 5.3334%;
	padding-right: 5.3334%;
}
.cat_list {
	padding-left: 5.3334%;
	padding-right: 5.3334%;
	margin-top: 30px;
}
.cat_list li+li {
	margin-left: 0;
}
.cat_list li {
	width: 48%;
	margin-bottom: 15px;
}
.cat_list li:nth-child(even) {
	margin-left: 4%;
}
.cat_list li a {
	width: 100%;
	padding: 10px 5px;
}

.slide_box {
	transform: translateX(-15px);
	margin-top: 0px;
}
.slide_box .card_list {
	width: 80%;
	margin-top: 30px;
}
.slide_box .card {
	margin-right: 30px;
}
.slide_box .card02 {
	padding: 10px;
}
.slide_box .car_name {
	padding-bottom: 15px;
}
.car_price.flex_box {
	padding-top: 0;
	padding-bottom: 5px;
	/* display: block; */
}
.slide_box .pr_box {
	margin-top: 10px;
}
.slide_box .pr_box p {
	font-size: 14px;
}


/*== ルールとマナーについて ==*/
#rule {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 5.3334%;
	padding-right: 5.3334%;
}
.rule_box .txt_box h4 {
	font-size: 24px;
	font-size: 5.6vw;
	padding-bottom: 30px;
	margin-bottom: 20px;
}
.rule_box .txt_box h4:before {
	background-size: 110px;
	width: 110px;
	height: 10px;
}
.rule_btn {
	text-align: center;
}
.rule_btn a {
	margin-top: 30px;
	max-width: 280px;
	width: 100%;
	height: 50px;
	line-height: 45px;
	font-size: 16px;
	border: 3px solid;
}
.rule_btn a:before {
	top: 13px;
	left: 25px;
	background-size: 20px;
	width: 20px;
	height: 18px;
}


/*== 販売中の車のやりとりについて ==*/
#yaritori {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 5.3334%;
	padding-right: 5.3334%;
}
.yaritori_box .txt_box h4 {
	font-size: 24px;
	font-size: 5.6vw;
	padding-bottom: 30px;
	margin-bottom: 20px;
}
.yaritori_box .txt_box h4:before {
	background-size: 110px;
	width: 110px;
	height: 10px;
}

/*=============
  ご利用の流れ
=============*/
/*== ご利用の流れ ==*/
#flow_01 {
	padding-top: 130px;
	padding-bottom: 50px;
	padding-left: 5.3334%;
	padding-right: 5.3334%;
}
.flow_list_01 {
	margin-top: 80px;
}
.flow_list_01 li {
	display: block;
}
.flow_list_01 li .images {
	width: 75%;
	margin: 0 auto;
}
.flow_list_01 li .images:before {
	top: -14px;
	left: -34px;
	background-size: 100px;
	width: 100px;
	height: 69px;
}
.flow_list_01 li h4 {
	text-align: center;
	font-size: 5.5vw;
}
.flow_list_01 li .txt_box {
	width: 100%;
	padding-left: 0;
}
.entry_btn {
	width: 280px;
	margin: 0 auto;
}
.entry_btn a {
	font-size: 16px;
	border: 3px solid;
	margin-top: 30px;
	max-width: 280px;
	width: 100%;
	height: 50px;
	line-height: 45px;
	font-size: 16px;
	border: 3px solid;
}
.entry_btn a:before {
	top: 13px;
	left: 25px;
	background-size: 20px;
	width: 20px;
	height: 18px;
}

/*== かんたん比較ガイド ==*/
#flow_02 {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 5.3334%;
	padding-right: 5.3334%;
}
#flow_02 .txt_thips {
	margin-top: 28px;
	max-width: inherit;
	line-height: 1.65;
}
#flow_02 .txt_thips .cost_appeal_ttl {
	font-size: 22px;
	margin: 10px 0 10px;
	line-height: 1;
}
#flow_02 .txt_thips .cost_appeal_txt {
	font-size: 16px;
	line-height: 1.65;
}
#flow_02 .txt_thips .cost_appeal_ttl + .cost_appeal_txt {
	margin-top: 8px;
}
#flow_02 .txt_thips .cost_appeal_note {
	font-size: 14px;
	margin-top: 12px;
	border: none;
}
#flow_02 .compare_guide {
	margin-top: 28px;
}
#flow_02 .compare_cards {
	display: block;
}
#flow_02 .compare_cards .compare_col {
	max-width: inherit;
	width: 100%;
}
#flow_02 .compare_cards .compare_col + .compare_col {
	margin-top: 20px;
}
#flow_02 .compare_card {
	max-width: inherit;
	padding: 20px 18px 18px;
	border: 2px solid #3b4043;
	border-radius: 22px;
}
#flow_02 .compare_card h4 {
	font-size: 20px;
}
#flow_02 .compare_card h4 span {
	font-size: 12px;
}
#flow_02 .compare_card.card_tyukai h4:before,
#flow_02 .compare_card.card_itaku h4:before {
	width: 12px;
	height: 12px;
	margin-right: 8px;
}
#flow_02 .compare_card .compare_body {
	padding-left: 6px;
}
#flow_02 .compare_card .lead {
	margin-top: 8px;
	font-size: 16px;
}
#flow_02 .compare_card .lead_sub {
	margin-top: 2px;
	font-size: 16px;
}
#flow_02 .compare_card .recommend_ttl {
	display: inline-block;
	align-self: flex-start;
	width: auto;
	margin-top: 12px;
	padding: 3px 10px;
	font-size: 12px;
	border-radius: 5px;
}
#flow_02 .compare_card ul {
	margin-top: 14px;
}
#flow_02 .compare_card ul li {
	font-size: 14px;
	line-height: 1.6;
	padding-left: 22px;
}
#flow_02 .compare_card ul li + li {
	margin-top: 5px;
}
#flow_02 .compare_card ul li:before {
	top: .32em;
	left: 2px;
	width: 14px;
	height: 13px;
	background-size: 14px;
}
#flow_02 .compare_card .notes {
	margin-top: 10px;
	font-size: 12px;
}
#flow_02 .compare_cta {
	margin-top: 28px;
}
#flow_02 .compare_cta .compare_cta_row {
	display: block;
}
#flow_02 .compare_cta .cta_item {
	min-width: inherit;
	width: 100%;
	font-size: 18px;
	padding: 8px 12px 7px;
	border-radius: 8px;
}
#flow_02 .compare_cta .cta_item + .cta_item {
	margin-top: 10px;
}
#flow_02 .compare_cta .cta_txt {
	margin-top: 16px;
	font-size: 20px;
	line-height: 1.45;
}
#flow_02 .compare_cta .cta_txt .cta_txt_inner {
	padding: 0 34px;
}
#flow_02 .compare_cta .cta_txt .cta_txt_inner:before,
#flow_02 .compare_cta .cta_txt .cta_txt_inner:after {
	width: 60px;
	height: 2px;
}
#flow_02 .compare_cta .cta_txt .cta_txt_inner:before {
	left: -12px;
}
#flow_02 .compare_cta .cta_txt .cta_txt_inner:after {
	right: -12px;
}

/*== 出品・購入の流れ ==*/
#flow_03 {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 5.3334%;
	padding-right: 5.3334%;
}
#flow_03 .flow_step_label {
	min-width: 180px;
	margin-top: 44px;
	padding: 6px 22px;
	font-size: 14px;
	letter-spacing: 0.08em;
}
#flow_03 .txt_thips {
	margin-top: 14px;
	max-width: inherit;
	font-size: 14px;
	line-height: 1.75;
}
#flow_03 .tabs_box .view_more {
	max-width: 250px;
	height: 50px;
	line-height: 46px;
	font-size: 16px;
	border: 3px solid #3b4043;
	padding-left: 0;
	margin-top: 30px;
}
#flow_03 .buy_tabs .view_more {
	margin-top: 35px;
}
#flow_03 .tabs_box .view_more:before {
	content: none;
	top: 13px;
	left: 8px;
	background-size: 18px;
	width: 18px;
	height: 21px;
}


#sell_box {
	margin-top: 30px;
}
#buy_box {
	margin-top: 30px;
}
#flow_03 .tab_description {
	flex-direction: column-reverse;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 24px;
}
#flow_03 .tab_description .l_box,
#flow_03 .tab_description .r_box {
	width: 100%;
	max-width: none;
	padding: 12px 10px;
	height: auto;
	border-radius: 10px;
}
#flow_03 .tab_description .box_00 {
	margin-bottom: 10px;
}
#flow_03 .tab_description .box_01,
#flow_03 .tab_description .box_02,
#flow_03 .tab_description .box_03,
#flow_03 .tab_description .box_04 {
	padding-bottom: 22px;
}
#flow_03 .tab_description .box_01::after,
#flow_03 .tab_description .box_02::after,
#flow_03 .tab_description .box_03::after,
#flow_03 .tab_description .box_04::after {
	bottom: 4px;
	width: 16px;
	height: 16px;
	border-width: 0 2.5px 2.5px 0;
}
#flow_03 .tab_description .box_00 dt {
	font-size: 16px;
	padding: 10px 6px 8px;
	border-radius: 8px;
}
#flow_03 .tab_description .box_00 dt.anshin_itaku::before {
	top: -18px;
	right: -6px;
	width: 64px;
	height: 63px;
}
#flow_03 .tab_description .box_00 dt span {
	margin-top: 5px;
	line-height: 1.45;
	letter-spacing: 0;
	text-align: justify;
}
#flow_03 .tab_description .box_01 dl,
#flow_03 .tab_description .box_02 dl,
#flow_03 .tab_description .box_03 dl,
#flow_03 .tab_description .box_04 dl,
#flow_03 .tab_description .box_05 dl {
	border-radius: 8px;
	padding: 10px 8px;
}
#flow_03 .tab_description .box_01 dt,
#flow_03 .tab_description .box_02 dt,
#flow_03 .tab_description .box_03 dt,
#flow_03 .tab_description .box_04 dt,
#flow_03 .tab_description .box_05 dt {
	padding: 4px 0 0 36px;
	font-size: 18px;
	line-height: 1.35;
}
#flow_03 .tab_description .box_01 dt::before,
#flow_03 .tab_description .box_02 dt::before,
#flow_03 .tab_description .box_03 dt::before,
#flow_03 .tab_description .box_04 dt::before,
#flow_03 .tab_description .box_05 dt::before {
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	letter-spacing: 0;
	top: 0;
	left: 0;
}
#flow_03 .tab_description .box_01 dd,
#flow_03 .tab_description .box_02 dd,
#flow_03 .tab_description .box_03 dd,
#flow_03 .tab_description .box_04 dd,
#flow_03 .tab_description .box_05 dd {
	padding: 3px 0 0 36px;
	font-size: 16px;
	line-height: 1.6;
}
#flow_03 .tab_description .txt_notes {
	font-size: 11px;
	line-height: 1.75;
}
#flow_03 .tab_description .txt_notes .txt_border {
	padding: 2px 6px;
}
#flow_03 .tab_description dl dd a {
	margin-top: 30px;
}

.wrapper_flow #support {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 5.3334%;
	padding-right: 5.3334%;
	background-color: #f7f5ef;
}
.wrapper_flow .btn_box {
	margin-top: 30px;
}
.wrapper_flow .btn_box > div {
	height: auto;
}
.wrapper_flow .btn_box a {
	font-size: 16px;
	border: 3px solid;
	max-width: 280px;
	width: 100%;
	height: 50px;
	line-height: 45px;
	font-size: 16px;
	border: 3px solid;
}
.wrapper_flow .btn_box a:before {
	top: 13px;
	left: 25px;
	background-size: 20px;
	width: 20px;
	height: 18px;
}


/*== variation ==*/
#variation {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 5.3334%;
	padding-right: 5.3334%;
}
#variation .list_box {
	max-width: 767px;
	display: block;
}
#variation .list_box li {
	max-width: 290px;
	width: 100%;
	margin: 0 auto;
}

#variation .list_box li+li {
	margin-left: 0;
	margin: 0 auto;
	margin-top: 30px;
}

/*=============
  サポート体制について
=============*/
.wrapper_support #support {
	padding-top: 130px;
}
.wrapper_support #support .support_box {
	padding-left: 5.3334%;
	padding-right: 5.3334%;
	margin-top: 240px;
	margin-bottom: 30px;
	width: 100%;
}
.wrapper_support #support .support_box:before {
	top: -175px;
	left: 50%;
	transform: translateX(-55%);
}
#support .support_box .support_txt {
	margin-left: 0;
		padding: 25px 20px;
}
#support .check_box {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 5.3334%;
	padding-right: 5.3334%;
}
#support .check_box .check_list li {
	font-size: 21px;
	line-height: 1.3;
	padding-left: 36px;
	text-align: justify;

}
#support .check_box .check_list li + li {
	margin-top: 30px;
}
#support .check_box .check_list li:before {
	top: 1px;
	left: 0px;
	background-size: 24px;
	width: 24px;
	height: 24px;
}

.wrapper_support .sell,
.wrapper_support .buy {
	margin-top: 50px;
	margin-bottom: 50px;
	padding-left: 5.3334%;
	padding-right: 5.3334%;
}
.sell .itaku_box,
.buy .itaku_box {
	padding: 70px 20px 30px;
}
.itaku_box .itaku_ttl {
	font-size: 24px;
}
.itaku_box .itaku_ttl:before {
	top: -40px;
	background-size: 80px;
	width: 80px;
	height: 28px;
}
.itaku_box .point_list li {
	padding: 35px 20px 20px;
}
.itaku_box .point_list li:nth-child(3) {
	margin-bottom: 0;
}

.itaku_box .point_list li .number_box {
	left: -15px;
}
.itaku_box .point_list li .point_ttl {
	font-size: 18px;
}
.itaku_box .point_list li .point_txt {
	margin-top: 10px;
}


#kt_support {
	padding-top: 50px;
	padding-bottom: 0;
	padding-left: 5.3334%;
	padding-right: 5.3334%;
}
#kt_support h3 {
	font-size: 18px;
}
#kt_support .btn_box .sell_btn,
#kt_support .btn_box .buy_btn {
	margin-top: 30px;
	text-align: center;
}
#kt_support .btn_box .sell_btn a,
#kt_support .btn_box .buy_btn a {
	font-size: 16px;
	border: 3px solid;
	max-width: 280px;
	width: 100%;
	height: 50px;
	line-height: 45px;
	font-size: 16px;
	border: 3px solid;
}
#kt_support .btn_box .sell_btn a:before,
#kt_support .btn_box .buy_btn a:before {
	top: 13px;
	left: 25px;
	background-size: 20px;
	width: 20px;
	height: 18px;
}


/*=============
  中古車一覧
=============*/
#car_trade {
	padding-top: 130px;
	padding-bottom: 50px;
}
#car_trade .search_form {
	margin-top: 80px;
}
#car_trade .search_form .kensaku {
	padding-left: 5.3334%;
	padding-right: 5.3334%;
	margin-bottom: 30px;
}
#car_trade .search_form .input_box .inner {
	padding-left: 5.3334%;
	padding-right: 5.3334%;
}
#car_trade .input_box .boxtype01 > div {
	max-width: 360px;
	margin-bottom: 25px;
}
#car_trade .input_box .boxtype02 > div {
	flex-wrap: wrap;
}
#car_trade .input_box .boxtype01 > div:nth-child(2n) {
	margin-left: 0;
}
#car_trade .input_box .boxtype01 > div.w50 .label {
	width: 100px;
}
.input_box .boxtype01 > div .form-control {
	width: 70%;
}
.input_box .boxtype02 > div .form-control {
	width: 43%;
}
#car_trade .input_box .boxtype02 > div > div {
	flex-wrap: wrap;
	width: 269px;
}
#car_trade .search_form .btn_box {
	padding-left: 5.3334%;
	padding-right: 5.3334%;
	max-width: 599px;
	margin-top: 30px;
}
#car_trade .search_form .btn_box > div a {
	font-size: 14px;
	max-width: 170px;
}


#car_trade .car_list {
	padding-left: 5.3334%;
	padding-right: 5.3334%;
	margin-top: 50px;
}
#car_trade .car_units .number {
	font-size: 24px;
}
#car_trade .car_units .units {
	font-size: 12px;
	margin-left: 5px;
}

#car_trade .pagination.flex_box li + li {
	margin-left: 0;
}
#car_trade .pagination .pagination-btn {
	min-width: 34px;
	height: 34px;
	padding: 0 8px;
	font-size: 13px;
}
#car_trade .bar_top .pagination {
	display: none;
}
#car_trade .pagination_box {
	margin-top: 30px;
}
#car_trade .pagination .pagination-pc-only {
	display: none;
}
#car_trade .pagination .pagination-sp-only {
	display: list-item;
}
#car_trade .pagination.flex_box {
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
	gap: 10px;
}
#car_trade .pagination-sp-row-break {
	flex: 0 0 100%;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
}
#car_trade .pagination-sp-prev,
#car_trade .pagination-sp-next {
	flex: 1 1 0;
	min-width: 0;
}
#car_trade .pagination-sp-first,
#car_trade .pagination-sp-last {
	flex: 1 1 calc(50% - 5px);
	min-width: 0;
}
#car_trade .pagination-sp-prev .pagination-sp-btn,
#car_trade .pagination-sp-next .pagination-sp-btn {
	width: 100%;
	min-height: 48px;
	height: auto;
	padding: 12px 10px;
	font-size: 14px;
	font-weight: bold;
}
#car_trade .pagination-sp-first .pagination-sp-btn-sub,
#car_trade .pagination-sp-last .pagination-sp-btn-sub {
	width: 100%;
	min-height: 40px;
	height: auto;
	padding: 10px 8px;
	font-size: 13px;
	font-weight: normal;
}
#car_trade .pagination-sp-status {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: center;
}
#car_trade .pagination-sp-status-label {
	font-size: 15px;
	font-weight: bold;
	color: #333;
	white-space: nowrap;
}

#car_trade .bar_bottom {
	/*display: none;*/
}

#car_trade .car_list .box_list li a .contents {
	display: block;
}
#car_trade .car_list .img_box {
	max-width: 599px;
	width: 100%;
}
#car_trade .car_list .txt_box {
	margin-left: 0;
	margin-top: 20px;
	max-width: initial;
	width: 100%;
}
.car_name .f18 {
	font-size: 16px;
}
.car_name .f24 {
	margin-top: 5px;
}
.car_name .f14 {
	margin-top: 5px;
}
.car_price .kakaku {
	font-size: 13px;
}
.car_price .price {
	font-size: 15px;
	height: 75px;
}
#car_detail .car_price .price {
    height: auto;
}
.car_price .price .price-main {
	font-size: 48px;
}
.car_price .price .price-decimal {
	font-size: 31.2px;
	vertical-align: baseline;
}
#car_trade .car_list .txt_box .main_box {
	display: block;
}
#car_trade .car_list .txt_box .main_box .car_name {
	border-bottom: 1px solid #444;
	padding-bottom: 10px;
}
#car_trade .car_list .txt_box .main_box .car_price {
	padding-top: 10px;
}
#car_trade .car_list .txt_box .main_box .car_price {
	padding-top: 10px;
	display: flex;
	justify-content: flex-end;
}
#car_trade .car_list .txt_box .pr_box {
	padding-bottom: 10px;
	font-size: 14px;
}
#car_trade .car_list .txt_box .pr_box p {
	-webkit-line-clamp: 2;
	line-clamp: 2;
}
#car_trade .car_list .detail_list li {
	max-width: 115px;
	width: 31.3%;
}
#car_trade .car_list .detail_list li + li {
	margin-left: 10px;
}
#car_trade .car_list .detail_list li:nth-child(3n+1) {
	margin-left: 0;
}
#car_trade .car_list .detail_list li:nth-child(6) {
	margin-left: 10px;
}

.detail_box01 .chat .chat_list li .chat_box {
	margin-left: 0px;
	box-sizing: border-box;
}

/*コメントする-ﾎﾟｯﾌﾟｱｯﾌﾟ画面*/
.detail_box01 .chat .chat_modal .chat_list li .right {
    width: 100%;
}

.detail_box01 .chat .chat_modal .comment_area .inner .btn_area .btn_box {
    margin-top: 0;
}



/*=============
  中古車詳細
=============*/
#car_detail {
    padding-bottom: 0;
}
.detail_ttlTips {
	font-size: 24px;
}
/*スライド*/
.slider_thumb .slide .img_photo {
	height: 45px;
}
.detail_box01 .slider_main .slick-next,
.detail_box01 .slider_main .slick-prev {
	display: block;
	z-index: 999;
	width: 50px;
	height: 50px;
	background-color: rgba(0,0,0,0.3);
	border-radius: 50px;
}
.detail_box01 .slider_main .slick-next:before,
.detail_box01 .slider_main .slick-prev:before {
	content: "";
	position: absolute;
	top: 16px;
	background-repeat: no-repeat;
	background-size: 15px;
	width: 15px;
	height: 18px;
	opacity: 1;
}
.detail_box01 .slider_main .slick-next:before {
	background-image: url(../../img/public/car/pc/arrow_s_right.svg);
	right: 14px;
}
.detail_box01 .slider_main .slick-prev:before {
	background-image: url(../../img/public/car/pc/arrow_s_left.svg);
	left: 14px;
}
.detail_box01 .detail_list li {
	width: 31.3%;
    margin-bottom: 10px;
}

.detail_box01 .seller .content_box:before {
	background-size: 20px;
	width: 20px;
	height: 18px;
}


.detail_box01 .btn_box {
	/*display: block;*/
	text-align: center;
	flex-wrap: wrap;
}
.detail_box01 .btn_box > .mmc-buyrequest-profile-notice {
	flex: 0 0 100%;
	width: 100%;
	max-width: 100%;
	order: 10;
	margin-top: 12px;
	text-align: left;
}
.detail_box01 .mmc-buyrequest-profile-notice {
	width: 100%;
	max-width: 100%;
	margin-top: 14px;
	padding: 12px 14px;
	font-size: 13px;
	line-height: 1.65;
	text-align: left;
}
.detail_box.mmc-buyrequest-profile-notice {
	margin-top: 16px;
	padding: 12px 14px;
	font-size: 13px;
	line-height: 1.65;
	text-align: left;
}

.detail_box01 .btn_box > div a {
	width: 300px;
}
.detail_box01 .btn_box > .buy_btn button.mmc-buyrequest-trigger {
	width: 155px;
}
.detail_box01 .btn_box > .fav_btn {
	margin-top: 0;
}
.detail_box01 .chat .coment_btn {
    text-align: center;
    margin-left: 0;
}
.detail_box01 .modal_box .modal-content .btn_box {
    margin-top: 0;
    top: 10px;
    right: 10px;
}
.detail_box02 {
    margin-top: 30px;
}
.detail_box02 .deta_list li {
	height: auto;
    line-height: initial;
}
.detail_box02 .deta_list li dt,
.detail_box02 .deta_list li dd {
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}
.detail_box02 .deta_list li dt {
	padding-top: 10px;
	padding-bottom: 10px;
	display: flex;
	align-items: center;
	padding-left: 5px;
}
.detail_box02 .deta_list li dd {
	padding-top: 10px;
	padding-bottom: 10px;
    padding-left: 10px;
}
.detail_box02 .deta_list li.clm_1 dd {
	max-width: 767px;
	line-height: 1.5;
}


.detail_box03 {
    margin-top: 30px;
}
.detail_box03 .soubi_list li {
	max-width: 115px;
	width: 31.3%;
	font-size: 13px;
}
.detail_box03 .soubi_list li:nth-child(4n+1),
.detail_box03 .soubi_list li:nth-child(5n+1) {
	margin-left: 2.353%;
}
.detail_box03 .soubi_list li+li {
	margin-left: 2.353%;
}
.detail_box03 .soubi_list li:nth-child(3n+1) {
	margin-left: 0;
}
.comment_box {
    margin-top: 30px;
	margin-bottom: 30px;
}

/*=============
  よくあるご質問
=============*/
#faq {
	padding-bottom: 30px;
}
.faq_list {
	margin-top: 20px;
}
.faq_list li h4 {
	font-size: 21px;
	padding-left: 15px;
}
.faq_list li h4:before {
	top: -2px;
	width: 5px;
	height: 25px;
}
.faq_list li dl {
	padding-left: 0;
}
.faq_list li dl .question {
	font-size: 16px;
	padding-left: 20px;
}
/*.faq_list li dl .question:before {
	top: -8px;
	left: -53px;
	background-size: 35px;
	width: 35px;
	height: 35px;
}*/
.faq_list li dl .question:after {
	top: 28px;
}
.faq_list li dl .answer {
	font-size: 16px;
	margin-left: 20px;
}
/*.faq_list li dl .answer:before {
	top: -8px;
	left: -53px;
	background-size: 35px;
	width: 35px;
	height: 35px;
}*/


/*=============
  車売買に必要な事項
=============*/
.wrapper_rule #rule {
	padding-bottom: 0;
}
.rule_box_01 {
	padding-top: 100px;
}
.rule_list {
	margin-top: 0;
}
.rule_list li {
	padding-top: 20px;
	padding-bottom: 20px;
}
.rule_list li + li {
	margin-top: 0;
}
.wrapper_rule #rule h4.sub_ttl {
	font-size: 21px;
	padding-left: 15px;
	margin-top: 0;
	margin-bottom: 0;
}
.wrapper_rule #rule h4.sub_ttl:before {
	top: -2px;
	width: 5px;
	height: 25px;
}
.rule_list li h5 {
	font-size: 18px;
	padding-left: 24px;
	position: relative;
}
.rule_list li h5:before {
	content: "";
	position: absolute;
	top: 3px;
	left: 10px;
	border-radius: 50%;
}
.rule_list li p {
	font-size: 16px;
	padding-left: 20px;
	overflow-wrap: anywhere;
	word-break: break-word;
}
.rule_list li p a {
	overflow-wrap: anywhere;
	word-break: break-all;
}
.rule_docs .txt_intro {
	line-height: 1.6;
}
.rule_docs .docs_box_wrap {
	display: block;
	margin-left: 20px;
	margin-top: 12px;
}
.rule_docs .docs_box {
	max-width: inherit;
	width: 100%;
	min-height: 0;
	padding: 24px 12px 12px;
}
.rule_docs .docs_box + .docs_box {
	margin-top: 10px;
}
.rule_docs .docs_label {
	font-size: 12px;
	padding: 4px 8px 3px;
	top: 7px;
	left: 8px;
}
.rule_docs .docs_list li {
	font-size: 14px;
	line-height: 1.5;
}

/*=============
  特定商取引法に関する表記
=============*/
#commerce {
	padding-bottom: 0;
}
.commerce_list {
	margin-top: 80px;
}
.commerce_list li + li {
	margin-top: 30px;
}
.commerce_list li h4 {
	font-size: 21px;
	padding-left: 15px;
	margin-bottom: 15px;
}
.commerce_list li h4:before {
	top: -2px;
	width: 5px;
	height: 25px;
}
.commerce_list li p {
	font-size: 16px;
	padding-left: 20px;
}

/*=============
  プライバシーポリシー
=============*/
#privacy {
	padding-bottom: 0;
}
#privacy > p {
	margin-top: 80px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 16px;
	line-height: 1.75;
}
#privacy > p + .privacy_list {
	margin-top: 50px;
}
.privacy_list {
	margin-top: 80px;
}
.privacy_list li + li {
	margin-top: 30px;
}
.privacy_list li h4 {
	font-size: 21px;
	padding-left: 15px;
	margin-bottom: 15px;
}
.privacy_list li h4:before {
	top: -2px;
	width: 5px;
	height: 25px;
}
.privacy_list li p {
	font-size: 16px;
	padding-left: 20px;
}
.privacy_list li ul {
	padding-left: 20px;
}
.privacy_list li ul li {
	font-size: 16px;
}

/*=============
  404 Not Found
=============*/
#not-found {
	padding-bottom: 0;
}
.not-found_content {
	margin-top: 80px;
}
.not-found_content p {
	font-size: 16px;
	padding-left: 20px;
}
.not-found_content .not-found_links {
	padding-left: 20px;
	margin-top: 20px;
}
.not-found_content .not-found_links li {
	font-size: 16px;
}
.not-found_content .not-found_links li + li {
	margin-top: 10px;
}

/*=============
  利用規約
=============*/
#policy {
	padding-bottom: 0;
}
.policy_list {
	margin-top: 80px;
}
.policy_list li + li {
	margin-top: 30px;
}
.policy_list li h4 {
	font-size: 21px;
	padding-left: 15px;
	margin-bottom: 15px;
}
.policy_list li h4:before {
	top: -2px;
	width: 5px;
	height: 25px;
}
.policy_list li p {
	font-size: 16px;
	padding-left: 20px;
}
.policy_list li ul {
	font-size: 16px;
	padding-left: 20px;
}

/*=============
  お問い合わせ
=============*/

#formWrap {
	width:100%;
	margin:0 auto;
	margin-top: 50px;
	margin-bottom: 0;
}
p.contact_txt {
	padding-left: 5.3334%;
	padding-right: 5.3334%;
	text-align: left;
}
.formTable {
	border-radius: 0;
	padding-left: 5.3334%;
	padding-right: 5.3334%;
}
	.formTable dt,
	.formTable dd {
		width:auto;
		display:block;
	}
	.formTable dt {
		margin-top: 0;
		border-bottom: 0;
		padding-top: 20px;
	}
		.formTable dt .required {
			font-size: 14px;
		}
		.formTable dt .any {
			font-size: 14px;
		}
	.formTable .textarea dt {
		padding-top: 20px;
	}
	.formTable dd .record_area {
		margin-top: 8px;
	}

	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		height: 65px;
	}
	#formWrap .privacy_txt {
		max-width: 599px;
		margin-top: 30px;
		padding-left: 5.3334%;
		padding-right: 5.3334%;
		box-sizing: border-box;
	}
	#formWrap .termsBox {
		margin-top: 5px;
		width: 90%;
	}
	#formWrap .form_btn {
		margin-top: 30px;
	}

}