/*
Theme Name: UNICO auto
*/
@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

/* 最低限必要なheightを指定して、後は容量合わせてautoに（今回は最低限50px）点線を引く */
.box {
	min-height:50px;
	height:auto !important;
	height:50px;
	margin:0px 0px 10px 0px;
	padding:10px;
	border:1px dotted #FF6600;
}

/* floatの解除①（floatの直後に設置） */
.myclear {
    	clear:both;
}

/* floatの解除②（floatの親要素に設置） */
.myclearfix {
    	min-height: 1px;
}
/*--------------------------------------------------------------
						サイト全体
----------------------------------------------------------------*/
body {
    font-family: 'Noto Sans JP', sans-serif, 'Noto Serif JP', serif;
}

.grid {
	box-sizing: border-box;
	width: 1260px;
	margin: 0 auto;
	padding: 0 20px;
}
.newSection .grid {
	box-sizing: border-box;
	width: 1260px;
	margin: 0 auto;
	padding: 50px 20px 80px 20px;
}
.grid.smallgrid {
	box-sizing: border-box;
	width: 980px;
	margin: 0 auto;
	padding: 0px;
}
.grid.bloggrid {
	box-sizing: border-box;
	width: 1260px;
	margin: 0 auto;
	padding: 0 80px;
}
.pc_view {
	display: block;
}
.sp_view {
	display: none;
}
ul li {
	list-style: none;
}
a {
	text-decoration: none;
	color: inherit;
}
.columnbox {
	display: flex;
}
.margin_plus {
	margin-bottom: 80px!important;
}

/*--------------------------------------------------------------
						ヘッダー
----------------------------------------------------------------*/
header {
}
header .grid {
	padding-top: 10px;
	padding-bottom: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header img.logo {
	height: 55px;
}
.eye_top {
	margin-top:2px;
}
.grid.pankuzu {
	color: #707070;
}
/*--------------------------------------------------------------
						グローバルナビ
----------------------------------------------------------------*/
nav {
	width: 50%;
	display: flex;
	flex-direction: row-reverse;
}
nav ul {
	display: flex;
}
nav ul li {
	margin-right: 30px;
}
nav ul li:last-child {
	margin-right: 0px;
}
nav ul li a {
	font-family: 'Noto Serif JP', serif;
	color: #707070;
}
nav ul li a:hover {
	color: black;
}

/*--------------------------------------------------------------
						アイキャッチ
----------------------------------------------------------------*/

/*--------------------------------------------------------------
						メインコンテンツ
----------------------------------------------------------------*/
/* slick */
/* .slider1_2,
.thumb1_2 {
	padding-left: 0px;
}
.slider1_2 img {
  width: 100%;
  height: auto;
} */
/* .slickbox {
	display: flex;
} */
/* .thumb1_2 {
	height: 100px;
} */
/* .thumb1_2 img {
	height: 70px;
} */


/* slide-box（スライドショー） */

.slide-box {
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}

/* slide */

.slide {
  position: relative;
  width: 75%;
  margin: 0;
  padding: 0;
}
.slide .item {
  position: relative;
  height: 100%;
}
.slide .item a {
  display: block;
}
.slide .item::before {
  display: block;
  padding-top: 39%;
  content: "";
}
.slide .item .image {
  position: relative;
  overflow: hidden;
}
.slide .item img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
	height: 100%;
}
.slide > .slick-list,
.slide > .slick-list > .slick-track,
.slide > .slick-list > .slick-track > .slick-slide > div {
  position: relative;
  height: 100%;
}

@media screen and (max-width: 767px) {
	/* .slide.slick-initialized .slick-list {
	    overflow: visible!important;
	} */
  .slide {
    width: 100%;
  }
	.slide .item::before {
    padding-top: 65%!important;
	}
}

/* slide-navigation */

.slide-navigation {
  line-height: 0;
  position: relative;
  width: 25%;
  margin: 0;
  padding: 0;
}
.slide-navigation .item {
  position: relative;
  cursor: pointer;
}
.slide-navigation .item .image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.slide-navigation .item .image::before {
  display: block;
  /* padding-top: 25%; */
  content: "";
}
.slide-navigation .item .image::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.5;
  background: #000;
}
.slide-navigation .slick-current .image::after {
  opacity: 0;
}
.slide-navigation .item .image {
  position: relative;
  overflow: hidden;
}
.slide-navigation .item .image img {k
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;




	height: 100%;
	object-fit: cover;
}

@media screen and (max-width: 767px) {
  .slide-navigation {
    width: 100%;
  }
  .slide-navigation .item .image::before {
    /* padding-top: 50%; */
  }
}

/* slick */

.slick-vertical .slick-slide {
  border: 0 solid transparent;
}
.slick-arrow {
  z-index: 999;
}
.slick-prev {
  top: 25px;
  bottom: auto;
  left: 0;
  right: 0;
  margin: auto;
}
.slick-prev:before {
  content: "↑";
}
.slick-next {
  top: auto;
  bottom: 5px;
  left: 0;
  right: 0;
  margin: auto;
}
.slick-next:before {
  content: "↓";
}

@media screen and (max-width: 767px) {
  .slick-prev {
    top: 20px;
    bottom: 0;
    right: auto;
    left: 20px;
  }
  .slick-prev:before {
    content: "←";
  }
  .slick-next {
    top: 20px;
    bottom: 0;
    right: 20px;
    left: auto;
  }
  .slick-next:before {
    content: "→";
  }
}
.grid.slideshow {
	margin-bottom: 60px;
}
/* single（車のデータ） */
.grid.car_data .first_data,
.top .pickup .innerbox {
	color: #707070;
}
.grid.car_data .first_data,
.grid.car_data .second_data,
.grid.another .collection,
.grid.another .popular {
	margin-bottom: 60px;
}
.grid.car_data .second_data,
.collection{
	color: #707070;
}
.grid.car_data h1,
.eye h1 {
	font-size: 32px;
	margin: 0 0 12px 0;
}
.grid.car_data .sub_title {
	margin-bottom: 25px;
}
.grid.car_data .pricebox,
.top .pricebox {
	display: flex;
	margin-bottom: 12px;
}
.grid.car_data .first_data .datatitle {
	margin-right: 18px;
}
.top .datatitle {
	margin-right: 8px;
}
.grid.car_data .pricebox .price,
.top .pricebox .price {
	background-color: #4371C5;
	color: white;
	font-weight: bold;
	width: 76px;
	text-align: center;
	line-height: 1.7;
}
.grid.car_data .pricebox .data {
	font-size: 28px;
	font-weight: bold;
}
.top .pricebox .data {
	font-size: 23px;
	font-weight: bold;
}
.grid.car_data .first_data .mini_data {
	display: flex;
	justify-content: space-between;
}
.grid.car_data .first_data .mini_data .left {
	display: flex;
	flex-wrap: wrap;
	width: 845px;
}
.grid.car_data .first_data .mini_data .left .minibox:first-child,
.grid.car_data .first_data .mini_data .left .minibox:nth-child(2),
.grid.car_data .first_data .mini_data .left .minibox:nth-child(3),
.cat .grid.car_data .first_data .mini_data .left .minibox:nth-child(4),
.top .mini_data .left .minibox:first-child,
.top .mini_data .left .minibox:nth-child(2) {
	margin-bottom: 12px;
}


.grid.car_data .first_data .right.button,
.tab_content .button,
.navbottom .button {
	width: 345px;
	border-radius: 17px;
	background: linear-gradient(#93B8E5, #4371C5);
}

.button a,
.navbottom button a {
	display: block;
	font-weight: bold;
	color: white;
	padding-top: 6%;
	box-sizing: border-box;
	text-align: center;
}
.button a:hover {
	color: black;
	transition: 1s;
}

.grid.car_data .minibox,
.top .minibox {
	display: flex;
}
.grid.car_data .minibox .datatitle {
	background-color: #B4DAEB;
	width: 76px;
	font-size: 14px;
	line-height: 1.7;
	text-align: center;
	color: #707070;
}
.top .minibox .datatitle {
	background-color: #B4DAEB;
	width: 58px;
	font-size: 14px;
	line-height: 1.7;
	text-align: center;
	color: #707070;
}
.grid.car_data .minibox .data {
	font-size: 18px;
	font-weight: bold;
	display: flex;
	align-items: center;
	min-width: 170px;
}
.top .minibox .data {
	font-size: 14px;
	font-weight: bold;
	display: flex;
	align-items: center;
	min-width: 108px;
}
h2 {
	width: 305px;
	background: linear-gradient(transparent 49%, #707070 49%, transparent 51%);
	display: flex;
	justify-content: center;
	margin: 0 auto;
}
.top h2,
.detail h2 {
	background: none;
	width: auto;
}
h2 span {
	font-size: 22px;
	font-weight: bold;
	background-color: white;
	padding: 0 8px;
}
.top h2 span,
.detail h2 span {
	font-size: 32px;
}
.table_data {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 20px;
}
.table_data .table {
	width: 590px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 5px;
}
.table_data .table .left {
	box-sizing: border-box;
	padding-left: 5%;
	line-height: 1.8;
	width: 30%;
	background-color: #B4DAEB;
}
.table_data .table .right {
	box-sizing: border-box;
	width: 69%;
	background-color: #E4EFF2;
	padding-left: 5%;
	line-height: 1.8;
}
/* コレクション */
.columnbox {
	justify-content: center;
}
.collection > .columnbox {
	margin-top: 20px;
}
.collection > .columnbox .button {
	min-width: 25%;
	width: auto;
	margin-right: 5%;
	background: linear-gradient(#DEDADA, #B1ADAD);
	border-radius: 17px;
}
.collection > .columnbox .button:last-child {
	margin-right: 0px;
}
.collection > .columnbox .button a {
	color: #707070;
	padding-bottom: 6%;
	font-weight: normal;
	padding-left: 2%;
	padding-right: 2%;
}
.collection > .columnbox .button a:hover {
	color: black;
}

/* タブメニュー */
/*タブ切り替え全体のスタイル*/
.popular > h2 {
	margin-bottom: 20px;
	color: #707070;
}
.tabs {
  margin-top: 50px;
  padding-bottom: 0px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 100%;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: calc(97%/4);
  height: 50px;
  border-bottom: 3px solid #B2B1B1;
  background-color: #d9d9d9;
  line-height: 1.8;
  font-size: 16px;
  /* text-align: center; */
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
	margin-right: 1%;

	display: flex;
	align-items: center;
	justify-content: center;
}
.tab_item.last {
	margin-right: 0%;
}
.tab_item:hover {
  opacity: 0.8;
}
.bottomarea {
	margin-top: 15px;
}
.toparea .inner_grid,
.bottomarea .inner_grid {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.toparea .inner_grid li,
.bottomarea .inner_grid li a {
	display: flex;
	justify-content: center;
}
.toparea .inner_grid img {
	width: 80%;
}
.bottomarea .inner_grid img {
	width: 70%;
}
.bottomarea .inner_grid.button ul li a {
	padding: 0px;
	background-image: none;
	background-color: inherit;
}
.kome {
	color: white;
	font-size: 12px;
}
table + .kome {
	color: #707070;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 25px;
}

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

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 40px 40px;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#year:checked ~ #year_content,
#miles:checked ~ #miles_content,
#driving:checked ~ #driving_content,
#capacity:checked ~ #capacity_content {
  display: block;
	background-color: #E4EFF2;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #E4EFF2;
  color: black;
	border-bottom: 3px solid #E4EFF2;
}

/* popularlist */
.popularlist {
	display: flex;
	justify-content: space-around;
	margin-bottom: 40px;
}
.popularlist li {
	width: 272px;
}
.popularlist li img {
	width: 100%;
}
.popularlist li p {
	margin-bottom: 7px;
}
.carname {
	color: #707070;
	font-weight: bold;
}
.subarea {
	display: flex;
	color: #707070;
	font-size: 12px;
}
.subarea .mile {
	margin-right: 20px;
}
.tab_content .button {
	margin: 0 auto;
}
.tab_content .button a {
	padding-bottom: 6%;
}
.wpcf7-radio span {
	color: #707070;
}
/* --------------------------------------------- */
/* レッカーLPサイト
/* --------------------------------------------- */
.eye.lpRoadService {
	min-height: 400px;
	height: auto;
	background-color: black;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url("http://unico.kcforce.jp/wp-content/uploads/2023/10/eye01.jpg");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;

	position: relative;
}
.eye.lpRoadService h1 {
	width: 100%;
	color: white;
	font-size: 40px;
	text-align: right;
	line-height: 1.5;
}
.headline2 {
	width: auto;
	text-align: center;
	font-family: 'Noto Serif JP', serif;
	color: #707070;
	margin-bottom: 50px;
}
.headline2.icon {
	padding-top: 50px;
	background-image: url("http://unico.kcforce.jp/wp-content/uploads/2023/08/h2_icon1.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: auto;
}
/* レッカーのh２ */
.headline2 h2 {
	width: auto;
	background: none;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 5px;
}
.headline2.sub span {
	font-size: 20px;
	font-weight: normal;
}
/* 今ままでこんなことはありませんか？ */
.orderlist {
	list-style: none;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	padding: 0;
}
.orderlist li {
	width: 510px;
	padding-left: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	box-sizing: border-box;
	font-family: 'Noto Serif JP', serif;
	color: #707070;
	font-size: 20px;
	line-height: 1.7;
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 30px;
}
.orderlist li.excep {
	margin-bottom: 0;
}
.orderlist li.order1 {
	background-image: url("http://unico.kcforce.jp/wp-content/uploads/2023/10/human_icon1.png");
}
.orderlist li.order2 {
	background-image: url("http://unico.kcforce.jp/wp-content/uploads/2023/10/humam_icon2.png");
}
.orderlist li.order3 {
	background-image: url("http://unico.kcforce.jp/wp-content/uploads/2023/10/human_icon3.png");
}
.orderlist li.order4 {
	background-image: url("http://unico.kcforce.jp/wp-content/uploads/2023/10/human_icon4.png");
}
.orderlist li.order5 {
	background-image: url("http://unico.kcforce.jp/wp-content/uploads/2023/10/human_icon5.png");
}
.orderlist li.order6 {
	background-image: url("http://unico.kcforce.jp/wp-content/uploads/2023/10/human_icon6.png");
}
/* 安心のポイント */
.pointlist {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding-left: 0;
	width: 980px;
	margin: 0 auto;
}
.pointlist li {
	width: 320px;
	box-sizing: border-box;
	font-family: 'Noto Serif JP', serif;
	color: #707070;
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 50px;
	margin-left: 220px;
	text-align: center;
}
.pointlist li.excep {
	margin-bottom: 0;
}
.pointlist li:first-child,
.pointlist li:nth-child(3) {
	margin-left: 0;
}

/* 豊富な実績 */
.recordlist {
	display: flex;
	/* justify-content: center; */
	justify-content: space-around;
	flex-wrap: wrap;
	padding-left: 0;
	width: 980px;
	margin: 0 auto;
}
.recordlist li {
	width: 250px;
	box-sizing: border-box;
	font-family: 'Noto Serif JP', serif;
	color: #707070;
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 50px;
	margin-left: 70px;
	text-align: center;
}
.recordlist li.excep {
	margin-bottom: 0;
}
.recordlist li:first-child,
.recordlist li:nth-child(4) {
	margin-left: 0;
}
/* ご依頼から搬送までの流れ */
.flowBox {
	padding-left: 0;
}
.flowBox li {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
.flowBox li:last-child {
	margin-bottom: 0;
}
.flowBox li .innerBox {
	width: 50%;
}
.flowBox li .right {
	padding-top: 72px;
	line-height: 1.7;
	font-size: 20px;
	color: #707070;
}
.flowBox li .innerBox h3 {
	color: #707070;
	font-size: 28px;
	padding-left: 70px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0;
	margin-bottom: 10px;
}
.flowBox li .innerBox h3.step1 {
	background-image: url("http://unico.kcforce.jp/wp-content/uploads/2023/10/step1.png");
}
.flowBox li .innerBox h3.step2 {
	background-image: url("http://unico.kcforce.jp/wp-content/uploads/2023/10/step2.png");
}
.flowBox li .innerBox h3.step3 {
	background-image: url("http://unico.kcforce.jp/wp-content/uploads/2023/10/step3.png");
}
.flowBox li .innerBox h3.step4 {
	background-image: url("http://unico.kcforce.jp/wp-content/uploads/2023/10/step4.png");
}

.flowlist {
	display: flex;
	/* justify-content: center; */
	justify-content: space-around;
	flex-wrap: wrap;
	padding-left: 0;
	width: 980px;
	margin: 0 auto;
}
.flowlist li {
	width: 250px;
	box-sizing: border-box;
	font-family: 'Noto Serif JP', serif;
	color: #707070;
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 50px;
	margin-left: 70px;
	text-align: center;
}
/* 背景グレーのセクション */
.bgcGray {
	background-color: #E6DFDF;
}
/* --------------------------------------------- */
/* クリフォードLPサイト
/* --------------------------------------------- */
.clifford .newSection .grid {
	padding: 50px 20px 50px 20px;
}
/* 全体の背景色 */
.main.lp.clifford {
	background:linear-gradient(#2E324A, #878EB0);
}
/* アイキャッチ */
.eye.lpClifford {
	height: auto;
	background-color: #2E324A;
}
.eye.lpClifford img {
	margin: 0 auto;
	/* 横幅１００％バージョン（あまりオススメしない） */
	width: 100%;
}
/* h2 */
.headline2.icon.clifford {
	padding-top: 50px;
	background-image: url("http://unico.kcforce.jp/wp-content/uploads/2023/10/headerIcon.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: auto 50px;
}
.headline2.clifford {
	color: #C3AFAF;
}
.headline2.icon.clifford h2 {
	color: white;
}
/* クリフォード版のナビ */
.main.lp.clifford .nav_lp ul {
	display: flex;
	justify-content: center;
	padding: 0;
	padding-top: 30px;
	margin-top: 0;
	margin-bottom: 30px;
}
.main.lp.clifford .nav_lp ul li a {
	color: white;
}
/* CLIFFORD(クリフォード）ってどんな企業？ */
.grid.excep {
	padding-bottom: 0px;
	
}
.introZone {
	height: 520px;
	/* background-image: url("./img/1247940_l2.png"); */
	background-image: url("http://unico.kcforce.jp/wp-content/uploads/2023/10/impactSeat1.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* ここが凄い！CLIFFORD */
.serviceList {
	padding-left: 0;
}
.serviceList li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;

}
.serviceList li:nth-child(even) {
	flex-direction: row-reverse;
}
.serviceList li:nth-child(even) p {
	text-align: left;
}
.serviceList li:last-child {
	margin-bottom: 0;
}
.serviceList li p {
	font-size: 20px;
	line-height: 1.7;
	color: white;
	text-align: right;
	font-family: 'Noto Serif JP', serif;
}
.serviceList li p span {
	color: #CBB50E;
}
/* インパクトゾーン１ */
.impactTest {
	height: 500px;
	background-image: url("http://unico.kcforce.jp/wp-content/uploads/2023/10/impact.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: flex;
	align-items: center;
	font-family: 'Noto Serif JP', serif;
}
.impactTest .grid {
	display: flex;
	align-items: center;
}
.impactTest .grid p {
	width: 50%;
}
.impactTest .grid p {
	font-size: 24px;
	color: white;
	line-height: 1.7;
}
.impactTest .grid p span.color1 {
	color: #CA0D0F;
}
.impactTest .grid p span.color2 {
	color: #0ACB4D;
}
.impactTest .grid p span.color3 {
	color: #CBB50E;
}

/* こんな方にオススメします！ */
.recommendBox {
	padding: 15px;
	background-color: #393939;
	color: white;
	border-radius: 15px;
	display: flex;
	margin-bottom: 30px;
	flex-wrap: wrap;
	justify-content: space-between;
}
.recommendBox.excep {
	margin-bottom: 0px;
}
.recommendBox .left {
	width: 33%;
}
.recommendBox .left img {
	width: 100%;
	object-fit: cover;
}
.recommendBox .right {
	width: 63%;
	position: relative;
}
.recommendBox .right h3 {
	text-align: left;
	font-size: 24px;
	line-height: 1.5;
	font-family: 'Noto Serif JP', serif;
}
.recommendBox .right p {
	line-height: 1.7;
	font-family: 'Noto Serif JP', serif;
}
.recommendBox .right img {
	position: absolute;
	right: 0;
	top: 0;
}
.recommendBox .ranking {
	width: 100%;
	margin-top: 40px;
}
.recommendBox .ranking .rankTitle {
	font-size: 24px;
	text-align: center;
	font-family: 'Noto Serif JP', serif;
}
.recommendBox .ranking .rankTitle span {
	font-size: 10px;
}
.recommendBox .rankList {
	display: flex;
	justify-content: space-around;
	padding-left: 0;
}
.recommendBox .rankList li {
	text-align: center;
}
.recommendBox .rankList .year {
	font-size: 20px;
	border-bottom: 1px solid #707070;
	line-height: 2.0;
	padding-right: 80px;
	padding-left: 80px;
}
.recommendBox .rankList .carRanking span {
	padding-left: 32px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto;
}
.recommendBox .rankList .carRanking {
	margin-bottom: 25px;
}
.recommendBox .rankList .carRanking.toyota span {
	background-image: url("http://unico.kcforce.jp/wp-content/uploads/2023/10/logo_toyota.png");
}
.recommendBox .rankList .carRanking.lexus span {
	background-image: url("http://unico.kcforce.jp/wp-content/uploads/2023/10/logo_lexus.png");
}

/* インパクトゾーン２ */
.impact2 {
	height: 380px;
	background-image: url("http://unico.kcforce.jp/wp-content/uploads/2023/10/impact2.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: flex;
	align-items: center;
}
.impact2 .grid {
	display: flex;
	justify-content: space-between;
}
.impact2 .grid .logoArea {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.impact2 .grid .textArea {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.impact2 .grid .textArea p {
	font-size: 24px;
	color: white;
	line-height: 1.7;
	font-family: 'Noto Serif JP', serif;
}
.impact2 .grid .textArea p span {
	color: #CBB50E;
}
/* LINE UP */
.productsArea {
	padding: 30px 40px;
	background-color: #393939;
	border-radius: 15px;
	margin-top: 50px;
}
.productsArea h3 {
	color: white;
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 80px;
	font-family: 'Noto Serif JP', serif;
}
.productsArea h3.lineStyle {
	color: white;
	font-size: 24px;
	text-align: center;
	border-bottom: white solid 1px;
	margin: 0 auto;
	padding-right: 50px;
	padding-left: 50px;
	width: 300px;
	position: relative;
	font-family: 'Noto Serif JP', serif;
}
.productsArea h3.lineStyle span {
	position: absolute;
	top: -15px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
		background-color: #393939;
		padding: 0 15px;

}
.productsArea .productsCard {
	display: flex;
	justify-content: space-between;
}
.productsArea .productsCard .left {
	width: 50%;
	padding-top: 50px;
}
.productsArea .productsCard .right {
	width: 50%;
	
}
.productsArea .productsCard .productsName {
	font-size: 20px;
	font-weight: bold;
	color: white;
	text-align: right;
	margin: 10px 0;
	font-family: 'Noto Serif JP', serif;
}
.productsArea .productsCard .productsPrice {
	font-size: 20px;
	font-weight: bold;
	color: #CBB50E;
	text-align: right;
	margin: 10px 0;
	font-family: 'Noto Serif JP', serif;
}
.productsArea .productsCard .productsStory {
	font-size: 16px;
	font-weight: bold;
	color: white;
	margin: 20px 0;
	line-height: 1.7;
	font-family: 'Noto Serif JP', serif;
}
.productsArea .optionMiniCardList {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
.productsArea .optionMiniCard {
	width: 120px;
	border-radius: 15px;
	padding: 10px;
	background-color: #C9C9C9;
	color: #707070;
	text-align: center;
	line-height: 1.7;
	margin-right: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 15px;
	font-size: 10px;
	font-family: 'Noto Serif JP', serif;
}
.productsArea .optionMiniCard:last-child {
	margin-right: 0;
}
.productsArea .optionArea {
	margin-top: 80px;
}
.productsArea .optionArea .optionCard {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.productsArea .optionArea .optionCard li {
	text-align: center;
	color: white;
	line-height: 1.7;
	width: 200px;
	margin-right: 70px;
	margin-top: 50px;
	font-family: 'Noto Serif JP', serif;
}
.productsArea .optionArea .optionCard li:nth-child(4n) {
	margin-right: 0px;
}
.productsArea .optionArea .optionCard img {
	margin-bottom: 5px;
}
	padding-bottom: 6%;
}
.wpcf7-radio span {
	color: #707070;
}
/*--------------------------------------------------------------
						フッター
----------------------------------------------------------------*/
footer {
	background-color: #92959B;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
}
.footer_main {
	display: flex;
	justify-content: space-between;
}
.navlist {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	margin-right: 60px;
}
.navlist.lastlist {
	margin-right: 0px;
}
.footer_nav .navtop {
	display: flex;
	margin-bottom: 30px;
}
.footer_nav li {
	margin-bottom: 8px;
}
.footer_nav .excep li.cat {
	margin-bottom: 40px;
}
.footer_nav .excep li.cat.excep.blog {
	margin-top: 40px;
}
.footer_nav .excep li.cat.excep {
	margin-bottom: 8px;
}
.footer_nav .excep li:last-child {
	margin-bottom: 0px;
}
.footer_nav li a {
	font-size: 14px;
	text-transform: uppercase;
}
.footer_nav li a:hover {
	color: black;
}
.footer_nav .cat,
.footer_nav .cat a {
	font-size: 16px;
	color: white;
	font-weight: bold;
}
.footer_nav a {
	color: white;
}

.navbottom .button {
	margin: 0 auto;
}
.navbottom .button a {
	padding-bottom: 6%;
}
.navbottom .button a:hover {
	color: black;
	transition: 1s;
}
.footer_map {
	width: 372px;
}
.footer_map .map {
	width: 372px;
	height: 200px;
	margin-bottom: 10px;
}
.map_name,
.map_address,
.map_tel,
.footer_corp {
	font-size: 14px;
	font-weight: normal;
	color: white;
	margin-bottom: 5px;
}
.footer_corp {
	margin-top: 10px;
	margin-bottom: 0px;
	text-align: center;
}
.footer_logo {
	text-align: center;
	margin-top: 15px;
}

/* カテゴリーページ */
.cat .grid.car_data .first_data .mini_data .left {
	display: flex;
	flex-wrap: wrap;
	width: 779px;
}
.top .mini_data .left {
	display: flex;
	flex-wrap: wrap;
	width: auto;
}

.cat .grid.car_data .first_data .mini_data {
	display: block;
}
.cat .button a {
	padding-top: 4%;
	padding-bottom: 4%;
}
.cat .button a:hover {
	color: black;
	transition: 1s;
}
.cat .first_data {
	display: flex;
	min-height: 280px;
}
.cat .first_data .data_left {
	width: 411px;
	margin-right: 30px;
}

.cat .first_data .data_left img {
	width: 100%;
}
.cat .first_data .data_right {
	position: relative;
}
.grid.car_data .first_data .data_right .right.button {
	position: absolute;
	bottom: 5px;
}
/* メーカーロゴを背景に仕込む */
.cat .first_data .data_right.toyota {
	background-image: url("http://unico-auto.com/wp-content/uploads/2022/10/maker_bg1.png");
}
.cat .first_data .data_right.porsche {
	background-image: url("http://unico-auto.com/wp-content/uploads/2022/10/maker_bg2.png");
}
.cat .first_data .data_right.lexus {
	background-image: url("http://unico-auto.com/wp-content/uploads/2022/10/maker_bg3.png");
}
.cat .first_data .data_right.mercedes-benz {
	background-image: url("http://unico-auto.com/wp-content/uploads/2022/10/maker_bg4.png");
}
.cat .first_data .data_right.mercedes-amg {
	background-image: url("http://unico-auto.com/wp-content/uploads/2022/10/maker_bg4.png");
}
.cat .first_data .data_right.ferrari {
	background-image: url("http://unico-auto.com/wp-content/uploads/2022/10/maker_bg5.png");
}
.cat .first_data .data_right.lamborghini {
	background-image: url("http://unico-auto.com/wp-content/uploads/2022/10/maker_bg6.png");
}
.cat .first_data .data_right.landrover {
	background-image: url("http://unico-auto.com/wp-content/uploads/2022/10/maker_bg7.png");
}
.cat .first_data .data_right.bmw {
	background-image: url("http://unico-auto.com/wp-content/uploads/2022/12/maker_bg8.png");
}
.cat .first_data .data_right.rollsroyce {
	background-image: url("http://unico-auto.com/wp-content/uploads/2023/11/maker_bg9.png");
}
.cat .first_data .data_right.subaru {
	background-image: url("http://unico-auto.com/wp-content/uploads/2023/11/maker_bg10.png");
}
.cat .first_data .data_right.jeep {
	background-image: url("http://unico-auto.com/wp-content/uploads/2023/11/maker_bg11.png");
}
.cat .first_data .data_right.mini {
	background-image: url("http://unico-auto.com/wp-content/uploads/2023/11/maker_bg12.png");
}
.cat .first_data .data_right.bentley {
	background-image: url("http://unico-auto.com/wp-content/uploads/2023/11/maker_bg13.png");
}
.cat .first_data .data_right.suzuki {
	background-image: url("http://unico-auto.com/wp-content/uploads/2024/04/maker_bg14.png");
}
.cat .first_data .data_right.honda {
	background-image: url("http://unico-auto.com/wp-content/uploads/2024/11/maker_bg15.png");
}
.cat .first_data .data_right.tesla {
	background-image: url("http://unico-auto.com/wp-content/uploads/2024/11/maker_bg16.png");
}
.cat .first_data .data_right.daihatsu {
	background-image: url("http://unico-auto.com/wp-content/uploads/2024/11/maker_bg17.png");
}
.cat .first_data .data_right.audi {
	background-image: url("http://unico-auto.com/wp-content/uploads/2024/11/maker_bg18.png");
}
.cat .navlist {
	display: flex;
	justify-content: center;
	margin: 0 auto;
}
.cat .navlist li {
	margin-right: 30px;
}
.cat .navlist li:last-child {
	margin-right: 0px;
}
.cat .navlist + section {
	margin-top: 30px;
}
.cat h1,
.top h2,
.detail h2 {
	text-align: center;
	margin-bottom: 40px!important;
	font-family: 'Noto Serif JP';
}
.eye h1 {
	text-align: center;
	margin-bottom: 0px!important;
	font-family: 'Noto Serif JP';
}
.eye h1 a {
	color: white;
}
.cat h1 span.gra,
.eye h1 span.gra,
.top h2 span.gra,
.detail h2 span.gra {
	background:linear-gradient(transparent 90%, #98C0F0 90%);
	color: #707070;
}
.cat h1 span.small,
.eye h1 span.small,
.top h2 span.small,
.detail h2 span.small {
	font-size: 13px;
	color: #707070;
	background-color: inherit;
}
.cat h2 {
	display: block;
	margin: 0!important;
	background: none;
	width: auto!important;
}
.countbar {
	margin-bottom: 20px;
}
.search_count {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
/* COMPANY */
.eye {
	height: 200px;
	background-color: black;
	display: flex;
	align-items: center;
	justify-content: center;
}
.floor {
	border-bottom: 1px solid #707070;
	display: flex;
}
.floor.top {
	border-top: 1px solid #707070;
}
.floor .tableleft {
	width: 20%;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
}
.floor .tableright {
	width: 80%;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 20px;
}
.main.corp {
	color: #707070;
}
.main.corp .grid,
.main.access .grid {
	padding-top: 50px;
	padding-bottom: 50px;
}

.main.corp .grid .day {
	text-align: right;
	font-size: 20px;
}
.floor .tableright .address {
	margin-bottom: 20px;
	line-height: 1.8;
}
.floor .tableright .address.bottom {
	margin-bottom: 0px;
}
.floor .tableright .address a {
	margin-left: 25px;
	border-radius: 10px;
	background: linear-gradient(#DEDADA, #B1ADAD);
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 3px;
}
.floor .tableright .address a:hover {
	color: black;
}
/* アクセス */
.mapbox {
	margin-bottom: 40px;
}
.maptitle {
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: 600;
	height: 60px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding-left: 30px;
}
.mapdata {
	display: flex;
	justify-content: space-between;
}
.mapmain {
	width: 670px;
	min-height: 300px;
	height: auto;
}
.maptext {
	width: 300px;
	font-size: 16px;
	font-weight: 200;
	padding-top: 10px;
	padding-left: 10px;
	box-sizing: border-box;
	color: #707070;
}
.maptext div {
	margin-bottom: 10px;
}
.maptext .bold {
	font-weight: 600;
	margin-top: 20px;
	font-size: 18px;
}
.odaiba {
	/* background-color: #BAD4BE; */
	background-image: url("http://unico-auto.com/wp-content/uploads/2022/10/map1-1.png");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #706B6A;
}
.sapporo {
	/* background-color: #B4DBF6; */
	background-image: url("http://unico-auto.com/wp-content/uploads/2022/10/map2-1.png");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #706B6A;
}
.ogikubo {
	/* background-color: black; */
	background-image: url("http://unico-auto.com/wp-content/uploads/2022/10/map3-1.png");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
	color: white;
}
/* お問合せフォーム１ */
.headline {
	display: flex;
	justify-content: flex-start;
}
.headline input span {
	height: 100%;
}
input::placeholder {
	color: #707070;
}
input.wpcf7-form-control.wpcf7-date {
	/* color: #707070!important; */
}
.headline input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel,
input.wpcf7-form-control.wpcf7-text,
input.wpcf7-form-control.wpcf7-date,
.headline p select {
	width: 680px;
	height: 50px;
	font-size: 1.5em;
	box-sizing: border-box;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 680px;
	box-sizing: border-box;
}
.headline .title {
	width: 280px;
	display: flex;
	align-items: center;
}
.wpcf7 .button {
	display: flex;
	justify-content: center;
	margin-top: 25px;
}
.wpcf7-submit {
	width: 400px;
	height: 60px;
	border-radius: 15px;
	border: 1px solid gray;
	background: linear-gradient(#DEDADA, #B1ADAD);
	color: #6F6F6F;
	cursor: pointer;
}
.wpcf7-submit:hover {
	color: black;
}
.mailblock {
	margin: 50px 0px;
}
.wpcf7 h2 {
	margin-bottom: 20px;
	color: #707070;
}
.mailchoice {
	display: flex;
	justify-content: center;
	margin-top: 50px;
}
.mailchoice a {
	margin-right: 30px;
	color: #707070;
}
.mailchoice a:hover {
	color: black;
}
.mailchoice a:last-child {
	margin-right: 0px;
}
.mailchoice .button {
	width: 280px;
	height: 60px;
	border-radius: 15px;
	border: 1px solid gray;
	background: linear-gradient(#DEDADA, #B1ADAD);
	display: flex;
	align-items: center;
	justify-content: center;
}
.mailchoice .button.current {
	font-weight: 900;
	background: linear-gradient(#B1ADAD, #7C7F82);
	color: white;
}
.wpcf7 a.kojin {
	text-decoration: underline;
	color: blue;
	margin-left: 10px;
}
.headline .title label,
.headline select {
	color: #707070;
}
.headline.kojin {
	display: flex;
	justify-content: flex-start;
}
.headline.kojin .wpcf7-list-item-label {
	color: #707070;
}
.hissu label::after {
  /* position: absolute; */
  content: "必須";
  width: 50px;
  height: 30px;
  background-color: red;
	color: white;
  margin-left: 15px;
  border-radius: 5px;
	font-size: 0.8em;
	padding-right: 10px;
	padding-left: 10px;
}
.wpcf7-list-item {
	margin-right: 15px;
}
.wpcf7-response-output {
	/* background-color: orange; */
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 20px;
	margin-top: 20px;
}
.screen-reader-response p,
.screen-reader-response ul li {
	text-align: center;
}
.screen-reader-response p {
	font-size: 24px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 20px;
	margin-top: 20px;
}
/* .wpcf7-form.invalid {
	display: none;
} */
.wpcf7-not-valid-tip {
	display: block;
	color: red;
}
.screen-reader-response ul {
	display: none;
}
/* サービス */
.service .grid.smallgrid,
.detail .grid.smallgrid,
.blog .grid {
	padding-top: 50px;
	padding-bottom: 50px;
}
.servicebox {
	display: flex;
	margin-bottom: 30px;
	color: #707070;
}
.servicebox.bottom {
	margin-bottom: 0;
}
.servicebox.reverse {
	display: flex;
	flex-direction: row-reverse;
}
.servicebox .text,
.servicebox .img {
	width: 50%;
	box-sizing: border-box;
}
.servicebox .text {
	padding: 15px 10px 15px 10px;
	text-align: center;
}
.servicebox .text p {
	text-align: center;
	width: 90%;
	margin: 0 auto;
	line-height: 1.6;
}
.servicebox h2 {
	margin-bottom: 20px;
}
.servicebox .text a {
	display: inline-block;
  border-radius: 17px;
  background: linear-gradient(#DEDADA, #B1ADAD);
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 3px;
	line-height: 2.0;
	margin-top: 15px;
	width: 60%;
}
.servicebox .text a:hover {
	color: black;
}
.bg_gray {
	background-color: #EDEDED;
}
.top section,
.detail section {
	padding-top: 30px;
	padding-bottom: 30px;
}
.pickup {
	display: flex;
	justify-content: center;
}
.innerbox {
	width: 350px;
	margin-right: 50px;
}
.innerbox:last-child {
	margin-right: 0px;
}
.innerbox .img img {
	width: 100%;
}
.top .carname {
	font-size: 23px;
	margin-bottom: 3px;
}
.top .subname {
	font-size: 14px;
	margin-top: 0px;
}
.buttons_area {
	display: flex;
	margin-top: 30px;
	margin-bottom: 30px;
}
.buttons_area.single {
	display: flex;
	justify-content: center;
}
.top a.buttons {
	display: inline-block;
  border-radius: 17px;
  background: linear-gradient(#DEDADA, #B1ADAD);
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 3px;
	line-height: 3.0;
	margin-right: 15px;
	width: 255px;
	text-align: center;
	color: #707070;
}
.top a.buttons:hover {
	color: black;
}
.top a.buttons.only,
.top a.buttons:last-child {
	margin-right: 0px;
}

.navi_wrap {
 width: 80%;
 margin: 0 auto;
}
.navi_wrap li label:hover {
	color: black;
}

.navi_wrap > ul {
 display: flex;
 justify-content: space-between;
 position: relative;
 padding-left: 0px;
}

.navi_wrap > ul a {
 cursor: pointer;
 color: #707070;
}

.navi_wrap > ul label {
 width: 100%;
 height: auto;
 display: block;
 cursor: pointer;
 position: relative;
 /* margin-left: 0px; */
 color: #707070;
}
/* .navi_wrap > ul label.mega1.first {
	margin-left: 0px;
} */

.navi_wrap > ul .stw span {
 width: 15px;
 height: 2px;
 background: #707070;
 display: block;
 position: absolute;
 top: 50%;
 left: 89.5%;
 -webkit-transform: translateY(-50%) rotate(90deg);
         transform: translateY(-50%) rotate(90deg);
 transition: 0.3s;
}

.navi_wrap > ul .stw span:last-child {
 position: absolute;
 top: 50%;
 left: 92.5%;
 -webkit-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
}

.navi_wrap > ul > li {
 width: 285px;
 /* padding: 10px; */
 display: flex;
 justify-content: center;
 align-items: center;
}

.navi_wrap > ul > li > ul {
 visibility: hidden;
 height: 0;
 width: 100%;
 max-width: 1000px;
 position: absolute;
 top: 53px;
 left: 0;
 transition: 0.3s;
}

.navi_wrap > ul > li input:checked ~ label .stw span {
 -webkit-transform: translateY(-50%) rotate(0deg);
         transform: translateY(-50%) rotate(0deg);
 transition: 0.3s;
}

.navi_wrap > ul > li input:checked ~ label .stw span:last-child {
 -webkit-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
 transition: 0.3s;
}

.navi_wrap > ul > li input:checked ~ ul {
 visibility: visible;
 min-height: 150px;
 height: auto;
 background: linear-gradient(#B1ADAD, #DEDADA);
 transition: 0.2s;
 box-sizing: border-box;
 padding: 30px 50px;
 display: flex;
 flex-wrap: wrap;
 align-items: center;
}
#foo,
#foo02,
#foo03 {
	display: none;
}
.mega1 {
	display: flex;
	background: linear-gradient(#DEDADA, #B1ADAD);
	border-radius: 15px;
}
.menu1 {
	text-align: center;
	font-size: 18px;
	line-height: 3.0;
}
.lastlist {
	list-style: disc!important;
	margin-right: 60px;
	font-size: 22px;
	text-transform: uppercase;
}
.lastlist::marker {
	color: #707070;
}
.lastlist:last-child {
	margin-right: 0px;
}
.lastlist a:hover {
	text-decoration: underline;
}
.grid.service {
	text-align: center;
}
.imggrid {
	width: 894px;
	margin: 0 auto;
}
.grid.service img.imagemap {
	width: 100%;
	margin: 0 auto;
}
/* ABOUT US */
.basebox {
	background-color: #E4EFF2;
	position: relative;
	border-radius: 20px;
	width: 85%;
	margin-left: 15%;
	box-sizing: border-box;
	padding: 30px 0px 30px 0px;
}
.inner_img {
	position: absolute;
	left: -16%;
	bottom: 20%;
}
.top .grid.aboutus h2 {
	margin-bottom: 150px!important;
}
.basebox .innertext {
	box-sizing: border-box;
	margin-left: 40%;
	color: #707070;
}
.innertext .showname {
	font-size: 24px;
}
.eye.top {
	/* background-image: url("http://unico-auto.com/wp-content/uploads/2022/10/unico_eye1.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 45vw; */
}
.eye_top {
	padding-left: 0;
}
.eye_top img {
	width: 100%;
	height: auto;
}

/* 固定メニュー */
/*メニューをページ下部に固定*/
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 0.9;
   z-index: 99;
}

/*メニューを横並びにする*/
#sp-fixed-menu .listhead{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#sp-fixed-menu .listbody{
   justify-content: center;
   align-items: center;
   width: 300px;
   padding:0;
   margin:0;
   font-size: 14px;
   border-right: 1px solid #fff;
}

/*左側メニューを緑色に*/
#sp-fixed-menu .listbody:nth-child(odd){
   background: #38b435;
}

/*左側メニューをオレンジ色に*/
#sp-fixed-menu .listbody:nth-child(even){
   background: #f3a324;
}

/*ボタンを調整*/
#sp-fixed-menu .listbody a{
   color: #fff;
   text-align: center;
   display: block;
   width: 100%;
   padding: 20px;
	 box-sizing: border-box;
}
.test_box_all {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
}
.test_box {
  display: flex;
	width: 1260px;
  height: 120px;
	margin: 0 auto;
  /* overflow-x: scroll; */
}

.test_box div {
  width: 16.0%;
  margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	flex-shrink: 0;
}
.test_box div:last-child {
  margin-right: 0px;
}
.search_count select {
	color: #707070;
}
/* サービス６（６つとも共通レイアウト） */
.service_detail {
	line-height: 1.4;
}
.service_detail .columnbox {
	display: flex;
	justify-content: space-around;
}
.service_detail .columnbox.reverse {
	flex-direction: row-reverse;
}
.service_detail .columnbox.float {
	display: block;
}
.service_detail .columnbox.float img {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.service_detail .columnbox.float img.reverse {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}
.service_detail .columnbox.float img + p,
.service_detail .columnbox .text p:first-child {
	margin-top: 0px;
}
.service_detail .columnbox .text {
	box-sizing: border-box;
	padding-left: 20px;
}
.service_detail .columnbox.reverse .text {
	padding-left: 0px;
	padding-right: 20px;
}
/* コーティング料金表 */
.corting_price {
	text-align: center;
	border-spacing: 0px;
	border-collapse: collapse;
	font-size: 0.9em;
	color: #707070;
	width: 100%;
}
.corting_price tr td,
.corting_price tr th {
	border: 1px solid #707070;
	padding: 10px 10px;
}
tr th {
	background-color: #96C0F0;
	font-weight: bold;
	color: #6f6f6f;
}
tr th span {
	font-size: 0.7em;
}
tr.top1 th {
	background-color: #4270C5;
	font-size: 1.2em;
	color: white;
}
tr td {
	background-color: #ededed;
	font-size: 1.2em;
}
.slick-dots {
	bottom: -30px!important;
}
/* 個人情報 */
.terms_list h3 {
	text-align: left;
	margin-top: 35px;
	line-height: 1.6;
}
.terms_list p {
	line-height: 1.6;
}
.terms_list ul li {
	list-style: disc;
	margin-left: 40px;
	margin-top: 5px;
	line-height: 1.6;
}
.terms_list .kome {
	color: inherit;
	list-style: none;
	margin-top: 10px;
}
/* ブログ */
.main.blog {
	color: #707070;
}
.main.blog .grid.bloggrid {
	display: flex;
	justify-content: space-between;
}
.main.blog .maincontent {
	width: 760px;
}
.main.blog .sidebar {
	width: 320px;
}
.main.blog .sidebar ul {
	padding-left: 0px;
}
.main.blog .blogtitle {
	font-size: 30px;
	margin-top: 12px;
	margin-bottom: 15px;
}
.main.blog .blogtitle + .taglist {
	margin-bottom: 70px;
	display: flex;
	flex-wrap: wrap;
}
.main.blog .blogtitle + .taglist span,
.cloudlist a,
.main.blog.tax ul.catlist li:first-child .taglist span {
	background: linear-gradient(#E4EFF2, #B4DAEB);
	border-radius: 10px;
	margin-right: 8px;
	padding: 3px 9px 5px 9px;
}

.main.blog.tax ul.catlist li:first-child .taglist span {

}
.cloudlist a {
	font-size: 16px;
	margin-bottom: 10px;
}
.main.blog .maincontent h2 {
	display: block;
	background: none;
	background-color: #E2DFDF;
	width: auto;
	line-height: 1.8;
	padding-left: 7px;
	padding-bottom: 3px;
	font-size: 20px;
	margin-bottom: 20px;
}
.main.blog .sidebar h2 {
	display: block;
	background: none;
	width: auto;
	line-height: 1.5;
	padding-left: 10px;
	padding-bottom: 2px;
	border-left: 6px solid #4371C5;
	font-size: 20px;
	margin-bottom: 17px;
	margin-top: 40px;
}
.main.blog .sidebar h2.top {
	margin-top: 0px;
}
.main.blog .sidebar h2.top + ul li,
.main.blog .sidebar h2.archive + ul li,
.taglist span {
	margin-bottom: 10px;
}
.main.blog .maincontent p {
	margin: 40px 0;
	font-size: 16px;
	line-height: 27px;
}
.main.blog .maincontent img {
	width: 100%;
	height: auto;
}
.main.blog .maincontent .day {
	text-align: right;
	margin: 0;
}
.main.blog .maincontent .blog_cat {
	margin: 0;
	background: linear-gradient(transparent 49%, #4371C5 48%, transparent 54%);
	margin-top: -12px;
}
.main.blog .maincontent .blog_cat span {
	background-color: white;
	padding-right: 10px;
}
.cloudlist {
	display: flex;
	flex-wrap: wrap;
}
.postlist li {
	margin-bottom: 15px;
}
.postlist li a {
	display: flex;
	justify-content: space-between;
}
.postlist li a figure {
	margin: 0;
	padding: 0;
	width: 80px;
	height: auto;
}
.postlist li a figure img {
	width: 100%;
}
.postlist li .listright {
	width: 230px;
}
.postlist li a p {
	margin: 0;
}
.postlist li a p.date {
	font-size: 9px;
	margin-bottom: 3px;
}
.postlist li a p.list_title {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 2px;
}
.postlist li a p.list_cat {
	font-size: 5px;
}
.kanren {
	padding-left: 0px;
}
.kanren li {
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: solid 1px #E2DFDF;
}
.kanren li:last-child {
	border-bottom: 0px;
	padding-bottom: 0px;}
.kanren li:first-child {
	padding-top: 0px;
}
.kanren li a {
	display: flex;
}
.main.blog .maincontent .kanren li a img {
	width: 150px;
	height: auto;
}
.main.blog .maincontent .kanren li a .listright {
	margin-left: 15px;
}
.main.blog .maincontent .kanren li a p.day {
	text-align: left;
	line-height: 1.2;
	font-size: 12px;
}
.main.blog .maincontent .kanren li a p {
	margin: 0;
}
.main.blog .maincontent .kanren li a p.cat {
	font-size: 12px;
	color: #B4DAEB;
}
.main.blog .maincontent .kanren li a p.title {
	font-weight: bold;
	font-size: 20px;
}
.button_tel {
	padding: 10px 12px 23px 12px;
	font-size: 30px!important;
	font-weight: bold;
	text-align: center;
	width: 300px;
	color: white;
	background: linear-gradient(#93B8E5, #4371C5);
	border-radius: 20px;
}
.button_tel span {
	font-size: 16px;
}
/* ブログのカテゴリー一覧 */
.main.blog.tax ul {
	margin: 0px;
	padding: 0px;
}
.main.blog.tax ul.catlist li {
	display: flex;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #E2DFDF;
}
.main.blog.tax ul.catlist li .taglist {
	display: none;
}
.main.blog.tax ul.catlist li:first-child .taglist {
	display: flex;
	flex-wrap: wrap;
}
.main.blog.tax ul.catlist li:last-child {
	border-bottom: 0px;
}
.main.blog.tax ul.catlist li:first-child {
	padding-top: 0px;
}
.main.blog.tax ul.catlist li a img {
	width: 150px;
	height: auto;
}
.main.blog.tax ul.catlist li:first-child a img {
	width: 270px;
	height: auto;
}
.main.blog.tax ul.catlist li .catright {
	margin-left: 20px;
}
.main.blog.tax ul.catlist li .catright h3 {
	font-size: 20px;
	background-color: inherit;
	margin-bottom: 14px;
	line-height: 1.2;
	padding: 0;
	margin-top: 0;
}
.main.blog.tax ul.catlist li:first-child .catright h3 {
	font-size: 25px;
	margin-bottom: 14px;
	margin-top: 7px;
	line-height: 1.0;
}
.main.blog.tax ul.catlist li .catright .term a {
	font-weight: bold;
	color: #B4DAEB;
}
.main.blog.tax h2.topheader {
	background-color: inherit;
	border-bottom: 3px solid #B4DAEB;
	font-size: 30px;
}
.main.blog.tax h2.topheader.second {
	margin-top: 40px;
}
ul.cat_entry li {
	width: 50%;
	margin-bottom: 15px;
}
ul.kanrenlist {
	padding: 0;
}
ul.cat_entry {
	display: flex;
	flex-wrap: wrap;
}
ul.cat_entry li a,
ul.kanrenlist li a {
	display: flex;
}
.main.blog .maincontent ul.cat_entry li a img,
.main.blog .maincontent ul.kanrenlist li a img {
	width: 150px;
}
.main.blog .maincontent ul.kanrenlist li a .kanrenlist_right,
.main.blog .maincontent ul.cat_entry li a .cattitle {
	margin-left: 10px;
}
.main.blog .maincontent ul.cat_entry li a .cattitle,
.main.blog .maincontent ul.kanrenlist li a .kanrenlist_right p {
	margin-top: 0;
	margin-bottom: 0;
}
.main.blog .maincontent ul.kanrenlist li a .kanrenlist_right p {
	font-size: 20px;
	margin-bottom: 10px;
}
ul.kanrenlist li {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #E2DFDF;
}
ul.kanrenlist li:first-child {
	padding-top: 0;
}
ul.kanrenlist li:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}
.main.blog .pricebox {
  display: flex;
  margin-bottom: 12px;
}
.main.blog .pricebox .price {
    background-color: #4371C5;
    color: white;
    font-weight: bold;
    width: 76px;
    text-align: center;
    line-height: 1.7;
		margin-right: 8px;
}
.main.blog .pricebox .data {
    font-size: 23px;
    font-weight: bold;
}
.main.blog .mini_data .left {
    display: flex;
    flex-wrap: wrap;
    width: auto;
}
.main.blog .minibox .datatitle {
    background-color: #B4DAEB;
    width: 58px;
    font-size: 14px;
    line-height: 1.7;
    text-align: center;
    color: #707070;
		margin-right: 8px;
}
.main.blog .minibox .data {
    font-size: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
    min-width: 108px;
}
.main.blog .minibox {
    display: flex;
}
.main.blog .maincontent a:hover {
	opacity: 0.7;
}
.top .blog ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.top .blog ul li {
	display: flex;
	width: 510px;
	margin-bottom: 20px;
}
.top .blog ul li:nth-child(odd) {
	margin-right: 30px;
}
.top .blog ul li img {
	width: 230px;
	height: auto;
}
.top .blog ul li .catright {
	margin-left: 15px;
}
.top .blog ul li h3 {
	font-size: 20px;
	color: #858585;
	margin-top: 15px;
	margin-bottom: 15px;
}
.top .blog ul li .data {
	font-size: 14px;
	color: #858585;
}
.top .blog ul li .term {
	font-size: 14px;
	color: #81B2E4;
}
video {
	width: 760px;
	height: auto;
}
/* #video-936-2 {
	width: 100%;
	height: auto;
} */
/* LPページ その１ */
.eye.lp {
	min-height: 400px;
	height: auto;
	background-color: black;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url("http://unico-auto.com/wp-content/uploads/2022/12/lp_eye.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;

	position: relative;
}
.eye.lp h1 {
	width: 100%;
	color: white;
	font-size: 32px;
	text-align: right;
	line-height: 2.0;
}
.eye.lp h1 span {
	font-size: 45px;
	line-height: 1.0;
	background:linear-gradient(transparent 90%, #4472C6 90%);
}
.eye.lp ul {
	padding: 0;
	display: flex;
	margin: 0;

	position: absolute;
	bottom: 20px;
	left: 30px;

}
.eye.lp ul li {
	color: white;
	text-align: center;
	border-radius: 50%;
	width: 115px;
	height: 115px;
	background-color: rgba(154,193,242,0.5);
	/* opacity: 0.5; */
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
	line-height: 1.5;
	font-size: 16px;
}
/* お問い合わせゾーン */
.contact_area {
	background-color: #B4DAEB;
	padding-top: 35px;
	padding-bottom: 30px;
}
.contact_area.clifford {
	background-color: #4076D3;
}
.contact_area ul {
	display: flex;
	justify-content: space-around;
	margin: 0;
	padding: 0;
}
.contact_area ul li {
	width: 280px;
	border-radius: 15px;
}
.contact_area.clifford ul li {
	box-shadow: 0px 3px 6px #91B6E4;
}
.contact_area ul li a {
	display: block;
	text-align: center;
	padding: 15px;
	background:linear-gradient(#93B8E5, #4371C5);
	color: white;
	border-radius: 15px;
}
.contact_area ul li.nidan a {
	padding: 10px;
}
/* LP用のナビ */
.nav_lp ul {
	display: flex;
	justify-content: center;
	padding: 0;
	margin-top: 30px;
	margin-bottom: 30px;
}
.nav_lp ul li {
	margin-right: 120px;
}
.nav_lp ul li:last-child {
	margin-right: 0;
}
.nav_lp ul li a {
	font-family: 'Noto Serif JP', serif;
	color: #707070;
}
/* LPのh2 */
h2.lp {
	display: block;
	text-align: center;
	background: none;
	color: #707070;
	font-family: 'Noto Serif JP', serif;
	font-size: 32px;
	width: 100%;
	margin-bottom: 3px;
	margin-top: 50px;
	line-height: 1.4;
}
h2.lp span {
	font-size: 16px;
	background-color: inherit;
}
h2.lp + .bar {
	width: 140px;
	height: 5px;
	background-color: #98C0F0;
	border-radius: 2px;
	margin: 0 auto;
}
.content_inner {
	padding-top: 50px;
	padding-bottom: 50px;
	/* padding-right: 15px;
	padding-left: 15px;
	border-radius: 20px;
	border: 1px solid #707070; */
}
/* UNICOにご相談ください！＆unicoなら解決できます！ */
.check {
	display: flex;
	margin: 30px 0;
	padding-left: 50px;
	font-size: 24px;
	color: #707070;
}
.check.sky {
	background-image: url("http://unico-auto.com/wp-content/uploads/2022/12/sky.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}
.check.blue {
	background-image: url("http://unico-auto.com/wp-content/uploads/2022/12/blue.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}
.check .button {
	margin-left: 15px;
}
.check .button a {
	padding: 0;
	color: #707070;
	font-size: 14px;
	padding: 5px 7px 7px 7px;
	background:linear-gradient(#FFFFFF, #888888);
	display: block;
	border-radius: 10px;
}
section.answer {
	background-image: url("http://unico-auto.com/wp-content/uploads/2022/12/answer_bg.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

	padding-top: 50px;
}
section.answer .content_inner {
	display: flex;
	justify-content: center;
}
section.question {
	position: relative;
}
section.question .arrow {
	position: absolute;
	bottom: -48px;;
	left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
section.question .left {
	margin-right: 35px;
}
section.question .right {
	display: flex;
	align-items: center;
}
/* 施工例 */
h3.box_ver {
	padding: 5px 0px 7px 78px;
	line-height: 2.4;
	font-size: 24px;
	color: #707070;
	margin: 0 auto;
	margin-bottom: 20px;
	border-top: #98C0F0 double 5px;
	border-bottom: #98C0F0 double 5px;
	background-color: #E7E9EC;
}
h3.sekou1 {
	background-image: url("http://unico-auto.com/wp-content/uploads/2022/12/sekou1.png");
	background-position: center left 6px;
	background-repeat: no-repeat;
	background-size: auto;
}
h3.sekou2 {
	background-image: url("http://unico-auto.com/wp-content/uploads/2022/12/sekou2.png");
	background-position: center left 6px;
	background-repeat: no-repeat;
	background-size: auto;
}
h3.sekou3 {
	background-image: url("http://unico-auto.com/wp-content/uploads/2022/12/sekou3.png");
	background-position: center left 6px;
	background-repeat: no-repeat;
	background-size: auto;
}
#lp3 .content_inner {
	display: flex;
	flex-direction: column;
	/* justify-content: center; */
}
p.center {
	text-align: center;
}
#lp3 .content_inner p {
	color: #707070;
	line-height: 1.7;
}
#lp3 .content_inner .wp-video {
	margin-bottom: 30px;
	color: #707070;
}
#lp3 .content_inner .img {
	margin-bottom: 30px;
	color: #707070;
}
#lp3 .content_inner .floatarea .img {
	margin-bottom: 0;
}
#lp3 .content_inner .wp-video video {
	width: 980px;
	height: auto;
}
.floatarea {
	margin: 0 auto;
	margin-bottom: 30px;
}
#lp3 .content_inner .float.left {
	float: left;
}
#lp3 .content_inner .float.right {
	float: right;
}
.floatarea .float.left {
	margin-right: 30px;
}
.floatarea .float.right {
	margin-left: 30px;
}
.excep420 {
	width: 420px;
}
.excep420 img:first-child {
	margin-bottom: 30px;
}
#lp3 .content_inner p + div {
	margin-top: 30px;
}
/* 強み */
h3.point_ver {
	color: #707070;
	font-size: 24px;
	border-top: 1px solid #B4DAEB;
	position: relative;
	line-height: 1.7;
}
.point_board1 {
	position: absolute;
	top: -21px;
	left: 0;
}
.columnbox.point {
	justify-content: space-between;
	margin-bottom: 30px;
}
.columnbox.point.reverse {
	flex-direction: row-reverse;
}
.columnbox.point > .textarea {
	margin-right: 30px;
}
.columnbox.point.reverse > .imgarea {
	margin-right: 30px;
}
.columnbox.point.reverse > .textarea {
	margin-right: 0px;
}
.columnbox.point .textarea {
	width: 525px;
	color: #707070;
	line-height: 1.7;
}
.columnbox.point .imgarea {
	width: 421px;
}
.columnbox.point .imgarea > img + img {
	margin-top: 20px;
}
/* 料金プラン */
.semititle {
	font-size: 30px;
	color: #707070;
	font-weight: bold;
	text-align: center;
	margin-top: 0;
}
.kome {
	font-size: 12px;
	text-align: right;
	color: #707070;
}
img.plan {
	width: 100%;
}
.plan1 {
	background-image: url("http://unico-auto.com/wp-content/uploads/2022/12/plan1_bg.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 50px;
}
.plan1 h2 {
	margin-top: 0;
}
.plan2,
.plan3 {
	padding: 135px 0 50px 0;
}
.plan4 {
	padding: 170px 0 80px 0;
}
.plan3 {
	/* background-color: #E4EFF2; */
}
.plan2 > .grid.smallgrid,
.plan3 > .grid.smallgrid {
	position: relative;
}
.hukidashi1 {
	position: absolute;
	top: -80px;
	left: 30px;
	z-index: 200;
}
.hukidashi2 {
	position: absolute;
	top: -110px;
	left: 30px;
	z-index: 200;
}
.inner_section {
	position: relative;
}
.shadow_section {
	background-image: url("http://unico-auto.com/wp-content/uploads/2022/12/ribon_bg2.png");
	background-position: center center;
	background-repeat: repeat;
	background-size: cover;
}
.inner_section .arrow180 {
	position: absolute;
	bottom: -65px;
	left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
	z-index: 1000;
}
.price_table {
	margin-bottom: 80px;
}
.price_table .table {
	display: flex;
	justify-content: center;
	margin-bottom: 7px;
}
.price_table .table .left,
.price_table .table .right {
	width: 50%;
	text-align: center;
	color: #707070;
	padding: 15px 0 15px 0;
}
.price_table .table .left {
	background-color: #B4DAEB;
	margin-right: 7px;
}
.price_table .table .right {
	background-color: #E4EFF2;
}
.price_title {
	text-align: center;
	font-size: 24px;
	color: white;
	font-weight: bold;
	position: relative;
}
.hukidashi3 {
	position: absolute;
	top: -105px;
	left: 30px;
	z-index: 200;
}
.kotei {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 2000;
}
/* カーセンサー */
.sidebutton {
	position: fixed;
	top: 20%;
	right: 5px;
	z-index: 3000;
}
/* クリフォード */
.sidebutton.secondBtn {
	position: fixed;
	top: 40%;
	right: 5px;
	z-index: 3000;
}
/* カーセンサー札幌 */
.sidebutton.sapporoBtn {
	position: fixed;
	top: 30%;
	right: 5px;
	z-index: 3000;
}
/* インスタグラム */
.sidebutton.instaBtn {
	position: fixed;
	top: 50%;
	right: 5px;
	z-index: 3000;
}
.sidebutton img {
	width: 80px;
	height: auto;
}
/* メールフォーム行き、特設ボタン */
.sidebutton.mailmode {
	position: fixed;
	top: 50%;
	right: 5px;
	z-index: 3000;
}
.sidebutton.mailmode img {
	width: 120px;
	height: auto;
}
/* トップページ行き、特設ボタン */
.sidebutton.topmode {
	position: fixed;
	top: 60%;
	right: 5px;
	z-index: 3000;
}
.sidebutton.topmode img {
	width: 120px;
	height: auto;
}
/* レッカーサービス */
.tableBase {
	width: 100%
}
.tableBase table {
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	color: #707070;
	border: 0;
	line-height: 1.7;
}
.tableBase table th,
.tableBase table td {
	border: #707070 solid 1px;
	padding: 8px 0;
}

table.typeA th {
	background-color: #EBEBEB;
	font-weight: 800;
	font-size: 16px;
}
table.typeA td {
	background-color: white;
	font-weight: 200;
	font-size: 16px;
}
table th.titleboard {
	border: 0;
	background-color: initial;
	font-size: 20px;
}
/* ボタンシリーズ */
/* ボタンエリア */
.btnArea {
	text-align: left;
	margin: 0;
}
.bynArea.center {
	text-align: center;
}
/* ボタン本体 */
.btnTypeA {
	min-width: 300px;
	padding: 15px 0;
	border-radius: 15px;
	text-align: center;
	background: linear-gradient(#93b8e5,#4371c5);
	color: white;
	margin: 30px 0;
	border: 0;
	cursor: pointer;
}

/* PC大 */
@media screen and (max-width:1260px) {
	.grid {
		width: 100%;
		padding: 0 3%;
	}
	.top .mini_data .left .minibox:nth-child(3),
	.top .mini_data .left .minibox:nth-child(4) {
		margin-bottom: 12px;
	}
	.top .carname {
    font-size: 1.3em;
	}
	.top .minibox .data {
    font-size: 0.9em;
	}
	.top .minibox .datatitle {
    font-size: 0.7em;
	}
	.top .pricebox .data {
    font-size: 1.4em;
	}
	.navi_wrap {
    width: 100%;
	}
	.navi_wrap > ul label {
	 margin-left: 3%;
	}
	.navi_wrap > ul label.mega1.first {
		margin-left: 0%;
	}
	.navi_wrap > ul {
    justify-content: center;
	}
	.basebox {
		display: flex;
		justify-content: space-around;
		width: 100%;
		margin-left: 0;
	}
	.inner_img {
    position: static;
		width: 45%;
	}
	.basebox .innertext {
    margin-left: 0%;
		width: 45%;
	}
	.top .grid.aboutus h2 {
    margin-bottom: 50px!important;
	}
	.buttons_area {
    display: block;
    margin-top: 2%;
    margin-bottom: 2%;
	}
	.top a.buttons {
    padding-right: 3%;
    padding-left: 3%;
    padding-bottom: 3px;
    margin-right: 0;
    width: 70%;
		margin-top: 3%;
	}
	.cat .navlist li {
		width: 21%;
    margin-right: 2%;
	}
	.cat .navlist li img {
		width: 100%;
	}
	.cat .first_data .data_left {
    width: 40%;
    margin-right: 3%;
	}
	.cat .first_data .data_right {
    width: 50%;
		background-image: none!important;
	}
	.cat .grid.car_data .first_data .mini_data .left {
    width: 100%;
	}
	.grid.car_data .first_data .mini_data .left .minibox:first-child,
	.grid.car_data .first_data .mini_data .left .minibox:nth-child(2),
	.grid.car_data .first_data .mini_data .left .minibox:nth-child(3),
	.cat .grid.car_data .first_data .mini_data .left .minibox:nth-child(4) {
		width: 50%;
	}
	.grid.car_data .minibox .datatitle {
    width: 5.0vw;
    font-size: 1.0vw;
	}
	.grid.car_data .pricebox .data {
    font-size: 1.4em;
	}
	.main.single .grid.car_data .first_data .mini_data .left .minibox {
		width: 32%;
	}
	.main.single .grid.car_data .minibox .datatitle {
    width: 75px;
    font-size: 1.0vw;
	}
	.main.single .grid.car_data .first_data .datatitle {
    margin-right: 2%;
		line-height: 1.8;
	}
	.grid.car_data .minibox .data {
    font-size: 1.0em;
    min-width: 60%;
	}
	.table_data .table {
    width: 49%;
    margin-bottom: 0.5%;
	}
	.collection > .columnbox .button {
    width: 32%;
    margin-right: 2%;
    border-radius: 17px;
	}
	.collection > .columnbox .button a {
    font-size: 0.8em;
	}
	/* ブログ */
	.grid.bloggrid {
    width: 100%;
    padding: 0 2.5%;
}
	.blog .grid {
    padding-top: 5%;
    padding-bottom: 5%;
	}
	.main.blog .maincontent {
    width: 70%;
	}
	.main.blog .sidebar {
    width: 30%;
	}
	.top .blog ul {
		display: block;
		padding-left: 0px;
	}
	.top .blog ul li {
    width: 100%;
    margin-bottom: 20px;
	}
	.top .blog ul li:nth-child(odd) {
    margin-right: 0px;
	}
/* --------------------------------------------- */
/* レッカーLPサイト(1260px)
/* --------------------------------------------- */
.newSection .grid {
	width: 100%;
}
/* 今ままでこんなことはありませんか？ */
.orderlist li {
	width: 45%;
}
.viewOut {
	display: none;
}
/* 安心のポイント */
.pointlist li {
	width: 45%;
	margin-left: 10%;
}
/* 豊富な実績 */
.recordlist li {
	width: 30%;
	margin-left: 3%;
}
/* ご依頼から搬送までの流れ */
.flowBox li .left {
	padding-right: 8%;
}
.flowBox li .left img {
	width: 100%;
}
/* --------------------------------------------- */
/* クリフォードLPサイト(1260px)
/* --------------------------------------------- */
/* ここが凄い！CLIFFORD */
.serviceList li img {
	width: 50%;
}
.serviceList li p {
	width: 50%;
}
/* インパクトゾーン１ */
.impactTest .grid p {
	font-size: 1.2rem;
}
/* こんな方にオススメします！ */
.pc_view.excepOrder{
	display: block;
}
/* LINE UP */
.productsArea .optionArea .optionCard li {
	width: 150px;
	margin-right: 9.5%;
}
.productsArea .optionArea .optionCard li img {
	width: 100%;
}
/* PC小とタブレット */
@media screen and (max-width:980px) {
	.sp_view.excep {
		display: block;
	}
	.pc_view.excep{
		display: none;
	}
	.buttons_area.single a,
	.menu1 {
    font-size: 0.9em;
    line-height: 3.0;
	}
	.lastlist {
    margin-right: 10%;
    font-size: 1.1em;
	}
	.innerbox {
    width: 30%;
    margin-right: 3%;
	}
	.grid.service img,
	.detail section + section img {
		width: 100%;
		box-sizing: border-box;
	}
	.footer_main {
    display: block;
	}
	.footer_nav {
		margin-bottom: 5%;
	}
	.footer_nav .navtop {
    display: flex;
		justify-content: center;
    margin-bottom: 5%;
	}
	.footer_map {
    width: 70%;
		margin: 0 auto;
	}
	.footer_map .map {
    width: 100%;
    height: 30vw;
	}
	.footer_map .map iframe {
		width: 100%;
		height: 100%;
	}
	.cat .first_data {
    display: block;
    min-height: 280px;
	}
	.cat .first_data .data_left {
    width: 100%;
    margin-right: 3%;
	}
	.cat .first_data .data_right {
    width: 100%;
		background-image: none!important;
	}
	.grid.car_data .first_data .data_right .right.button {
    position: static;
		margin: 0 auto;
	}
	.grid.car_data .minibox .datatitle {
    width: 10.0vw;
    font-size: 1.8vw;
	}
	.table_data {
    display: block;
    margin-top: 3%;
	}
	.table_data .table {
    width: 100%;
	}
	.main.single .grid.car_data .first_data .mini_data .left .minibox {
		width: 50%;
	}
	.main.single .grid.car_data .first_data .mini_data .left .minibox {
		margin-bottom: 2%;
	}
	.main.single .grid.car_data .first_data .mini_data .button a {
    padding-top: 14.3%;
	}
	.tab_item {
    font-size: 0.5em;
	}
	.grid.smallgrid {
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    padding: 2% 2% 2% 2%;
	}
	.mapdata {
    display: block;
	}
	.mapmain {
    width: 100%;
    min-height: 300px;
    height: auto;
	}
	.mapmain iframe {
		width: 100%;
	}
	.maptext {
    width: 100%;
	}
	.mailchoice .button {
    width: 30vw;
    height: 60px;
	}
	.mailchoice a {
    margin-right: 2%;
	}
	.headline .title {
    width: 25%;
	}
	.headline .title + p {
		width: 75%;
	}
	.headline .title + p > span > input,
	.headline .title + p > span > select,
	.headline .title + p > span > textarea {
		width: 100%!important;
	}
	.servicebox,
	.servicebox.reverse {
    display: block;
	}
	.servicebox .text,
	.servicebox .img {
    width: 100%;
	}
	.servicebox .img img {
		width: 100%;
	}
	.tab_content {
    padding: 40px 3%;
	}
	.popularlist {
    padding-left: 0px;
	}

	/* 固定メニュー */
	.test_box {
		width: 100%;
	  overflow-x: scroll;
	}
	.test_box div {
	  width: 90%;
	  margin: 5px;
		flex-shrink: 0;
	}
	/* サービス６（６つとも共通レイアウト） */
	.service_detail .columnbox {
		display: block;
	}
	.service_detail .columnbox img {
		float: none;
		width: 100%;
	}
	.service_detail .columnbox.float img {
		float: none;
		width: 100%;
		margin-right: 0px;
		margin-bottom: 0px;
	}
	.service_detail .columnbox.float img.reverse {
		float: none;
		width: 100%;
		margin-left: 0px;
		margin-bottom: 0px;
	}
	.service_detail .columnbox.float img + p,
	.service_detail .columnbox .text p:first-child {
		margin-top: 20px;
	}
	.service_detail .columnbox .text {
		box-sizing: border-box;
		padding-left: 0px;
	}
	.service_detail .columnbox.reverse .text {
		padding-left: 0px;
		padding-right: 0px;
	}
	.imggrid {
		width: 100%;
		margin: 0 auto;
	}
	.grid.service img.imagemap {
		width: 100%;
		margin: 0 auto;
		height: auto;
	}
	/* ブログ */
	.main.blog .grid.bloggrid {
    display: block;
	}
	.main.blog .maincontent {
    width: 100%;
		margin: 0 auto;
		margin-bottom: 6vw;
	}
	.main.blog .sidebar {
    width: 100%;
		margin: 0 auto;
	}
	.main.blog.tax h2.topheader {
    font-size: 3.7vw;
	}
	.main.blog.tax ul.catlist li .catright h3 {
    font-size: 2.5vw;
}
	.main.blog.tax ul.catlist li:first-child .catright h3 {
    font-size: 3.0vw;
    line-height: 1.2;
	}
	.main.blog.tax ul.catlist li:first-child .taglist span {
    border-radius: 1.5vw;
    margin-right: 1vw;
    padding: 0.5vw 1.2vw 0.7vw 1.2vw;
	}
	.taglist span {
    margin-bottom: 1.2vw;
	}
	.postlist li a figure {
    width: 20.0vw;
	}
	.postlist li a {
    display: flex;
    justify-content: flex-start;
	}
	.postlist li .listright {
    width: auto;
		margin-left: 10px;
	}
	.postlist li a p.date {
    font-size: 1.4vw;
	}
	.postlist li a p.list_cat {
    font-size: 1.4vw;
	}
	.postlist li a p.list_title {
    font-size: 1.8vw;
	}
	.main.blog .maincontent .catlist + h2,
	.main.blog .maincontent .catlist + h2 + ul.cat_entry {
    display: none;
	}
	.main.blog .maincontent .catlist + h2.topheader {
		display: block;
	}
	/* LPページ */
	#lp3 .content_inner .wp-video {
    width: 96vw!important;
    height: auto;
	}
	#lp3 .content_inner .wp-video video {
    width: 96vw;
    height: auto;
	}
	.widthfree {
    width: 96vw;
	}
/* --------------------------------------------- */
/* レッカーLPサイト(980px)
/* --------------------------------------------- */
.nav_lp ul li {
	margin-right: 5%;
}
/* 今ままでこんなことはありませんか？ */
.orderlist li {
	background-size: 80px;
}
/* 安心のポイント */
.pointlist {
	width: 100%;
}
/* 豊富な実績 */
.recordlist {
	width: 100%;
}
.recordlist img {
	width: 100%;
}
/* --------------------------------------------- */
/* クリフォードLPサイト(980px)
/* --------------------------------------------- */
/* CLIFFORD(クリフォード)ってどんな企業？ */
.introZone img {
	width: 90%;
}
/* インパクトゾーン１ */
.impactTest {
	height: 350px;
}
.impactTest .grid p {
	font-size: 1.0rem;
}
/* LINE UP */
.productsArea .productsCard .left {
	padding-right: 3%;
}
.productsArea .productsCard .left img {
	width: 100%;
}
.productsArea .optionArea .optionCard {
	justify-content: space-around;
	padding-left: 0;
	width: 80%;
	margin: 0 auto;
}
.productsArea .optionArea .optionCard li {
	width: 200px;
	margin-right: 9.5%;
	font-size: 1.0rem;
}
.productsArea .optionArea .optionCard li:nth-child(3n) {
	margin-right: 9.5%;
}
.productsArea .optionArea .optionCard li:nth-child(2n) {
	margin-right: 0;
}
.productsArea .optionArea .optionCard li:last-child {
	margin-right: 0;
}

}
/* ここからスマホ１ */
@media screen and (max-width:768px) {
	.sp_view {
		display: block;
	}
	.sp_view.small {
		display: none;
	}
	.pc_view,
	.grid.pankuzu.pc_view {
		display: none;
	}
	header .grid {
    padding-top: 2%;
    padding-bottom: 2%;
    display: block;
		text-align: center;
	}
	nav {
    width: 100%;
    display: flex;
    flex-direction: row;
		justify-content: center;
	}
	nav ul {
		padding-left: 0;
	}
	nav ul li {
    margin-right: 3%;
		font-size: 0.8em;
	}
	.pickup {
    display: block;
	}
	.innerbox {
    width: 100%;
    margin-right: 0%;
		margin-bottom: 8%;
	}
	.basebox {
    display: block;
		padding: 3% 3% 3% 3%;
	}
	.inner_img {
    width: 100%;
	}
	.basebox .innertext {
    width: 100%;
	}
	.buttons_area {
    text-align: center;
	}
	.footer_nav .navtop {
    display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
    flex-direction: row;
    margin-bottom: 5%;
	}
	.footer_nav .navlist {
    width: 45%;
		margin-right: 3%;
		margin-bottom: 6%;
	}
	.footer_map {
    width: 100%;
    margin: 0 auto;
	}
	.footer_map .map {
    width: 100%;
    height: 50vw;
	}
	.columnbox {
    display: block;
	}
	.collection > .columnbox .button {
    width: 100%;
    margin-right: 0%;
		margin-bottom: 3%;
	}
	.floor .tableleft {
    width: 25%;
	}
	.floor .tableleft,
	.floor .tableright,
	.main.corp .grid .day {
		font-size: 1.0em;
	}
	header .grid img {
		width: 25%;
	}
	.eye {
    height: 100px;
	}
	.eye h1 {
    font-size: 2.0em;
    margin: 0 0 12px 0;
	}
	.headline {
    display: block;
	}
	.headline .title {
    width: 100%;
	}
	.headline .title + p {
		width: 100%;
	}
	.headline.kojin {
    display: block;
	}
	.main.single .grid.car_data .minibox .datatitle {
    width: 40%;
    font-size: 1.8vw;
	}
	.grid.car_data .first_data .mini_data {
    display: block;
	}
	.grid.car_data .first_data .mini_data .left {
    width: 100%;
		margin-bottom: 5%;
	}
	.grid.car_data .first_data .right.button {
    width: 70%;
    margin: 0 auto;
	}
	.main.single .grid.car_data .first_data .mini_data .button a {
    padding-top: 6%;
		padding-bottom: 6%;
	}
	.mailchoice .button {
    font-size: 0.8em;
	}
	.grid.car_data .minibox .data {
    font-size: 3.0vw;
	}
	.grid.car_data h1, .eye h1 {
    font-size: 1.5em;
    margin: 0 0 12px 0;
	}
	.grid.slideshow {
    margin-bottom: 4%;
	}
	.popularlist {
    display: block;
	}
	.popularlist li {
    width: 60%;
		margin: 0 auto;
		margin-bottom: 5%;
	}
	.menu1 {
    font-size: 0.5em;
	}
	.navi_wrap > ul .stw span {
    top: 50%;
    left: 88%;
		width: 0.6em;
	}
	.navi_wrap > ul .stw span:last-child {
    top: 50%;
    left: 90%;
		width: 0.6em;
	}
	.tab_content .button, .navbottom .button {
    width: 90%;
	}
	/* コーティング料金表 */
	.corting_price {
		font-size: 0.7em;
	}
	tr th span {
		font-size: 0.7em;
	}
	tr.top1 th {
		font-size: 1.2em;
	}
	tr td {
		font-size: 1.0em;
	}
	nav {
		width: 90%;
		margin: 0 auto;
		/* display: flex;
		flex-direction: row-reverse; */
	}
	nav ul {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	.top h2 span {
		font-size: 1.0em;
	}
	.slick-dots li {
		margin: 0 3px!important;
	}
	/* ブログ */
	.main.blog.tax ul.catlist li {
    display: block;
	}
	.main.blog.tax ul.catlist li a img,
	.main.blog.tax ul.catlist li:first-child a img {
    width: 100%;
    height: auto;
	}
	.main.blog.tax ul.catlist li .catright {
    margin-left: 0px;
		margin-top: 3%;
	}
	/* ブログ */
	body {
		font-size: 2.4vw
	}
	.main.blog.tax h2.topheader {
    font-size: 4.0vw;
	}
	.main.blog.tax ul.catlist li .catright h3 {
    font-size: 3.6vw;
	}
	.main.blog.tax ul.catlist li:first-child .catright h3 {
    font-size: 3.6vw;
	}
	.sidebar h2 + ul li a {
		font-size: 3.2vw;
	}
	.postlist li .listright {
    width: 100%;
	}
	ul.kanrenlist li a,
	.kanren li a,
	.postlist li a {
    display: block;
	}
	.main.blog .maincontent ul.kanrenlist li a img,
	.main.blog .maincontent .kanren li a img {
    width: 100%;
	}
	.postlist li a figure {
    width: 100%;
	}
	.postlist li a p.date {
    font-size: 2.0vw;
	}
	.postlist li a p.list_cat {
    font-size: 2.0vw;
	}
	.postlist li a p.list_title,
	.main.blog .maincontent .kanren li a p.title {
    font-size: 3.0vw;
	}
	.main.blog .maincontent .kanren li a .listright,
	.postlist li .listright {
    margin-left: 0px;
	}
	.top .blog ul li img {
    width: 100%;
    height: auto;
	}
	.top .blog ul li h3 {
    font-size: 3vw;
    margin-top: 2.5%;
    margin-bottom: 2.5%;
	}
	.top .blog ul li .data,
	.top .blog ul li .term {
    font-size: 2.2vw;
	}
	.top .blog ul li .data {
		margin-top: 2%;
	}
	.top .blog ul li {
		display: block;
		margin-bottom: 5%;
	}
	.blog .wp-video,
	.blog .wp-video video {
		width: 100%!important;
		height: auto!important;
	}
	/* LPページ */
	.eye.lp ul {
    bottom: 20px;
		left: 50%;
	  transform: translateX(-50%);
	  -webkit-transform: translateX(-50%);
	  -ms-transform: translateX(-50%);
	}
	.eye.lp ul li {
    color: white;
    text-align: center;
    border-radius: 50%;
    width: 12vw;
    height: 12vw;
    background-color: rgba(154,193,242,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 3vw;;
    line-height: 1.5;
		font-size: 1.7vw;
	}
	.eye.lp ul li:last-child {
		margin-right: 0;
	}
	.eye.lp h1 {
    font-size: 4vw;
    line-height: 1.3;
		text-align: center;
	}
	.eye.lp h1 span {
    font-size: 6vw;
    line-height: 1.5;
	}
	.contact_area ul li {
    width: 40vw;
	}
	.nav_lp ul {
    display: block;
    padding: 0;
    margin-top: 0px;
    margin-bottom: 0px;
	}
	.nav_lp ul li a {
		display: block;
		padding: 2vw 0vw 2vw 1vw;
	}
	.nav_lp ul li:nth-child(odd) {
    margin-right: 0px;
		background-color: #9AC1F2;
	}
	.nav_lp ul li:nth-child(even) {
		margin-right: 0px;
		background-color: #B4DAEB;
	}
	#lp3 .content_inner .float.left {
    float: none;
	}
	.floatarea .float.left {
    margin-right: 0px;
	}
	#lp3 .content_inner .float.right {
    float: none;
	}
	#lp3 .content_inner img {
		width: 100%;
	}
	.floatarea .float.right {
    margin-left: 0px;
	}
	.excep420 {
    width: 100%;
	}
	.excep420 img {
		width: 100%;
	}
	.grid.smallgrid {
		width: 96vw;
    padding: 10vw 2vw 10vw 2vw;
	}
	#lp3 .content_inner .wp-video video {
    width: 100%;
    height: auto;
	}
	.widthfree {
    width: 100vw;
	}
	.widthfree.last {
    width: 100%;
	}
	.columnbox.point .textarea {
    max-width: initial;
    width: 100vw;
		margin-right: 0;
	}
	.columnbox.point.reverse .imgarea {
    margin-right: 0;
	}
	.imgarea img {
		width: 100%;
	}
	.inner_section .arrow180 {
    width: 20vw;
		bottom: -30px;
	}
	.hukidashi1 {
    position: absolute;
    top: -5vw;
    left: 4vw;
    z-index: 200;
		width: 30vw;
	}
	.hukidashi2 {
    position: absolute;
    top: -8vw;
    left: 4vw;
    z-index: 200;
		width: 30vw;
	}
	.hukidashi3 {
    position: absolute;
    top: -12vw;
    left: 4vw;
    z-index: 200;
		width: 30vw;
	}
	.price_title {
    text-align: center;
    font-size: 4vw;
    font-weight: bold;
    position: relative;
	}
	.kome {
    font-size: 2vw;
	}
	.plan2, .plan3 {
    padding: 15vw 0 10vw 0;
	}
	.plan4 {
    padding: 5vw 0 5vw 0;
	}
	.semititle {
    font-size: 6vw;
	}
	h2.lp {
    font-size: 6vw;
    margin-bottom: 3px;
    margin-top: 0;
	}
	.columnbox.point {
    justify-content: space-between;
    margin-bottom: 12vw;
	}
	h3.point_ver {
    font-size: 6vw;
		line-height: 1.5;
	}
	h3.box_ver {
    padding: 13vw 2vw 2vw 2vw;
    line-height: 1.5;
    font-size: 5vw;
    color: #707070;
    margin-bottom: 6vw;
		background-position: center top 8px;
    background-size: 10vw;
		text-align: center;
	}
	h3.sekou1 {

}
	#lp3 .content_inner p {
    font-size: 4vw;
    line-height: 1.7;
	}
	.columnbox.point .textarea {
    max-width: initial;
    width: 100%;
    font-size: 4vw;
    line-height: 1.7;
	}
	.columnbox.point .imgarea {
    width: 100%;
	}
	.check.blue,
	.check.sky {
    background-size: 6vw;
		background-position: left 2vw center;
	}
	.check {
    margin: 6vw 0;
    padding-left: 8vw;
    font-size: 4vw;
	}
	section.question .left {
    margin-right: 0px;
		text-align: center;
	}
	.content_inner {
    padding-top: 8vw;
    padding-bottom: 0vw;
	}
	.plan1 {
    padding-top: 0vw;
	}
	.price_table .table .left, .price_table .table .right {
    padding: 3vw 0 3vw 0;
		font-size: 3.5vw;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.eye.lp {
    min-height: 50vw;
    height: auto;
	}
	#lp3 .content_inner .wp-video {
    width: 100%!important;
    height: auto;
	}
	.floatarea {
    width: 100%;
	}
	
	/* カーセンサー */
.sidebutton {
	position: fixed;
	top: 20%;
	right: 5px;
	z-index: 3000;
}
/* クリフォード */
.sidebutton.secondBtn {
	position: fixed;
	top: 36%;
	right: 5px;
	z-index: 3000;
}
/* カーセンサー札幌 */
.sidebutton.sapporoBtn {
	position: fixed;
	top: 28%;
	right: 5px;
	z-index: 3000;
}
/* インスタグラム */
.sidebutton.instaBtn {
	position: fixed;
	top: 44%;
	right: 5px;
	z-index: 3000;
}
	
	.sidebutton img {
		width: 40px;
		height: auto;
	}
	
	.sidebutton.mailmode img {
		width: 80px;
		height: auto;
	}
	.sidebutton.topmode {
		position: fixed;
		top: 57%;
		right: 5px;
		z-index: 3000;
	}
	.sidebutton.topmode img {
		width: 80px;
		height: auto;
	}
	/* --------------------------------------------- */
/* レッカーLPサイト(768px)
/* --------------------------------------------- */
.headline2 h2 {
	font-size: 1.5rem;
}
.headline2.sub span {
	font-size: 1.0rem;
}
/* 今ままでこんなことはありませんか？ */
.orderlist {
	display: block;
}
.orderlist li {
	width: 100%;
	min-height: 100px;
	padding-top: 3%;
	padding-bottom: 3%;
	margin-bottom: 3%;
	display: flex;
	align-items: center;
}
.orderlist li.excep {
	margin-bottom: 3%;
}
/* 安心のポイント */
.pointlist {
	display: block;
}
.pointlist li {
	width: 100%;
	margin-left: 0;
	margin-bottom: 7%;
}
.pointlist li img {
	width: 60%;
}
.pointlist li.excep {
	margin-bottom: 7%;
}
/* 豊富な実績 */
.recordlist {
	display: block;
}
.recordlist li {
	width: 100%;
	margin-left: 0;
	margin-bottom: 7%;
}
.recordlist li img {
	width: 60%;
}
.recordlist li.excep {
	margin-bottom: 7%;
}
/* ご依頼から搬送までの流れ */
.flowBox li {
	display: block;
	margin-bottom: 7%;
}
.flowBox li .innerBox {
	width: 60%;
	margin: 0 auto;
}
.flowBox li .left {
	padding-right: 0;
}
.flowBox li .right {
	padding-top: 3%;
}
/* --------------------------------------------- */
/* クリフォードLPサイト(768px)
/* --------------------------------------------- */
/* ナビ */
.main.lp.clifford .nav_lp ul {
	display: block;
}
/* ここが凄い！CLIFFORD */
.serviceList li {
	display: block;
	margin-bottom: 10%;
}
.serviceList li img {
	width: 100%;
}
.serviceList li p {
	width: 100%;
	text-align: center;
}
.serviceList li:nth-child(even) p {
	text-align: center;
}
/* インパクトゾーン１ */
.impactTest {
	height: 250px;
}
.impactTest .grid p {
	font-size: 0.7rem;
}
/* こんな方にオススメします！ */
.recommendBox {
	display: block;
}
.recommendBox .left {
	width: 100%;
}
.recommendBox .right {
	width: 100%;
}
.recommendBox .right h3 {
	font-size: 1.2rem;
}
.recommendBox .right p {
	font-size: 1.0rem;
}
.recommendBox .rankList {
	display: block;
}
.recommendBox .rankList .year {
	padding-right: 0;
	padding-left: 0;
	font-size: 1.1rem;
}
.recommendBox .rankList li {
	width: 50%;
	margin: 0 auto;
	margin-bottom: 10%;
}
/* impact zone2 */
.impact2 {
	height: 400px;
}
.impact2 .grid {
	display: block;
}
.impact2 .grid .logoArea {
	width: auto;
	height: 150px;
}
.impact2 .grid .logoArea img {
	height: 100%;
}
.impact2 .grid .textArea {
	width: 100%;
}
.impact2 .grid .textArea p {
	font-size: 1.3rem;
}
/* LINE UP */
.productsArea {
	padding: 3% 5%;
}
.productsArea h3 {
	font-size: 1.2rem;
}
.productsArea h3.lineStyle {
	padding-right: 5%;
	padding-left: 5%;
	width: 70%;
	box-sizing: border-box;
	font-size: 1.2rem;
	top: -13px;
}
.productsArea .optionArea .optionCard li {
	width: 30%;
	margin-right: 5%;
	margin-left: 5%;
	font-size: 0.6rem;
}
.productsArea .productsCard {
	display: block;
}
.productsArea .productsCard .left {
	width: 100%;
	padding-right: 0;
	padding-top: 0;
}
.productsArea .productsCard .right {
	width: 100%;
}
.productsArea .optionMiniCardList {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.productsArea .optionMiniCard {
	width: 23%;
	border-radius: 15px;
	padding: 3%;
	margin-right: 3%;
	margin-top: 5%;
}
.productsArea .optionMiniCard:nth-child(3n) {
	margin-right: 0;
}


}
/* ここからスマホ２ */
@media screen and (max-width:399px) {
.contact_area {
    padding-top: 5%;
    padding-bottom: 5%;
}

	.sp_view.small {
		display: block;
	}
	.floor .tableleft {
    width: 28%;
	}
	.scloolarea {
		overflow-x: scroll;
	}
	.corting_price {
    width: 180%;
	}
	/* ブログ */
	.sidebar h2 + ul li a {
		font-size: 4.2vw;
	}
	.postlist li a p.date,
	.main.blog .maincontent .kanren li a p.day  {
    font-size: 3.0vw;
	}
	.postlist li a p.list_cat {
    font-size: 3.0vw;
	}
	.postlist li a p.list_title,
	.main.blog .maincontent .kanren li a p.title {
    font-size: 4.2vw;
		line-height: 1.2;
	}
	.main.blog .pricebox .price {
		font-size: 4.2vw;
	}
	.main.blog .pricebox .data {
		font-size: 5.8vw;
	}
	.main.blog .maincontent ul.kanrenlist li a .kanrenlist_right {
		margin-left: 0px;
	}
	.related-entry-list {
		margin-bottom: 12vw;
	}
	.main.blog .maincontent p {
    margin: 10.5vw 0;
    font-size: 4.5vw;
    line-height: 1.5;
	}
	.main.blog .blogtitle {
    font-size: 8vw;
    margin-top: 3.2vw;
    margin-bottom: 3.5vw;
	}
	.top h2 span {
    font-size: 5.5vw;
	}
	.top h2 span.small {
    font-size: 2.8vw;
	}
	.top .blog ul li h3 {
    font-size: 5vw;
	}
	.top .blog ul li .data,
	.top .blog ul li .term {
    font-size: 3.2vw;
	}
	.wp-video {
		width: 100%!important;
		height: auto;
	}
	video {
		width: 100%;
		height: auto;
	}
	#video-503-2 {
		width: 100%;
		height: auto;
	}
	.eye.lp ul li {
    font-size: 1.7vw;
	}
	.eye.lp ul {
    bottom: 1vw;
	}
/* --------------------------------------------- */
/* レッカーLPサイト(399px)
/* --------------------------------------------- */
.sidebutton.topmode {
	top: 60%;
}
.eye.lpRoadService h1 {
	font-size: 1.5rem;
}
.headline2 h2 {
	font-size: 1.2rem;
}
.headline2.sub span {
	font-size: 0.8rem;
}
/* 今ままでこんなことはありませんか？ */
.orderlist li {
	font-size: 16px;
}
/* 安心のポイント */
.pointlist li {
	margin-bottom: 10%;
	font-size: 1.2em;
}
.pointlist li img {
	width: 80%;
}
/* 豊富な実績 */
.recordlist li {
	margin-bottom: 10%;
}
.recordlist li img {
	width: 80%;
}
/* ご依頼から搬送までの流れ */
.flowBox li {
	margin-bottom: 10%;
}
.flowBox li .innerBox {
	width: 80%;
}
.flowBox li .right {
	font-size: 1.2em;
}
.flowBox li .innerBox h3 {
	font-size: 1.1rem;
	padding-left: 50px;
}
table.typeA th,
table.typeA td {
	font-size: 1em;
}
table.typeA th.titleboard {
	font-size: 2em;
}
/* --------------------------------------------- */
/* クリフォードLPサイト(399px)
/* --------------------------------------------- */
/* CLIFFORD(クリフォード)ってどんな企業？ */
.introZone {
	height: 300px;
}
.recommendBox .right img {
	width: 8vw;
}
.recommendBox .right h3 {
	font-size: 0.8rem;
}
.recommendBox .right p {
	font-size: 0.7rem;
}
.recommendBox .ranking .rankTitle {
	font-size: 0.9rem;
}
.recommendBox .ranking .rankTitle span {
	font-size: 0.4rem;
}
/* ここが凄い！CLIFFORD */
.serviceList li p {
	font-size: 1.0rem;
}
/* インパクトゾーン１ */
.impactTest {
	height: 300px;
}
.impactTest .grid p {
	font-size: 1em;
	width: 60%;
	font-weight: bold;
}

/* LINE UP */
.productsArea h3 {
	font-size: 1.2rem;
}
.productsArea .productsCard .productsName {
	font-size: 1.2rem;
}
.productsArea .productsCard .productsPrice {
	font-size: 1.2rem;
}
.productsArea .productsCard .productsStory {
	font-size: 0.7rem;
}
.productsArea h3.lineStyle span {
	top: -12px;
}
.productsArea .optionMiniCard {
	font-size: 0.6rem;
	width: 38%;
	border-radius: 10px;
}
.productsArea .optionMiniCard:nth-child(3n) {
	margin-right: 3%;
}
.productsArea .optionMiniCard:nth-child(2n) {
	margin-right: 0;
}
.productsArea .optionArea .optionCard li {
	width: 38%;
	margin-right: 5%;
	margin-left: 5%;
	font-size: 0.6rem;
}

}