@charset "UTF-8";

/*--------------------------------------------------------------
共通
--------------------------------------------------------------*/
.wrapper01 {
	max-width: 1140px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0 auto;
}
.svc {
}

.svc .boxA,
.svc .boxB {
	display: flex;
	flex-wrap: wrap;
}
.svc .boxA .box,
.svc .boxB .box {
	width: 50%;
}
.svc .boxA .txt {
	overflow: hidden;
	padding: 70px 70px 20px 20px;
}
.svc .boxA .txt .inner {
	width: 80%;
	float: right;
	
	width: 90%;
}
.svc .boxA .ph,
.svc .boxB .ph {
	text-align: center;
}
.svc .boxA .ph img,
.svc .boxB .ph img {
	width: 100%;
	height: auto;
}

.svc .boxB {
	flex-direction: row-reverse;
}
.svc .boxB .txt {
	padding: 70px 20px 20px 70px;
}
.svc .boxB .txt .inner {
	width: 80%;
}

#primary .svc .boxA .box h2,
#primary .svc .boxB .box h2 {
	text-align: left;
}


#flowbox {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 70px 20px;
}
#primary #flowbox h2 {
	color: #fff;
	font-size: 36px;
}
.entry-content #flowbox ol {
	margin: 0;
	padding: 0;
}
.entry-content #flowbox ol li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#flowbox .inner {
	background-color: #fff;
	padding: 40px;
	display: flex;
	flex-wrap: wrap;
}
#flowbox .title {
	width: 30%;
	text-align: center;
}
#flowbox .title .step {
	background-color: #1c75ad;
	font-size: 120%;
	font-weight: 500;
	padding: 5px 10px;
	margin-bottom: 10px;
	color: #fff;
	border-radius: 50px;
}
#primary #flowbox h3 {
	margin: 0;
	padding: 0;
	border: none;
	color: #1c75ad;
}
#flowbox .txt {
	width: 70%;
	padding-left: 50px;
}
#flowbox .arrow {
	text-align: center;
	line-height: 1;
}
#flowbox .bikou {
	background-color: #1c75ad;
	padding: 30px 50px;
}
.entry-content #flowbox .bikou ul {
	margin: 0 0 0 20px;
	padding: 0;
}
.entry-content #flowbox .bikou ul li {
	color: #fff;
	margin: 10px 0;
	padding: 0;
	line-height: 1.5;
}

#primary .howtopay h3 {
	color: #e86505;
	text-align: center;
}

/*各一覧ページ*/
.entry-content .listpage ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}
.entry-content .listpage ul li {
	list-style-type: none;
	margin: 0;
	padding: 0 10px 30px;
	width: 33.3%;
	
	width: 25%;
}
.listpage .ph {
	text-align: center;
}
.listpage .ph img {
	object-fit: cover;
	height: 200px;
	width: 100%;
}

#primary .listpage h3 {
	font-size: 18px;
	margin: 0 0 10px;
	border-top: 3px solid #1c75ad;
	padding: 10px 0 0;
	border-bottom: none;
}
.listpage table {
	margin: 0;
}
.listpage table th,
.listpage table td {
	padding: 5px;
	line-height: 1.5;
	font-size: 90%;
}
.listpage table th {
}
.listpage table td {
}

/*ページ送り*/
.wp-pagenavi a,
.wp-pagenavi span {
	border-radius: 5px;
	background-color: #f0f9ff;
	border-color: #6ea9ce;
	font-size: 14px;
	line-height: 1.2;
	padding-left: 8px;
	padding-right: 8px;
	color: #1c75ad;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	background-color: #1c75ad;
	color: #fff;
	border-color: #1c75ad;
}

/*--------------------------------------------------------------
鈑金塗装
--------------------------------------------------------------*/
#wrap_bankin #flowbox {
	background-image: url(images/svbg01.jpg);
}

/*--------------------------------------------------------------
ガラス交換
--------------------------------------------------------------*/
#wrap_glass #flowbox {
	background-image: url(images/svbg02.jpg);
}
#wrap_glass .boxC {
	padding-bottom: 70px;
	padding-top: 70px;
}

/*--------------------------------------------------------------
やまもりレンタカー
--------------------------------------------------------------*/
.scroll {
}
.scroll .wrap {
}
.scroll table {
	/*white-space: nowrap;
	table-layout: auto;*/
	margin-bottom: 0;
}
.scroll tr {
}
.scroll tr.pat th {
	text-align: center;
	padding: 10px;
	line-height: 1.5;
	font-weight: 500;
}
.scroll tr.pat th .sub {
}
.scroll th,
.scroll td {
	float: none;
	width: auto;
	padding: 10px;
	text-align: center;
}
.scroll th {
	width: auto;
}
.scroll td {
}
.scroll th.kind {
	text-align: left;
}


#wrap_rentacar .boxA,
#wrap_rentacar .boxB,
#wrap_rentacar .boxC,
#wrap_rentacar .boxC .hosho,
#wrap_rentacar .boxD {
	margin-bottom: 70px;
}

#wrap_rentacar .boxA .flexbox {
	display: table;
	width: 100%;
}
#wrap_rentacar .boxA .flexbox .td {
	display: table-cell;
	vertical-align: middle;
}
#wrap_rentacar .boxA .flexbox .txt {
	width: 50%;
	padding-left: 50px;
}
#wrap_rentacar .boxA .flexbox .ph {
	width: 50%;
	padding-right: 30px;
	text-align: center;
}


#wrap_rentacar h3 {
	text-align: center;
	border: 3px solid #e86505;
	padding: 20px 10px;
	color: #e86505;
	font-size: 24px;
	border-radius: 50px;
	margin-bottom: 40px;
}

#wrap_rentacar .boxB .bikoubox01 {
	padding-bottom: 40px;
}
#wrap_rentacar .boxB .bikoubox01 ul {
	margin-bottom: 20px;
}

.hosho table {
}
.hosho table th {
	width: 20%;
	color: #098cdf;
	font-size: 120%;
}
.hosho table td {
}
#primary .hosho table h4 {
	border: none;
	padding-left: 0;
	margin-bottom: 10px;
}

.hosho2 table tr:nth-child(2n+1) th,
.hosho2 table tr:nth-child(2n+1) td {
	background-color: inherit;
}
.hosho2 table {
	border: 1px solid #ccc;
	font-size: 90%;
}
.hosho2 table tr.top,
.hosho2 table tr.top th {
	background-color: #666;
	color: #fff;
	font-weight: 500;
}
.hosho2 table tr.top th {
	font-weight: 400;
}

.hosho2 table tr.first,
.hosho2 table tr.first td {
	background-color: #F1F8FF;
}
.hosho2 table tr.first th.title {
	background-color: #D1E7FF;
	color: #1975D7;
}

.hosho2 table tr.seccond,
.hosho2 table tr.seccond td {
	background-color: #F9FDF3;
}
.hosho2 table tr.seccond th.title {
	background-color: #EBFFCE;
	color: #3E9B11;
}

.hosho2 table tr.third td {
	background-color: #FFF5EA;
}
.hosho2 table tr.third th.title {
	background-color: #FBF6D0;
	color: #7E710F;
}

.hosho2 table th,
.hosho2 table td {
	border: 1px solid #ccc;
	text-align: center;
}

#wrap_rentacar .boxC .flexbox {
	display: flex;
	flex-wrap: wrap;
	margin-top: 50px;
}
#wrap_rentacar .boxC .flexbox .box {
	width: 50%;
	padding-right: 30px;
}
#wrap_rentacar .boxC .flexbox .box:last-child {
	padding-right: 0;
	padding-left: 30px;
}

#wrap_rentacar .boxC .flexbox h3 {
	padding: 10px;
	font-size: 20px;
	margin-bottom: 20px;
}
/*
.contactbox {
	border: 2px solid #ccc;
}
.contactbox .telbox {
	overflow: hidden;
}
.contactbox .telbox .telnum {
	float: left;
}
.contactbox .telbox .timebox {
	float: right;
}
*/
.contactbox {
	text-align: center;
}
.contactbox .wrap {
	display: inline-block;
	border: 10px solid #9ec7e1;
	padding: 30px 40px;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	border-radius: 30px;
}
.contactbox .inner {
	background-color: #fff;
}
.contactbox p {
	margin: 0;
}
.entry-content .contactbox ul {
	margin: 0;
}
.entry-content .contactbox ul li {
	margin: 0;
	list-style-type: none;
}
#primary .contactbox h4 {
	border: none;
	padding: 0;
	text-align: center;
	font-size: 24px;
	font-weight: 500;
	color: #F00;
	margin-bottom: 0;
}
.contactbox .telbox {
	text-align: center;
	margin-bottom: 7px;
}
.contactbox .telbox .telnum {
	font-size: 200%;
	color: #F00;
	margin-bottom: 10px;
}
.contactbox .telnum a {
	color: #F00;
}
.entry-content .sub ul li {
	margin-top: 3px;
	text-align: left;
}
.ihankin {
	text-align: center;
	background-color: #F00;
	color: #fff;
	padding: 30px 20px;
	line-height: 1.3;
	margin: 0 auto 20px;
}
.ihankin .pay {
	font-size: 200%;
}

#wrap_rentacar .boxD .flexbox {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
#wrap_rentacar .boxD .flexbox .box {
	width: 33.3%;
}
#wrap_rentacar .boxD .flexbox .inner {
	padding: 0 30px 40px;
}
#wrap_rentacar .boxD .flexbox .ph {
	text-align: center;
	background-color: #7cbee6;
	padding: 30px;
	border-radius: 50%;
	width: 60%;
	margin: 0 auto 15px;
}
#primary #wrap_rentacar .boxD .flexbox h4 {
	border: none;
	text-align:center;
	padding: 0;
	margin-bottom: 10px;
	font-size: 20px;
	color: #e86505;
}
#wrap_rentacar .boxD .flexbox .txt {
}

/*レンタカー一覧*/


/*--------------------------------------------------------------
修理実績
--------------------------------------------------------------*/
/*修理実績index*/
.entry-content #wrap_worklistbnr ul {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	margin: 0;
	padding: 0;
}
#wrap_worklistbnr ul.wk01 {
	margin-bottom: 20px;
}
#wrap_worklistbnr ul.wk01 a {
	width: 33.3%;
}
#wrap_worklistbnr ul.wk02 a {
	width: 50%;
}
.entry-content #wrap_worklistbnr ul li {
	list-style-type: none;
	margin: 0;
	padding: 0 10px;
}
#wrap_worklistbnr ul .inner {
}
#wrap_worklistbnr ul .inner {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	font-size: 30px;
	padding: 100px 20px;
}

#wrap_worklistbnr li.no1 .inner {
	background-image: url(images/bg_workbnr01.jpg);
}
#wrap_worklistbnr li.no2 .inner {
	background-image: url(images/bg_workbnr02.jpg);
}
#wrap_worklistbnr li.no3 .inner {
	background-image: url(images/bg_workbnr03.jpg);
}
#wrap_worklistbnr li.no4 .inner {
	background-image: url(images/bg_workbnr04.jpg);
}
#wrap_worklistbnr li.no5 .inner {
	background-image: url(images/bg_workbnr05.jpg);
}


/*各一覧ページ*/



/*詳細ページ*/
#wrap_works h2 {
}
#wrap_works h3 {
	background-color: #1c75ad;
	color: #fff;
	padding: 10px 20px;
}
#wrap_works .wrap {
}
#wrap_works .phlist {
	margin-bottom: 10px;
}
.entry-content #wrap_works .phlist ul {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}
.entry-content #wrap_works .phlist ul li {
	list-style-type: none;
	width: 20%;
	margin: 0;
	padding: 0 5px 10px;
	text-align: center;
	
	width: 25%;
}
#wrap_works .phlist img {
	object-fit: cover;
	height: 200px;
	width: 100%;
}
#wrap_works .comtxt {
	background-color: #F6F6F6;
	padding: 50px;
	margin-bottom: 30px;
}
#wrap_works .morebtn .inner:after {
	display: none;
}
#wrap_works .morebtn .inner:before {
	content: "";
	background: url(images/icon_whitearrow_back.png);
	width: 24px;
	height: 24px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}
#wrap_works .morebtn button {
	color: #fff;
	background: none;
	border: none;
	padding: 0;
	font-size: 100%;
}


body.tax-bodywork .page-header.noworks,
body.tax-glass .page-header.noworks,
body.tax-light .page-header.noworks,
body.tax-repair .page-header.noworks,
body.tax-battery .page-header.noworks {
	display: none;
}
body.tax-bodywork .page-header,
body.tax-glass .page-header,
body.tax-light .page-header,
body.tax-repair .page-header,
body.tax-battery .page-header {
	background: url(images/bg_workstitle.jpg) no-repeat center;
	background-size: cover;
	position: relative;
	padding: 8% 0px;
	text-align: center;
	border-top: 0 none;
}
body.tax-glass .page-header {
	background: url(images/bg_workstitle2.jpg) no-repeat center;
}
body.tax-light .page-header {
	background: url(images/bg_workstitle3.jpg) no-repeat center;
}
body.tax-repair .page-header {
	background: url(images/bg_workstitle4.jpg) no-repeat center;
}
body.tax-battery .page-header {
	background: url(images/bg_workstitle5.jpg) no-repeat center;
}


body.tax-bodywork .page-header:before,
body.tax-glass .page-header:before,
body.tax-light .page-header:before,
body.tax-repair .page-header:before,
body.tax-battery .page-header:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	display: block;
	background: rgba(0, 0, 0, 0.3);
	content: "";
}
.works-cat {
	background-color: #F6F6F6;
	/*margin: 10px;*/
	padding: 10px;
	margin-bottom: 30px;
}

#bf {
	margin-bottom: 30px;
}
#bf .wrap {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}
#bf .wrap .box {
	width: 50%;
	padding: 0 20px;
}
#primary #bf .wrap .box h4 {
	background-color: #444;
	color: #fff;
	border: none;
	margin: 0;
	padding: 10px;
}
#bf .ph img {
	object-fit: cover;
	height: 400px;
	width: 100%;
}

@media (min-width: 768px) {
	/*#bf {
		width: 80%;
		margin: 0 auto 30px;
	}*/
	
}

/*--------------------------------------------------------------
会員について
--------------------------------------------------------------*/
#wrap_member .flexbox {
	display: flex;
	flex-wrap: wrap;
}
#wrap_member .flexbox .box {
	width: 50%;
}
/*
#wrap_member .flexbox .box .inner {
	border: 5px solid #1c75ad;
	padding: 20px;
}*/
#wrap_member .flexbox .box:first-child {
	padding-right: 30px;
}
#wrap_member .flexbox .box:last-child {
	padding-left: 30px;
}
#wrap_member .flexbox dd {
	padding: 0;
	margin: 0;
}
#wrap_member .bikoubox01 {
	padding: 20px;
}

/*--------------------------------------------------------------
キャッシュバック
--------------------------------------------------------------*/
#wrap_cashback .flexbox {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 70px;
}
#wrap_cashback .flexbox .txt {
	width: 60%;
	padding-right: 50px;
}
#wrap_cashback .flexbox .ph {
	text-align: center;
	width: 40%;
}


/*--------------------------------------------------------------
会社案内
--------------------------------------------------------------*/



/*--------------------------------------------------------------
台車について
--------------------------------------------------------------*/
#wrap_loaner .boxA {
	margin-bottom: 70px;
}
#wrap_loaner .prcbox {
	overflow: hidden;
}
#wrap_loaner .prcbox .price {
	float: left;
	width: 50%;
}
#wrap_loaner .prcbox .price table th {
	width: auto;
}
#wrap_loaner .prcbox .price table th,
#wrap_loaner .prcbox .price table td {
	padding: 10px;
	line-height: 1.5;
}
#wrap_loaner .prcbox .ex {
	float: right;
	width: 45%;
}


#wrap_loaner .boxB {
	border: 10px solid #9ec7e1;
	padding: 50px 40px 40px;
	border-radius: 30px;
}

#wrap_loaner .boxB h3 {
	text-align: center;
	background-color: #e86505;
	padding: 20px 10px;
	color: #fff;
	font-size: 24px;
	border-radius: 50px;
	margin-bottom: 50px;
	border: none;
}
#wrap_loaner .howtopay {
}

/*台車一覧*/
#wrap_daishalist .comtxt {
}


/*--------------------------------------------------------------
プライバシーポリシー
--------------------------------------------------------------*/
#wrap_privacy .wrap2 {
	/*width: 80%;
	margin: 0 auto;*/
}
#wrap_privacy .wrap2 ol {
	margin-left: 50px;
	line-height: 1.7;
}
#wrap_privacy .wrap2 ol li {
	margin-bottom: 20px;
}
#wrap_privacy .wrap2 ol ul {
	margin-left: 20px;
	margin-top: 10px;
	line-height: 1.7;
}
#wrap_privacy .wrap2 ol ul li {
	margin-bottom: 5px;
}

/*--------------------------------------------------------------
お問い合わせ
--------------------------------------------------------------*/
#wrap_contact .telbox {
	color: #fff;
	text-align: center;
	margin-bottom: 50px;
}
#wrap_contact .telbox .inner {
	background-color: #1c75ad;
	padding: 20px 50px;
	display: inline-block;
	font-size: 0;
}
#wrap_contact .telbox a {
	color: #fff;
}
.entry-content #wrap_contact .telbox ul {
	margin: 0;
	padding: 0;
}
.entry-content #wrap_contact .telbox ul li {
	display: inline-block;
	margin: 10px 0;
	font-size: 16px;
}
#wrap_contact .telbox ul li.telnum {
	font-size: 26px;
	background: url(images/bg_telnum.png) no-repeat left center;
	padding-left: 40px;
	margin-right: 10px;
}


#linecontact {
	border: 3px solid #38ae36;
	width: 60%;
	margin: 0 auto;
}
#linecontact .wrap {
}
#primary #linecontact h3 {
	background-color: #38ae36;
	color: #fff;
	text-align: center;
	padding: 15px 10px;
	margin: 0;
	font-size: 30px;
	border: none;
}
#linecontact .txtbox {
	padding: 30px;
}
#linecontact .qrbox {
	display: table;
	width: 100%;
	margin-bottom: 20px;
}
#linecontact .qrbox .td {
	display: table-cell;
	vertical-align: middle;
}
#linecontact .qrbox .icon {
	width: 30%;
	text-align: center;
}
#linecontact .qrbox .txt {
	font-size: 24px;
	font-weight: 600;
	color: #e86505;
	line-height: 1.5;
	padding-left: 20px;
}
#linecontact .flow {
	text-align: center;
	font-size: 0;
	margin-bottom: 10px;
}
#linecontact .flow .box {
	display: inline-block;
	margin: 0 5px;
}
#linecontact .subtxt {
}

/*--------------------------------------------------------------
お客様の声
--------------------------------------------------------------*/
#wrap_voice .wrapper {
	/*display: flex;
	flex-wrap: wrap;*/
}
#wrap_voice .wrapper .box {
	/*width: 50%;
	padding: 0 15px 30px;*/
	border: 5px solid #94c4e1;
	padding: 30px 30px 20px;
	margin-bottom: 30px;
	border-radius: 30px;
}
#wrap_voice .wrapper .box:last-child {
	margin-bottom: 0;
}
#wrap_voice .wrap {
	display: flex;
	flex-wrap: wrap;
}
#wrap_voice .icon {
	width: 20%;
	text-align: center;
	padding-right: 10px;
}
#wrap_voice .txt {
	width: 80%
}
#primary #wrap_voice h3 {
	border-bottom: 1px solid #1c75ad;
	padding-bottom: 10px;
}
#wrap_voice .kind {
	display: inline-block;
	padding: 2px 10px 4px;
	line-height: 1.2;
	font-size: 85%;
	background-color: #1c75ad;
	color: #fff;
	margin-bottom: 5px;
	border-radius: 5px;
}
#wrap_voice .star {
	color: #EACA1D;
	line-height: 1;
	margin-bottom: 5px;
}


/*--------------------------------------------------------------

--------------------------------------------------------------*/




/*--------------------------------------------------------------

--------------------------------------------------------------*/



/*--------------------------------------------------------------

--------------------------------------------------------------*/



/*--------------------------------------------------------------

--------------------------------------------------------------*/



/*--------------------------------------------------------------

--------------------------------------------------------------*/



/*--------------------------------------------------------------

--------------------------------------------------------------*/



/*--------------------------------------------------------------

--------------------------------------------------------------*/



/*--------------------------------------------------------------

--------------------------------------------------------------*/