@charset "utf-8";

/* ==========================================================

	トップ

========================================================== */
/* メインビジュアル（スライダー）
===========================================================*/
#slider-wrap {
	overflow: hidden;
}

#slider-box .slide-image {
	float: left;
}

/* PC */
@media screen and (min-width: 768px) {

}

/* SP */
@media screen and (max-width: 767px) {
	#slider-wrap { margin-right:-10px; margin-left:-10px;}
	
	#slider-box .slide-image img { width:100%;}
}


/* リンクエリア（メインビジュアル下）
===========================================================*/
.home .__link_area p { text-align:center;}

/* PC */
@media screen and (min-width: 768px) {
	.home .__link_area { margin-top:50px; margin-bottom:55px;}

	.home .__link_area p { font-size:25px;}
	
	.home .__link_area ul {
		display:flex;
		flex-wrap:wrap; justify-content:space-between; align-items:stretch;
		margin-top:30px; margin-right:18px; margin-left:18px;
	}
}

/* SP */
@media screen and (max-width: 767px) {
	.home .__link_area { margin-top:6vmin; margin-bottom:8vmin;}
	
	.home .__link_area p {
		margin-bottom:3vmin;
		font-size:4.7vmin;
	}
	
	.home .__link_area li { margin-bottom:2.6vmin;}
}



/* コンテンツ紹介
===========================================================*/
.home .__contents div a {
	display:block;
	text-decoration:none;
	color:inherit;
}

.home .__contents div .__title:before {
	content: "";
	display:inline-block;
	width: 15px;
	height: 15px;
	margin-right: 3px;
	background: url(../images/ui02.png) center center no-repeat;
	position:relative; top:2px;
}

.home .__contents div .__en { font-size:15px; margin-right:5px;}
.home .__contents div .__jp { font-size:13px;}

/* PC */
@media screen and (min-width: 768px) {
	.home .__contents div {
		display:flex;
		flex-wrap:wrap; justify-content:flex-start; align-items:stretch;
		margin-top:30px;
	}
	
	.home .__contents div a {
		width:300px;
		margin-bottom:50px;
	}
	
	.home .__contents div .__title { margin-top:10px;}
	
	.home .__contents div a img { width:300px;}
	
	.home .__contents div a:nth-of-type(2n-1) { margin-right:50px;}
}

/* SP */
@media screen and (max-width: 767px) {
	.home .__contents { margin-right:-10px; margin-bottom:30px; margin-left:-10px;}
	
	.home .__contents div { margin-top:5vmin;}
	
	.home .__contents div a {
		display:flex;
		flex-wrap:wrap; justify-content:space-between; align-items:center; flex-direction:row-reverse;
		padding:10px 15px;
		border-bottom:1px solid #c8c8c8;
	}
	
	.home .__contents div a:first-of-type { border-top:1px solid #c8c8c8;}
	
	.home .__contents div a img { width:120px;}
	
	.home .__contents div p { flex:1;}
	
	.home .__contents div .__jp {
		display:block;
		margin-left:22px;
	}
}








/*==========================================================

	ニュース一覧

========================================================== */
.news_list .__box {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
}

.news_list a:hover { opacity: 0.7;}

.news_list .__text p { margin-bottom: 0;}

.news_list .__btn { text-align: right;}

.news_list .__btn span {
  background: url(../images/ui02.png) left center no-repeat;
  padding-left: 20px;
  color: #e6201b;
  font-size: 15px;
}

.news_list .page-numbers {
  padding-right: 5px; padding-left: 5px;
  border-radius: 3px;
}

.news_list .prev.page-numbers,
.news_list .next.page-numbers { width: auto;}

.news_list .__thumb {
  background-image: url(/wp-content/themes/isuzu-toyama/images/default@2x.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #F2F2F2;
  height: 170px;
  width: 170px;
}


/* PC */
@media screen and (min-width: 768px) {
  .news_list .__box {
    display: flex;
    justify-content: flex-start; align-items: flex-start;
    padding-top: 30px; padding-bottom: 30px;
  }

  .news_list .__thumb img { width: 170px; height: auto;}

  .news_list .__text {
    flex: 1;
    margin-left: 30px;
  }

  .news_list .__title {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .news_list .__thumb img {
    height: auto;
    width: 100%;
  }
  
}

/* SP */
@media screen and (max-width: 767px) {
  .news_list .__box:first-of-type { border-top: 1px solid #ccc;}
  
  .news_list .__box {
    display: block;
    position: relative;
    padding-top: 3vmin; padding-bottom: 3vmin;
  }

  .news_list .__box .__title {
    font-size: 4.5vmin;
  }

  .news_list .__box .__thumb {
    margin-top: 2vmin; margin-bottom: 2vmin;
    text-align: center;
  }

  /* .news_list .__box .__thumb img { width: 40vmin; height: auto;} */

  .news_list .pagination {
    position: relative;
    padding-top: 50px;
  }

  .news_list .pagination .prev { position: absolute; top: 10px; left: 0;}
  .news_list .pagination .next { position: absolute; top: 10px; right: 0;}

  .news_list .__thumb {
    background-size: contain;
    height: 140px;
    width: 100%;
  }
  .news_list .__thumb img {
    height: 100%;
    width: auto;
  }
}




/*==========================================================

	ニュース詳細

========================================================== */
.news .__post .__title {
  font-size: 22px;
  font-weight: normal;
  margin: 0 auto 20px;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 10px;
}

.news .__post .__title span {
  font-size: 14px;
  line-height: 1em;
  margin-bottom: 10px;
  display: block;
}
.news .__post img {
    max-width: 100%;
    height: auto;	
}
/* SP */
@media screen and (max-width: 767px) {
  .news iframe { width: 100%;}
}


/* 前後ページネーション
===========================================================*/
#single_pagenate {
  border-top: 1px solid #dbdbdb;
  padding-top: 20px;
  text-align: center;
  display: flex;
  flex-wrap: wrap; justify-content: space-between; align-items: flex-start;
}

#single_pagenate div a {
  color: #fff;
  display: inline-block;
  background: #000;
  border-radius: 5px;
  padding: 0 10px;
  text-decoration: none;
}

#single_pagenate div.top a {
  background: #e5201b;
}








/*==========================================================

	商品情報

========================================================== */
/* PC */
@media screen and (min-width: 768px) {
	.product .__title { margin-top:20px; margin-bottom:20px;}
}

/* SP */
@media screen and (max-width: 767px) {
	.product .__title { margin-top:10px; margin-bottom:10px;}
	
	.product .__title img { width:inherit;}
	
	.product p { margin-bottom:10px;}
}






/*==========================================================

	サービス

========================================================== */
/* PC */
@media screen and (min-width: 768px) {
	.service .column2 .__box { width:305px;}
	
	.service .column2 .__box img { width:305px;}
}

/* SP */
@media screen and (max-width: 767px) {
	.service .column2 .__box { margin-bottom:15px;}
}






/*==========================================================

	会社案内

========================================================== */
.info .__box {
	border:1px solid #dbdbdb;
	display:flex;
	flex-wrap:wrap; justify-content:flex-start; align-items:center;
	color:inherit;
	text-decoration:none;
}

.info .__box .__text {
	flex:1;
	text-align:center;
}

.info .__box h3 span {
	display:block;
	line-height:1.4;
}

.info .__box .__jp { font-size:13px;}

.info .__box .btn_type01 { border-radius:5px;}

.info .__box .btn_type01:before { position:relative; top:-1px;}

/* PC */
@media screen and (min-width: 768px) {
	.info .__box { margin-bottom:30px;}
	
	.info .__box h3 { margin-bottom:20px;}
	
	.info .__box .__en { font-size:30px;}
}

/* SP */
@media screen and (max-width: 767px) {
	.info .__box { margin-bottom:15px;}
	
	.info .__box img { width:50%;}
	
	.info .__box h3 { margin-bottom:8px;}
	
	.info .__box .__en { font-size:18px;}
	
	.info .__box .btn_type01 {
		font-size:12px;
		padding:6px 10px;
	}
}





/*==========================================================

	┗ メッセージ

========================================================== */
.message .__profile p {
	margin-bottom:0;
	font-size:13px;
}

.message .__profile dd { margin-bottom:1.5em;}


/* PC */
@media screen and (min-width: 768px) {
	.message .__message .__photo {
		float:left;
		margin-right:30px;
	}
	
	.message .__profile .__photo {
		float:right;
		margin-left:30px;
	}
	
	.message .__profile .__text { overflow:hidden;}
	
	.message .__profile .__name {
		font-size:23px;
		margin-bottom:20px;
	}
}

/* SP */
@media screen and (max-width: 767px) {
	.message .__photo {
		text-align:center;
		margin-bottom:10px;
	}
	
	.message .__photo img { width:75%;}
	
	.message .__profile .__text p { text-align:center;}
	
	.message .__profile .__name {
		font-size:20px;
		margin-bottom:15px;
	}
}









/*==========================================================

	┗ 会社概要

========================================================== */
/* PC */
@media screen and (min-width: 768px) {
	.company .table_type02 th { width:150px;}
}

/* SP */
@media screen and (max-width: 767px) {

}





/*==========================================================

	┗ 整備工場

========================================================== */
.maintenance section { border-top:solid 1px #dbdbdb;}

.maintenance section:last-of-type { border-bottom:solid 1px #dbdbdb;}

/* PC */
@media screen and (min-width: 768px) {
	.maintenance section {
		padding-top:30px; padding-bottom:30px;
		margin-bottom:0;
	}
	
	.maintenance .__block {
		display:flex;
		flex-wrap:wrap; justify-content:space-between; align-items:flex-start;
		margin-bottom:20px;
	}
	
	.maintenance .__block img { margin-right:30px;}
	
	.maintenance .__block .__text { flex:1;}
	
	.maintenance .__block .__title {
		margin-bottom:15px;
		font-size:18px;
	}
	
	.maintenance .btn_type01 { margin-top:30px;}
}

/* SP */
@media screen and (max-width: 767px) {
	.maintenance section {
		padding-top:3vmin; padding-bottom:3vmin;
		margin-bottom:0;
	}
	
	.maintenance .__block {
		margin-bottom:5vmin;
	}
	
	.maintenance .__block img {
		display:block;
		margin-right:auto; margin-bottom:2.6vmin; margin-left:auto;
	}
		
	.maintenance .__block .__title {
		margin-bottom:15px;
		font-size:18px;
	}
	
	.maintenance .btn_type01 { margin-top:5vmin;}
}





/*==========================================================

	┗ 技能コンテスト

========================================================== */
.contest .__outline img { width:100%;}

.contest .column2 .__title { line-height:1.5;}


/* PC */
@media screen and (min-width: 768px) {
	.contest .__outline { margin-bottom:40px;}
	
	.contest .__outline img { margin-bottom:20px;}
	
	.contest .column2 img { margin-right:30px;}
	
	.contest .column2 .__name {
		display:block;
		font-size:18px;
		margin-bottom:10px;
	}
}

/* SP */
@media screen and (max-width: 767px) {
	.contest .__outline { margin-bottom:6vmin;}
	
	.contest .__outline img { margin-bottom:2.6vmin;}
	
	.contest .column2 img { margin-bottom:2.6vmin;}
	
	.contest .column2 .__name {
		display:block;
		font-size:5vmin;
		margin-bottom:10px;
	}
}













/*==========================================================

	ギャラリー

========================================================== */
/* PC */
@media screen and (min-width: 768px) {
	.gallery section { margin-bottom:50px;}
}

/* SP */
@media screen and (max-width: 767px) {

}















/* ==========================================================

	エントリー（フォーム本体以外）

========================================================== */
.form .__privacy {}

.form .__privacy > div {
	height:200px;
	padding:15px;
	border:1px solid #ccc;
	overflow:auto;
	background:#fff;
}

.form .__privacy .__area { margin-bottom:20px;}

.form .__privacy .__name { text-align:right;}


/* PC */
@media screen and (min-width: 768px) {
.form .__privacy { margin-top:30px;}

.form .__privacy h2 { font-size:20px;}

.form .__privacy h3 { font-size:16px;}

.form .__privacy .__name { margin-top:40px;}

/* 完了 */
.thanks .__text p:nth-child(1) { font-size:24px; font-weight:bold;}
.thanks .__text p:nth-child(2) { font-size:17px;}
}

/* SP */
@media screen and (max-width: 767px) {
.form .__privacy { margin-top:20px;}

.form .__privacy h2 { font-size:18px;}

.form .__privacy h3 { font-size:15px;}

/* 完了 */
.thanks .__text p:nth-child(1) { font-size:18px;}

.wrapper .slick-prev, .wrapper .slick-next {
    width: 25px;
    height: 25px;
    background-size: 100%;
}
/* slick */
.wrapper .slick-slide{
	text-align: center;
}
.wrapper .slick-slide p{
	text-align: left;
	width: 300px;
	margin: auto;
}
.wrapper .slick-slide img{
	display: inline-block;
}
.wrapper .slick-prev{
	left: 0px;
	z-index: 999;
}
.wrapper .slick-next{
	right: 0px;
	z-index: 999;
}

}

/* ==========================================================

	TOPカレンダー

========================================================== */
#calendar {
	margin: 0 0 50px;
}
#calendar .bnr {}

/*タブ切り替え全体のスタイル*/
#calendar .tabs {
margin-top: 50px;
    background-color: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 40px 0 0;
}

/*タブのスタイル*/
#calendar .tab_item {
    width: calc(100%/3);
    height: 50px;
    background-color: #C1C1C1;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    color: #000;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
    cursor: pointer;
}
#calendar .tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
#calendar input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
#calendar .tab_content {
display: none;
    padding: 20px;
    clear: both;
    overflow: hidden;
    border: 15px solid #000;
}


/*選択されているタブのコンテンツのみを表示*/
#maintenance:checked ~ #maintenanceBox,
#inspection:checked ~ #inspectionBox,
#repairing:checked ~ #repairingBox {
  display: block;
}

/*選択されているタブのスタイルを変える*/
#calendar .tabs input:checked + .tab_item {
    background-color: #000;
    color: #fff;
}

/* PC */
@media screen and (min-width: 768px) {}

/* SP */
@media screen and (max-width: 767px) {}

/* ==========================================================

	予約フォーム

========================================================== */
/* step */
.stepBar {
  position: relative;
  list-style: none;
  margin: 0 0 1em;
  padding: 0;
  text-align: center;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
}
.stepBar .step {
  position: relative;
  float: left;
  display: inline-block;
  line-height: 40px;
  padding: 0 40px 0 20px;
  background-color: #eee;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.stepBar .step:before, .stepBar .step:after {
  position: absolute;
  left: -15px;
  display: block;
  content: '';
  background-color: #eee;
  border-left: 4px solid #FFF;
  width: 20px;
  height: 20px;
}
.stepBar .step:after {
  top: 0;
  -moz-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -webkit-transform: skew(30deg);
  transform: skew(30deg);
}
.stepBar .step:before {
  bottom: 0;
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  transform: skew(-30deg);
}
.stepBar .step:first-child {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.stepBar .step:first-child:before, .stepBar .step:first-child:after {
  content: none;
}
.stepBar .step:last-child {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.stepBar .step.current {
  color: #FFF;
  background-color: #26bfa1;
}
.stepBar .step.current:before, .stepBar .step.current:after {
  background-color: #26bfa1;
}
.stepBar.step2 .step {
  width: 50%;
}
.stepBar.step3 .step {
  width: 33.333%;
}
.stepBar.step4 .step {
  width: 25%;
}
.stepBar.step5 .step {
  width: 20%;
}





/* ==========================================================

	所有権解除について

========================================================== */

.kaijo .documentSection {
  margin: 64px 0 0;
  padding: 32px 39px 42px;
  border: 1px dashed #000;
}
.kaijo .documentSection .documentTtl {
  font-size: 18px;
  font-size: 1.8rem;
  color: #000;
  font-weight: bold;
  letter-spacing: .2em;
}
.kaijo .documentSection .documentList {
  margin: 30px 0 0;
  counter-reset: number;
}
.kaijo .documentSection .documentList li {
  width: 100%;
  margin-top: 10px;
  display: table;
}
.kaijo .documentSection .documentList li:before {
  width: 36px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #f10000;
  background: #e6e6d5;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  counter-increment: number;
  content: counter(number);
}
.kaijo .documentSection .documentList li .contTxt {
  padding: 17px 20px 15px 26px;
  display: table-cell;
  vertical-align: middle;
  background: #f0f0e6;
}
.kaijo .documentSection .documentList li .contTxt .number {
  font-weight: bold;
  color: #f10000;
}
.kaijo .documentSection .documentList li .btnPdf {
  margin: 18px 0 0;
}
.kaijo .documentSection .documentList li .btnPdf a {
  padding: 22px 43px;
  display: inline-block;
  border: 1px dotted #374150;
  background: #fff;
}

.kaijo .inquirySection {
  margin: 92px 0 0;
}
.kaijo .inquirySection .inquiryTable {
  margin: 18px 0 0;
  width: 100%;
}
.kaijo .inquirySection .inquiryTable .pc_on {
  display: table-cell;
}
.kaijo .inquirySection .inquiryTable .sp_on {
  display: none;
}
.kaijo .inquirySection .inquiryTable th, .kaijo .inquirySection .inquiryTable td {
  white-space: nowrap;
  font-size: 14px;

  border: 2px solid #fff;
  vertical-align: middle;
}
.kaijo .inquirySection .inquiryTable th {
  padding: 14px 24px;
  background: #e6e6d5;
  text-align: center;
}
.kaijo .inquirySection .inquiryTable td {
  padding: 22px 24px;
  background: #f0f0e6;
}
.kaijo .inquirySection .inquiryTable td.tel {
  text-align: center;
}
.kaijo .inquirySection .counter {
  margin: 25px 0 0;
}
.kaijo .inquirySection .counter dt, .kaijo .inquirySection .counter dd {
  font-size: 14px;

}
.kaijo .inquirySection .counter dd {
  margin: 30px 0 0 22px;
  line-height: 1.9;
}	

	
	
.kaijo .download {
  margin: 98px 0 0;
  padding: 40px 0 0;
  border-top: 1px solid #ccc;
  overflow: hidden;
}
.kaijo .download .banner {
  float: left;
  margin-top: 3px;
}
.kaijo .download .txtBox {
  margin-left: 130px;
}
.kaijo .download .txtBox p {
  font-size: 14px;
  line-height: 1.8;
}
.kaijo .download .txtBox p a {
  color: #f10000;
  text-decoration: underline;
}
.kaijo .download .txtBox p a:hover {
  text-decoration: none;
}	
.kaijo .documentSection {
    margin: 0;
    padding: 32px 39px 42px;
    border: 1px dashed #000;
}	
	
.kaijo .documentSection .contTxt {
  padding: 17px 20px 15px 26px;
  vertical-align: middle;
  background: #f0f0e6;
}

.kaijo .documentSection .btnPdf {
}
.kaijo .documentSection .btnPdf a {
  padding: 22px 43px;
  display: block;
  border: 1px dotted #374150;
  background: #fff;
  text-align: center;
  text-align: -webkit-center;
}
	
/* SP */
@media screen and (max-width: 767px) {

.kaijo .documentSection {
    margin: 36px -12px 0;
    padding: 25px 12px 27px;
  }
  .kaijo .documentSection .documentTtl {
    margin-left: 13px;
    font-size: 15px;

  }
  .kaijo .documentSection .documentList {
    margin: 25px 0 0;
  }
  .kaijo .documentSection .documentList li {
    margin-top: 5px;
  }
  .kaijo .documentSection .documentList li:before {
    width: 24px;
    font-size: 12px;

  }
  .kaijo .documentSection .documentList li .contTxt {
    padding: 14px 10px 13px 10px;
    font-size: 12px;

  }
  .kaijo .documentSection .documentList li .btnPdf {
    margin: 18px 0 0;
  }
  .kaijo .documentSection .documentList li .btnPdf a {
    width: 100%;
    height: 46px;
    padding: 0;
    background: #fff url("../images/kaijo/btn_pdf_sp.png") no-repeat center;
    background-size: auto 24px;
  }
  .kaijo .documentSection .btnPdf a  {
    width: 100%;
    height: 46px;
    padding: 0;
    background: #fff url("../images/kaijo/btn_pdf_sp.png") no-repeat center;
    background-size: auto 24px;
  }	
  .kaijo .inquirySection {
      margin: 41px 0 0;
  }
  .kaijo .inquirySection .inquiryTable {
    margin: 22px 0 0;
  }
  .kaijo .inquirySection .inquiryTable .pc_on {
    display: none;
  }
  .kaijo .inquirySection .inquiryTable .sp_on {
    display: table-cell;
  }
  .kaijo .inquirySection .inquiryTable th, .kaijo .inquirySection .inquiryTable td {
    white-space: nowrap;
    font-size: 11px;

    border: 2px solid #fff;
    vertical-align: middle;
  }
  .kaijo .inquirySection .inquiryTable th {
    padding: 12px 11px;
    text-align: left;
  }
  .kaijo .inquirySection .inquiryTable td {
    padding: 15px 4px;
  }
  .kaijo .inquirySection .inquiryTable td .tel li {
    margin: 4px 0;
    font-size: 11px;

  }
  .kaijo .inquirySection .counter {
    margin: 20px 0 0;
  }
  .kaijo .inquirySection .counter dt, .kaijo .inquirySection .counter dd {
    font-size: 11px;

  }
  .kaijo .inquirySection .counter dd {
    margin: 22px 0 0 16px;
  }
  .kaijo .download {
    margin: 44px 25px 0;
    padding: 40px 0 0;
  }
  .kaijo .download .banner {
    float: none;
    margin-top: 0;
  }
	.kaijo .download .banner img {
		width: auto;
	}	
  .kaijo .download .txtBox {
    margin: 23px 0 0;
  }
  .kaijo .download .txtBox p {
    font-size: 12px;
  }	
	
}	


/* ==========================================================

	アフターサービス

========================================================== */

  .afterservice .afterServiceSection .afterServiceInr {}

.afterservice .afterServiceSection .boxService {
  float: left;
  width: 480px;
  margin-right: 40px;
	position: relative;
    border: 2px solid #f10000;
    box-sizing: border-box;	
}
.afterservice .afterServiceSection .boxService .boxImg:after {
  content: url(../images/icon_service.png);
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -26px;
}
.afterservice .afterServiceSection .boxParts {
  float: left;
  width: 480px;
	position: relative;
    border: 2px solid #f10000;
    box-sizing: border-box;	
}
.afterservice .afterServiceSection .boxParts .boxImg:after {
  content: url(../images/icon_parts.png);
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -26px;
}
.afterservice .afterServiceSection .boxImg {
  position: relative;
}
	.afterservice .afterServiceSection .boxImg img {
		max-width: 100%;
		
	}	
.afterservice .afterServiceSection .boxServiceInfo {
  min-height: 380px;
  padding: 50px 75px 45px;
  background-color: #fff;
  box-sizing: border-box;
}
.afterservice .afterServiceSection .boxServiceInfo .boxSrvieceTitle {
  font-size: 30px;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 45px;
}
.afterservice .afterServiceSection .boxServiceInfo .boxServiceList li {
  margin-bottom: 12px;
}
.afterservice .afterServiceSection .boxServiceInfo .boxServiceList li a {
  display: block;
  color: #f10000;
  font-weight: bold;
  text-align: center;
  letter-spacing: 1px;
  padding: 15px 0;
  width: 100%;
  border: 1px solid #f10000;
  box-sizing: border-box;
    text-decoration: none;	
}
.afterservice .afterServiceSection .boxServiceInfo .boxServiceList li a.inLink {
  background: url(../images/arw_red.png) no-repeat 96% center;
}
.afterservice .afterServiceSection .boxServiceInfo .boxServiceList li a.outLink {
  background: url(../images/ico_blank.png) no-repeat 96% center;
}
body.afterservice .afterServiceBnr {
  width: 100%;
  padding: 75px 0 160px;
  border-bottom: 1px solid #ccc;
}
body.afterservice .afterServiceBnr .afterServiceBnrList {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
}
body.afterservice .afterServiceBnr .afterServiceBnrList li {
  float: left;
  width: 480px;
}
body.afterservice .afterServiceBnr .afterServiceBnrList li:first-child {
  margin-right: 40px;
}

main.afterservice .__induce {
	margin-top: 50px; margin-bottom: 50px;
	border: 2px solid #f10000;
}

main.afterservice .__induce .__box {
	padding-top: 10px;padding-left: 10px;padding-bottom: 20px;padding-right: 10px;
}

main.afterservice .__induce .__box h3 {
	margin-top: -30px;
	background: #fff;
	text-align: center;
	font-size: 25px;
}

main.afterservice .__induce .__box .__lead {
	text-align: center;
	font-size: 22px;
	margin-bottom: 20px;
}

main.afterservice .__induce .__box .__link {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 70%;
    margin: auto;
}
main.afterservice .__induce .__box .__link .__txt { width: 48%; margin-right: 20px;}
main.afterservice .__induce .__box .__link .__txt p { margin-bottom: 0px;}
main.afterservice .__induce .__box .__link .__txt p.__tel { font-size: 23px; font-weight: bold;}

main.afterservice .__induce .__box .__link .__img { width: 48%;}
main.afterservice .__induce .__box .__link .__img img { max-width: 100%;}

main.afterservice .__induce .__box .__btn {
	margin-top: 30px;margin-bottom: 30px;
}

main.afterservice .__induce .__box .__btn a {
	display: block;
	width: 500px;
	margin: auto;
	background: #f10000;
	color: #fff;
	text-align: center;
	padding-top: 10px;padding-bottom: 10px;
	border-radius: 10px;
	text-decoration: none;
}

.bnr-maintenance-fee-wrap {
  margin-top: 80px;
  margin-bottom: 50px;
}
.bnr-maintenance-fee {
  display: block;
  margin: 0 auto;
  max-width: 520px;
}
.bnr-maintenance-fee img {
  height: auto;
  width: 100%;
}

/* PC */
@media screen and (min-width: 768px) {
	
	.afterservice .afterServiceSection .afterServiceInr {
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-ms-flex-pack: justify;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;	
	}	
}
/* SP */
@media screen and (max-width: 767px) {
	
  .afterservice .afterServiceSection {
   
  }
  .afterservice .afterServiceSection .afterServiceInr {
    width: 100%;
  }
  .afterservice .afterServiceSection .boxService {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }
  .afterservice .afterServiceSection .boxParts {
    float: none;
    width: 100%;
  }
  .afterservice .afterServiceSection .boxServiceInfo {
    min-height: 0;
    padding: 40px 30px;
  }
  .afterservice .afterServiceSection .boxServiceInfo .boxSrvieceTitle {
    font-size: 19px;
    font-size: 1.9rem;
    margin-bottom: 30px;
  }
  .afterservice .afterServiceBnr {
    width: 100%;
    padding: 40px 26px;
    box-sizing: border-box;
  }
  .afterservice .afterServiceBnr .afterServiceBnrList {
    width: 100%;
  }
  .afterservice .afterServiceBnr .afterServiceBnrList li {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
  .afterservice .afterServiceBnr .afterServiceBnrList li:first-child {
    margin-right: 0;
  }	
	
 main.afterservice .__induce .__box h3 { font-size: 4.5vmin;}	
 main.afterservice .__induce .__box .__lead { font-size: 4vmin;}
 main.afterservice .__induce .__box .__link { width: 100%;}	
	
 main.afterservice .__induce .__box .__link .__txt {
    width: auto;
    margin-right: 0;
    text-align: center;
}

 main.afterservice .__induce .__box .__link .__img {
    width: 100%;
    margin-top: 5vmin;
}
	
 main.afterservice .__induce .__box .__btn a {
    display: block;
    width: auto;
    margin: auto;
    background: #f10000;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    text-decoration: none;
}	
.bnr-maintenance-fee-wrap {
  margin-top: 60px;
  margin-bottom: 30px;
}
}	

/* PC */
@media screen and (min-width: 768px) {
	.afterservice .column2 .__box {width: 45%;}
	
	.afterservice .column2 .__box img {width: 100%;}
}

/* SP */
@media screen and (max-width: 767px) {
	.afterservice .column2 .__box { margin-bottom:15px;}
}
/* ==========================================================

	部品お問い合わせ先

========================================================== */

.parts_contact .navOffice {
  display: table;
  width: 100%;
  margin-bottom: 60px;
}
.parts_contact .navOffice li {
  display: table-cell;
  width: 16.6%;
  text-align: center;
  border-left: 1px dotted #999;
}
.parts_contact .navOffice li:first-child {
  border-left: none;
}
.parts_contact .navOffice li a {
  display: inline-block;
  width: 100%;
  padding-right: 20%;
  background: url(../img/common/arw_un_red.png) no-repeat 85% center;
  box-sizing: border-box;
}
.parts_contact .boxOffice {
  margin-bottom: 100px;
}
.parts_contact .boxOffice .boxTitle {
  font-size: 22px;
  letter-spacing: 2px;
  text-align: center;
  width: 100%;
  margin-bottom: 40px;
  padding: 30px 0;
  background-color: #f0f0e6;
}
.parts_contact .boxOffice .boxOfficeInr {
  padding-bottom: 50px;
  margin-bottom: 44px;
  border-bottom: 1px solid #ccc;
}
.parts_contact .boxOffice .boxOfficeInr:last-child {
  border-bottom: none;
}
.parts_contact .boxOffice .boxOfficeThumb {
  float: left;
  width: 240px;
  margin-right: 25px;
}
.parts_contact .boxOffice .boxOfficeThumb img {
  width: 100%;
}
.parts_contact .boxOffice .boxOfficeInfo {
    float: left;
    width: 380px;
}
.parts_contact .boxOffice .boxOfficeInfo .boxOfficeName {
  color: #f10000;
  font-size: 18px;
  margin-bottom: 5px;
}
.parts_contact .boxOffice .boxOfficeInfo .boxOfficeName + p {
  margin-top: 40px;
}
.parts_contact .boxOffice .boxOfficeInfo .partsCategory {
  margin-bottom: 25px;
}
.parts_contact .boxOffice .boxOfficeInfo .partsCategory li {
  display: inline-block;
}
.parts_contact .boxOffice .boxOfficeInfo .boxOfficeTel,
.parts_contact .boxOffice .boxOfficeInfo .boxOfficeFax {
  font-size: 20px;

  line-height: 1;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.parts_contact .boxOffice .boxOfficeInfo .boxOfficeTel span,
.parts_contact .boxOffice .boxOfficeInfo .boxOfficeFax span {
  font-size: 16px;

  padding-right: 15px;
}
.parts_contact .boxOffice .boxOfficeInfo .boxOfficeAddress {
  font-size: 14px;

  padding-top: 15px;
  margin-bottom: 25px;
}
.parts_contact .boxOffice .boxOfficeInfo .boxOfficeAddress span {
  padding-right: 15px;
}
.parts_contact .boxOffice .boxOfficeInfo .boxOfficeAccess {
  width: 300px;
  text-align: center;
}
.parts_contact .boxOffice .boxOfficeInfo .boxOfficeAccess a {
    font-weight: bold;
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    border: 1px solid #000;
    box-sizing: border-box;
    text-decoration: none;
}

	
	
/* SP */
@media screen and (max-width: 767px) {
	
  .parts_contact .navOffice {
    display: block;
    text-align: center;
    margin-bottom: 30px;
  }
  .parts_contact .navOffice li {
    display: inline-block;
    width: 30%;
    margin-bottom: 15px;
  }
  .parts_contact .navOffice li:first-child, .parts_contact .navOffice li:nth-child(3n+1) {
    border-left: none;
  }
  .parts_contact .boxOffice {
    margin-bottom: 50px;
  }
  .parts_contact .boxOffice .boxTitle {
    font-size: 22px;
    padding: 20px 0;
  }
  .parts_contact .boxOffice .boxOfficeInr {
    padding-bottom: 50px;
    margin-bottom: 44px;
    border-bottom: 1px solid #ccc;
  }
  .parts_contact .boxOffice .boxOfficeInr:last-child {
    border-bottom: none;
  }
  .parts_contact .boxOffice .boxOfficeThumb {
    float: none;
    max-width: 240px;
    width: 70%;
    margin: 0 auto 30px;
  }
  .parts_contact .boxOffice .boxOfficeThumb img {
    width: 100%;
  }
  .parts_contact .boxOffice .boxOfficeInfo {
    float: none;
    width: 90%;
    margin: 0 auto;
  }
  .parts_contact .boxOffice .boxOfficeInfo .boxOfficeAccess {
    width: 100%;
    margin: 0 auto;
  }	
	
}	



/* ==========================================================

	オススメ部品情報

========================================================== */


.parts_pickup .partsPickupList {
  margin-bottom: 35px;
}
.parts_pickup .partsPickupList .partsPickupThumb {
  float: left;
  text-align: center;
  vertical-align: middle;
  width: 75px;
  height: 75px;
  margin-right: 25px;
}
.parts_pickup .partsPickupList .partsPickupThumb img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.parts_pickup .partsPickupList .partsPickupThumb .__no {
	display: block;
	vertical-align: middle;
	border: 1px solid #ddd;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding-top: 20px;
	font-size: 12px;		
}	
.parts_pickup .partsPickupList .partsPickupInfo {
    float: left;
    width: 550px;
}
.parts_pickup .partsPickupList .partsPickupInfo .partsPickupDate {
  font-size: 15px;
  margin-bottom: 10px;
}
	.parts_pickup .partsPickupList .partsPickupInfo .partsPickupTitle {
	    margin-top: 0;	
	}
.parts_pickup .partsPickupList .partsPickupInfo .partsPickupTitle a {
    font-size: 15px;
    text-decoration: underline;
    color: #000;
}
.parts_pickup .partsPickupList .partsPickupInfo .partsPickupTitle a:hover {
	  text-decoration: none;
}

/* SP */
@media screen and (max-width: 767px) {
		
 .parts_pickup .partsPickupList {
    width: 90%;
    margin: 0 auto 35px;
  }
  .parts_pickup .partsPickupList .partsPickupThumb {
    width: 20%;
    height: auto;
    margin-right: 5%;
  }
  .parts_pickup .partsPickupList .partsPickupInfo {
    width: 75%;
  }
  .parts_pickup .partsPickupList .partsPickupInfo .partsPickupDate {
    margin-bottom: 5px;
  }			
	.parts_pickup .partsPickupList .partsPickupThumb .__no {
		padding-bottom: 20px;		
	}		
}	


/* ==========================================================

	古物営業法

========================================================== */

main.law .basic-table table {width: 100%;}
main.law .basic-table table { table-layout: fixed;}
main.law .basic-table th, main.law .basic-table td { text-align: center;}
main.law .basic-table th, main.law .basic-table td {border: 1px solid #d4d4d4;}

main.law .basic-table th {
    background: #f0f0f0;
    padding: 10px 12px;
    font-weight: normal;
    vertical-align: top;
}

main.law .basic-table td { 
	padding: 10px 10px;
	vertical-align: middle;
    word-break: break-all;
}







/* ==========================================================

	お問い合わせフォーム

========================================================== */
.page-contact .heading-slash {
	padding-left: 20px;
	line-height: 30px;
	font-size: 22px;
	background: url(../images/ui04.png) left 4px no-repeat;
}

.page-contact .cf-table {
	width: 100%;
	border: 1px solid #aeaeae;
	border-bottom: none;
	box-sizing: border-box;
}
.page-contact .cf-table tr{
	border-bottom: 1px solid #aeaeae;
	box-sizing: border-box;
}
.page-contact .cf-table tr th{
	box-sizing: border-box;
	padding: 10px;
	border-right: 1px solid #aeaeae;
	text-align: left;
}
.page-contact .cf-table tr td{
	box-sizing: border-box;
	padding: 10px;
}
.page-contact .cf-table tr th .at{
	color: #fff;
	background: red;
	border-radius: 3px;
	display: block;
	float: right;
	box-sizing: border-box;
	padding: 0 5px;
}
.page-contact .cf-table tr th .any{
  color: #fff;
  background: #1260e3;
  border-radius: 3px;
  display: block;
  float: right;
  box-sizing: border-box;
  padding: 0 5px;
}
.page-contact .cf-table tr td textarea{
	box-sizing: border-box;
	width: 100%;
}
.page-contact .cf-table tr td .trucktype label:last-child{
	padding-right: 10px;
}
.page-contact input[type="text"],
.page-contact input[type="tel"],
.page-contact input[type="email"] {
  width: 100%;
  max-width: 300px;
  box-sizing: border-box;
}
.page-contact input.wpcf7-submit{
	display: block;
	width: 150px;
	font-size: 20px;
	color: #fff;
	font-family: 'Noto Serif JP', sans-serif;
	background: #da2516;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	border: none;
	border-radius: 5px;
	font-weight: bold;
	padding: 5px 10px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.page-contact .wpcf7-form-control-wrap > div > div { margin:50px auto;}


/* PC */
@media screen and (min-width: 768px) {
	.page-contact main {
		width: 100%;
		padding-bottom: 80px;
	}
}

/* SP */
@media screen and (max-width: 767px) {
	.page-contact table,
	.page-contact tbody,
	.page-contact tr,
	.page-contact th,
	.page-contact td { display: block;}
	
	.page-contact .cf-table tr th{
		border-right: none;
		border-bottom: 1px solid #aeaeae;
	}
	
	.wpcf7-form-control-wrap > div > div { margin:8vmin auto;}

}





