@charset "UTF-8"; 
.l-globalNav__list > .our_business > a:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.main_img {
  background-image: url("../img/our_business/main_img.jpg");
  height: 500px;
  background-size: cover;
  background-position: center center;
	text-align: center;
	display: grid;
	place-items: center;
}
.main_img_01 {
  background-image: url("../img/our_business/new_car_supplies/main_img.jpg");
  height: 400px;
  background-size: cover;
  background-position: center center;
	text-align: center;
	display: grid;
	place-items: center;
}
.main_img_02 {
	background-image: url("../img/our_business/u_car_product/main_img.jpg");
}
.main_img_03 {
	background-image: url("../img/our_business/service/main_img.jpg");
}
.main_img_04 {
	background-image: url("../img/our_business/qc_promotion/main_img.jpg");
}
.en {
	font-size: 35px;
	color: #FFFFFF;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 600;
	line-height: 1.7;
	letter-spacing: 1px;
}
.en span {
	color: #ed2400;
}
.jp {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 2px;
}
.phirosophy p {
	text-align: center;
	font-size: 25px;
	letter-spacing: 2px;
	margin-bottom: 20px;
}
h2 {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 30px;
	color: #123888;
	text-align: center;
	font-weight: bold;
	line-height: 0.7;
	margin-bottom: 50px;
}
h2 span {
	border-bottom: solid #ed2400 3px;
	width: 90px;
	display: inline-block;
}
.lead {
	text-align: center;
	font-size: 25px;
	letter-spacing: 2px;
	margin-bottom: 45px;
}
.lead span {
	font-family: serif;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 10px;
	display: inline-block;
}
.bg_blue {
	background-image: url("../img/common/bg_blue.png");
  padding: 100px 0;
  background-repeat: repeat;
}
.btn_white {
	color: #123888;	
}
.btn_white::before{
    background-color:#FFFFFF;
}
.bg_gray {
	background-image: url("../img/common/bg_gray.png");
  padding: 100px 0;
  background-repeat: repeat;
}
/*--------------------------
　　　
事業・サービス INDEX

--------------------------*/
.link_00 {
	position: relative;
  margin-bottom: 50px;
}
.link>div {
	width: 46%;
	height: 330px;
	color: #FFFFFF;
	position: relative;
	text-align: center;
	padding: 80px 0 60px;
  background-size: cover;
  margin-bottom: 50px;
}
.link:after {
content:"";
display:block;
font-size:o;
clear:both;
}
.link_01 {
  background-image: url(../img/our_business/link_01.jpg);
  float: left;
}
.link_02 {
  background-image: url(../img/our_business/link_02.jpg);	
	float: right;
}
.link_03 {
  background-image: url(../img/our_business/link_03.jpg);
	float: left;
}
.link_04 {
  background-image: url(../img/our_business/link_04.jpg);
	float: right;
}
.link>div h3 {
	font-size: 22px;
	margin-bottom: 15px;
}
.link>div p {
	text-align: left;
	margin: auto;
	width: 65%;
	line-height: 2;
	margin-bottom: 45px;
}
.link>div p span {
  color: #ed2400;
  font-size: 80%;
	vertical-align: middle;
	display: inline-block;
	padding-right: 5px;
}
.link>.link_02 p {
	width: 55%;
}
.link>.link_03 p {
	width: 44%;
}
.link>.link_04 p {
	width: 56%;
}
.maru {
  display: grid;
  place-items: center;
  position: absolute;
  left: 37%;
  top: 26%;
  margin:  auto;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background-color: #FFFFFF;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  -webkit-box-shadow: 0px 0px 5px hsla(221,78%,30%,0.30);
  box-shadow: 0px 0px 5px hsla(221,78%,30%,0.30);
}
.maru img {
	margin-bottom: 20px;
}
.map_index {
	position: relative;
	margin-bottom: 70px;
}
.map_link_01 {
	position: absolute;
	top: 85px;
	left: 70px;
}
.map_link_02 {
	position: absolute;
	top: 333px;
	left: 70px;
}
.map_link_03{
	position: absolute;
	top: 85px;
	right: 70px;
}
.map_link_04 {
	position: absolute;
	top: 300px;
	right: 70px;
}
.access h3 {
	color: #123888;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 20px;
}
table {
	width: 100%;
	border-top: 1px solid #123888;
	border-bottom: 1px solid #123888;
}
tr {
	border-bottom: 1px solid #b1b1b1;
}
th {
	width: 13%;
	color: #123888;
	padding: 20px 0;
	text-align: left;
	font-weight: bold;
}
td:nth-child(2) {
	width: 17%;
	font-weight: bold;
}
td {
	line-height: 2.5;
	padding: 20px 0;
}
.line_none {
	border-bottom: none;
}
.line_none th, .line_none td {
	padding-bottom: 0px;
}
/*--------------------------
　　　
新車用品部

--------------------------*/
.strength h3 {
	font-size: 23px;
	font-weight: bold;
	margin-bottom: 30px;
}
.strength h3 span {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 35px;
	color: #123888;
	font-weight: 400;
	vertical-align: -3px;
}
.strength h3 img {
	vertical-align:baseline;
	padding: 0 10px 0 5px;
}
.strength h4 {
	font-size: 18px;
	font-weight: bold;
	padding-left: 55px;
	margin-bottom: 20px;
}
.mt_50 {
	margin-top: 50px;
}
.strength li {
  padding-left: 55px;
  list-style-type: none;
	margin-bottom: 20px;
}
.strength li span {
	color: #ed2400;
  font-size: 80%;
	vertical-align: middle;
	display: inline-block;
	padding-right: 5px;
}
.strength li img {
	margin-top: 20px;
	margin-bottom: 100px;
}
.strength li a {
	color: #123888;
	text-decoration: underline;
}
.strength .btn {
	margin: -50px auto 100px;
}
.strength p {
	margin-bottom: 50px;
}

.coating ul {
	margin-bottom: 30px;
}
.coating h3 {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 28px;
	text-align: center;
	color: #123888;
	margin-bottom: 50px;
}
.coating h4, .coating li  {
	padding-left: 0;
}
.coating p {
	padding-bottom: 50px;
}
.img_left {
	width: 47.5%;
	float: left;
	margin-bottom: 50px
}
.img_right {
	width: 47.5%;
	float: right;
	margin-bottom: 50px
}
.strength_2 {
	padding-bottom: 100px;
}
.strength_2 .img_left {
	margin-bottom: 50px;
}
.strength_2 .img_right {
	padiing-bottom: 50px;
}
.strength_2 .img_mt10_left {
	width: 53%;
	float: left;
	margin-bottom: 50px	
}
.strength_2 .img_mt10_right {
	width: 43.5%;
	float: right;
	padiing-bottom: 50px;	
}
.office h5 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
	border-bottom: #123888 2px solid;
	padding-bottom: 5px;
	display: inline-block;
}
.office p {
	margin-bottom: 40px;
}
.office iframe {
	margin: 50px 0;
}
.other {
	padding: 100px 0;
}
.other div div {
	width: 33%;
	float: left;
	text-align: center;
}
.other h5 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
}
/*--------------------------------------------------------------------------------------------------------
　　　
SP版

--------------------------------------------------------------------------------------------------------*/
@media (max-width: 767.98px) {

.main_img {
  height: 350px;
}
.main_img_01 {
  height: 250px;
}
.main_img_03 {
	background-image: url("../img/our_business/service/main_img_sp.jpg");
}
.main_img_04 {
	background-image: url("../img/our_business/qc_promotion/main_img_sp.jpg");
}
.en {
	font-size: 6vw;
	line-height: 1.2;
	margin-bottom: 10px;
}
.jp {
	font-size: 3.5vw;
}
	h2 {
	font-size: 5vw;
	color: #123888;
	text-align: center;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 30px;
}
h2 span {
	border-bottom: solid #ed2400 2px;
	width: 70px;
	display: inline-block;
}

	.lead {
		font-size: 4.5vw;
		letter-spacing: 0px;
		margin-bottom: 20px;
		text-align: left;
		font-weight: bold;
	}
	.lead span {
	font-size: 5.7vw;
		text-align: center;
		display: block;
		line-height: 0;
		margin-bottom: -5px;
}
.bg_blue {
  padding: 50px 0;
	background-size:  5px;
}
.bg_gray {
  padding: 50px 0;
	background-size:  5px;
}
/*--------------------------
　　　
【SP版】事業・サービス INDEX

--------------------------*/
.link {
		margin-top: 200px;
	}
.link>div {
	width: 100%;
	height: auto;
	padding: 50px 0 30px;
	margin-bottom: 30px;
}
.link>div h3 {
	font-size: 4.5vw;
	line-height: 1.5;
}
.link>div p {
	text-align: left;
	margin: auto;
	width: 85%;
	margin-bottom: 20px;
}
.link>.link_02 p {
	width: 75%;
}
.link>.link_03 p {
	width: 65%;
}
.link>.link_04 p {
	width: 80%;
}
.maru {
  position: absolute;
  left: 15%;
  right: 0;
  margin: auto;
  top: -240px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background-color: #FFFFFF;
  font-size: 4vw;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  -webkit-box-shadow: 0px 0px 5px hsla(221,78%,30%,0.30);
  box-shadow: 0px 0px 5px hsla(221,78%,30%,0.30);
}

th, td:nth-child(2), td {
	width: 100%;
	display:block;
	font-size: 4vw;
	line-height: 0;
	}
	td:nth-child(2) {
	padding-bottom: 10px;
	}
	.line_none th, .line_none td {
	padding-bottom: 10px;
}
	th {
		padding-top: 20px;
		padding-bottom: 10px;
	}
	td:last-child {
		padding-bottom: 20px;
	}
table .cell_none {
	display: none;
	}
	.map_index {
	position: relative;
	margin-bottom: 50px;
}
.map_link_01 {
	width: 41.5%;
	position: absolute;
	top: 4%;
	left: 4%;
}
.map_link_02 {
	width: 43.5%;
	position: absolute;
	top: 51%;
	left: 4%;
}
.map_link_03{
	width: 33%;
	position: absolute;
	top: 4%;
	right: 4%;
}
.map_link_04 {
	width: 31%;
	position: absolute;
	top: 47.5%;
	right: 20%;
}
.access h3 {
	font-size: 5vw;
}
/*--------------------------
　　　
【SP版】新車用品部

--------------------------*/
.strength h3 {
	font-size: 4.7vw;
	line-height: 1.5;
	text-indent: -11vw;
	padding-left: 11vw;
	margin-bottom: 20px;
}
.strength h3 span {
	font-size: 7vw;
}
.strength h3 img {
	vertical-align: -2px;
	padding: 0 5px 0 3px;
	width: 7.7%;
}
.strength h4 {
	font-size: 4.2vw;
	padding-left: 0px;
	margin-bottom: 10px;
	line-height: 1.7;
}
.strength li {
	font-size: 4vw;
  padding-left: 5%;
  text-indent: -2vw;
	line-height: 1.7;
	margin-bottom: 10px;
}
.strength li img {
	margin-top: 10px;
	margin-bottom: 50px;
}
.strength .btn {
	margin: -30px auto 50px;
	width: 50%;
}
.strength p {
	margin-bottom: 20px;
}
.coating ul {
	margin-bottom: 30px;
}
.coating h3 {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 5vw;
	text-align: center;
	color: #123888;
	margin-bottom: 30px;
}
	.coating h4 {
	line-height: 1.7;
	}
.coating li  {
	padding-left: 5%;
  text-indent: -2vw;
}
.coating p {
	margin-bottom: 20px;
}
.img_left {
	width: 100%;
	float: left;
	margin-bottom: 20px
}
.img_right {
	width: 100%;
	float: right;
	margin-bottom: 20px
}
	.strength_2 {
	padding-bottom: 0px;
}
.strength_2 .img_left {
	margin-bottom: 20px;
}
.strength_2 .img_right {
	margin-bottom: 50px;
}
.strength_2 .img_mt10_left {
	width: 100%;
	float: left;
	margin-bottom: 20px	
}
.strength_2 .img_mt10_right {
	width: 100%;
	float: right;
	margin-bottom: 50px	
}
.office h5 {
	font-size: 4.5vw;
	margin-bottom: 10px;
}
.office p {
	margin-bottom: 20px;
}
.office iframe {
	margin: 30px 0 0;
}
.other {
	padding: 0px 0 30px;
	margin-top: 50px;
}
.other div div {
	width: 100%;
	float: left;
	text-align: center;
}
.other h5 {
	font-size: 4vw;
	font-weight: bold;
	margin-bottom: 10px;
}
	.other .btn {
		margin-bottom: 20px;
	}
}