@charset "utf-8";
/*
Theme Name: introduction
Theme URI:
Description: 
Version: 1.02
Author: 
Author URI: 
Tags:
*/

*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}

a {text-decoration:none; color: #000;}



.o_login_form button {
  display: block;
  cursor: pointer;
}
.o_login_form_in {
width: 100%;
}





.p-header {box-shadow: 0px 6px 15px -10px #777777;}


/** 調整用 **/
.m_80 {margin-bottom: 80px !important;}


/** 未分類 **/
.main .c-section-header,
.main_wide .c-section-header,
.news .c-section-header {margin-bottom: 7rem;}

.main,
.main_wide,
.news,
.cars_single {
	margin: 17.5rem auto 0;
	line-height: 1.7;
}


/** ページネーション **/
#pagination {
	color: #2583ad;
	margin-top: 50px;
	display: flex;
	justify-content: center;
}
a.page-numbers, #pagination .current {
	color: #00019b;
	text-decoration:none;
	background: #f2f2f2;display: inline-block;
	border-radius: 50%;
	margin-right: 10px;
	width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
a.page-numbers:hover {
	color:white;
	background: #e20038;
}
#pagination .current {
	color: white;
	background: #e20038;
	font-weight:bold;
}
.next, .prev {
	border:0 none;
	background:transparent;
	font-weight:bold;
}




/** メインカラム（ワイド） **/
.wide_block_out{
	padding: 80px 0 0 0;
	background: #f2f2f2;
}
.wide_block {
margin: auto;
    max-width: 121rem;
padding: 0 3rem 80px;
}
.wide_block_80 {padding-top: 80px;}



/** お知らせ **/
.news {}
.news h1 {text-align: center;}
.news h1 span {
	display: block;
	width: 100%;
	font-size: 70%;
	margin-bottom: 7px;
	color: #ccc;
	font-weight: bold;
}
.cat_list {
	list-style: none;
	display: flex;
	justify-content: center;
	margin-bottom: 60px;
}
.cat_list li {margin-right: 20px;}
.cat_list li:last-child {margin-right: 0;}
.cat_list li a {
	padding: 6px 20px;
	border: solid 1px #ccc;
}

.news_list {list-style: none; margin-bottom: 50px;}
.news_list li {
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
}
.news_list li a {
	display: flex;
	align-items: center;
	color: #000;
}
.news_list .cat {
	padding: 5px 10px;
	border: 1px solid #ccc;
	margin-right: 20px;
}
.news_list .time {margin-right: 40px;}
.news_list .title {}



/** 検索結果の検索フォーム **/
.o_search {
	background: #fff;
    border-radius: 0.8rem;
    box-shadow: 0.5rem 0.5rem 0.8rem rgb(0 0 0 / 30%);
    padding: 3rem 2.3rem 4rem;
	margin: 0 auto 80px;
}




/** 車両一覧ページ **/
.cars_list_content {
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 50px;
	display: flex;
	justify-content: space-between;
}
.cars_list_img {width: 30%;}
.cars_list_data {width: 65%; padding: 10px 0;}
.cars_list_data h2 {
	font-weight: bold;
	font-size: 1.8rem;
}
.cars_list_data_title {
	font-weight: bold;
	font-size: 1.8rem;
}
.cars_list_data_in {
	display: flex;
	justify-content: space-between;
}
.cars_list_data_in dl {width: 48%;}
.cars_list_data_in dl div {
	display: flex;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}
.cars_list_data_in dl div:last-child {border: none;}
.cars_list_data_in dt {
	width: 120px;
	margin-right: 20px;
	font-weight: bold;
}
.cars_list_data_in dd {}

.sort_out {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.list_sort {display: flex;}
.list_sort_in {
	display: flex;
	align-items: center;
}
.list_sort_in p {margin-right: 10px;}
.list_sort_in:first-child {margin-right: 20px;}
.list_sort_in button {
    font-size: 90%;
    border: 1px solid #e20038;
    color: #e20038;
    width: 20px;
    height: 20px;
    text-align: center;
}
.list_sort_in .sort_f {margin-right: 10px;}



/** 車両詳細ページ **/

.cars_single {align-content}
.cars_single h1 {
	padding: 20px 10px;
	border-bottom: 3px solid #e20038;
	margin-bottom: 30px;
	font-size: 2rem;
	font-weight: bold;
}

.tab{
	max-width: 100%;
	margin: 0 auto 100px;
}
.tab-list{
	display: flex;
	justify-content: space-between;
}
.tab-list-item{
	width: 24%;
	text-align: center;
	padding: 20px 0;
	cursor: pointer;
	border: #e20038 1px solid;
	color: #e20038;
	font-size: 1.7rem;
	font-weight: bold;
}
.tab-contents{display: none;}
.is-btn-active{
	background-color: #e20038;
	font-weight: bold;
	color: #fff;
}
.is-contents-active{display: block;}


.img_ch {
	margin: 0 auto 30px;
	display: flex;
}

.main_img {
	width: 59%;
	margin-right: 17px;
}
.sub_img {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	flex: 1;
	height: fit-content;
}
.sub_img li {
	width: 48%;
	margin-bottom: 2%;
}


.car_data {
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
}
.car_data dl {width: 48%;}
.car_data dl.last {border-bottom: 1px solid #ccc;}
.car_data dl.last div:last-child {border: none;}
.car_data dl div {
	display: flex;
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
}
.car_data dt {
	width: 120px;
	margin-right: 20px;
	font-weight: bold;
}
.car_data dd {}

.car_under {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.car_under h2 {
	width: 100%;
	font-weight: bold;
	font-size: 2.5rem;
	margin-bottom: 20px;
}
.car_under_left {width: 48%;}
.car_under_left h2 {margin-bottom: 30px;}
.car_under_right {width: 48%;}


.car_under_download a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 50px;
	background: #f2f2f2;
	font-size: 2rem;
	font-weight: bold;
}
.car_under_download a:before {
	content: url(images/car/syaken.svg);
	display: inline-block;
	width: 30px;
	margin-right: 30px;
}


.p-car__info {
   border: 0.1rem solid #E50038;
   border-radius: 0.85rem;
   margin-top: 3.4rem;
   overflow: hidden;
}

.p-car__info-ttlwrap {
   background: #e50038;
   padding: 1.6rem;
   text-align: center;
}

.p-car__info-telwrap:nth-of-type(2) {margin-top: 2.5rem;}

.p-car__info-ttl {
   color: #fff;
   font-size: 2.1rem;
   font-weight: bold;
}

.p-car__info-body {
   background: #fff;
   padding: 3.5rem 2.6rem 3.2rem;
   text-align: center;
    width: fit-content;
    margin: 0 auto;
}

.p-car__info-telwrap {
   align-items: center;
   display: flex;
   gap: 0 2.2rem;
}

.p-car__info-telwrap dt {
   color: #E50038;
   font-size: 2.1rem;
   font-weight: bold;
   text-align: center;
   width: 9.7rem;
}

.p-car__info-telwrap dd {
   align-items: center;
   display: flex;
}

.p-car__info-telwrap dd::before {
   background: url(images/car/tel.svg) no-repeat center;
   background-size: 100%;
   content: "";
   display: inline-block;
   height: 2.86rem;
   margin-right: 1.5rem;
   width: 2.86rem;
}

.p-car__info-tel {
   font-family: "Noto Sans JP", sans-serif;
   font-size: 4.4rem;
   font-weight: 700;
   letter-spacing: 0;
   line-height: 1;
}

.p-car__info-text {
   font-weight: bold;
   line-height: 1.57;
   margin-top: 2.5rem;
}

.p-car__info-contactwrap {
   background: #f0f0f0;
   margin: 3rem auto 0;
   max-width: 48.8rem;
   padding: 1.8rem;
}

.p-car__info-contact {
   align-items: center;
   display: flex;
   font-size: 2rem;
   font-weight: bold;
   justify-content: center;
   letter-spacing: 0.05em;
}

.p-car__info-contact::before {
   background: url(images/car/mail.svg) no-repeat center;
   background-size: 100%;
   content: "";
   display: inline-block;
   height: 2rem;
   margin-right: 3.1rem;
   width: 2.76rem;
}

.p-car__info-contact::after {
   background: url(images/car/btn_red.webp) no-repeat center;
   background-size: 100%;
   content: "";
   display: inline-block;
   height: 2.3rem;
   margin-left: 4.5rem;
   width: 6rem;
}



/** 検索結果 **/

.search {}
.search h2 {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 30px;
	padding: 5px 5px 5px 40px;
	background: url(images/car/search.svg) no-repeat;
}
.sort_count {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
.search_count {}
.search_sort {display: flex;}
.sort {display: flex; align-items: center;}
.sort p {margin-right: 10px;}
.sort:first-child {margin-right: 20px;} 
.sort a {
    font-size: 90%;
    padding: 0px 0px 0px 3px;
    border: 1px solid #e20038;
    color: #e20038;
    width: 20px;
    height: 20px;
    text-align: center;
}
.sort a.sort_f {margin-right: 10px;} 



/** お問い合わせ **/
.contact {}
.contact dl {margin-bottom: 30px;}
.contact dt {margin-bottom: 10px; font-weight: bold;}
.contact dt span.hissu {color: #e20038; font-weight: bold;}
.contact dd {}
.contact .wpcf7-list-item.first {margin: 0;}

.contact .select_content {
	margin-bottom: 50px;
	padding-bottom: 50px;
	background: #f2f2f2;
	padding: 50px;
}
.select_content_title {font-weight: bold; margin-bottom: 20px;}

.wpcf7-text,
.wpcf7-textarea,
.wpcf7-select,
.wpcf7-number {
	padding: 20px;
	width: 100%;
	box-shadow: 10px 10px 10px -5px #777777;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #fff;
}
.wpcf7-number {
	width: 100%;
	max-width: 150px;
	margin-right: 10px;
}

.contact .acceptance {
	text-align: center;
	margin: 50px 0;
}
.contact .acceptance span {color: #e20038; font-weight: bold;}

.wpcf7 input[type="submit"] {
	background: #e20038;
	padding: 20px 70px;
	color: #fff;
	text-align: center;
	border-radius: 32px;
	font-weight: bold;
	margin: 0 auto;
	display: block;
}

#wpcf7cpcnf table {width: 100%;}
#wpcf7cpcnf table th {
	width: 30%;
	padding: 30px 0;
	border-bottom: 1px solid #ccc;
	text-align: left;
}
#wpcf7cpcnf table td {
	width: 80%;
	padding: 30px 0;
	border-bottom: 1px solid #ccc;
}

.wpcf7 input[type="radio"],
.wpcf7 input[type="checkbox"] {display: inline;}

.o_select {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.o_select .wpcf7-list-item {
	width: 23%;
	padding: 20px;
	box-shadow: 10px 10px 10px -5px #777777;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #fff;
}
.o_acceptance {display: none;}

.wpcf7cp-btns {}
.wpcf7cp-cfm-edit-btn {}
.wpcf7cp-cfm-submit-btn {
	background: #e20038;
	padding: 20px 70px;
	color: #fff;
	text-align: center;
	border-radius: 32px;
	font-weight: bold;
	margin: 0 auto;
	display: block;
}
.wpcf7-spinner {display: none !important;}


/** FAQ **/
.faq {width: 100%;}
.faq_item {
	box-shadow: 10px 10px 10px -5px #777777;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-bottom: 50px;
	background: #fff;
}
.faq_item .faq_item_btn {
	cursor: pointer;
	background: url(images/faq/p.svg) no-repeat top 50% right 10px;
	background-size: 2rem;
}
.faq_item .faq_item_btn.selected {
	background: url(images/faq/m.svg) no-repeat top 50% right 10px;
	background-size: 2rem;
}
.faq_q {
padding: 20px 20px 20px 70px;
	background: url(images/faq/q.svg) no-repeat top 50% left 25px;
	background-size: 2rem;
}
.faq_item_content {
	display: none;
	padding: 20px;
}

 
/** お知らせ詳細 **/
.single_header {
	padding: 17.5rem 0 20px;
	border-bottom: 1px solid #ccc;
}
.single_header h1 {
	text-align: center;
	margin-bottom: 50px;
	font-weight: bold;
	font-size: 3rem;
}
.sigle_data {
	width: fit-content;
	display: flex;
	align-items: center;
	margin: 0 auto;
}
.sigle_data .cat {
	padding: 7px 20px;
	border: 1px solid #ccc;
	margin-right: 20px;
}
.sigle_data .time {}

.single {margin-top: 70px;}
.single__thumbnail {margin: 0 auto 70px;}
.single_content {}
.single_content p {padding: 20px 0; line-height: 170%;}
.list_link {
	text-align: center;
	margin-top: 40px;
}
.list_link a {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	background: #e20038;
	padding: 20px 70px;
	color: #fff;
	text-align: center;
	border-radius: 32px;
	font-weight: bold;
	display: block;
}


/** 購入の流れ **/
.flow {
	border-top: 1px solid #ccc;
	padding-top: 30px;
	margin-bottom: 60px;
	text-align: center;
	position: relative;
}
.flow:last-child {margin: 0;}
.flow:after {
	display: block;
	content: "";
	position: absolute;
	top: -1px;
	left: 49%;
	transform: translateX(-49%);
	-webkit-transform: translateX(-49%);
	-ms-transform: translateX(-49%);
	width: 0;
	height: 0;
	margin: -7px 0 0 0;
	border-top: 15px solid #ccc;
	border-left: 15px solid transparent;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.flow_title {
	font-weight: bold;
	margin-bottom: 20px;
}
.flow_title span {
	display: block;
	margin-bottom: 5px;
	font-size: 90%;
}
.flow_content {}

.required_documents {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
}
.required_documents li {
	width: 19%;
	height: 80px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 30px;
    box-shadow: 3px 3px 10px -5px #000;
	border-radius: 2px;
	font-weight: bold;
}


/** 車両買取り **/
.o_001 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 50px 0;
}
.o_001_text {width: 49%;}
.o_001_title {font-weight: bold; margin-bottom: 20px;}
.o_001_img {width: 49%;}


/** 会社概要 **/
.company_dl {
	display: flex;
	flex-wrap: wrap;
	line-height: 170%;
}
.company_dl dt {
	width: 20%;
	padding: 30px 0;
	border-bottom: 1px solid #ccc;
}
.company_dl dd {
	width: 80%;
	padding: 30px 0;
	border-bottom: 1px solid #ccc;
}
.access_map {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.access_map_honsya {width: 48%;}
.access_map_tokyo {width: 48%;}
.access_map iframe {margin-top: 20px;}
.m_80t {padding-top: 80px;}


/** 法人取引先の個人情報の取り扱いについて **/

.privacypolicy_block {margin-bottom: 60px;}
.privacypolicy_block:last-child {margin: 0;}
.privacypolicy_block h2 {
	padding: 6px 0 0 10px;
	border-left: 5px solid #e20038;
	margin-bottom: 30px;
	line-height: 100%;
    font-size: 150%;
    font-weight: bold;
}

.handling p {margin: 0 !important;}
.handling dl {display: flex;}
.handling dt {}
.handling dd {}
.handling h3 {margin-top: 20px;}
.handling_in {margin-left: 15px;}
.handling_in2 {margin-left: 15px;}

.p_right {text-align: right; margin-top: 20px;}

.privacypolicy_block a {
	display: inline;
text-decoration: underline;
    color: #0000ff;
}



/** サイトのご利用にあたって **/
.privacypolicy_block p {margin-bottom: 20px;}
.privacypolicy_browser {color: #e20038; margin-right: 5px;}


/** 個人情報保護方針 **/
.policy {}
.policy ol {list-style-type: decimal; margin-left: 20px;}
.policy ol.ol_2 li {margin-bottom: 20px;} 
.policy a {text-decoration: underline; color: #0000ff;}
.privacy_link_list dl {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.privacy_link_list dl dt {margin-right: 20px;}



/** 保有個人データの開示等の求めの手順 **/
.request {margin-bottom: 40px;}
.request h2 {
	padding: 6px 0 0 10px;
	border-left: 5px solid #e20038;
	margin-bottom: 30px;
	line-height: 100%;
    font-size: 150%;
    font-weight: bold;
}
.request p {margin-bottom: 20px;}

.request dl {display: flex;}
.request dt {}
.request dd {}
.request h3 {margin-top: 20px;}
.request_in {margin-left: 30px;}
.request_in2 {margin-left: 30px; margin-bottom: 20px;}
.request a {
	display: inline;
	text-decoration: underline;
    color: #0000ff;
}








.pc_none {display: none;}
@media screen and (max-width: 767px) {

.sp_none {display: none;}
.pc_none {display: block;}
.p-mv {aspect-ratio: 0;} /** スマホ用の画像高さ調整 **/
.p-nav__contact-link::before {display: none;} /** メニュー内のアイコン削除 **/
.p-mv__ttl {text-align: center;} /** メインテキスト **/

.main, .main_wide, .news, .cars_single  {
    margin: 10rem auto 0;
    line-height: 1.7;
}



.wide_block {
padding: 0 2rem 80px;
}


/** 車両買取り **/
.o_001 {margin: 0;}
.o_001_text {width: 100%; order: 2;}
.o_001_title {margin-bottom: 10px;}
.o_001_img {width: 100%; order: 1; margin-bottom: 30px;}



/** 購入の流れ **/
.flow_content {text-align: left;}
.required_documents {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;

}
.required_documents li {
	width: 49%;
	height: 80px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 30px;
    box-shadow: 3px 3px 10px -5px #000;
	border-radius: 2px;
	font-weight: bold;
	margin-bottom: 10px;
}


/** 会社概要 **/
.company_dl {}
.company_dl dt {
	width: 100%;
	padding: 10px 0;
	border: none;
	font-weight: bold;
}
.company_dl dd {
	width: 100%;
	padding: 10px 0;
	margin-bottom: 20px;
}
.access_map_honsya {width: 100%; margin-bottom: 40px;}
.access_map_tokyo {width: 100%;}


/** お問い合わせ **/
.o_select {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.o_select .wpcf7-list-item {
	width: 48%;
	padding: 20px;
	box-shadow: 10px 10px 10px -5px #777777;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #fff;
	margin: 0 0 10px 0;
}
.contact .wpcf7-list-item.first {
	margin: 0 0 10px 0;
}
.contact .select_content {padding: 20px;}


/** トップページ：お知らせ一覧 **/
.p-news-list__item {flex-wrap: wrap;}
.p-news-list__body {
    flex: none;
    width: 100%;
	margin-top: 10px;
}
.p-news-list__title {padding-right: 10px;}
	

/** トップページ：検索窓 **/
.p-search {height: auto;}
.p-search__box {padding-top: 20px; padding-bottom: 20px;}
.p-search__form {flex-wrap: wrap;}
.p-search__form-item {width: 100%; margin-bottom: 10px;}
.p-search__form-item dd {margin-top: 1rem;}
.p-search__btn {line-height: 0; margin: 0 auto;}

/** トップページ：車種から探す **/
.p-car-model__items {flex-wrap: wrap; gap: 0; justify-content: space-between;}
.p-car-model__item {width: 49%; margin-bottom: 1rem; aspect-ratio: 220/185;}

/** トップページ：シャシメーカーから探す **/
.l-chassis-mfr {
    padding: 9.5rem 0;
}
.p-chassis-mfr__items {margin-top: 7rem;}
.p-chassis-mfr__items {flex-wrap: wrap; gap: 0; justify-content: space-between;}
.p-chassis-mfr__item {width: 49%; margin-bottom: 1rem; aspect-ratio: 259/112;}


/** NEWS一覧 **/
.cat_list {flex-wrap: wrap; justify-content: space-between;}
.cat_list li {width: 49%; margin: 0 0 1rem 0;}
.cat_list li a {}

/** NEWS詳細ページ **/
.single_header {padding: 7rem 2rem 20px;}
.single_header h1 {font-size: 2rem;}
.single__thumbnail {margin: 70px auto 30px;}
.single__thumbnail img {height: auto;}


/** 車両情報 **/
.sort_out {flex-wrap: wrap; justify-content: flex-end;}
.list_sort {width: 100%;}

.cars_list_content {flex-wrap: wrap;}
.cars_list_img {width: 100%; margin-bottom: 20px;}
.cars_list_data {
	width: 100%;
    padding: 10px 0;
}
.cars_list_data_in {flex-wrap: wrap;}
.cars_list_data_in dl {width: 100%;}
.cars_list_data_in dl:first-child div:last-child {border-bottom: 1px solid #ccc;} 
.cars_list_data_in dl div {flex-wrap: wrap;}
.cars_list_data_in dt {
    width: 100%;
    margin: 0 0 5px 0;
}
.cars_list_data_in dd {}


/** 検索結果 **/
.sort_count {justify-content: flex-end;}
.search_count {margin-bottom: 5px;}
.search_sort {}


/** 個人情報 **/
.policy {word-wrap:break-word}
	.privacy_link_list dl dt {width: 100%;}
.privacy_link_list dl dd {
	width: 100%;
	word-wrap:break-word
}


/** 車両情報：詳細 **/
	.cars_single h1 {font-size: 1.5rem;}
.tab {margin: 0 auto 50px;}
.img_ch {display: block;}
.main_img {width: 100%; margin: 0 0 20px 0;}
.sub_img {width: 100%;}
.sub_img li {width: 32%;}

.tab-list {flex-wrap: wrap;}
.tab-list-item {width: 49%; margin-bottom: 1rem;}

.car_data {flex-wrap: wrap;}
.car_data dl {width: 100%;}
.car_data dl div {flex-wrap: wrap;}
.car_data dt {width: 100%; margin: 0 0 5px 0;}
.car_data dd {width: 100%;}

.car_under {}
.car_under_left {width: 100%; margin-bottom: 40px;}
.car_under_right {width: 100%;}
.car_under_download a {padding: 30px 0;}

.p-car__info-telwrap {flex-wrap: wrap;}
.p-car__info-telwrap dt {width: 100%; text-align: left;}
.p-car__info-telwrap dd::before {margin-right: 2rem;}
.p-car__info-tel {font-size: 3rem;}

.p-car__info-contact {font-size: 1.5rem;}
.p-car__info-contact::before {display: none;}
.p-car__info-contact::after {margin-left: 1rem;}





}