@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: "jp-font";
    src: url("../logotypejp_mp_b_1.1.ttf");
  }
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
}
html {
  scroll-behavior: smooth;
}
body {
  position: relative;
  font-family: "noto-sans-cjk-jp", sans-serif;
  overflow-x: hidden;
}
.pc {
  display: block;
}
.sp,
.mb {
  display: none;
}
.tablet,
.tablet_pro {
  display: none;
}
.img-responsive {
  width: 100%;
  height: auto;
}
.icon_main_title {
  display: block;
  max-width: 125px;
  margin: 0 auto;
}
.container_btn {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 25px;
  max-width: 800px;
  margin: 0 auto;
}
.main_btn {
  position: relative;
  display: block;
  border-radius: 15px;
  padding: 30px 40px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 6px 10px -2px #00000030;
  transition: 0.4s;
  max-width: 380px;
  width: 100%;
  margin: 0 auto;
}
.main_btn.btn_left {
  margin-left: 0;
}
.main_btn.btn_right {
  margin-right: 0;
}
.main_btn.btn_large {
  max-width: 500px;
}
.main_btn.orange_gradient,
.main_btn.green_gradient {
  padding: 30px 40px;
  color: #fff;
  transition: background-position 0.5s;
}
.main_btn.orange_gradient.btn_type_02,
.main_btn.green_gradient.btn_type_02 {
  padding: 30px 40px 30px 100px;
}
.main_btn.orange_gradient {
  background: linear-gradient(to right, #ff8900 0%, #ff8800 35%, #ffb100 50%, #ff8800 65%, #ff8900 100%);
  background-position: 100% 0;
  background-size: 200% auto;
}
.main_btn.green_gradient {
  background: linear-gradient(to right, #28a32c 0%, #71e26d 35%, #7bf577 50%, #71e26d 65%, #28a32c 100%);
  background-position: 100% 0;
  background-size: 200% auto;
}
.main_btn.orange_gradient:hover,
.main_btn.green_gradient:hover {
  background-position: 0 50%;
}
.main_btn.orange_gradient:after,
.main_btn.green_gradient:after {
  content: "→";
  position: absolute;
  width: 25px;
  height: 25px;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  background-repeat: no-repeat;
}
.main_btn.arrow_icon:after {
  content: "→";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 15px;
  transition: 0.4s;
}
.main_btn.btn_bg_white {
  background-color: #fff;
  color: #000;
  border: 2px solid #ff8900;
}
.main_btn.btn_bg_white.arrow_icon:after {
  color: #ff9a00;
}
.main_btn.btn_bg_white:hover {
  background-color: #ff8900;
  color: #fff;
}
.main_btn.btn_bg_white.arrow_icon:hover:after {
  color: #fff;
}
.main_btn.btn_bg_black {
  background-color: #000;
  color: #fff;
  border: 2px solid #000;
}
.main_btn.btn_bg_black.arrow_icon:after {
  color: #fff;
}
.main_btn.btn_bg_black:hover {
  background-color: #fff;
  color: #000;
}
.main_btn.btn_bg_black.arrow_icon:hover:after {
  color: #000;
}
.main_btn.btn_toggle {
  background-color: #3f4343;
  color: #fff;
  max-width: 285px;
  cursor: pointer;
}
.main_btn.btn_toggle:after {
  content: ">";
  position: absolute;
  width: 25px;
  height: 40px;
  right: 10px;
  top: 28px;
  font-size: 35px;
  transform-origin: center;
  transform: scaleX(0.6);
  transition: 0.4s;
  font-weight: 100;
}
.main_btn.btn_toggle.active:after {
  transform: rotate(90deg) scaleX(0.6);
}
.main_btn.btn_bg_orange {
  background-color: #ff9a00;
  color: #fff;
  border: 2px solid #ff9a00;
}
.main_btn.btn_bg_orange.arrow_icon:after {
  color: #fff;
}
.main_btn.btn_bg_orange:hover {
  background-color: #fff;
  color: #ff9a00;
}
.main_btn.btn_bg_orange.arrow_icon:hover:after {
  color: #ff9a00;
}
.main_btn_01 {
  display: block;
  position: relative;
  background: #fff;
  color: #000;
  border: 2px solid #ff8900;
  border-radius: 15px;
  padding: 30px 40px;
  font-size: 20px;
  text-decoration: none;
  font-weight: 700;
  width: 100%;
  max-width: 380px;
  text-align: center;
  box-shadow: 0 6px 10px -2px #00000030;
  transition: 0.4s;
  margin: 0 auto;
}
.main_btn_01:after {
  content: "→";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 15px;
  color: #ff8900;
  transition: 0.4s;
}
.main_btn_01:hover {
  background-color: #ff8800;
  color: #fff;
}
.main_btn_01:hover:after {
  color: #fff;
}
.main_btn_02 {
  display: block;
  font-size: 20px;
  background-color: #ff9a00;
  border-radius: 10px;
  box-shadow: 0 6px 10px -2px #00000030;
  border: 1px solid #fff;
  padding: 30px 40px;
  color: #fff;
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.main_btn_gradient {
  display: block;
  position: relative;
  /*background: linear-gradient(118deg, #ffb100 0%, #ff8900 100%);*/
  /*background-position: 0 50%;*/
  transition: background-position 0.5s;
  border-radius: 15px;
  padding: 30px 85px;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  font-weight: 700;
  max-width: 380px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  box-shadow: 0 6px 10px -2px #00000030;
}
.main_btn_gradient.orange_gradient {
  background: linear-gradient(to right, #ff8900 0%, #ff8800 35%, #ffb100 50%, #ff8800 65%, #ff8900 100%);
  background-position: 100% 0;
  background-size: 200% auto;
}
.main_btn_gradient.green_gradient {
  background: linear-gradient(to right, #28a32c 0%, #71e26d 35%, #7bf577 50%, #71e26d 65%, #28a32c 100%);
  background-position: 100% 0;
  background-size: 200% auto;
}
.main_btn_gradient:hover {
  background-position: 0 50%;
}
.main_btn_gradient:after {
  content: "→";
  position: absolute;
  width: 25px;
  height: 25px;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  background-repeat: no-repeat;
}
.youtube_video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}
.google_map iframe,
.youtube_video iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.youtube_video iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.google_map_container,
.youtube_video-container {
 max-width: 800px;
  margin: 0 auto;
}
.google_map {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 30.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.google_map iframe.gmap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 420px;
}
.container {
  position: relative;
  max-width: 1280px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.breadcrumb {
  padding: 15px 0;
  font-size: 11px;
}
.breadcrumb a {
  margin: 0 5px;
}
.section-default,
.area_back_to {
  padding-top: 80px;
  padding-bottom: 80px;
}
.section-default h2 {
  font-size: 34px;
  margin-bottom: 20px;
}
.section-default p,
.section-default h2 + p {
  font-size: 14px;
}
.section-default p {
  margin-bottom: 30px;
}
.section-default h2 + p {
  margin-bottom: 60px;
}}
.bg_main {
  background-color: #fff4cf;
}
.wave_underline {
  text-decoration: rgb(0, 0, 0) wavy underline;
}
.carousel {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  overflow: hidden;
}
.carousel.carousel_sf_and_c {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 40px;
}
.carousel .carousel-cell {
  width: 100%; /* or a fixed width if needed */
  max-width: 80vw;
  margin: 10px;
  border-radius: 5px;
  display: inline-block; /* Important */
  opacity: 0.7;
}



.carousel .carousel-cell.is-selected {
  opacity: 1;
}
.carousel .carousel-cell img {
    display: block;
    width: 100%;
	height: auto;
    object-fit: cover;
}

.carousel .carousel-cell .article_box img {
    height: 340px !important;
}
.special-feature .carousel .carousel-cell .article_box img {
    height: 190px !important;
}

#carousel_home .carousel .carousel-cell img {
    height: 525px;
    border-radius: 30px;
    object-fit: cover;
    width: 100%;
}


.carousel .flickity-prev-next-button {
  width: 80px;
  height: 80px;
  background-image: linear-gradient(to bottom, #ffb100 0%, #ff8900 50%);
  transition: 0.5s;
}
.carousel .flickity-prev-next-button:hover {
  opacity: 0.8;
  background-image: linear-gradient(to bottom, #ffb100 0%, #ff8900 50%);
}
.carousel .flickity-prev-next-button.previous {
  left: -40px;
}
.carousel .flickity-prev-next-button.next {
  right: -40px;
}
.carousel .flickity-prev-next-button svg {
  top: 20%;
  width: 30px;
  height: 50px;
}
.carousel .flickity-prev-next-button.next svg {
  left: 10%;
}
.carousel .flickity-prev-next-button.previous svg {
  right: 10%;
  left: unset;
}
.carousel.carousel_style_02 .flickity-prev-next-button.previous {
  left: 50px;
}
.carousel.carousel_style_02 .flickity-prev-next-button.next {
  right: 50px;
}
.carousel.carousel_style_02 .flickity-prev-next-button.next svg {
  left: 30%;
}
.carousel.carousel_style_02 .flickity-prev-next-button.previous svg {
  right: 30%;
}
.carousel .flickity-prev-next-button svg .arrow {
  fill: #fff;
}
.carousel .flickity-page-dots .dot {
  width: 20px;
  height: 20px;
}
.carousel .flickity-page-dots .dot.is-selected {
  background: linear-gradient(to bottom, #ffb100 0%, #ff8900 50%);
}
.carousel .flickity-page-dots {
  bottom: 15px;
}
.carousel_sf_and_c .carousel-cell {
  max-width: 30vw;
}
.special-feature .carousel_sf_and_c .carousel-cell{
  max-width: 18%;
}


#main_title {
  /*background-color: #fff;*/
}
#main_title .banner_main {
  position: relative;
  background-image: url("../images/banner_page/mv_bg_pc.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 250px;
  padding-top: 40px;
  padding-bottom: 30px;
  /*margin-bottom: 220px;*/
  margin-bottom: 140px;
	    z-index: 0;
}
#main_title .banner_main.special_layout {
  background-image: url(../images/summer-tire/p-1.png);
  height: 300px;
  margin-bottom: 0;
}
#main_title .banner_main.single_grid {
    height: 40vh;
margin-bottom: 3%;
}


@media screen and (min-width: 1760px){
#main_title .banner_main.single_grid {
    height: 30vh;
}
}


#main_title .banner_main.single_grid.two_rows {
  margin-bottom: 200px;
}
#main_title .banner_main:after {
  content: "";
  position: absolute;
  background-image: url(../images/banner_page/mv_bg_2.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 300px;
  height: 180px;
  right: 0;
  bottom: -180px;
  z-index: 1;
}
#main_title .banner_main.none_bubble:after,
#main_title .banner_main.special_layout:after {
  content: unset;
}
#main_title .banner_main .container {
  padding-left: 20px;
  padding-right: 20px;
}
#main_title .banner_main .banner_grid {
  position: relative;
  display: grid;
  grid-template-columns: 350px 1fr;
}
#main_title .banner_main.single_grid .banner_grid,
#main_title .banner_main.special_layout .banner_grid {
  grid-template-columns: 1fr;
}
#main_title .banner_main .banner_grid picture {
  position: relative;
  z-index: 2;
}
#main_title .banner_main .banner_grid > picture img {
  position: absolute;
  border-radius: 30px;
  max-width: 850px;
  right: 0;
}
#main_title .banner_main.special_layout .banner_grid .title_page,
#main_title .banner_main.single_grid .banner_grid .title_page {
  position: absolute;
}
#main_title .banner_main.single_grid .banner_grid .title_page {
  /*top: 70px;*/
  top: 15px;
}
#main_title .banner_main.special_layout .banner_grid .title_page,
#main_title .banner_main.single_grid.single_layout_01 .banner_grid .title_page,
#main_title .banner_main.single_grid.single_layout_02 .banner_grid .title_page {
  /*top: 44px;*/
  top: 15px;
}
#main_title .banner_main.single_grid.special_long .banner_grid .title_page {
  top: 44px;
}
#main_title .banner_main.single_grid.single_layout_03 .banner_grid .title_page {
  top: 18px;
}
#main_title .banner_main.single_grid.two_rows .banner_grid .title_page {
  /*top: 30px;*/
  top: -5px;
}
#main_title .banner_main .banner_grid .title_page picture {
  z-index: 3;
}
#main_title .banner_main .banner_grid .title_page h1 {
  position: relative;
  font-size: 35px;
  font-weight: 800;
  line-height: 1;
  text-wrap-mode: nowrap;
  z-index: 3;
	text-shadow: 0 0 10px #fff;
}

#main_title .banner_main .banner_grid .title_page h1 span{
	text-shadow: none;
}

#main_title .banner_main .banner_grid .title_page > picture img {
  position: relative;
  width: auto;
  /*height: 130px;*/
  height: 100px;
  z-index: 10;
}
#main_title .banner_main.special_long .banner_grid .title_page > picture img {
  height: 100px;
}
#main_title .banner_main.special_layout .title_page > picture img {
  height: 50px;
}

#main_title .banner_main.two_rows .banner_grid .title_page > picture img {
	height: 190px;
}
#main_title + section {
  padding-top: 0;
}
#main_title + section.recommend_tire_match_car {
  padding-top: 80px;
}
#main_description {
  margin-bottom: 80px;
}
#main_description h2 {
  font-size: 35px;
}
#main_description p {
  font-size: 23px;
  line-height: 1.7;
}
#main_description h2 + p {
  margin-top: 20px;
}
#main_description strong {
  display: block;
  font-size: 25px;
  font-weight: 700;
  margin-top: 20px;
}
#main_description .main_description-grid {
  display: grid;
  grid-template-columns: 1fr 0.75fr;
  grid-gap: 30px;
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  #main_title .banner_main {
    margin-bottom: 15vw;
  }
  #main_title .banner_main .banner_grid {
    grid-template-columns: 30vw 1fr;
  }
  .tablet_pro {
    display: block;
  }
  .tablet_pro_none {
    display: none;
  }
}
@media screen and (min-width: 767px) and (max-width: 1023px) {
  .tablet {
    display: block;
  }
  .tablet_none {
    display: none;
  }
 #main_title .banner_main {
    margin-bottom: 125px;
  }
  #main_title .banner_main .banner_grid {
    grid-template-columns: 30vw 1fr;
  }
  #main_title .banner_main .banner_grid .title_page h1 {
    font-size: 3.5vw;
  }
  #main_title .banner_main .banner_grid > picture {
    /*top: 20px;*/
    top: 50%;
  }
  #main_title .banner_main:after {
    width: 225px;
    height: 182px;
  }
  #main_title .banner_main.two_rows_sp.single_grid.single_layout_01 .banner_grid .title_page {
    top: 55px;
  }
  #main_title .banner_main.two_rows_sp.single_grid.single_layout_01 .banner_grid .title_page > picture img {
    height: 80px;
  }
  .section-default h2 + p {
    margin-bottom: 30px;
  }
  #main_title .banner_main.single_grid .banner_grid .title_page,
  #main_title .banner_main.single_grid.single_layout_01 .banner_grid .title_page,
  #main_title .banner_main.single_grid.single_layout_02 .banner_grid .title_page {
    top: 40px;
  }
  #main_description p {
        font-size: 14px;
        line-height: 1.8;
  }
}
@media (max-width: 767px) {
  .pc {
    display: none;
  }
  .sp,
  .mb {
    display: block;
  }
  .google_map {
    padding-top: 56.25%;
  }
  .google_map iframe.gmap {
    height: 100%;
  }
  .plan-page #main_title .banner_main {
    background-image: url("../images/plan/mb/p-1.png");
  }
  .useful_info-page #main_title .banner_main {
    background-image: url("../images/useful-information/mb/p-1.png");
  }
  .company_information-page #main_title .banner_main {
    background-image: url("../images/company-information/mb/t-1.png");
  }
  .u_car-page #main_title .banner_main {
    background-image: url("../images/u-car/mb/p-1.png");
  }
  .show_room-page #main_title .banner_main {
    background-image: url("../images/show-room/mb/p-1.png");
  }
  .car_lineup-page #main_title .banner_main {
    background-image: url("../images/car-lineup/mb/p-1.png");
  }
  .after_service-page #main_title .banner_main {
    background-image: url("../images/after-service/mb/MV_afterservice_sp.png");
  }
  .news-page #main_title .banner_main {
    background-image: url(../images/news/mb/mv_bg_sp.png);
  }
  .carousel .carousel-cell {
    max-width: 90%;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .carousel .carousel-cell img {
    margin: 0 auto;
	  
  }
.special-feature .carousel_sf_and_c .carousel-cell {
    max-width: 90%;
}	

#carousel_home .carousel .carousel-cell img {
    height: 55vh;
}	
	
  .carousel .flickity-page-dots .dot {
    width: 13px;
    height: 13px;
  }
  .carousel .carousel_sf_and_c .flickity-prev-next-button.previous,
  .carousel.carousel_style_02 .flickity-prev-next-button.previous {
    left: -40px;
  }
  .carousel .carousel_sf_and_c .flickity-prev-next-button.next,
  .carousel.carousel_style_02 .flickity-prev-next-button.next {
    right: -40px;
  }
  .carousel .carousel_sf_and_c .flickity-prev-next-button.next svg,
  .carousel.carousel_style_02 .flickity-prev-next-button.next svg {
    left: 10%;
  }
  .carousel .carousel_sf_and_c .flickity-prev-next-button.previous svg,
  .carousel.carousel_style_02 .flickity-prev-next-button.previous svg {
    right: 10%;
  }
  .container,
  #main_title .banner_main .container {
    padding-left: 6vw;
    padding-right: 6vw;
  }
	
#new_car_stage {
    padding-top: 10px;	
	}
	
  .section-default,
  .area_back_to {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }
  .section-default h2 {
    font-size: 24px;
  }
  .section-default p,
  .section-default h2 + p {
    font-size: 4vw;
  }
  .section-default p {
    margin-bottom: 5vw;
  }
  .section-default h2 + p {
    margin-bottom: 10vw;
  }
  .breadcrumb {
    padding-left: 0;
    padding-right: 0;
  }
  .breadcrumb a {
    margin: 0 2px;
    font-size: 10px;
  }
  #main_title .banner_main {
    background-image: url("../images/management/mb/mv_bg_sp.png");
    background-size: 100%;
    height: 77vw;
    padding-top: 0;
    margin-bottom: 30px;
  }
  #main_title .banner_main.banner_main.special_layout {
    background-image: url(../images/summer-tire/mb/p-1.png);
    height: 41vw;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  #main_title .banner_main.two_rows,
  #main_title .banner_main.two_rows_sp {
    height: 87vw;
    /*margin-bottom: 10vw;*/
    margin-bottom: 0;
  }
  #main_title .banner_main.single_grid {
    height: 30vw;
    margin-bottom: 20vw;
  }
  #main_title .banner_main.single_grid.two_rows {
    margin-bottom: 25vw;
  }
  #main_title .banner_main.single_grid.single_layout_03 {
    margin-bottom: 8vw;
  }
  #main_title .banner_main:after {
    content: unset;
  }
  #main_title .banner_main .banner_grid {
    grid-template-columns: 1fr;
  }
  #main_title .banner_main .banner_grid .title_page {
    position: relative;
    top: 48vw;
    /*margin-left: 5vw;*/
  }
  #main_title .banner_main.banner_main.special_layout .title_page {
    top: 10vw;
  }
  #main_title .banner_main.single_grid .banner_grid .title_page {
    top: 18.5vw;
  }
  #main_title .banner_main.single_grid.two_rows .banner_grid .title_page {
    top: 9vw;
  }
  #main_title .banner_main.single_grid.single_layout_01 .banner_grid .title_page {
    top: 6vw;
  }
  #main_title .banner_main.single_grid.single_layout_02 .banner_grid .title_page {
    top: 19vw;
  }
  #main_title .banner_main.single_grid.single_layout_03 .banner_grid .title_page {
    top: 6vw;
  }
  #main_title .banner_main.two_rows .banner_grid .title_page,
  #main_title .banner_main.two_rows_sp .banner_grid .title_page {
    top: 44vw;
  }
  #main_title .banner_main .banner_grid .title_page h1 {
    bottom: 1vw;
    font-size: 5.2vw;
  }
  #main_title .banner_main .banner_grid .title_page > picture img {
    /*height: 18vw;*/
    height: 21vw;
  }
  #main_title .banner_main.two_rows .banner_grid .title_page > picture img,
  #main_title .banner_main.two_rows_sp .banner_grid .title_page > picture img {
    height: 30vw;
  }
  #main_title .banner_main.single_grid.single_layout_03 .banner_grid .title_page > picture img {
    height: 17vw;
  }
  #main_title .banner_main .banner_grid > picture {
    display: none;
  }
  #main_title + section.recommend_tire_match_car {
    padding-top: 10vw;
  }
  #main_description {
    margin-bottom: 40px;
  }
  #main_description p {
        font-size: 14px;
        line-height: 1.8;
  }
  #main_description strong {
    font-size: 4vw;
    margin-top: 10px;
  }
  #main_description .main_description-grid {
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }
  .container_btn {
    grid-template-columns: 1fr;
    grid-gap: 15px;
  } 
  .main_btn {
    font-size: 4vw;
    padding: 25px 40px;
  }
  .main_btn.arrow_icon:after {
    height: 20px;
  }
  .main_btn.btn_toggle,
  .u_car-section .main_btn.btn_bg_black,
  .u_car-section .main_btn.btn_bg_orange{
    padding: 15px 40px;
    border-radius: 10px;
    max-width: 200px;
  }
  .main_btn.btn_toggle:after {
    top: 6px;
  }
  .icon_main_title {
    max-width: 85px;
  }
  #main_description h2 {
    font-size: 6vw;
  }
	
.carousel .carousel-cell .article_box img {
    height: 220px !important;
}	
	
}

/* Header */
.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}
/* header */
header {
  background: #fff;
  width: 100%;
  box-shadow: 12px -2px 11px rgba(0, 0, 0, 0.25);
}
 .mobile_nav {
    display: none;
  }
  header .header_inner {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 15px;
  }
  header .header_inner .header_main {
    position: relative;
  }
  header .header_inner .header_main > .container {
    display: grid;
    grid-template-columns: 350px 1fr;
    grid-row-gap: 15px;
    height: 60px;
  }
  header .header_inner .header_main .logo_site {
    align-self: center;
  }
  header .header_inner .header_main .header_information {
    position: absolute;
    display: flex;
    flex-direction: row;
    top: 0;
    right: 0;
    border-bottom-left-radius: 15px;
    overflow: hidden;
  }
  header .header_inner .header_main .header_information a {
    padding: 10px;
    background: #e3e3e3;
    color: #000;
    font-weight: 600;
    text-align: center;
    width: 150px;
    height: 60px;
    align-content: center;
  }
  header .header_inner .header_main .header_information a:hover {
    color: #ff7432;
  }
  .btn_main-header_toggle {
    display: none;
    width: 50px;
    height: 50px;
    padding: 13px;
    margin-top: 5px;
    background-image: linear-gradient(to right, #ffb100 0%, #ff8900 50%);
    border-radius: 5px;
    margin-bottom: 0;
    cursor: pointer;
  }
  .btn_main-header_toggle span {
    margin-top: 10px;
    width: 100%;
    height: 3px;
    background-color: #fff;
    display: block;
    transition: background-color 0.5s ease-in-out;
  }
  .btn_main-header_toggle span:before,
  .btn_main-header_toggle span:after {
    content: "";
    width: 100%;
    display: block;
    transition: all 0.5s ease-in-out;
    height: 3px;
    background-color: #fff;
  }
  .btn_main-header_toggle span:before {
    transform: translateY(-10px);
  }
  .btn_main-header_toggle span:after {
    transform: translateY(10px);
    margin-top: -4px;
  }
  .btn_main-header_toggle.active span {
    background-color: transparent;
  }
  .btn_main-header_toggle.active span:before {
    -webkit-transform: translateY(-1px) rotate(-45deg);
    transform: translateY(-1px) rotate(-45deg);
  }
  .btn_main-header_toggle.active span:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
header nav ul {
  display: flex;
  margin: 0;
  padding: 0;
  align-items: center;
}
header nav ul li {
  width: 100%;
}

header nav ul li:hover .sub-menu:before {
  color: #fff;
}

header nav ul li ul {
  display: block;
}
header nav ul li.active ul {
  display: block;
}

header nav ul li a ,
header nav ul li b {
  color: #000;
  padding: 0 20px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

header nav ul li .sub-menu {
  font-weight: 800;
  text-align: center;
}

/* header nav ul li a.active, */
header nav ul li .sub-menu:hover {
  color: #fff;
  background: #ff7432;
}

.menu-toggle {
  display: none;
}

header nav ul li .mega-menu {
  position: absolute;
  left: 0;
  display: none;
  width: 100%;
background-color: antiquewhite;
    z-index: 10;
}

header nav .sub-menu.active .mega-menu {
  display: block;
}

header nav .content {
  display: flex;
  justify-content: flex-start;
  padding: 20px;
  margin: 0 auto;
}

header nav .content .depth_level2 .sub-menu1 {
  color: #ff8900;
  font-weight: 700;
  margin-bottom: 15px;
}

header nav .content .depth_level2 .sub-menu2 {
  color: #000;
  font-weight: 700;
}

header nav .content .depth_level2 .mega-links {
  margin-left: 20px;
  margin-bottom: 30px;
}

header nav ul li .content .depth_level2 .menu-item {
  font-weight: 600;
  font-size: 14px;
}

header nav ul li .content .depth_level2 a,
header nav ul li .content .depth_level2 b{
  height: auto;
  margin-bottom: 10px;
  display: block;
  text-align: left;
}


header nav ul li .dropdown-menu a:hover,
header nav .content .depth_level2 .sub-menu2:hover,
header nav .content .depth_level2 .sub-menu1:hover{
	color:#ffb100;
	font-weight:bold;
}








@media screen and (min-width: 768px) and (max-width: 1023px) {
  header .header_inner .header_main .header_information,
  header .header_inner .header_navigation {
    display: none;
  }
  header .header_inner .header_main > .container {
    grid-template-columns: 1fr 50px;
    padding-left: 3vw;
    padding-right: 1vw;
  }
  header .header_inner .header_main .logo_site {
    width: 40vw;
  }
  .mobile_nav {
    display: block;
  }
  .btn_main-header_toggle {
    display: inline-block;
  }
  header nav {
    position: absolute;
    max-width: 300px;
    width: 100%;
    height: calc(100vh - 50px);
    background-color: antiquewhite;
    top: 59px;
    right: -100%;
    transition: 0.5s;
    display: block;
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
  }
  header nav.active {
    right: 0;
  }
  header nav ul {
    display: block;
  }
  header nav ul li .mega-menu {
    position: relative;
  }
  header nav ul li a {
    color: #ff8900;
    text-decoration: none;
    padding: 10px 20px;
    height: auto;
    line-height: unset;
    display: block;
    position: relative;
    /* border-top: 1px solid #ff8900; */
    border-bottom: 1px solid #ff8900;
    font-size: 14px;
    font-weight: 800;
  }
  header nav ul li .content .depth_level2 a {
    font-size: 14px;
    margin-bottom: unset;
    color: #000;
  }
  header nav ul li .content .depth_level2 .menu-item {
    padding: 5px;
    padding-bottom: 10px;
    margin-left: 30px;
    border: none;
  }
  header nav ul li ul {
    background-color: unset;
    display: block;
  }
  header nav ul li .sub-menu {
    font-size: 14px;
    color: #ff8900;
    text-align: left;
    text-decoration: none;
    padding: 10px 20px;
    height: auto;
    line-height: unset;
    display: block;
    position: relative;
    /* border-top: 1px solid #ff8900; */
    border-bottom: 1px solid #ff8900;
    font-weight: 800;
  }
  header nav ul .sub-menu.active {
    border-bottom: none;
  }
  header nav ul li .sub-menu:hover {
    background-color: unset;
    color: #ff8900;
  }
  header nav ul li .sub-menu:after {
    content: "+";
    position: absolute;
    font-family: fontAwesome;
    line-height: 50px;
    color: #ff8900;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%);
    font-weight: 700;
    font-size: 20px;
  }
  header nav ul li .sub-menu.active:after {
    content: "-";
  }
  header nav ul li.active .sub-menu:after {
    content: "-";
    color: #ff8900;
  }
  header nav .content {
    display: block;
    padding: unset;
    border-bottom: 1px solid #ff8900;
  }
  header nav ul li.active .mega-menu {
    display: contents;
  }
  header nav .content .depth_level2 .sub-menu2 {
    margin-bottom: unset;
    padding: 5px;
    margin-left: 30px;
    border: none;
  }
  header nav ul li .sub-menu2 .mega-links {
    display: none;
  }
  header nav ul li .sub-menu2.active .mega-links {
    display: block;
  }
  header nav .sub-menu2:after {
    content: "+";
    position: absolute;
    font-family: fontAwesome;
    line-height: 50px;
    color: #ff8900;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%);
    font-weight: 700;
    font-size: 20px;
  }
  header nav .sub-menu2.active:after {
    content: "-";
    color: #ff8900;
  }
  header nav .content .depth_level2 .mega-links {
    display: none;
    margin-bottom: unset;
    margin-left: 40px;
  }
  header nav .content .depth_level2 .mega-links .menu-item {
    padding: 5px;
    padding-bottom: 10px;
    margin-left: 10px;
    border: none;
  }
  .sub-menu2:active + .mega-links {
    display: block;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  header nav ul li a {
    padding: 0 10px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  header .header_inner .header_main .header_information,
  header .header_inner .header_navigation {
    display: none;
  }
  header .header_inner .header_main > .container {
    grid-template-columns: 1fr 50px;
    padding-left: 3vw;
    padding-right: 1vw;
  }
  header .header_inner .header_main .logo_site {
    width: 40vw;
  }
  .btn_main-header_toggle {
    display: inline-block;
  }
  .mobile_nav {
    display: block;
  }
  header nav {
    position: absolute;
    max-width: 300px;
    width: 100%;
    height: calc(100vh - 50px);
    background-color: antiquewhite;
    top: 59px;
    right: -100%;
    transition: 0.5s;
    display: block;
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
  }
  header nav.active {
    right: 0;
  }
  header nav ul {
    display: block;
  }
  header nav ul li .mega-menu {
    position: relative;
  }
  header nav ul li a {
    color: #ff8900;
    text-decoration: none;
    padding: 10px 20px;
    height: auto;
    line-height: unset;
    display: block;
    position: relative;
    /* border-top: 1px solid #ff8900; */
    border-bottom: 1px solid #ff8900;
   font-size: 14px;
    }
  } 

  @media screen and (max-width: 767px) {
    header .header_inner .header_main .header_information,
    header .header_inner .header_navigation {
      display: none;
    }
    header .header_inner .header_main > .container {
      grid-template-columns: 1fr 50px;
      padding-left: 3vw;
      padding-right: 1vw;
    }
    header .header_inner .header_main .logo_site {
      width: 40vw;
    }
    .btn_main-header_toggle {
      display: inline-block;
    }
    .mobile_nav {
      display: block;
    }
    header nav {
      position: absolute;
      max-width: 300px;
      width: 100%;
      height: calc(100vh - 50px);
      background-color: antiquewhite;
      top: 59px;
      right: -100%;
      transition: 0.5s;
      display: block;
      position: fixed;
      overflow-x: hidden;
      overflow-y: auto;
		z-index:999;
    }

    header nav.active {
      right: 0;
    }
    header nav ul {
      display: block;
    }

    header nav ul li .mega-menu {
      position: relative;
    }

    header nav ul li a {
      color: #ff8900;
      text-decoration: none;
        padding: 5%;
      height: auto;
      line-height: unset;
      display: block;
      position: relative;
      border-bottom: 1px solid #ff8900;
      font-size: 14px;
      font-weight: 800;
	        width: 100%;
text-align: left!important;
    }

    header nav ul li .content .depth_level2 a {
        font-size: 14px;
        margin-bottom: unset;
        color: #333;
        border-bottom: 1px solid #ccc;
    }

    header nav ul li .content .depth_level2 .menu-item {
      padding: 5px;
      padding-bottom: 10px;
      margin-left: 30px;
      border: none;
    }

    header nav ul li ul {
      background-color: unset;
      display: block;
    }
	  
    header nav ul li span.arrow ,header nav ul li span.arrow2 ,header nav ul li span.arrow3 {
        font-size: 14px;
        color: #ff8900;
        text-decoration: none;
        line-height: unset;
        display: block;
        position: absolute;
        font-weight: 800;
        width: 60px;
        height: 60px;
        right:0; 
        top: 10%;
		z-index:999999;
    }

    header nav ul .arrow.active,header nav ul .arrow2.active,header nav ul .arrow3.active {
      border-bottom: none;
    }



    header nav ul li span.arrow:after,header nav ul li span.arrow2:after{
      content: "+";
      position: absolute;
      font-family: fontAwesome;
      line-height: 50px;
      color: #ff8900;
      right: 15px;
        top: 45%;
        transform: translate(0, -50%);
        font-weight: 700;
        font-size: 25px;
    }

header nav ul li span.arrow3:after{
      content: "+";
      position: absolute;
      font-family: fontAwesome;
      line-height: 50px;
      color: #ff8900;
      right: 15px;
top: 40%;
        transform: translate(0, -50%);
        font-weight: 700;
        font-size: 25px;
    }






	  header nav ul li span.arrow.active::after,header nav ul li span.arrow2.active::after {
    color: #ff8900;
    right: 15px;
    top: 40%;
    transform: translate(0, -50%);
        font-weight: 700;
        font-size: 45px;
        content: "-";
  }
	  
	  
header nav ul li span.arrow3.active::after { 
    color: #ff8900;
    right: 15px;
    top: 30%;
    transform: translate(0, -50%);
        font-weight: 700;
        font-size: 35px;
        content: "-";
	  }	  
	  
	  
	  
	  
  header nav .sub-menu2.active:after {
    content: "-";
}
	  
header nav ul li a.nolink span.arrow {
        width: 100% !important;
        z-index: 1;
        height: 47px;
}
	  
	  
header nav ul li .sub-menu {
    position: relative;
}
	  
header nav ul li .sub-menu:hover {
    color: #ff6e00;
    background: transparent;
} 
	  
.depth_level2 ul {
    margin: 0 0 0 30px;
}	  
	  
	  
	  
	  
header nav ul li span.arrow {
    display: block;
    height: 62px;
    position: absolute;
    top: 0;
    width: 62px;
    right: 0;
}
	  
.sub-menu:has(.arrow.active) {
        background-color: #ff6e00;
        color: #fff;
}
.sub-menu:has(.arrow.active) :after{
        color: #fff;
}  
	  
	  
  header nav .content .depth_level2 .mega-links {
    display: none;
    margin-bottom: unset;
    margin-left: 40px;
  }
  header nav .content .depth_level2 .mega-links .menu-item {
    padding: 5px;
    padding-bottom: 10px;
    margin-left: 10px;
    border: none;
  }
  .sub-menu2:active + .mega-links {
    display: block;
  }

	  
	  
	  
	  
	  
    header nav .content {
      display: block;
      padding: unset;
      border-bottom: 1px solid #ff8900;
    }

    header nav ul li.active .mega-menu {
      display: contents;
    }

    header nav .content .depth_level2 .sub-menu2 {
      margin-bottom: unset;
      padding: 5px;
      margin-left: 30px;
      border: none;
    }

    header nav ul li .sub-menu2 .mega-links {
      display: none;
    }

    header nav ul li .sub-menu2.active .mega-links {
      display: block;
    }

    header nav .sub-menu2:after {
      content: "+";
      position: absolute;
      font-family: fontAwesome;
      line-height: 50px;
      color: #ff8900;
      right: 15px;
      top: 50%;
      transform: translate(0, -50%);
      font-weight: 700;
      font-size: 20px;
    }

    header nav .sub-menu2.active:after {
      content: "-";
      color: #ff8900;
    }

    header nav .content .depth_level2 .mega-links {
      display: none;
      margin-bottom: unset;
      margin-left: 40px;
    }

    header nav .content .depth_level2 .mega-links .menu-item {
      padding: 5px;
      padding-bottom: 10px;
      margin-left: 10px;
      border: none;
    }

    .sub-menu2:active + .mega-links {
      display: block;
    }
	  
	  
header {
    position: fixed;
    z-index: 100000;
    top: 0;
}
main.home-page {
    margin: 60px 0 0;
}
	  
section#pankuzu {
    margin: 60px 0 0;
}
	  
	  
	  
  }


/* HOME PAGE */
.home-page h2 {
  position: relative;
	font-size: 32px;
  margin-bottom: 30px;
}
.home-page p {
  font-weight: 600;
}

#carousel_home {
  background-image: url(../images/home/mv_bg_pc.png);
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
#about_store {
  background-color: #fff4cf;
}
#about_store .about_store-grid,
#new_car_stage .new_car_stage-grid {
  display: grid;
}
#about_store .about_store-grid {
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 25px;
}
#about_store .about_store-grid a:first-child {
  margin-right: 0;
}
#about_store .about_store-grid a:last-child {
  margin-left: 0;
}
#important_notice h2 {
  font-size: 26px;
  margin-bottom: 20px;
}

#important_notice li {
	
}

#important_notice a {
  position: relative;
  font-size: 20px;
  font-weight: 500;
  width: 100%;
  display: inline-block;
  padding-right: 40px;
  padding-bottom: 20px;
  margin-bottom: 3%;
  color: #000;
border-bottom: 1px solid #ccc;
}

#important_notice a:hover {
color: #ff8900;
}

#important_notice a:after {
  content: "→";
  position: absolute;
  top: 50%;
  font-size: 30px;
  transform: translate(0, -50%);
  right: 0;
  color: #ff8900;
}
#important_notice .important_notice-content {
  max-width: 80%;
  margin: 0 auto;
}
#new_car_stage {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
  background-image: linear-gradient(to right, #ffb100 0%, #ff8900 50%);
}
#new_car_stage:after {
  content: "";
  position: absolute;
  top: -60px;
  width: 100%;
  height: 125%;
  background-image: url(../images/home/a-2.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#new_car_stage .new_car_stage-grid {
  grid-template-columns: 1fr 470px;
  grid-column-gap: 40px;
}
#new_car_stage .new_car_stage-grid > div {
  position: relative;
  z-index: 10;
  align-self: center;
}
#new_car_stage .new_car_stage-grid h2,
#new_car_stage .new_car_stage-grid p {
  color: #fff;
}
#new_car_stage .new_car_stage-grid p {
  font-size: 20px;
}
#find_detail .find_detail-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
#find_detail .find_detail-grid a {
  position: relative;
}
#find_detail .find_detail-grid a img {
  box-shadow: 0 6px 10px -2px #00000030;
  border-radius: 15px;
}
#find_detail .find_detail-grid a p {
  position: absolute;
  color: #fff;
  left: 50%;
  bottom: 22%;
  transform: translate(-50%, 0);
  font-size: 25px;
  width: 100%;
  text-align: center;
  line-height: 1.2;
  align-content: center;
  margin: 0;
}
#find_detail .find_detail-grid a p.fd_two_line {
  bottom: 15%;
}
#popular_car_ranking {
  background-color: #fff4cf;
}
#popular_car_ranking .popular_car_ranking-content {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
#popular_car_ranking .popular_car_ranking-content > img,
#special_feature > img,
#tcs_original_content > .container > img,
#other_services > .container > img {
  max-width: 100px;
  margin: 0 auto;
  display: block;
}
#popular_car_ranking .popular_car_ranking-content > h2,
#popular_car_ranking .popular_car_ranking-content > p {
  text-align: center;
}
#popular_car_ranking .popular_car_ranking-content > h2 {
  display: block;
	margin:0 0 7%;
}
#popular_car_ranking .popular_car_ranking-content > h2 span {
  font-size: 40px;
}
#popular_car_ranking .popular_car_ranking-content > h2:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 130%;
  background-image: url(../images/home/weed.png);
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  background-position: center;
}
#popular_car_ranking .popular_car_ranking-content > p {
  font-size: 23px;
  margin-bottom: 60px;
}
#popular_car_ranking .popular_car_ranking-content > a {
  /*display: block;
          position: relative;
          background: linear-gradient(118deg, #ffb100 0%, #ff8900 100%);
          border-radius: 15px;
          padding: 30px 85px;
          color: #fff;
          font-size: 20px;
          text-decoration: none;
          font-weight: 700;
          max-width: 380px;
          width: 100%;
          text-align: center;
          margin: 0 auto;
          box-shadow: 0 6px 10px -2px #00000030;*/
}
#popular_car_ranking .popular_car_ranking-content a:before {
  content: "";
  position: absolute;
  width: 60px;
  height: 40px;
  background-image: url(../images/car-lineup/b-1.png);
  background-size: 80px;
  background-position: center;
  top: 50%;
  transform: translate(0, -50%);
  background-repeat: no-repeat;
  left: 20px;
}

.ranking_item a:before{
	content:"";
	display:none;
}

#popular_car_ranking .popular_car_ranking-content > a:after {
  content: "→";
  position: absolute;
  width: 25px;
  height: 25px;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  background-repeat: no-repeat;
}
#popular_car_ranking .popular_car_ranking-content .popular_car_ranking-list {
  position: relative;
  padding-top: 60px;
  padding-bottom: 80px;
  /*border-top: 5px solid #ff7432;*/
}
#popular_car_ranking .popular_car_ranking-content .popular_car_ranking-list:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  background: linear-gradient(118deg, #ffb100 0%, #ff8900 100%);
  top: 0;
}
#popular_car_ranking .popular_car_ranking-content > p + .popular_car_ranking-list {
  padding-top: 0;
  border-top: unset;
}
#popular_car_ranking .popular_car_ranking-content > p + .popular_car_ranking-list:after {
  content: unset;
}
#popular_car_ranking .popular_car_ranking-content .popular_car_ranking-list:after {
}
#popular_car_ranking .popular_car_ranking-content .popular_car_ranking-list .popular_car_topic {
  display: grid;
  grid-template-columns: 285px 1fr;
  margin-bottom: 20px;
}
#popular_car_ranking .popular_car_ranking-content .popular_car_ranking-list .popular_car_topic h3 {
  display: block;
  font-size: 50px;
  border-right: 3px solid #000;
  line-height: 1;
  padding: 10px 20px 10px 0;
}
#popular_car_ranking .popular_car_ranking-content .popular_car_ranking-list .popular_car_topic p {
  font-size: 23px;
  padding: 10px 0 10px 20px;
}
#popular_car_ranking .popular_car_ranking-content .popular_car_ranking-list .popular_car_ranking-model {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 20px;
  margin-bottom: 20px;
}




.ranking_item a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}




#popular_car_ranking .popular_car_ranking-content .popular_car_ranking-list a.car_category {
  position: relative;
  color: #ff7432;
  font-size: 26px;
  font-weight: 500;
  float: right;
  padding-right: 35px;
  transition: 0.4s;
}
#popular_car_ranking .popular_car_ranking-content .popular_car_ranking-list a.car_category:after {
  content: "→";
  position: absolute;
  width: 25px;
  height: 35px;
  font-size: 24px;
  top: 50%;
  right: 0px;
  transform: translate(0, -50%);
  background-repeat: no-repeat;
}
#popular_car_ranking .popular_car_ranking-content .popular_car_ranking-list a.car_category:hover {
  color: #333;
}
.popular_car_ranking-model .ranking_item {
  position: relative;
  background-color: #e7f8ff;
  margin-top: 20px;
  padding: 65px 15px 30px 15px;
  border-radius: 15px;
  border: 4px solid #b8b8b8;
}
.popular_car_ranking-model .ranking_item:before {
  content: "";
  position: absolute;
  width: 120px;
  height: 100px;
  top: -8%;
  left: 0;
}
.popular_car_ranking-model .ranking_item:nth-child(1):before {
  background-image: url(../images/home/ranking_1.png);
  background-size: 120px;
  background-repeat: no-repeat;
}
.popular_car_ranking-model .ranking_item:nth-child(2):before {
  background-image: url(../images/home/ranking_2.png);
  background-size: 120px;
  background-repeat: no-repeat;
}
.popular_car_ranking-model .ranking_item:nth-child(3):before {
  background-image: url(../images/home/ranking_3.png);
  background-size: 120px;
  background-repeat: no-repeat;
}
.popular_car_ranking-model .ranking_item img {
  display: block;
}

.popular_car_ranking-model .ranking_item img.ranking_logo {
height: 25px;
    width: auto;
    margin: 15px auto 8%;
}

.popular_car_ranking-model .ranking_item img.ranking_main_img {
    transform: scale(1.15);
}



.popular_car_ranking-model .ranking_item .ranking_model_car {
  font-weight: 700;
  font-size: 22px;
  text-align: center;
margin: 12px 0 0;
}

#popular_car_ranking .attention p{
    font-size: 80%;
    text-align: right;
    margin: 0 0 4%;
}


#special_feature h2 {
  text-align: center;
}
#tcs_original_content {
  background: linear-gradient(118deg, #ffb100 0%, #ff8900 100%);
}
#tcs_original_content h2,
#other_services h2,
#learn_about_tcs h2,
#notice h2,
#tcs_official_sns h2 {
  line-height: 1.4;
  text-align: center;
}
#tcs_original_content h2 {
  color: #fff;
}
#tcs_original_content h2 span {
  font-size: 38px;
}
#tcs_original_content .tcs_original-list,
#other_services .other_services-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 20px;
  margin-bottom: 60px;
}
#other_services .other_services-list p {
  font-size: 20px;
  font-weight: 700;
  color: #000;
}
#other_services,
#notice {
  background-color: #fff4cf;
}
#learn_about_tcs .learn_about_tcs-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
}
#learn_about_tcs .learn_about_tcs-list a {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
}
#learn_about_tcs .learn_about_tcs-list a:hover > img {
  transform: scale(1.2);
}
#learn_about_tcs .learn_about_tcs-list a > img {
  transition: 0.6s;
}
#learn_about_tcs .learn_about_tcs-list a div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 30px;
  font-weight: 600;
}
#notice .notice-topic {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 20px;
  margin-bottom: 40px;
}
#notice .notice-topic > div {
  background-color: #ff8900;
  border-radius: 15px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  border: 1px solid #fff;
  box-shadow: 0 6px 10px -2px #00000030;
  padding: 15px 20px;
}
.tab-content {
  display: none;
}
#notice .notice-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 50px;
  grid-row-gap: 30px;
  margin-bottom: 60px;
}
#notice .notice-list .notice-item a {
  display: grid;
  grid-template-columns: 200px 1fr;
  grid-column-gap: 20px;
  color: #333;
}

#notice .notice-list img {
    width: 100%;
    height: 125px;
    object-fit: cover;
}

#notice .notice-list .notice-item a:hover {
  color: #ff8900;
}

#notice .notice-list .notice-item .notice-detail {
    align-self: center;
    overflow: hidden;
}
#notice .notice-list .notice-item .notice-detail .notice-date {
  font-size: 14px;

	    float: left;
    width: 40%;
}

div#tab03 .notice-list .notice-item .notice-detail .notice-date ,
div#tab04 .notice-list .notice-item .notice-detail .notice-date {
    width: 100%;
}


#notice .notice-list .notice-item .notice-detail .notice-cate {
	  font-size: 14px;
    float: right;
    width: 55%;
    background: #ff6e00;
    color: #fff;
    text-align: center;
    padding: 1%;
}



#notice .notice-list .notice-item .notice-detail h3 {
    font-size: 18px;
    clear: both;
    padding: 3% 0 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
#tcs_official_sns .tcs_official_sns-list {
  display: grid;
  grid-template-columns: 100px 100px 100px;
  grid-column-gap: 30px;
  justify-content: center;
}
.tabs_notice {
  overflow: hidden;
}
.tabs_notice .tab-btn {
  background-color: #ff8900;
  border-radius: 15px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  border: 1px solid #fff;
  box-shadow: 0 6px 10px -2px #00000030;
  padding: 15px 20px;
  cursor: pointer;
}
.tabs_notice .tab-btn:hover,
.tabs_notice .tab-btn.active {
  background-color: #663803 !important;
}
.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}

.wp-pagenavi span.pages {
    border: none;
    margin: 0 10% 0 0;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .home-page h2 {
    font-size: 30px;
    margin-bottom: 4vw;
  }
  #tcs_original_content .tcs_original-list,
  #other_services .other_services-list {
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 20px;
  }
  #important_notice a {
    font-size: 18px;
  }
  #new_car_stage .new_car_stage-grid {
    grid-template-columns: 1fr 400px;
    grid-column-gap: 25px;
  }
  #notice .notice-topic {
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 10px;
  }
  .popular_car_ranking-model .ranking_item .ranking_model_car {
    font-size: 16px;
  }
  #find_detail .find_detail-grid a p {
    bottom: 20%;
    font-size: 3vw;
  }
  #find_detail .find_detail-grid a p.fd_two_line {
    bottom: 10%;
  }
}
@media (max-width: 767px) {
  #carousel_home {
    background-image: url(../images/home/mb/mv_bg_sp1.png);
    background-size: cover;
    background-repeat: no-repeat;
  }
  #new_car_stage:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 35vw;
    background-color: #fff;
  }
  #new_car_stage:after {
    background-image: url(../images/home/mb/mv_bg_sp.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .home-page h2 {
    font-size: 5.2vw;
  }
  .home-page p {
    font-size: 3.5vw;
  }
  #about_store .about_store-grid,
  #new_car_stage .new_car_stage-grid {
    grid-template-columns: 1fr;
  }
  #about_store .about_store-grid {
    grid-row-gap: 15px;
  }
  #about_store .about_store-grid a {
    margin: 0 auto;
  }
  #important_notice h2 {
    font-size: 5vw;
    margin-bottom: 20px;
  }
  #important_notice a {
    font-size: 3.5vw;
    margin-bottom: 30px;
  }
  #important_notice a:after {
    font-size: 20px;
  }
  #important_notice p {
    font-size: 14px;
    margin-bottom: 30px;
  }
  #important_notice .important_notice-content {
    max-width: 100%;
  }
  #new_car_stage .new_car_stage-grid {
    grid-row-gap: 30px;
  }
  #new_car_stage .new_car_stage-grid h2,
  #new_car_stage .new_car_stage-grid p {
    text-align: center;
  }
  #new_car_stage .new_car_stage-grid p {
        font-size: 4vw;
        line-height: 1.8;
  }
  #find_detail .find_detail-grid {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
  #find_detail .find_detail-grid a p {
    font-size: 3.5vw;
  }
  #popular_car_ranking .popular_car_ranking-content > h2 span {
    font-size: 7.4vw;
  }
  #popular_car_ranking .popular_car_ranking-content > p {
font-size: 3.5vw;
        margin-bottom: 6%;
        line-height: 1.8;
  }
  .main_btn.orange_gradient.btn_type_02,
  .main_btn.green_gradient.btn_type_02 {
    padding: 25px 40px 25px 70px;
  }
  #popular_car_ranking .popular_car_ranking-content > a:before {
    left: 10px;
  }
  #popular_car_ranking .popular_car_ranking-content .popular_car_ranking-list .popular_car_ranking-model {
    /*grid-template-columns: 1fr;*/
    grid-column-gap: 5px;
  }
  #popular_car_ranking .popular_car_ranking-content .popular_car_ranking-list {
    padding-top: 8vw;
    padding-bottom: 12vw;
  }
  #popular_car_ranking .popular_car_ranking-content .popular_car_ranking-list a.car_category {
    /*font-size: 5vw;*/
    font-size: 16px;
  }
  #popular_car_ranking .popular_car_ranking-content > img {
    max-width: 15vw;
  }
  #special_feature > img,
  #tcs_original_content > .container > img,
  #other_services > .container > img {
    max-width: 25vw;
  }
  #popular_car_ranking .popular_car_ranking-content .popular_car_ranking-list .popular_car_topic {
    grid-template-columns: 30vw 1fr;
    margin-bottom: 2vw;
  }
  #popular_car_ranking .popular_car_ranking-content .popular_car_ranking-list .popular_car_topic h3 {
    font-size: 5vw;
    padding: 0 10px 0 0;
    height: 100%;
    align-content: center;
    border-right: 1px solid #000;
  }
  #popular_car_ranking .popular_car_ranking-content .popular_car_ranking-list .popular_car_topic p {
    /*font-size: 3.5vw;*/
    font-size: 13px;
    padding: 0px 0 0px 10px;
  }
  .popular_car_ranking-model .ranking_item {
    padding: 7vw 1vw 2vw 1vw;
    margin-top: 2vw;
    border-radius: 5px;
    border: 2px solid #b8b8b8;
  }
    .popular_car_ranking-model .ranking_item .ranking_model_car {
        font-size: 10px;
    }
	
	.popular_car_ranking-model .ranking_item img.ranking_main_img {
    transform: none;
}

#popular_car_ranking .attention p {
    font-size: 10px;	
	}
  .popular_car_ranking-model .ranking_item:before {
    width: 12vw;
    height: 12vw;
  }
  .popular_car_ranking-model .ranking_item:nth-child(1):before,
  .popular_car_ranking-model .ranking_item:nth-child(2):before,
  .popular_car_ranking-model .ranking_item:nth-child(3):before {
    background-size: 12vw;
  }
  #tcs_original_content .tcs_original-list,
  #other_services .other_services-list {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-bottom: 20px;
  }
  #tcs_original_content h2 span {
    font-size: 8vw;
  }
  #learn_about_tcs .learn_about_tcs-list {
    grid-template-columns: 1fr;
    grid-row-gap: 10px;
  }
  #learn_about_tcs .learn_about_tcs-list div p {
    font-size: 5vw;
  }
  #notice .notice-topic {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-bottom: 30px;
  }
  #notice .notice-topic > div {
    font-size: 13px;
    padding: 10px 20px;
    border-radius: 10px;
  }
  #notice .notice-topic a {
    font-size: 2.8vw;
  }
  #notice .notice-list {
    grid-template-columns: 1fr;
    grid-row-gap: 0;
    margin-bottom: 5vw;
  }
  #notice .notice-list .notice-item {
    grid-template-columns: 65px 1fr;
    grid-column-gap: 14px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #a5a5a5;
  }
  #notice .notice-list .notice-item .notice-detail {
    position: relative;
    padding-right: 20px;
  }
  #notice .notice-list .notice-item .notice-detail:after {
    content: "→";
    position: absolute;
    width: 15px;
    height: 20px;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    background-repeat: no-repeat;
    color: #ff8900;
  }
  #notice .notice-list .notice-item .notice-detail .notice-date,
  #notice .notice-list .notice-item .notice-detail h3 {
    font-size: 3vw;
  }
  #tcs_official_sns h2 span {
    font-size: 24px;
  }
  #tcs_official_sns .tcs_official_sns-list {
    grid-template-columns: 40px 40px 40px;
    grid-column-gap: 30px;
  }
  #other_services .other_services-list p {
    font-size: 3.2vw;
  }
  #learn_about_tcs .learn_about_tcs-list a div {
    font-size: 6vw;
  }
	
.section-default, .area_back_to {
    padding-top: 10%;
    padding-bottom: 10%;
}
	
#tcs_original_content .tcs_original-list a:nth-child(n+5) {
    display: none;
}
    #blog_template #notice .notice-list .notice-item:nth-child(n+5) {
        display: block;
    }

#notice .notice-list .notice-item a {
    grid-template-columns: 100px 1fr;
    grid-column-gap: 5px;
}
	
#notice .notice-list .notice-item:nth-child(n+5) {
    display: none;
}
	#notice .notice-list .notice-item .notice-detail .notice-cate {
    font-size: 10px;
    width: 40%;
	}
#notice .notice-list .notice-item .notice-detail .notice-date {
    width: 50%;
}
	div#tab03 .notice-list .notice-item .notice-detail .notice-date,
    div#tab04 .notice-list .notice-item .notice-detail .notice-date {
        width: 100%;
    }	
	
	
	
}

/* PLAN PAGE */
.plan-default {
  text-align: center;
  scroll-margin-top: 80px;
}
.plan-default h2 {
  font-size: 52px;
  margin-top: 5px;
  font-weight: 500;
  font-family: "jp-font";
}
.plan-default span {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 5px;
}
.plan-default p,
.plan-default h2 + p {
  font-size: 18px;
  margin-bottom: 40px;
}
.image_detail-plan .plan-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  margin-bottom: 20px;
}
.image_detail-plan .plan-list picture:last-child {
  grid-column: 1 / 3;
}
#car_buy-plan {
  background-color: #fff;
  padding-bottom: 80px;
}
#car_buy-plan span {
  font-size: 24px;
}
#car_buy-plan h2 {
  font-size: 36px;
  margin-top: 20px;
  margin-bottom: 30px;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
#car_buy-plan .buy_car_list-plan {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 25px;
}
#car_buy-plan .buy_car_list-plan img {
  box-shadow: 0 6px 10px -2px #00000030;
  border-radius: 5.5%;
}
#orange_plan {
  background-color: #fff4cf;
}
#orange_plan h2 {
  color: #ff7432;
}
#en_plan {
  background-color: #e5f4cf;
}
#en_plan h2 {
  color: #37a947;
}
#kinto {
  background-color: #caefef;
}
#kinto .small-img {
  display: block;
  width: 220px;
  height: auto;
  margin: 20px auto;
}
#kinto .kinto_plan {
  position: relative;
}
#kinto .kinto_plan a {
  color: #fff;
  background-color: #1d6c89;
  position: absolute;
  border-radius: 10px;
  text-decoration: none;
  align-items: center;
  width: 55%;
  padding: 1%;
  right: 3%;
  bottom: 13%;
}
#kinto .kinto_plan a span {
  position: relative;
  font-size: 20px;
  font-weight: 700;
}
#kinto .kinto_plan a span:after {
  content: "→";
  position: absolute;
  width: 25px;
  height: 25px;
}
@media (max-width: 767px) {
  .plan-default h2 {
    font-size: 32px;
  }
  #car_buy-plan h2 {
    font-size: 28px;
    font-weight: 800;
  }
  .plan-default span {
    font-size: 20px;
    font-weight: 700;
  }
  #car_buy-plan span {
    font-size: 18px;
  }
  .plan-default p,
  .plan-default h2 + p {
    font-size: 12px;
	  line-height:1.8;
  }
  #car_buy-plan {
    padding-bottom: 60px;
  }
  #car_buy-plan .buy_car_list-plan {
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
  #car_buy-plan .buy_car_list-plan img {
    max-width: 340px;
    width: 100%;
  }
  .image_detail-plan.container {
    padding-left: 0;
    padding-right: 0;
  }
  .image_detail-plan .plan-list {
    grid-template-columns: 1fr;
  }
  .image_detail-plan .plan-list picture:last-child {
    grid-column: unset;
  }
  #kinto .small-img {
    width: 50%;
    margin: 15px auto;
  }
  #kinto .kinto_plan a {
        right: 15%;
        line-height: 0;
        padding: 6%;
        bottom: 6%;
        width: 60%;
  }
  #kinto .kinto_plan a span {
    font-size: 3vw;
    line-height: 1;
  }
  #kinto .kinto_plan a span:after {
    content: "→";
    position: absolute;
    width: 10%;
    height: 70%;
    transform: translate(0%, -50%);
    top: 50%;
  }
}

/* Useful Information */
.useful_info-page,
.useful_info-page #main_title {
  background-color: #fff4cf;
}
#how_to_buy {
  padding-bottom: 80px;
}
#how_to_buy p.des {
  font-size: 20px;
  margin-bottom: 30px;
}

#how_to_buy .how_to_buy-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
}
#how_to_buy .how_to_buy-list p {
  padding-left: 20px;
  padding-bottom: 20px;
  padding-top: 10px;
  color: #000;
}
@media screen and (max-width: 767px) {
  #how_to_buy {
    padding-bottom: 30px;
  }
  #how_to_buy p.des {
    font-size: 14px;
    text-align: center;
  }
  #how_to_buy .how_to_buy-list {
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
    font-size: 13px;
  }
  #how_to_buy .how_to_buy-list p {
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 0;
    font-weight: 600;
  }
}

/* TOP MESSAGE */
#pesident_message {
  position: relative;
  padding-bottom: 80px;
  overflow: hidden;
}
.pesident_message-content > picture img {
  max-width: 1500px;
  margin-left: auto;
  display: block;
}
.pesident_message-content .pesident_message-box {
  position: relative;
  /*background: linear-gradient(140deg, #f5bb00 10%, #f87200 100%);*/
  padding: 80px;
  border-radius: 30px 0 0 30px;
  color: #fff;
  z-index: 2;
}
.pesident_message-content .pesident_message-box:after {
  content: "";
  position: absolute;
  width: 130%;
  height: 100%;
  background: linear-gradient(140deg, #f5bb00 10%, #f87200 100%);
  border-radius: 30px 0 0 30px;
  z-index: 0;
  top: 0;
  left: 0;
}
.pesident_message-content .pesident_message-box h2,
.pesident_message-content .pesident_message-box p {
  position: relative;
  z-index: 2;
}
.pesident_message-content .pesident_message-box h2 {
  font-size: 28px;
  margin-bottom: 20px;
}
.pesident_message-content .pesident_message-box p {
  font-size: 22px;
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .pesident_message-content .pesident_message-box p {
    font-size: 2.05vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
}
@media (max-width: 767px) {
  #pesident_message {
    padding-bottom: 30px;
  }
  .pesident_message-content {
    margin-left: 10%;
  }
  .pesident_message-content > .container {
    padding-left: 0;
    padding-right: 0;
  }
  .pesident_message-content .pesident_message-box {
    border-radius: 10px 0 0 10px;
    padding: 20px;
  }
  .pesident_message-content .pesident_message-box h2 {
    font-size: 20px;
  }
  .pesident_message-content .pesident_message-box p {
        font-size: 14px;
        line-height: 1.8;
  }
}

/* Company Information */
.company_information-page,
.company_information-page #main_title {
  background-color: #fff4cf;
}
#company_information_sec {
  padding-bottom: 80px;
}
.company_information_list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
}
.company_information_list a {
  position: relative;
  overflow: hidden;
}
.company_information_list a img {
  border-radius: 20px;
}
.company_information_list a h2 {
  position: absolute;
font-size: 24px;
    bottom: 10px;
  color: #fff;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .company_information_list a h2 {
    font-size: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .company_information_list {
    grid-template-columns: 1fr 1fr;
  }
  .company_information_list a h2 {
    font-size: 20px;
    bottom: 30px;
  }
}
@media (max-width: 767px) {
  #company_information_sec ,section#company_information_sec_csr,section#company_information_sec_etc{
    padding: 5%;
  }
  .company_information_list {
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
  }
  .company_information_list a h2 {
    font-size: 4vw;
    bottom: 4vw;
  }
}

/* BASE INSPECTION PAGE */
.inspector-page {
  background-color: #fff4cf;
}
#inspector-description {
  position: relative;
  padding-bottom: 80px;
}
#inspector-description p {
  font-size: 23px;
}
.topic_inspection h2,
.topic_inspection p,
.topic_inspection ul {
  font-weight: 600;
  text-align: center;
}
.topic_inspection a.main_btn {
  margin-bottom: 40px;
}
.topic_inspection h2 {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 20px;
}
.topic_inspection p,
.topic_inspection ul {
  font-size: 20px;
  margin-bottom: 40px;
}
.topic_inspection .note {
  font-size: 15px;
}
.topic_inspection .topic_inspection-grid {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 60px;
  margin-bottom: 80px;
}
.topic_inspection .topic_inspection-grid a {
  font-size: 20px;
  padding: 30px 35px;
  max-width: 100%;
}
.topic_inspection .topic_inspection-grid a:after {
  content: "→";
  height: 20px;
  right: 10px;
}
.list_inspection h3 {
  position: relative;
  padding-left: 45px;
  font-size: 34px;
  margin-bottom: 20px;
}
.list_inspection a + h3 {
  margin-top: 60px;
}
.list_inspection h3:before {
  content: "";
  position: absolute;
  width: 34px;
  height: 34px;
  background-color: #000;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: 50%;
}
.list_inspection h4 {
  font-size: 26px;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 15px;
  padding: 10px 20px;
}
.list_inspection h3 + p {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 40px;
}
.list_inspection .grid_inspection {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 40px;
  margin-bottom: 60px;
}
.list_inspection .grid_inspection.last_list {
  margin-bottom: 0;
}
.list_inspection .grid_inspection + h3 {
  margin-top: 80px;
}
.list_inspection .grid_inspection .grid_inspection-item.inspect-last_item {
  grid-column: 1 / 5;
}
.list_inspection .grid_inspection .grid_inspection-item p {
  position: relative;
  font-size: 16px;
  padding-left: 35px;
  margin-top: 5px;
  margin-bottom: 0;
}
.list_inspection .grid_inspection .grid_inspection-item p:before {
  content: "●";
  position: absolute;
  left: 0;
  font-size: 26px;
  line-height: 0.9;
}
.list_inspection > picture {
  display: block;
  margin-top: 80px;
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .topic_inspection p,
  .topic_inspection ul {
    margin-bottom: 30px !important;
  }
  .topic_inspection .topic_inspection-grid a {
    font-size: 1.6vw;
    padding: 30px 30px;
  }
  .list_inspection .grid_inspection .grid_inspection-item p {
    font-size: 1.4vw;
  }
  .list_inspection h4 {
    font-size: 2.2vw;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  #inspector-description p {
    font-size: 2.6vw;
  }
  #vehicle_inspection .topic_inspection p,
  #vehicle_inspection .topic_inspection ul,
  #month_regular .topic_inspection p,
  #pro_care .topic_inspection p,
  #free_month_regular p + p,
  #new_car_free_6month p + p {
    font-size: 18px;
  }
  #vehicle_inspection .topic_inspection p.note {
    font-size: 15px;
  }
  .list_inspection h4 {
    font-size: 3vw;
  }
  .list_inspection .grid_inspection {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .topic_inspection .topic_inspection-grid {
    grid-template-columns: 1fr 1fr;
  }
  #vehicle_inspection .topic_inspection .topic_inspection-grid {
    grid-template-columns: 1fr;
  }
  #vehicle_inspection .topic_inspection a.main_btn {
    margin-bottom: 0;
  }
  .list_inspection .grid_inspection .grid_inspection-item.inspect-last_item {
    grid-column: 1 / 3;
  }
  .list_inspection .grid_inspection .grid_inspection-item p {
    font-size: 12px;
  }
  .list_inspection .grid_inspection .grid_inspection-item p {
    padding-left: 20px;
  }
  .list_inspection .grid_inspection .grid_inspection-item p:before {
    line-height: 0.7;
  }
  .topic_inspection .topic_inspection-grid a {
    max-width: 500px;
  }
}
@media (max-width: 767px) {
  #regular_inspector-description {
    padding-bottom: 60px;
  }
  #regular_inspector-description p {
    font-size: 3.5vw;
  }
  .topic_inspection h2 {
    font-size: 6.5vw;
  }
  .topic_inspection h2 + p {
    margin-bottom: 4vw;
  }
  .topic_inspection p {
    font-size: 3.5vw;
    font-weight: 600;
    margin-bottom: 15px;
  }
  .topic_inspection .topic_sub-title {
    display: inline-block;
    width: 32vw;
  }
  .topic_inspection .topic_sub-title span {
    float: right;
  }
  .topic_inspection p,
  .topic_inspection ul {
    text-align: left;
  }
  .topic_inspection a.main_btn {
    margin-bottom: 10vw;
  }
  .topic_inspection ul li {
    text-align: left;
    font-size: 3vw;
  }
  .topic_inspection p + p {
    font-size: 4vw;
    margin-bottom: 30px;
  }
  .topic_inspection .note {
    font-size: 2.35vw;
  }
  .topic_inspection a {
    font-size: 5vw;
    padding: 4vw 10vw;
    margin: 0 auto 40px;
  }
  .topic_inspection .topic_inspection-grid {
    grid-template-columns: 1fr;
    grid-gap: 15px;
    margin-top: 40px;
    margin-bottom: 5vw;
  }
  .topic_inspection .topic_inspection-grid a {
    max-width: 300px;
    font-size: 4vw;
    padding: 25px 30px 25px 30px;
    margin-bottom: 2vw;
  }
  .list_inspection h3 {
    font-size: 6.5vw;
    padding-left: 35px;
    margin-bottom: 4vw;
  }
  .list_inspection h3:before {
    width: 28px;
    height: 28px;
  }
  .list_inspection h3 + p {
    font-size: 4vw;
  }
  .list_inspection h4 {
    font-size: 5vw;
    padding: 1vw 3vw;
  }
  .list_inspection > picture {
    margin-top: 5vw;
  }
  .list_inspection .grid_inspection {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 2vw;
    grid-row-gap: 4vw;
    margin-bottom: 8vw;
  }
  .list_inspection .grid_inspection + h3 {
    margin-top: 5vw;
  }
  .list_inspection .grid_inspection .grid_inspection-item.inspect-last_item {
    grid-column: 1 / 3;
  }
  .list_inspection .grid_inspection .grid_inspection-item p {
    font-size: 2.6vw;
    padding-left: 4vw;
  }
  .list_inspection .grid_inspection .grid_inspection-item p:before {
        font-size: 14px;
        top: 0px;
  }
	
.popular_car_ranking-model .ranking_item img.ranking_logo {
    height: 10px;
    width: auto;
    margin: 9px auto 5%;
}	
	
	
}

/* SEARCH NEW CAR LAYOUT */
.search_for_used_cars {
  margin-top: 40px;
}
.search_for_used_cars + .container_btn {
  margin-top: 80px;
}
.search_for_used_cars h3 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 30px;
}
.search_for_used_cars .search-price_budget {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 25px;
  margin-bottom: 80px;
}
.search_for_used_cars .search_by-new_car_category {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 25px;
}
.search_for_used_cars .search_by-new_car_category .search_by-new_car_category-item {
  position: relative;
  margin-top: 12%;
}
.search_for_used_cars .search_by-new_car_category .search_by-new_car_category-item:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  transform: translate(0, -20%);
}
.search_for_used_cars .search_by-new_car_category .search_by-new_car_category-item.green_circle:before {
  background-image: url(../images/circle_green.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.search_for_used_cars .search_by-new_car_category .search_by-new_car_category-item.orange_circle:before {
  background-image: url(../images/circle_orange.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.search_for_used_cars .search_by-new_car_category .search_by-new_car_category-item.pink_circle:before {
  background-image: url(../images/circle_pink.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.search_for_used_cars .search_by-new_car_category .search_by-new_car_category-item h4 {
  position: relative;
  z-index: 2;
  font-size: 30px;
  line-height: 1;
  top: 3%;
  height: 30px;
}
.search_for_used_cars .search_by-new_car_category .search_by-new_car_category-item h4.spcial_txt {
  font-size: 20px;
  line-height: 1.2;
}
.search_for_used_cars .search_by-new_car_category .search_by-new_car_category-item picture {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .search_for_used_cars .search-price_budget {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .search_for_used_cars .search_by-new_car_category {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .main_btn.orange_gradient,
  .main_btn.green_gradient {
    padding: 25px 40px;
  }
  .search_for_used_cars + .container_btn {
    margin-top: 10vw;
  }
  .search_for_used_cars h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .search_for_used_cars .search-price_budget,
  .search_for_used_cars .search_by-new_car_category {
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
  }
  .search_for_used_cars .search-price_budget .main_btn {
    border-radius: 10px;
    padding: 15px 25px;
  }
  .search_for_used_cars .search-price_budget .main_btn.orange_gradient:after, 
  .search_for_used_cars .search-price_budget .main_btn.green_gradient:after {
    right: 3px;
  }
  .search_for_used_cars .search_by-new_car_category .search_by-new_car_category-item h4 {
    font-size: 4vw;
    top: 10%;
  }
  .search_for_used_cars .search_by-new_car_category .search_by-new_car_category-item h4.spcial_txt {
    font-size: 3vw;
    top: 6%;
  }
}

/* SLIDE SPECIAL FEATURE AND COLUMNS */
.article_list {
}
.article_box {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 30px;
}
.article_box > picture img {
  display: block;
}
.article_box .article_box-detail {
  background-color: #ffb100;
  padding: 20px 30px;
}
.article_box .article_box-detail .article_box-meta {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.article_box .article_box-detail .article_box-meta .article_box-meta_cat {
  color: #ffb100;
  background-color: #fff;
  padding: 2px 20px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}
.article_box .article_box-detail .article_box-meta .article_box-meta_date {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.article_box .article_box-detail h3 {
  position: relative;
  font-size: 16px;
  text-align: left;
  color: #fff;
  padding-right: 50px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
	height:75px;
}
.article_box .article_box-detail h3:after {
  content: "→";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 0;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  height: 25px;
}
.carousel-cell .article_box .article_box-detail {
  padding: 20px 40px;
}
.carousel-cell .article_box .article_box-detail .article_box-meta .article_box-meta_date {
  font-size: 14px;
}
.carousel-cell .article_box .article_box-detail h3 {
  font-size: 16px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .article_box .article_box-detail,
  .carousel-cell .article_box .article_box-detail {
    padding: 15px 20px;
  }
  .article_box .article_box-detail h3,
  .carousel-cell .article_box .article_box-detail h3 {
    font-size: 14px;
  }
	
  .carousel-cell .article_box .article_box-detail .article_box-meta .article_box-meta_date{
    font-size: 12px;
  }	
	
	
	
	
  .article_box .article_box-detail h3 {
    padding-right: 35px;
  }
}
@media (max-width: 767px) {
  .article_box {
    border-radius: 10px;
  }

  .article_box .article_box-detail {
    padding: 15px 15px 20px;
  }
 .carousel-cell .article_box .article_box-detail {
    padding: 15px 20px;
  }
  .article_box .article_box-detail .article_box-meta {
    align-items: center;
  }
  .article_box .article_box-detail h3,
  .carousel-cell .article_box .article_box-detail .article_box-meta .article_box-meta_date,
  .carousel-cell .article_box .article_box-detail h3 {
    font-size: 3.3vw;
  }
  .article_box .article_box-detail .article_box-meta .article_box-meta_cat,
  .article_box .article_box-detail .article_box-meta .article_box-meta_date {
    font-size: 3.3vw;
  }
  .article_box .article_box-detail h3 {
    padding-right: 0;
  }
  .article_box .article_box-detail h3:after {
    line-height: 0.5;
    height: 12px;
    bottom: -12px;
    top: unset;
    transform: none;
  }
  .carousel-cell .article_box .article_box-detail h3 {
    padding-right: 35px;
  }
  .carousel-cell .article_box .article_box-detail h3:after {
    top: 50%;
    transform: translate(0, -50%);
  }
}

/* EVENT AND CAMPAIGNS */
.events_campaigns + .events_campaigns {
  margin-top: 50px;
}
.events_campaigns h3 {
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 24px;
  text-align: left;
  position: relative;
  padding-left: 30px;
}
.events_campaigns h3:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url(../images/Title-dot.png);
  background-size: 20px;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  background-repeat: no-repeat;
}
.events_campaigns .events_campaigns-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 25px;
  margin-bottom: 40px;
  align-items: center;
}
.events_campaigns .events_campaigns-list .events_campaigns-item {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  grid-gap: 20px;
  align-items: center;
  border-radius: 10px;
  background-color: rgb(63, 198, 198);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.events_campaigns .events_campaigns-list.events_campaigns-events_section .events_campaigns-item {
  background-color: #6ece10;
}
.events_campaigns .events_campaigns-list.events_campaigns-campaign_section .events_campaigns-item {
  background-color: #1192ab;
}
.events_campaigns .events_campaigns-list .events_campaigns-item:after {
  content: "→";
  position: absolute;
  width: 25px;
  height: 25px;
  bottom: 0;
  right: 0;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  font-size: 24px;
}
.events_campaigns .events_campaigns-list .events_campaigns-item .events_campaigns-img {
  position: relative;
  overflow: hidden;
}
.events_campaigns .events_campaigns-list .events_campaigns-item .events_campaigns-img img {
  display: block;

  transition: 0.3s;
}
.events_campaigns .events_campaigns-list .events_campaigns-item:hover .events_campaigns-img img {
  transform: scale(1.1);
}
.events_campaigns .events_campaigns-list .events_campaigns-item .events_campaigns-detail {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  align-content: center;
}
.events_campaigns .events_campaigns-list .events_campaigns-item .events_campaigns-detail .events_campaigns-date{
	font-size: 14px;
    margin: 3% 0 0;
}
.events_campaigns .events_campaigns-list .events_campaigns-item .events_campaigns-detail .events_campaigns-title {
  font-size: 18px;
  font-weight: 600;
}
.events_campaigns .events_campaigns-list .events_campaigns-item .events_campaigns-detail .events_campaigns-date {
  text-align: left;
}
.events_campaigns .events_campaigns-list .events_campaigns-item .events_campaigns-detail .events_campaigns-title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
}

.pickup_open {
    align-items: center;
    justify-content: center;
    width: 75px;
    background-color: #F44336;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    top: 10px;
    padding: 1%;
    height: 27px;
    margin: 0 0 3%;
}

.pickup_end {
    align-items: center;
    justify-content: center;
    width: 75px;
    background-color: #333;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    top: 10px;
    padding: 1%;
    height: 27px;
    margin: 0 0 3%;
}
.section-default .pickup_end p,
.section-default .pickup_open p{
margin-bottom: 0;
}





@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .events_campaigns .events_campaigns-list .events_campaigns-item .events_campaigns-detail {
    padding: 2vw;
  }
  .events_campaigns .events_campaigns-list .events_campaigns-item .events_campaigns-detail .events_campaigns-date {
    margin-bottom: 1.5vw;
  }
  .events_campaigns .events_campaigns-list .events_campaigns-item .events_campaigns-detail .events_campaigns-date{
  font-size: 12px;
}
  .events_campaigns .events_campaigns-list .events_campaigns-item .events_campaigns-detail .events_campaigns-title {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .events_campaigns .events_campaigns-list .events_campaigns-item {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
  .events_campaigns .events_campaigns-list .events_campaigns-item .events_campaigns-detail {
    padding: 2vw;
  }
  .events_campaigns .events_campaigns-list .events_campaigns-item .events_campaigns-detail .events_campaigns-date {
    margin-bottom: 1.5vw;
  }
  .events_campaigns .events_campaigns-list .events_campaigns-item .events_campaigns-detail .events_campaigns-date,
  .events_campaigns .events_campaigns-list .events_campaigns-item .events_campaigns-detail .events_campaigns-title {
    font-size: 2.2vw;
  }
}
@media screen and (max-width: 767px) {
  .events_campaigns h3 {
    font-size: 5vw;
    margin-bottom: 2vw;
  }
  .events_campaigns .events_campaigns-list {
    margin-bottom: 5vw;
    grid-gap: 10px;
	 display: block;
  }
  .events_campaigns .events_campaigns-list .events_campaigns-item {
    grid-template-columns: 1fr;
    grid-gap: 0;
	        display: block;
	          margin: 0 0 3%;
  }
  .events_campaigns .events_campaigns-list .events_campaigns-item:after {
    width: 15px;
    height: 20px;
    bottom: -5px;
    font-size: 15px;
  }
  .events_campaigns .events_campaigns-list .events_campaigns-item .events_campaigns-detail {
    padding: 2vw 2vw 25px 2vw;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    height: 24vw;
  }
  .events_campaigns .events_campaigns-list .events_campaigns-item .events_campaigns-detail .events_campaigns-date {
    font-size: 10px;
    margin-bottom: 0;
  }
  .events_campaigns .events_campaigns-list .events_campaigns-item .events_campaigns-detail .events_campaigns-title {
    font-size: 12px;
    margin-bottom: 0;
  }
  .events_campaigns + .events_campaigns {
    margin-top: 10vw;
  }
	.section-default .pickup_end p, .section-default .pickup_open p {
    font-size: 10px;
}	
	.pickup_open,.pickup_end{
width: 50px;
        height: 20px;
        position: absolute;
        left: 0;
        top: 0;
	}
	
.events_campaigns .events_campaigns-list .events_campaigns-item .events_campaigns-img {
    width: 35%;	
	float: left;
	}
	.events_campaigns .events_campaigns-list .events_campaigns-item .events_campaigns-img img {
    height: 100px;
    object-fit: cover;
}
	
.news-page	.events_campaigns .events_campaigns-list .events_campaigns-item .events_campaigns-detail {
        width: 58%;
        float: left;
    }
	
	
	
}

/* U-CAR */
.car_precautions_detail {
  background-color: #fefeda;
  padding: 40px 20px;
}
.u_car-page {
  background-color: antiquewhite;
}
.u_car-section h2 {
  text-align: center;
}
.car_recomend .icon_main_title {
  display: block;
  margin: 0 auto;
}
.car_recomend h2 + p {
  text-align: center;
}
.car_recomend .car_recomend-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 25px;
  margin-bottom: 80px;
}
.search-for-car {
  background-color: #fff;
  text-align: center;
}
.check-info {
  background: linear-gradient(118deg, #408c1f 0%, #cef458 100%);
  text-align: center;
}
.check-info p {
  font-weight: 500;
}
.toyota-detail .group {
  grid-gap: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}
.toyota-detail .group img {
  width: 12%;
  height: auto;
}
.toyota-detail .group span {
  color: #c60e0e;
  font-size: 28px;
  font-weight: 600;
}
.toyota-detail .group h2 {
  color: #c60e0e;
  font-size: 46px;
  font-weight: 700;
}
.sell-back {
  background-color: #fff;
  text-align: center;
}
.sell-back p {
  font-weight: 500;
}
.sell-back img {
  margin-bottom: 50px;
}
.find-showroom {
  text-align: center;
}
.find-showroom p {
  font-weight: 500;
}
.find-showroom img {
  margin-bottom: 60px;
}
.main_btn.calendar_icon:before {
  content: "";
  position: absolute;
  width: 80px;
  height: 80px;
  background-image: url(common/images/u-car/p-9.png);
  background-size: 80px;
  left: 0;
  top: 58%;
  transform: translate(0, -50%);
  background-repeat: no-repeat;
  left: 25px;
}
.main_btn.store_icon:before {
  content: "";
  position: absolute;
  width: 80px;
  height: 80px;
  background-image: url(common/images/u-car/p-10.png);
  background-size: 80px;
  left: 0;
  top: 58%;
  transform: translate(0, -50%);
  background-repeat: no-repeat;
  left: 25px;
}
.relate-info {
  text-align: center;
  background-color: #fff;
}
.relate-info .group {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 25px;
}
.relate-info .group p {
  padding: 10px 20px 0 20px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .car_precautions_detail {
    padding: 20px 15px;
  }
  .car_recomend h2 + p,
  .check-info h2 + p .sell-back h2 + p {
    font-size: 15px;
    margin-bottom: 6vw;
    text-align: center;
  }
  .car_recomend .car_recomend-list {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    margin-bottom: 10vw;
  }
  .car_recomend .search {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 25px;
    margin-top: 50px;
  }
  .check-info p {
    font-size: 14px;
  }
  .check-info .search {
    grid-template-columns: 1fr;
  }
  .toyota-detail .group {
    grid-gap: 50px;
    display: block;
    justify-content: center;
    text-align: center;
    margin-bottom: 30px;
  }
  .toyota-detail .group img {
    width: 40%;
    height: auto;
    margin-bottom: 30px;
  }
  .toyota-detail .group span {
    font-size: 20px;
  }
  .toyota-detail .group h2 {
    font-size: 30px;
  }
  .sell-back p {
    font-size: 13.5px;
  }
  .sell-back img {
    margin-bottom: 30px;
  }
  .find-showroom img {
    margin-bottom: 10vw;
  }
  .relate-info img {
    margin-bottom: 10px;
  }
  .relate-info .group {
    grid-template-columns: 1fr;
  }
  .relate-info .group p {
    font-size: 15px;
    padding: 10px 15px 0 15px;
  }
}
/* SHOW ROOM */
.show-room-page {
  background-color: antiquewhite;
}
.show-room-page .main_show-room .banner_bg {
  position: relative;
  background-image: url(common/images/show-room/p-1.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 600px;
  width: 100%;
  z-index: 1;
  background-color: antiquewhite;
}
.show-room-page .main_show-room .banner_bg .txt {
  position: absolute;
  top: 25%;
  left: 10%;
  transform: translate(-15%, -50%);
  z-index: 5;
}
.show-room-page .main_show-room .banner_bg .txt .t1 img {
  width: 50%;
}
.show-room-page .main_show-room .banner_bg .txt .t1 h1 {
  font-size: 80px;
  font-weight: 700;
  margin: 0;
  color: #ff9301;
}
.show-room-page .main_show-room .banner_bg .txt .t1 p {
  font-weight: 700;
  font-size: 30px;
}
.bus-calendar {
  text-align: center;
  background-color: antiquewhite;
}
.search-use-car {
  background-color: #fff;
  text-align: center;
}
.search-use-car h3 {
  font-size: 20px;
}
.search-use-car .search-car-list {
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 25px;
}
.search-use-car .search-car-list .list-box {
  display: grid;
  align-items: center;
  grid-gap: 25px;
  grid-template-columns: 1.5fr 2fr;
}
.search-use-car .search-car-list .list-box img {
  border-radius: 10px;
}
.search-use-car .search-car-list .list-box span {
  color: #ff3911;
  font-size: 24px;
  font-weight: 600;
}
.search-use-car .search-car-list .list-box table {
  margin-bottom: 10px;
}
.search-use-car .search-car-list .list-box table .cell_01 {
  padding-right: 10px;
}
.search-use-car .search-car-list .list-box a {
  transition: 0.2s all ease-in-out;
  position: relative;
  border-radius: 5px;
  color: #fff;
  background-color: #ff9a00;
  font-size: 16px;
  min-width: 150px;
  padding: 5px 10px;
  width: 0;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.staff-blog {
  background-color: #fff;
  text-align: center;
}
.staff-blog .img-responsive {
  max-width: 500px;
  margin: 0 auto;
  align-items: center;
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .search-use-car .search-car-list,
  .search-use-car .search-car-list .list-box {
    grid-gap: 15px;
  }
  .search-use-car .search-car-list .list-box table tr td {
    font-size: 1.25vw;
  }
  .search-use-car .search-car-list .list-box table .cell_01 {
    width: 4vw;
  }
  .search-use-car h3 {
    font-size: 2vw;
  }
  .search-use-car .search-car-list .list-box span {
    font-size: 2vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .search-use-car .search-car-list {
    grid-template-columns: 1fr;
  }
  .search-use-car .search-car-list .list-box table tr td {
    font-size: 2.5vw;
  }
  .search-use-car h3 {
    font-size: 3.4vw;
  }
  .search-use-car .search-car-list .list-box span {
    font-size: 3vw;
  }
}
@media screen and (max-width: 767px) {
  .search-use-car h2 {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .search-use-car .img-responsive {
    width: 100%;
  }
  .search-use-car h3 {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .search-use-car p {
    font-size: 14px;
  }
  .search-use-car .search-car-list {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
  .search-use-car .search-car-list .list-box {
    display: grid;
    align-items: center;
    grid-gap: 7px;
    grid-template-columns: 0.73fr 1fr;
    font-size: 13px;
    margin-bottom: 10px;
  }
  .search-use-car .search-car-list .list-box table {
    font-size: 10px;
    margin-bottom: 5px;
  }
  .search-use-car .search-car-list .list-box table .cell_02 {
    width: 85%;
  }
  .search-use-car .search-car-list .list-box table .cell_01 {
    padding-right: unset;
    width: 15%;
  }
  .search-use-car .search-car-list .list-box span {
    font-size: 16px;
  }
  .search-use-car .search-car-list .list-box a {
    font-size: 11px;
    min-width: 120px;
    padding: 3px 10px;
  }
}

/* NEWS */
#latest_flyer {
  cursor: pointer;
}
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  /*padding-top: 100px;  Location of the box */
  left: 0;
  top: 0;
  align-content: center;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: max-content;
  max-width: 90%;
}
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.news-page {
  background-color: antiquewhite;
}
.latest-blog {
  background-color: #fff;
  text-align: center;
}
.latest-blog h2 {
  font-size: 34px;
  margin-bottom: 30px;
}
#latest_flyer img {
  max-width: 500px;
  margin: 0 auto;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .latest-blog h2 {
    font-size: 24px;
  }
  .latest-blog .img-responsive {
    margin-bottom: unset;
  }
}

/* MANAGEMENT PHILOSOPHY */
#philosophy {
  padding-bottom: 80px;
}
#philosophy .philosophy-container {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
#philosophy .philosophy-container ul {
  padding-left: 20px;
}
#philosophy .philosophy-container ul li {
  position: relative;
  list-style-type: "・";
  margin-bottom: 30px;
  padding-bottom: 15px;
  font-size: 20px;
}
#philosophy .philosophy-container ul li:after {
  content: "";
  position: absolute;
  background-image: linear-gradient(to right, #ffb100 0%, #ff8900 50%);
  height: 5px;
  width: calc(100% + 20px);
  display: block;
  bottom: 0;
  left: -20px;
}
@media (max-width: 767px) {
  #philosophy {
    padding-bottom: 30px;
  }
  #philosophy .philosophy-container ul li {
    font-size: 14px;
  }
  #philosophy .philosophy-container ul li:after {
        width: 100%;
        left: -10px;
  }
}

/* CONTACT US */
.inquiries_contact_point {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 25px;
  max-width: 950px;
  margin: 0 auto;
}
.inquiries_contact_point .inquiries_contact_point-item {
  display: block;
  position: relative;
  background: #fff;
  color: #000;
  border: 2px solid #ff8900;
  border-radius: 15px;
  padding: 20px 30px;
  font-size: 16px;
  text-decoration: none;
  font-weight: 700;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 -4px 5px -2px #b4b4b4 inset;
  transition: 0.3s;
}
.inquiries_contact_point .inquiries_contact_point-item:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.inquiries_contact_point .inquiries_contact_point-item:after {
  content: "→";
  position: absolute;
  width: 25px;
  height: 35px;
  top: 50%;
  right: 7px;
  font-size: 20px;
  transform: translate(0, -50%);
  background-repeat: no-repeat;
  color: #ff8900;
}
.inquiries_contact_point .inquiries_contact_point-item:first-child {
  grid-column: 1 / span 4;
  max-width: 600px;
  display: grid;
  grid-template-columns: 0.5fr 2fr;
  text-align: left;
  align-items: center;
}
.inquiries_contact_point .inquiries_contact_point-item img {
  max-width: 150px;
}
.go-to-store {
  text-align: center;
  background-color: #fff;
}
.go-to-store h2 {
  font-size: 18px;
  font-weight: 500;
}
.inquiries {
  background-color: antiquewhite;
  text-align: center;
}
.inquiries h3 {
  font-size: 20px;
  margin-bottom: 10px;
}
.inquiries p {
  font-size: 14px;
  font-weight: 500;
}
.contact-phone {
  background-color: #fff;
  text-align: center;
}
.contact-phone h2 {
  font-size: 34px;
  margin-bottom: 30px;
}
.contact-phone h3 {
  font-weight: 600;
  margin-bottom: 20px;
}
.contact-phone p {
  font-weight: 700;
  font-size: 40px;
  color: #ffb100;
  font-family: "jp-font";
  margin-bottom: 0;
}
.contact-phone span {
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  padding-left: 30px;
}
.contact-phone .box h2 .big {
  font-size: 28px;
  font-weight: 600;
}
.contact-phone .tel-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 25px;
  margin: 0 auto;
  align-items: center;
}
.contact-phone .tel-group .tel-1 .flex {
  display: grid;
  grid-template-columns: 60px 1fr;
  align-items: center;
  margin-bottom: 20px;
}
.contact-phone .tel-group .tel-2 h3 {
  font-size: 20px;
  margin-bottom: 0;
}
.contact-phone .tel-group .tel-2 h3 + span {
  padding-left: 0;
}
.contact-phone .tel-group .tel-2 p {
  margin-bottom: 0;
}
.contact-phone .tel-group .tel-1,
.contact-phone .tel-group .tel-2 {
  display: inline-grid;
  align-items: center;
  position: relative;
  background: #fff;
  color: #000;
  border: 2px solid #000;
  border-radius: 10px;
  padding: 30px;
  font-size: 16px;
  text-decoration: none;
  font-weight: 700;
  max-width: 425px;
  width: 100%;
  height: 100%;
}
.contact-phone .tel-group .tel-1 {
  border-radius: 15px;
  margin-left: auto;
}
.contact-phone .tel-group .tel-2 {
  border-radius: 20px;
}
.contact-phone .tel-group .tel-2 .under {
  text-align: center;
  font-size: 14px;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .inquiries .img-responsive {
    max-width: 130px;
    width: 100%;
  }
  .inquiries .new-car-list .btn {
    padding: 30px;
  }

  .contact-phone .tel-group .tel-1 .flex {
    grid-template-columns: 75px 1fr;
  }
  .contact-phone p {
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .inquiries .img-responsive {
    max-width: 120px;
    width: 100%;
  }
  .inquiries .new-car-list .btn {
    padding: 12px;
  }
  .inquiries h3 {
    font-size: 2.1vw;
  }
  .inquiries p {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .inquiries_contact_point {
    grid-gap: 20px;
  }
  .inquiries_contact_point .inquiries_contact_point-item {
    padding: 20px 25px;
  }
  .contact-phone .tel-group .tel-1 .flex {
    grid-template-columns: 50px 180px;
    justify-content: center;
  }
  .contact-phone p {
    font-size: 25px;
    margin-bottom: 0;
  }
  .contact-phone span {
    padding-left: 5px;
  }
  .contact-phone .tel-group .tel-2 .under {
    margin-bottom: 0;
  }
  .contact-phone .tel-group .tel-1,
  .contact-phone .tel-group .tel-2 {
    padding: 20px 15px;
  }
}
@media (max-width: 767px) {
  .inquiries h2 {
    font-size: 20px;
  }
  .inquiries_contact_point {
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
  }
  .inquiries_contact_point .inquiries_contact_point-item {
    padding: 20px 10px;
  }
  .inquiries_contact_point .inquiries_contact_point-item:first-child {
    grid-column: 1 / span 2;
    max-width: 100%;
    grid-template-columns: 0.5fr 1fr;
    grid-gap: 15px;
    padding: 25px 10px;
  }
  .inquiries_contact_point .inquiries_contact_point-item img {
    max-width: 100px;
  }
  .go-to-store h2 {
    font-size: 16px;
  }
  .inquiries h3 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .inquiries p {
    font-size: 11px;
  }
  .contact-phone h2 {
    font-size: 20px;
  }
  .contact-phone h3 {
    font-size: 20px;
  }
  .contact-phone p {
    font-size: 30px;
  }
  .contact-phone span {
    font-size: 10px;
    text-align: left;
    padding-left: 20px;
  }
  .contact-phone .tel-group {
    grid-template-columns: 1fr;
  }
  .contact-phone .tel-group .tel-1 .flex {
    display: inline-grid;
    grid-template-columns: 15% 85%;
    align-items: center;
    margin-bottom: 20px;
  }
  .contact-phone .tel-group .tel-1,
  .contact-phone .tel-group .tel-2 {
    padding: 30px 25px;
  }
  .contact-phone .tel-group .tel-2 p {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .contact-phone .tel-group .tel-2 .under {
    text-align: center;
    font-size: 12px;
    margin-bottom: 10px;
  }
}

/* COLUMN */
.column-page {
  background-color: antiquewhite;
}
.events {
  text-align: center;
}
.events .special-column {
  margin-bottom: 80px;
}
.events .events-group {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 25px;
  margin-bottom: 80px;
  align-items: center;
}
.pagination a {
  color: #fff;
  opacity: 0.5;
  background-color: #ff9301;
  margin-right: 10px;
  font-weight: 600;
}
.pagination a:hover {
  background-color: #474747;
  opacity: 1;
}
.pagination a.active {
  background-color: #474747;
  opacity: 1;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .events .events-group {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .events {
    padding-top: 50px;
    padding-bottom: 80px;
  }
  .events .events-group {
    grid-template-columns: 1fr 1fr;
    margin-bottom: 40px;
    grid-gap: 10px;
  }
  .events .special-column {
    margin-bottom: 50px;
  }
}

/* CARLINE UP */
#test_drive-car_search .test_drive-car_search-content {
  display: grid;
  grid-template-columns: 0.4fr 1fr;
  grid-column-gap: 40px;
  position: relative;
  background: linear-gradient(118deg, #ffb100 0%, #ff8900 100%);
  border-radius: 15px;
  padding: 20px;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
#test_drive-car_search .test_drive-car_search-content .test_drive-car_search-img {
  border-radius: 15px;
  overflow: hidden;
}
#test_drive-car_search .test_drive-car_search-content .test_drive-car_search-img img {
  transition: 0.4s;
}
#test_drive-car_search .test_drive-car_search-content:hover .test_drive-car_search-img img {
  transform: scale(1.1);
}
#test_drive-car_search .test_drive-car_search-content .test_drive-car_search-txt {
  position: relative;
  align-self: center;
  font-size: 34px;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  padding-right: 50px;
}
#test_drive-car_search .test_drive-car_search-content .test_drive-car_search-txt:after {
  content: "→";
  position: absolute;
  width: 35px;
  height: 50px;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  background-repeat: no-repeat;
}
.sidebar-fixed {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  z-index: 100;
}
.sidebar-fixed a {
  text-align: center;
  align-items: center;
  display: block;
  position: relative;
  background: linear-gradient(118deg, #ffb100 0%, #ff8900 100%);
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  padding: 10px;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  font-weight: 700;
  max-width: 120px;
  width: 100%;
  margin-bottom: 5px;
}
.car-lineup-page {
  background-color: antiquewhite;
}
#car_lineup,
.special-feature {
  text-align: center;
  background-color: #fff;
}
.main_btn.web_catalog_icon:before,
.main_btn.vehicle_model_list:before {
  content: "";
  position: absolute;
  width: 65px;
  height: 50px;
  left: 20px;
  top: 50%;
  transform: translate(0, -50%);
  background-repeat: no-repeat;
}
.main_btn.web_catalog_icon:before {
  background-image: url(common/images/car-lineup/a-3.png);
  background-size: 65px;
}
.main_btn.vehicle_model_list:before {
  background-image: url(common/images/car-lineup/b-2.png);
  background-size: 65px;
  height: 55px;
}
.find-store {
  text-align: center;
}
@media (max-width: 767px) {
  #test_drive-car_search .test_drive-car_search-content {
    grid-template-columns: 0.5fr 1fr;
    grid-column-gap: 4vw;
  }
  #test_drive-car_search .test_drive-car_search-content .test_drive-car_search-txt {
    font-size: 6vw;
  }
  .sidebar-fixed {
    position: sticky;
    bottom: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    top: unset;
    right: unset;
    transform: translate(0, 0);
    padding: 0 10px;
  }
  .sidebar-fixed a {
    margin-bottom: 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 0;
  }
  .find-store .container_btn {
    grid-template-columns: 1fr 1fr;
  }
  .find-store .container_btn .main_btn {
    font-size: 3vw;
    padding: 15px 20px;
  }
  .find-store .container_btn .main_btn:after {
    width: 15px;
    height: 15px;
    right: 4px;
  }
}

/* ABOUT US */
.about-us {
  position: relative;
  text-align: left;
}
.about-us table {
  border-spacing: 0;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.about-us table th,
.about-us table td {
  border-bottom: 1px solid #000;
  padding: 30px 0;
}
.about-us table th {
  font-size: 23px;
  width: 150px;
  align-content: baseline;
}
.about-us table td {
  font-size: 20px;
}
.about-us table .last th,
.about-us table .last td {
  border-bottom: none;
}
.about-us table td ul {
  margin-left: 15px;
}
.about-us table td ul li {
  list-style: "◇";
  padding-left: 10px;
}
.about-us table tr.last td ul li {
  list-style: "";
}
.about-us table iframe {
  margin-top: 30px;
  width: 800px;
  height: 400px;
}
@media screen and (max-width: 767px) {
  .about-us table th {
    display: block;
    padding-top: 20px;
    width: 100%;
    border-bottom: none;
    padding-bottom: 0;
    font-size: 18px;
  }
  .about-us table td {
    padding: 5px 0 20px;
    display: block;
    width: 100%;
    font-size: 14px;
  }
  .about-us table iframe {
    margin-top: 30px;
    width: 100%;
    height: 400px;
  }
}

/* REGULAR INSPECTION */
.regular_inspector-page {
  background-color: #fff4cf;
}
#regular_inspector-description {
  position: relative;
  padding-bottom: 80px;
}
#regular_inspector-description p {
  font-size: 23px;
  margin: 0 0 3%;
}
#month_regular {
  background-color: #c9e4ff;
}
#pro_care {
  background-color: #e5fac8;
}
#month_regular .list_inspection h3:before {
  background-color: #45afff;
}
#pro_care .list_inspection h3:before {
  background-color: #46cc16;
}
#month_regular .list_inspection h4 {
  background-color: #45afff;
  color: #fff;
}
#pro_care .list_inspection h4 {
  background-color: #46cc16;
  color: #fff;
}

/* QUICK HEAD LIGHT COATING */
.quick_headlight-page {
  background-color: #fff4cf;
}
.quick_headlight-page #main_title .banner_main.single_grid {
  margin-bottom: 60px;
}
.quick_head-description p {
  margin-bottom: 180px;
}
.quick_head-description img.quick_head_img-main {
  position: absolute;
  max-width: 450px;
  top: -125px;
  right: 0;
  margin-right: 100px;
}
.quick_head-description .headlight_list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 30px;
}
.quick_head-description .headlight_list .headlight_item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background-color: #3caacb;
  padding: 20px;
  border-radius: 10px;
}
.quick_head-description .headlight_list .headlight_item,
.quick_head-description .headlight_list .headlight_item .headlight_detail {
  align-self: center;
}
.quick_head-description .headlight_list .headlight_item .headlight_detail {
  color: #fff;
  font-weight: 600;
  font-size: 17px;
}
#removes_dullness_headlight {
  background-color: #fff;
}
#removes_dullness_headlight .removes_dullness_headlight-container {
  max-width: 800px;
  margin: 0 auto;
}
#removes_dullness_headlight .removes_dullness_headlight-container h2 {
  font-size: 30px;
  color: #3caacb;
  text-align: center;
  margin-bottom: 30px;
}
#removes_dullness_headlight .removes_dullness_headlight-container p {
  margin-top: 20px;
  font-size: 19px;
  font-weight: 700;
}
#removes_dullness_headlight .removes_dullness_headlight-container .focus {
  color: #ff3911;
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .quick_head-description img.quick_head_img-main {
    top: -105px;
  }
  .quick_head-description .headlight_list .headlight_item {
    grid-template-columns: 1FR 1.5fr;
    padding: 10px;
  }
  .quick_head-description .headlight_list .headlight_item .headlight_detail {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .quick_head-description .headlight_list {
    grid-column-gap: 15px;
  }
  .quick_head-description img.quick_head_img-main {
    margin-right: 0;
    top: -80px;
    max-width: 45vw;
  }
  .quick_head-description .headlight_list .headlight_item {
    grid-template-columns: 1fr 1.8fr;
    padding: 15px;
    height: 100%;
    align-items: center;
  }
  .quick_head-description .headlight_list .headlight_item .headlight_detail {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .quick_head-description p {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .quick_head-description img.quick_head_img-main {
    position: unset;
    max-width: 100%;
    margin-right: 0;
  }
  .quick_head-description .headlight_list {
    grid-column-gap: 1vw;
    margin-top: 10px;
  }
  .quick_head-description .headlight_list .headlight_item {
    grid-template-columns: 1fr;
    padding: 3vw;
    height: 100%;
  }
  .quick_head-description .headlight_list .headlight_item .headlight_detail {
    font-size: 3vw;
    text-align: center;
  }
  #removes_dullness_headlight .removes_dullness_headlight-container h2 {
    font-size: 6.5vw;
  }
  #removes_dullness_headlight .removes_dullness_headlight-container p {
    margin-top: 10px;
    font-size: 4.05vw;
  }
}

/* QUICK EVAPOVATOR CLEANER */
.quick-evaporator-title {
  padding-bottom: 30px;
  position: relative;
}
.quick-evaporator-title p {
  font-size: 18px;
}
.quick-evaporator-title .single {
  font-weight: 700;
  font-size: 18px;
  margin-top: 30px;
}
.quick-evaporator-title .group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
.quick-evaporator {
  padding-top: 80px;
  padding-bottom: 30px;
  background-color: #fff;
  text-align: center;
}
.quick-evaporator h2 {
  font-size: 32px;
  font-weight: 700;
}
.quick-evaporator p {
  font-size: 32px;
  margin-bottom: 20px;
  font-weight: 700;
}
.quick-evaporator span {
  font-size: 12px;
  text-align: left;
  display: block;
  margin-bottom: 30px;
  padding-left: 100px;
}
.quick-evaporator img {
  margin-bottom: 30px;
}
.quick-evaporator h2 + picture > img,
.quick-evaporator h2 + picture + picture > img {
  padding: 0 150px;
}
.quick-evaporator .small-img {
  margin: unset;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .quick-evaporator h2 + picture > img,
  .quick-evaporator h2 + picture + picture > img {
    padding: 0 50px;
  }
  .quick-evaporator p {
    font-size: 27px;
  }
}

@media screen and (max-width: 767px) {
  .quick-evaporator-title {
    padding-bottom: 30px;
  }
  .quick-evaporator-title p {
    font-size: 15px;
  }
  .quick-evaporator-title .group {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px;
  }
  .quick-evaporator-title .single {
    font-weight: 600;
    font-size: 18px;
    margin-top: 20px;
  }
  .quick-evaporator {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
  }
  .quick-evaporator h2 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .quick-evaporator h3 {
    font-size: 16px;
  }
  .quick-evaporator p {
    font-size: 22px;
  }
  .quick-evaporator span {
    font-size: 14px;
    text-align: left;
    display: block;
    margin-bottom: 20px;
  }
  .quick-evaporator img {
    margin-top: 50px;
    margin-bottom: unset;
  }
  .quick-evaporator h2 + picture > img,
  .quick-evaporator h2 + picture + picture > img {
    padding: 0;
  }
  .quick-evaporator h2 + picture > img {
    margin-top: 0;
  }
  .quick-evaporator .top {
    margin-top: unset;
  }
  .quick-evaporator .bottom {
    margin-bottom: unset;
  }
}

/* OIL KEEP MEMBER */
.oil-keep-title {
  padding-bottom: 80px;
  position: relative;
}
.oil-keep-title p {
  font-size: 20px;
}
.oil-keep {
  padding: 80px 0;
  background-color: #fff;
  text-align: center;
}
.oil-keep h2 {
  margin-bottom: 30px;
  font-size: 34px;
}
.oil-keep p {
  font-size: 20px;
  margin-bottom: 80px;
}
.oil-keep span {
  position: relative;
  font-size: 24px;
  margin-bottom: 45px;
  text-align: left;
  display: block;
  padding-left: 100px;
}
.oil-keep span:before {
  content: "";
  position: absolute;
  width: 100px;
  height: 60px;
  background-image: url(../images/oil-keep/b-1.png);
  background-size: 100px;
  left: 0;
  transform: translate(0, -25%);
  background-repeat: no-repeat;
}
.oil-keep .triangle {
  display: none;
  font-size: 100px;
  margin-bottom: -30px;
  /* transform: rotate(45deg); */
  color: #df5252;
}
.oil-keep .red {
  margin-top: 50px;
  font-weight: 700;
  font-size: 36px;
  color: #df5252;
}
.oil-keep .oil-keep_table-img {
  padding: 0 120px;
}
.oil-keep .oil-keep_table-img > picture {
  position: relative;
}
.oil-keep .oil-keep_table-img > picture:after {
  position: absolute;
  content: "▾";
  width: 85px;
  height: 50px;
  font-size: 100px;
  line-height: 0.5;
  bottom: -50px;
  left: 50%;
  transform: translate(-50%, 0);
  color: #df5252;
}
.member-benefit {
  padding: 80px 0;
  background-color: antiquewhite;
  text-align: center;
}
.member-benefit h2 {
  margin-bottom: 30px;
  font-size: 34px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .oil-keep .oil-keep_table-img {
    padding: 0 20px;
  }
  .oil-keep .red {
    font-size: 31px;
  }
  .oil-keep p {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .oil-keep-page .main_oil-keep .banner_bg {
    position: relative;
    background-image: url(../images/oil-keep/mb/mv_bg_sp.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 150px;
    width: 100%;
    z-index: 1;
    background-color: antiquewhite;
  }
  .oil-keep-page .main_oil-keep .banner_bg .txt {
    position: absolute;
    left: 32%;
    top: 70%;
    transform: translate(-50%, -50%);
    z-index: 5;
  }
  .oil-keep-page .main_oil-keep .banner_bg .txt .t1 img {
    width: auto;
    height: 100px;
  }
  .oil-keep-page .main_oil-keep .banner_bg .txt .t1 {
  }
  .oil-keep-page .main_oil-keep .banner_bg .txt .t1 p {
    font-size: 22px;
  }
  .oil-keep-page .main_oil-keep .banner_bg .txt .t1 h1 {
    font-size: 56px;
    font-weight: 700;
    margin: 0;
    color: #ff9301;
  }
  .oil-keep-page .main_oil-keep .banner_bg .txt .t1 h2 {
    bottom: 2vw;
    font-size: 5.2vw;
  }
  .oil-keep-title {
    padding-bottom: 30px;
  }
  .oil-keep-title p {
    font-size: 15px;
  }
  .oil-keep {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
  }

  .oil-keep h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .oil-keep h3 {
    font-size: 16px;
  }
  .oil-keep p {
    font-size: 16px;
    margin-bottom: 50px;
  }
  .oil-keep span {
    font-size: 14px;
    text-align: left;
    display: block;
    margin-bottom: 20px;
  }
  .oil-keep span:before {
    content: "";
    position: absolute;
    width: 100px;
    height: 60px;
    background-image: url(../images/oil-keep/b-1.png);
    background-size: 100px;
    left: 0;
    transform: translate(0, -20%);
    background-repeat: no-repeat;
  }
  .oil-keep .oil-keep_table-img > picture:after {
    height: 25px;
    font-size: 50px;
  }
  .oil-keep .triangle {
    font-size: 80px;
    margin-bottom: -30px;
    margin-top: -30px;

    color: #df5252;
  }
  .oil-keep .red {
    font-weight: 700;
    font-size: 22px;
    color: #df5252;
  }
  .oil-keep .oil-keep_table-img {
    padding: 0;
  }
  .member-benefit {
    padding: 50px 0;
  }
  .member-benefit h2 {
    font-size: 24px;
  }
}

/* AFTER SERVICE */
.after_service-page {
  background-color: antiquewhite;
}
.maintenance {
  text-align: center;
  background-color: antiquewhite;
}
.maintenance h2 {
  font-size: 34px;
  margin-bottom: 30px;
}
.maintenance p {
  margin-bottom: 50px;
  font-size: 20px;
}
.maintenance .search-1 {
  display: block;
  position: relative;
  background: linear-gradient(118deg, #ffb100 0%, #ff8900 100%);
  border-radius: 15px;
  padding: 25px 85px;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  font-weight: 700;
  width: 370px;
  margin: 0 auto;
  box-shadow: 0 6px 10px -2px #00000030;
}
.maintenance .search-1:after {
  content: "→";
  position: absolute;
  width: 25px;
  height: 25px;
  top: 50%;
  transform: translate(0, -50%);
  right: 10px;
  background-repeat: no-repeat;
}
.easy-line {
  text-align: center;
  background-color: #ebffb3;
}
.easy-line h2 {
  font-size: 34px;
  margin-bottom: 50px;
}
.easy-line p {
  margin-bottom: 50px;
  font-size: 20px;
}
.easy-line .contact {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
  margin-bottom: 50px;
  text-align: justify;
  max-width: 1000px;
  margin: 0 auto 50px;
}
.easy-line .search-1 {
  display: block;
  position: relative;
  background: linear-gradient(160deg, #aeee42 0%, #14813e 90%);
  border-radius: 15px;
  padding: 35px 65px 35px 100px;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  font-weight: 700;
  width: 370px;
  margin: 0 auto;
  box-shadow: 0 6px 10px -2px #00000030;
}
.easy-line .search-1:after {
  content: "→";
  position: absolute;
  width: 25px;
  height: 25px;
  top: 50%;
  right: 0;
  transform: translate(-100%, -50%);
  background-repeat: no-repeat;
}
.easy-line .search-1:before {
  content: "";
  position: absolute;
  width: 75px;
  height: 75px;
  background-image: url(../images/after-service/a-6.png);
  background-size: 75px;
  left: 0;
  top: 60%;
  transform: translate(30%, -50%);
  background-repeat: no-repeat;
}
.care {
  text-align: center;
  background-color: antiquewhite;
}
.care h2 {
  font-size: 34px;
  margin-bottom: 20px;
}
.care p {
  margin-bottom: 50px;
  font-size: 20px;
}
.care .care-group {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
  text-align: justify;
}
.care .care-group p {
  color: #000;
  margin-bottom: unset;
  font-weight: 700;
}
.rec-care {
  text-align: center;
  background-color: #fff;
}
.rec-care h2 {
  font-size: 34px;
  margin-bottom: 20px;
}
.rec-care p {
  margin-bottom: 50px;
  font-size: 20px;
}
.rec-care .care-group {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
  text-align: justify;
}
.rec-care .care-group p {
  color: #000;
  margin-bottom: unset;
  font-weight: 700;
}
.maintenance-bargain {
  text-align: center;
  background-color: antiquewhite;
}
.maintenance-bargain h2 {
  font-size: 34px;
  margin-bottom: 20px;
}
.maintenance-bargain p {
  margin-bottom: 50px;
  font-size: 20px;
}
.maintenance-bargain .care-group {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
  text-align: justify;
}
.maintenance-bargain .care-group p {
  color: #000;
  margin-bottom: unset;
  font-weight: 700;
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .rec-care .care-group p {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .easy-line .contact {
    padding: 0;
  }
  .care .care-group,
  .rec-care .care-group,
  .maintenance-bargain .care-group {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .care .care-group p,
  .rec-care .care-group p,
  .maintenance-bargain .care-group p {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .maintenance h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .maintenance h2 + p {
    margin-bottom: 20px;
    font-size: 13px;
  }
  .maintenance .search-1:after {
    content: "→";
    position: absolute;
    width: 25px;
    height: 25px;
    top: 50%;
    right: 0;
    transform: translate(-100%, -50%);
    background-repeat: no-repeat;
  }
  .maintenance .search-1 {
    padding: 20px;
    width: 80%;
    font-size: 16px;
  }
  .easy-line h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .easy-line img {
    order: 1;
  }
  .easy-line p {
    font-size: 14px;
    margin-bottom: unset;
    order: 0;
  }
  .easy-line .contact {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 15px;
    margin-bottom: unset;
    text-align: center;
  }
  .easy-line .contact img {
    margin-bottom: 20px;
  }
  .easy-line .search-1 {
    width: 80%;
    padding: 24px 10px;
    font-size: 16px;
  }
  .easy-line .search-1:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(../images/after-service/a-6.png);
    background-size: 50px;
    left: 0;
    top: 60%;
    transform: translate(30%, -50%);
    background-repeat: no-repeat;
  }
  .easy-line .search-1:after {
    content: "→";
    position: absolute;
    width: 25px;
    height: 25px;
    top: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
  }
  .care h2 {
    font-size: 24px;
  }
  .care p {
    margin-bottom: 20px;
    font-size: 14px;
  }
  .care .care-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
  }
  .care .care-group p {
    margin-bottom: unset;
  }
  .rec-care {
    padding-top: 60px;
    padding-bottom: 30px;
  }
  .rec-care h2 {
    font-size: 24px;
  }
  .rec-care p {
    margin-bottom: 20px;
    font-size: 14px;
  }
  .rec-care .care-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
  }
  .rec-care .care-group p {
    font-size: 13px;
  }
  .maintenance-bargain h2 {
    font-size: 24px;
  }
  .maintenance-bargain p {
    margin-bottom: 20px;
    font-size: 14px;
  }
  .maintenance-bargain .care-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
  }
  .maintenance-bargain .care-group p {
    font-size: 13px;
  }
}

/* HAND WAX CAR WASH */
.wax-wash {
  text-align: center;
  background-color: #fff;
}
.wax-wash img {
  margin-bottom: 50px;
}
.wax-wash p {
  font-size: 18px;
}
.wax-wash .box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  margin-bottom: 50px;
  text-align: left;
  align-items: center;
}
.wax-wash .box p {
  font-size: 26px;
  line-height: 57px;
  font-weight: 700;
}
.wax-wash .box img {
  margin-bottom: 0;
}
.wax-wash .google_map_container {
  margin-bottom: 30px;
}
.wax-wash .date {
  font-size: 20px;
  font-weight: 600;
}
.wax-wash .date span {
  font-size: 28px;
  color: #e40000;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .wax-wash .box {
    grid-template-columns: 1.2fr 1fr;
  }
  .wax-wash .box p {
    font-size: 18px;
    line-height: 35px;
  }
}
@media screen and (max-width: 767px) {
  .wax-wash img {
    margin-bottom: 30px;
  }
  .wax-wash .box {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    margin-bottom: 30px;
    text-align: center;
  }
  .wax-wash p,
  .wax-wash .box p {
    font-size: 16px;
  }
  .wax-wash .box p {
    font-weight: 600;
    font-size: 4.25vw;
    line-height: normal;
  }
  .wax-wash .google_map_container {
    margin-bottom: 10px;
  }
  .wax-wash .date {
    font-size: 18px;
    font-weight: 600;
  }
  .wax-wash .date span {
    font-size: 24px;
  }
}

/* GAURANTEE */
.guarantee-page {
  background-color: #fff4cf;
}
.guarantee-page #main_title .banner_main .banner_grid picture {
  bottom: 40px;
}
.guarantee-page #guarantee_description {
  padding-bottom: 80px;
}
.guarantee-page #guarantee_description p {
  font-size: 18px;
}
.guarantee-page #guarantee_content {
  background-color: #fff;
}
.guarantee-page #guarantee_content .guarantee-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 50px;
}
.guarantee-page #guarantee_content .guarantee-list h2 {
  margin-bottom: 20px;
}
.guarantee-page #guarantee_content .guarantee-list h2 span {
  position: relative;
  font-size: 24px;
  padding-left: 30px;
}
.guarantee-page #guarantee_content .guarantee-list h2 span:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  background-image: url(../images/Title-dot.png);
  background-size: 25px;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .guarantee-page #guarantee_description {
    padding-bottom: 60px;
  }
  .guarantee-page #guarantee_description p {
    font-size: 16px;
  }
  .guarantee-page #main_title .banner_main .banner_grid picture {
    bottom: unset;
  }
  .guarantee-page #main_title .banner_main .banner_grid .title_page {
    margin-left: 0;
  }
  .guarantee-page #main_title .banner_main .banner_grid .title_page > picture img {
    width: 100%;
    height: auto;
  }
  .guarantee-page #main_title .banner_main .banner_grid .title_page h1 {
    bottom: -15vw;
  }
  .guarantee-page #main_title .banner_main.single_grid.single_layout_01 .banner_grid .title_page {
    top: 6vw;
  }
  .guarantee-page #guarantee_content .guarantee-list {
    grid-template-columns: 1fr;
    grid-row-gap: 40px;
  }
  .guarantee-page #guarantee_content .guarantee-list h2 span {
    font-size: 16px;
  }
}

/* FREE INSPECTION */
#free_month_regular,
#new_car_free_6month {
  background-color: #fde1ff;
}
#free_month_regular + #new_car_free_6month {
  padding-top: 0;
}
#free_month_regular .list_inspection h3:before,
#new_car_free_6month .list_inspection h3:before {
  background-color: #f37bee;
}
#free_month_regular .list_inspection h4,
#new_car_free_6month .list_inspection h4 {
  background-color: #f37bee;
  color: #fff;
}

/* COMFORTABLE IN-ROOM MENU */
.comfortable-title {
  padding-bottom: 80px;
  position: relative;
}
.comfortable-title .group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 25px;
  align-items: center;
}
.comfortable-title p {
  font-size: 28px;
  font-weight: 700;
}
.comfortable {
  padding: 80px 0;
  text-align: center;
  background-color: #ffdce2;
}
.comfortable h2 {
  font-size: 55px;
  font-weight: 800;
  margin-bottom: 10px;
}
.comfortable h3 {
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 10px;
}
.comfortable p {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 30px;
}
.comfortable img {
  margin: 30px 0;
}
.comfortable h3 + p + img {
  padding: 0 150px;
}
.comfortable-condition {
  padding-bottom: 50px;
  padding-top: 80px;
  position: relative;
  background-color: #e5f4cf;
  text-align: center;
}
.comfortable-condition h2 {
  font-weight: 800;
  font-size: 55px;
  margin-bottom: 10px;
}
.comfortable-condition p {
  font-weight: 700;
  font-size: 39px;
}
.comfortable-condition .yellow {
  font-size: 55px;
  font-weight: 800;
  color: #ff8900;
}
.comfortable-condition span {
  font-size: 30px;
  display: block;
  margin-bottom: 50px;
  font-weight: 600;
}
.comfortable-condition .group {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 25px;
  margin-bottom: 50px;
}
.comfortable-condition .box {
  color: #37a947;
  font-size: 55px;
  font-weight: 800;
  background-color: #fff;
  padding: 45px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.2;
}
.comfortable-condition img {
  margin-bottom: 30px;
}
.air-clean {
  padding-bottom: 50px;
  padding-top: 80px;
  position: relative;
  background-color: #e8ffff;
  text-align: center;
}
.air-clean h2 {
  font-weight: 800;
  font-size: 55px;
  margin-bottom: 10px;
}
.air-clean p {
  font-weight: 700;
  font-size: 34px;
}
.air-clean .yellow {
  font-size: 48px;
  font-weight: 800;
  color: #ff8900;
  margin-bottom: 30px;
}
.air-clean img {
  margin-bottom: 30px;
}
.recomend-set {
  padding-bottom: 70px;
  padding-top: 80px;
  position: relative;
  background-color: #fff;
  text-align: center;
}
.recomend-set h3 {
  background-color: #c5240b;
  color: #fff;
  font-size: 30px;
  width: 100%;
  padding: 10px 30px;
  margin-bottom: 30px;
}
.recomend-set img {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .comfortable-title p {
    font-size: 26px;
  }
  .comfortable-condition .box {
    font-size: 30px;
    padding: 20px;
  }
  .comfortable h2,
  .comfortable-condition h2,
  .comfortable-condition .yellow,
  .air-clean h2 {
    font-size: 50px;
  }
  .comfortable h3 {
    font-size: 31px;
  }
  .comfortable p {
    font-size: 27px;
  }
  .comfortable-condition p {
    font-size: 34px;
  }
  .air-clean p {
    font-size: 29px;
  }
  .air-clean .yellow {
    font-size: 43px;
  }
}
@media screen and (max-width: 767px) {
  .comfortable-page .main_comfortable .banner_bg {
    position: relative;
    background-image: url(../images/comfortable/mb/mv_bg_sp.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 150px;
    width: 100%;
    z-index: 1;
    background-color: antiquewhite;
  }
  .comfortable-page .main_comfortable .banner_bg .txt {
    position: absolute;
    left: 35%;
    top: 66%;
    transform: translate(-45%, -50%);
    z-index: 5;
  }
  .comfortable-page .main_comfortable .banner_bg .txt .t1 img {
    width: auto;
    height: 100px;
    margin-bottom: -10px;
  }
  .comfortable-page .main_comfortable .banner_bg .txt .t1 {
  }
  .comfortable-page .main_comfortable .banner_bg .txt .t1 p {
    font-size: 22px;
  }
  .comfortable-page .main_comfortable .banner_bg .txt .t1 h1 {
    font-size: 56px;
    font-weight: 700;
    margin: 0;
    color: #ff9301;
  }
  .comfortable-title {
    padding-bottom: 30px;
  }
  .comfortable-title p {
    font-size: 13px;
    font-weight: 500;
  }
  .comfortable-title .group {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 25px;
    align-items: center;
  }
  .comfortable {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
  }
  .comfortable h2 {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .comfortable h3 {
    font-size: 16px;
  }
  .comfortable p {
    font-size: 14px;
    text-align: center;
    margin-bottom: 30px;
  }
  .comfortable img {
    margin-top: unset;
    margin-bottom: 30px;
  }
  .comfortable h3 + p + img {
    padding: 0;
  }
  .comfortable-condition {
    padding-bottom: 20px;
    padding-top: 50px;
  }
  .comfortable-condition h2 {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .comfortable-condition p {
    font-size: 16px;
  }
  .comfortable-condition .yellow {
    font-size: 22px;
    color: #ff8900;
    margin-bottom: 30px;
  }
  .comfortable-condition span {
    font-size: 16px;
    display: block;
    margin-bottom: 30px;
  }
  .comfortable-condition .group {
    grid-template-columns: 1fr;
    grid-gap: 15px;
    margin-bottom: 20px;
  }
  .comfortable-condition .box {
    color: #37a947;
    font-size: 22px;
    font-weight: 700;
    background-color: #fff;
    padding: 10px;
  }
  .air-clean {
    padding-bottom: 20px;
    padding-top: 50px;
  }
  .air-clean h2 {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .air-clean p {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .air-clean .yellow {
    font-size: 22px;
    color: #ff8900;
    margin-bottom: 30px;
  }
  .recomend-set {
    padding-bottom: 20px;
    padding-top: 50px;
    position: relative;
    background-color: #fff;
    text-align: left;
  }
  .recomend-set h3 {
    font-size: 22px;
  }
}

/* CLEAN AIR FILTER */
.clean_air_filter-page {
  background-color: #fff4cf;
}
.clean_air_filter-page h2 {
  font-size: 34px;
  margin-bottom: 25px;
  text-align: center;
}
#caf_description {
  padding-bottom: 80px;
}
#caf_description .caf_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
#caf_description .caf_grid > div p {
  margin-bottom: 20px;
}
#caf_description .caf_grid > div p,
#caf_description .caf_grid > div strong {
  font-size: 18px;
}
#filter_air {
  background-color: #fff;
}
#filter_air strong {
  display: block;
  font-size: 26px;
  text-align: center;
}
#filter_air small {
  display: flex;
  justify-content: center;
}
#filter_air_premium h2 + p {
  font-size: 20px;
  font-weight: 600;
}
#filter_air_premium h2 + p span {
  color: #ff8900;
  font-size: 28px;
  font-weight: 700;
}
#filter_air_premium h2 + p {
  text-align: center;
  margin-bottom: 40px;
}
#filter_air_premium .clean_premium-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
}
#filter_air_premium .clean_premium-list .clean_premium-item {
  background-color: #fff;
  padding: 24px;
  border-radius: 30px;
}
#filter_air_premium .clean_premium-list .clean_premium-item .clean_premium-topic {
  display: grid;
  grid-template-columns: 1.5fr 2fr;
  grid-gap: 10px;
  align-items: center;
}
#filter_air_premium .clean_premium-list .clean_premium-item .clean_premium-topic p {
  grid-column: 1 / 3;
  font-size: 14px;
  margin-top: 15px;
}
#filter_air_premium .clean_premium-list .clean_premium-item .clean_premium-topic span {
  font-size: 12px;
  color: #a79072;
}
#filter_air_premium .clean_premium-list .clean_premium-item .clean_premium-topic h3 {
  font-size: 26px;
  color: #a79072;
}
#filter_air_premium .clean_premium-list .clean_premium-item .clean_premium-topic h3 + span {
  font-size: 10px;
  color: #000;
}
#exchange {
  background-color: #fff;
}
#exchange h2 span {
  position: relative;
  padding-left: 40px;
}
#exchange h2 span:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  background-image: url(../images/Title-dot-green.png);
  background-size: 30px;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  background-repeat: no-repeat;
}
#exchange h2 span small {
  font-size: 20px;
}
#exchange .exchange_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 50px;
  align-items: center;
  padding: 0 100px;
}
#exchange .exchange_grid .exchange_detail p {
  font-size: 18px;
  margin-bottom: 20px;
  color: #666666;
}
#exchange .exchange_grid .exchange_detail .exchange_box {
  display: block;
  font-size: 18px;
  padding: 20px 110px;
  border: 1px solid #000;
  color: #666666;
}
#exchange .exchange_grid .exchange_item {
  display: grid;
  /*grid-template-columns: 1fr 175px;*/
  grid-template-columns: 60% 40%;
  grid-column-gap: 20px;
}
#exchange .exchange_grid .exchange_item .exchange_fee {
  align-self: end;
}
#exchange .exchange_grid .exchange_item .exchange_fee h3 {
  font-size: 25px;
  color: #fff;
  background-color: #53baff;
  text-align: center;
  padding: 5px;
  margin-bottom: 10px;
  border-radius: 10px;
}
#exchange .exchange_grid .exchange_item .exchange_fee p {
  text-align: center;
  margin-bottom: 10px;
}
#exchange .exchange_grid .exchange_item > img {
  grid-column: 2;
  grid-row: 1 / span 2;
}
#exchange .exchange_grid .exchange_item > strong {
  display: block;
  font-size: 30px;
  text-align: right;
}
#exchange .exchange_grid .exchange_item + .exchange_item .exchange_fee h3 {
  background-color: #4e93c1;
}
#exchange .exchange_grid + h2 {
  margin-top: 80px;
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  #exchange .exchange_grid {
    padding: 0;
  }
  #exchange .exchange_grid .exchange_item {
    grid-template-columns: 1fr 175px;
  }
  #filter_air_premium .clean_premium-list .clean_premium-item .clean_premium-topic {
    grid-template-columns: 1.2fr 2fr;
  }
  #filter_air_premium .clean_premium-list .clean_premium-item .clean_premium-topic h3 {
    font-size: 22px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  #exchange .exchange_grid .exchange_detail p {
    font-size: 16px;
  }
  #exchange .exchange_grid .exchange_detail .exchange_box {
    padding: 20px 100px;
  }
  #exchange .exchange_grid .exchange_item .exchange_fee p {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #exchange .exchange_grid {
    grid-template-columns: 1fr;
    grid-gap: 20px;
    padding: 0;
  }
  #exchange .exchange_grid.ex_fee {
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    padding: 0 40px;
  }
  #exchange .exchange_grid .exchange_item {
    grid-template-columns: 1fr;
    grid-column-gap: 10px;
    align-items: center;
  }
  #exchange .exchange_grid .exchange_item > strong {
    text-align: center;
  }
  #exchange .exchange_grid .exchange_item > img {
    grid-column: unset;
    grid-row: unset;
  }
  #exchange .exchange_grid .exchange_item .exchange_fee p {
    font-size: 15px;
  }
  #exchange .exchange_grid .exchange_detail p,
  #exchange .exchange_grid .exchange_detail .exchange_box {
    text-align: center;
  }
  #filter_air_premium .clean_premium-list {
    grid-template-columns: 1fr 1fr;
  }
  #filter_air_premium .clean_premium-list .clean_premium-item .clean_premium-topic h3 {
    font-size: 3vw;
  }
  #filter_air_premium .clean_premium-list .clean_premium-item .clean_premium-topic span {
    font-size: 1.6vw;
  }
  #filter_air_premium .clean_premium-list .clean_premium-item .clean_premium-topic h3 + span {
    font-size: 1.4vw;
  }
  #filter_air_premium .clean_premium-list .clean_premium-item .clean_premium-topic p {
    font-size: 2.1vw;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .clean_air_filter-page h2 {
    font-size: 6.5vw;
  }
  .clean_air_filter-page #exchange h2 {
    text-align: left;
  }
  #exchange h2 span small {
    font-size: 4vw;
  }
  #caf_description .caf_grid,
  #filter_air_premium .clean_premium-list,
  #exchange .exchange_grid.ex_guideline,
  #exchange .exchange_grid .exchange_item {
    grid-template-columns: 1fr;
  }
  #caf_description .caf_grid > div p,
  #caf_description .caf_grid > div strong {
    font-size: 3.5vw;
  }
  #filter_air strong {
    font-size: 5vw;
  }
  #filter_air small {
    font-size: 1.8vw;
  }
  #filter_air_premium h2 + p {
    font-size: 4.5vw;
  }
  #filter_air_premium h2 + p span {
    font-size: 6.5vw;
  }
  #filter_air_premium .clean_premium-list .clean_premium-item {
    padding: 4vw;
  }
  #filter_air_premium .clean_premium-list .clean_premium-item .clean_premium-topic {
    grid-template-columns: 1fr 2fr;
    grid-row-gap: 0;
    grid-column-gap: 5vw;
  }
  #filter_air_premium .clean_premium-list .clean_premium-item .clean_premium-topic span {
    display: block;
    font-size: 2vw;
  }
  #filter_air_premium .clean_premium-list .clean_premium-item .clean_premium-topic h3 {
    font-size: 5vw;
  }
  #filter_air_premium .clean_premium-list .clean_premium-item .clean_premium-topic h3 + span {
    font-size: 1.9vw;
  }
  #filter_air_premium .clean_premium-list .clean_premium-item .clean_premium-topic .clean_premium-title {
    align-self: end;
  }
  #filter_air_premium .clean_premium-list .clean_premium-item .clean_premium-topic p {
    grid-column: unset;
    align-self: baseline;
    font-size: 2.5vw;
    margin-top: 2vw;
  }
  #filter_air_premium .clean_premium-list .clean_premium-item .clean_premium-topic img {
    grid-row: 1 / 3;
  }
  #exchange .exchange_grid + h2 {
    margin-top: 15vw;
  }
  #exchange .exchange_grid {
    grid-gap: 20px;
    align-items: baseline;
    padding: 0;
  }
  #exchange .exchange_grid .exchange_detail p {
    font-size: 3vw;
    margin: 0 10px 10px;
  }
  #exchange .exchange_grid .exchange_detail .exchange_box {
    text-align: left;
    padding: 5vw 15vw;
    font-size: 4vw;
    margin: 0 10px;
  }
  #exchange .exchange_grid .exchange_item > img {
    grid-column: unset;
    grid-row: unset;
  }
  #exchange .exchange_grid .exchange_item .exchange_fee h3 {
    font-size: 4vw;
  }
  #exchange .exchange_grid .exchange_item .exchange_fee p {
    font-size: 2.4vw;
  }
  #exchange .exchange_grid .exchange_item > strong {
    font-size: 6vw;
    text-align: center;
  }
}

/* CAR INSECTION */
#vehicle_inspection,
#advance_estimate {
  background-color: #ffe1e1;
}
#vehicle_inspection + #advance_estimate {
  padding-top: 0;
}
#vehicle_inspection .topic_inspection p,
#vehicle_inspection .topic_inspection ul {
  margin-bottom: 20px;
}
#vehicle_inspection .list_inspection h3:before {
  background: linear-gradient(100deg, #ff8900 20%, #dd2717 100%);
}
#vehicle_inspection .list_inspection h4 {
  background-color: #e40000;
  color: #fff;
}
#advance_estimate .topic_inspection h2 + p {
  font-size: 22px;
  color: #e40000;
}
#advance_estimate .topic_inspection .topic_inspection-grid > div {
  position: relative;
}
#advance_estimate .topic_inspection .topic_inspection-grid h3,
#advance_estimate .topic_inspection .topic_inspection-grid p {
  position: absolute;
}
#advance_estimate .topic_inspection .topic_inspection-grid h3 {
  top: 25px;
  left: 100px;
  font-size: 18px;
  color: #fff;
}
#advance_estimate .topic_inspection .topic_inspection-grid p {
  top: 90px;
  font-size: 16px;
  padding: 0 15px;
}
#advance_estimate h3 {
  font-size: 30px;
  margin-bottom: 20px;
}
#advance_estimate h3,
#advance_estimate p {
  text-align: center;
}
#advance_estimate p {
  font-size: 20px;
  font-weight: 600;
}
#advance_estimate .note {
  font-size: 12px;
}
#advance_estimate .topic_inspection + h3 span {
  display: inline-block;
  position: relative;
  padding: 0px 35px;
}
#advance_estimate .topic_inspection + h3 span:before,
#advance_estimate .topic_inspection + h3 span:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 100%;
  border-left: 2px solid #000;
}
#advance_estimate .topic_inspection + h3 span:before {
  left: 15px;
  transform: skewX(30deg);
}
#advance_estimate .topic_inspection + h3 span:after {
  right: 15px;
  transform: skewX(-30deg);
}
#advance_estimate picture + .note {
  font-size: 14px;
  margin-top: 20px;
  text-align: left;
  margin-bottom: 80px;
}
#advance_estimate .note + h3 {
  color: #ff8900;
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  #advance_estimate .topic_inspection .topic_inspection-grid h3 {
    top: 20px;
    left: 85px;
    font-size: 13px;
  }
  #advance_estimate .topic_inspection .topic_inspection-grid p {
    top: 65px;
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #advance_estimate h3 {
    font-size: 26px;
  }
  #advance_estimate .topic_inspection .topic_inspection-grid h3 {
    font-size: 15px;
  }
  #advance_estimate .topic_inspection p + p {
    font-size: 18px;
  }
  #advance_estimate .topic_inspection h2 + p {
    margin-bottom: 30px;
  }
  #advance_estimate .topic_inspection .topic_inspection-grid p {
    top: 70px;
  }
}
@media (max-width: 767px) {
  #advance_estimate p {
    font-size: 3vw;
    text-align: left;
  }
  #advance_estimate .topic_inspection h2 + p {
    font-size: 5.5vw;
    margin-bottom: 1.35vw;
  }
  #advance_estimate .topic_inspection + h3 span {
    font-size: 3vw;
  }
  #advance_estimate .topic_inspection .topic_inspection-grid h3 {
    top: 5vw;
    left: 21vw;
    font-size: 4vw;
  }
  #advance_estimate .topic_inspection .topic_inspection-grid p {
    top: 16vw;
    font-size: 2.8vw;
    padding: 0 4vw;
  }
  #advance_estimate .note {
    font-size: 1.9vw;
  }
  #advance_estimate picture + .note {
    font-size: 2.3vw;
    margin-bottom: 6vw;
  }
  #advance_estimate .note + h3 {
    font-size: 4vw;
    text-align: left;
    margin-bottom: 0;
  }
  #vehicle_inspection .list_inspection h3:before {
    width: 28px;
    height: 28px;
  }
}

/* CAR CARE SUPPORT */
.car_care_content {
  padding: 0 100px;
  margin-bottom: 30px;
}
.car_care_content .title_car_care {
  margin-bottom: 50px;
}
.car_care_content .title_car_care img {
  display: block;
  max-width: 125px;
  width: 100%;
  margin: 0 auto;
}
.car_care_content .title_car_care h2 {
  font-size: 34px;
  text-align: center;
}
.car_care_content > p {
  font-size: 18px;
  margin-bottom: 10px;
    line-height: 1.8;
}
.car_care_content > span {
  display: block;
  font-size: 12px;
}
.car_care_box {
  padding: 60px 50px;
  border: 4px solid #b2b2b2;
  margin-top: 30px;
  background-color: #fff;
}
.car_care_box .car_care-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 60px;
  margin-bottom: 30px;
  align-items: center;
}
.car_care_box .car_care-grid h3 {
  font-size: 20px;
  text-align: center;
  color: #fff;
  padding: 10px;
  width: 100%;
  margin-bottom: 20px;
}
.car_care_box .car_care-grid p {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 0;
}
.car_care_box .car_care-grid p + h3 {
  margin-top: 40px;
}
.car_care_box > h3 {
  color: #ff8900;
  font-size: 24px;
  text-align: center;
  margin-bottom: 30px;
}
.car_care_box > p {
  font-size: 12px;
  display: block;
}
#car_care_description {
  position: relative;
  padding-bottom: 80px;
}
#car_care_description h2 {
  margin-bottom: 30px;
}
#car_care_description p {
  font-size: 18px;
}
#new_car,
#regarding_use {
  background-color: #fff;
}
#new_car .car_care_box .car_care-grid h3 {
  background-color: #ff8900;
}
#new_car .car_care_box > h3 {
  color: #ff8900;
}
#new_car .wave_underline {
  text-decoration: #ff8900 wavy underline;
  -webkit-text-decoration: #ff8900 wavy underline;
}
#u_car {
  background-color: #e8ffff;
}
#u_car .car_care_box .car_care-grid h3 {
  background-color: #506da7;
}
#u_car .car_care_box > h3 {
  color: #506da7;
}
#u_car .wave_underline {
  text-decoration: #506da7 wavy underline;
  -webkit-text-decoration: #506da7 wavy underline;
}
#regarding_use .regarding_use-content {
  max-width: 1060px;
  margin: 0 auto;
}
#regarding_use .regarding_use-content h2 {
  background-color: #ff9a00;
  display: block;
  padding: 10px;
  border-radius: 30px;
  max-width: 250px;
  width: 100%;
  margin: 0 auto 20px;
  text-align: center;
  color: #fff;
  font-size: 18px;
}
#regarding_use .regarding_use-content ul li {
  list-style: "●";
  padding-left: 10px;
}
#regarding_use .regarding_use-content ul + h2 {
  margin-top: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .car_care_content {
    padding: 0;
  }
  .car_care_box .car_care-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .car_care-page #main_description h2 {
    font-size: 6.5vw;
  }
  .car_care_box {
    padding: 20px 10px;
  }
  .car_care_content {
    padding: 0;
  }
  .car_care_content .title_car_care {
    margin-bottom: 30px;
  }
  .car_care_content .title_car_care img {
    max-width: 85px;
  }
  .car_care_content .title_car_care h2 {
    font-size: 24px;
  }
  .car_care_content > p {
    font-size: 14px;
  }
  .car_care_content > span {
    font-size: 8px;
  }
  .car_care_box {
    padding: 20px 10px;
  }
  .car_care_box .car_care-grid {
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }
  .car_care_box .car_care-grid h3 {
    font-size: 16px;
  }
  .car_care_box .car_care-grid p {
    font-size: 3.2vw;
  }
  .car_care_box .car_care-grid p + h3 {
    margin-top: 20px;
  }
  .car_care_box > h3 {
    font-size: 18px;
  }
  .car_care_box > p {
    font-size: 8px;
  }
  #car_care_description {
    padding-bottom: 30px;
  }
  #car_care_description h2 {
    margin-bottom: 20px;
  }
  #car_care_description p {
    font-size: 13px;
  }
  #regarding_use .regarding_use-content ul li {
    font-size: 12px;
  }
  #regarding_use .regarding_use-content h2 {
    font-size: 4vw;
    max-width: 200px;
  }
}

/* BATTERY */
.battery_know {
  text-align: center;
  background-color: #fff;
}
.battery_know .battery_img {
  max-width: 650px;
}
.battery-condition {
  background-color: antiquewhite;
  text-align: center;
}
.battery-condition h3 {
  border-bottom: 2px solid #000;
  display: inline-block;
  padding-bottom: 10px;
  border-bottom-style: dotted;
  margin-bottom: 30px;
  font-size: 24px;
}
.battery-condition picture + h3 {
  margin-top: 50px;
}
.battery-condition img {
  margin-bottom: 30px;
  margin: 0 auto;
  max-width: 1000px;
}
.battery_replacement_tips {
  background-color: #fff;
  text-align: center;
}
.battery_replacement_tips .battery_replacement_tips-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 25px;
  margin: 50px auto;
  max-width: 1000px;
  width: 100%;
}
.battery_replacement_tips .battery_replacement_tips-item {
  padding: 10px;
  padding-bottom: 20px;
  border-radius: 10px;
  border: 2px solid #ff8900;
}
.battery_replacement_tips .battery_replacement_tips-item .yellow {
  font-size: 18px;
  color: #fff;
  background-color: #ff8900;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: unset;
  width: auto;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.battery_replacement_tips .battery_replacement_tips-item p {
  font-size: 14px;
  margin-bottom: unset;
  font-weight: 600;
}
.battery_replacement_tips .recommended_replacement {
  color: #ff8900;
}
.battery_replacement_tips .recommended_replacement_box {
  font-size: 18px;
  padding: 20px;
  border: 1px solid #000;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.battery_replacement_tips .recommended_replacement_box span {
  font-size: 14px;
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .battery_replacement_tips .battery_replacement_tips-item .yellow {
    font-size: 17px;
  }
  .battery_replacement_tips .battery_replacement_tips-item p {
    font-size: 1.3vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .battery_replacement_tips .battery_replacement_tips-item .yellow {
    font-size: 1.8vw;
  }
  .battery_replacement_tips .battery_replacement_tips-item p {
    font-size: 1.7vw;
  }
}
@media screen and (max-width: 767px) {
  .battery_know {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
  }
  .battery_know h2 {
    font-size: 8vw;
  }
  .battery_know h2 + p {
    font-size: 14px;
    text-align: left;
  }
  .battery-condition h3 {
    display: inline;
    font-size: 20px;
    line-height: 50px;
    margin-top: 50px;
  }
  .battery-condition img {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .battery_replacement_tips {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .battery_replacement_tips h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .battery_replacement_tips p {
    font-size: 13px;
  }
  .battery_replacement_tips .battery_replacement_tips-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .battery_replacement_tips .battery_replacement_tips-item {
    padding: 3px;
  }
  .battery_replacement_tips .battery_replacement_tips-item .yellow {
    font-size: 2.4vw;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: unset;
    width: auto;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .battery_replacement_tips .battery_replacement_tips-item img {
    padding: 10px 0;
  }
  .battery_replacement_tips .battery_replacement_tips-item p {
    font-size: 2.2vw;
    padding-bottom: 10px;
  }
  .battery_replacement_tips .battery_problems {
    margin-bottom: 10px;
  }
  .battery_replacement_tips .recommended_replacement {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .battery_replacement_tips .recommended_replacement_box,
  .battery_replacement_tips .recommended_replacement_box span {
    font-size: 12px;
  }
}

/* TIRES */
#main_description .tire_grid_des {
  display: grid;
  grid-template-columns: 1fr 0.8fr;
  grid-column-gap: 40px;
  grid-row-gap: 30px;
  margin-bottom: 40px;
}
#main_description .tire_grid_des h2 {
  grid-column: 1 / 3;
}
#main_description .tire_grid_des h2 + p {
  margin-top: 0;
}
.checking_tire {
  position: relative;
  text-align: left;
}
.checking_tire .checking_tire-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.checking_tire .checking_tire-item .blue {
  background-color: #c9e4ff;
}
.checking_tire .checking_tire-item .yellow {
  background-color: #f8f8b0;
}
.checking_tire .checking_tire-item .red {
  background-color: #ffcaca;
}
.checking_tire .checking_tire-item .green {
  background-color: #9ddb9d;
}
.checking_tire .checking_tire-item .purple {
  background-color: #d7c1f1;
}
.checking_tire .checking_tire-item .orange {
  background-color: #ffe9c0;
}
.checking_tire .checking_tire-item > div {
  padding: 50px 100px;
}
.checking_tire .checking_tire-item h3 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 34px;
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .checking_tire .checking_tire-item > div {
    padding: 50px;
  }
  .checking_tire .checking_tire-item h3 {
    font-size: 27px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #main_description .tire_grid_des {
    grid-template-columns: 1fr;
    grid-row-gap: 4vw;
    padding-left: 20px;
    padding-right: 20px;
  }
  #main_description .tire_grid_des h2 {
    grid-column: unset;
    order: 1;
  }
  #main_description .tire_grid_des img {
    order: 0;
  }
  #main_description .tire_grid_des p {
    order: 3;
  }
  .checking_tire .checking_tire-item h3 {
    font-size: 23px;
  }
  .checking_tire .checking_tire-item > div {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 767px) {
  #main_description .tire_grid_des {
    grid-template-columns: 1fr;
    grid-row-gap: 4vw;
  }
  #main_description .tire_grid_des h2 {
    grid-column: unset;
    order: 1;
  }
  #main_description .tire_grid_des img {
    order: 0;
  }
  #main_description .tire_grid_des p {
    order: 3;
  }
  .checking_tire .checking_tire-item {
    display: grid;
    grid-template-columns: 1fr;
  }
  .checking_tire .checking_tire-item > div {
    padding: 20px 20px;
  }
  .checking_tire .checking_tire-item h3 {
    font-size: 6vw;
  }
}

/* RECOMMEND TIRES */
.tire_change_price_btn {
  position: fixed;
  display: block;
  font-size: 20px;
  background-color: #ff9a00;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  box-shadow: 0 6px 10px -2px #00000030;
  border: 1px solid #fff;
  padding: 30px;
  z-index: 10;
  font-weight: 600;
  text-align: center;
  color: #fff;
  top: 350px;
  right: 0;
}
.recommend_tire_match_car {
  background-color: antiquewhite;
}
.recommend_tire_match_car p {
  font-size: 18px;
}
.recommend_tire_match_car .tire_match_car-anchor {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 30px;
}
.recommend_tire_match_car .tire_match_car-anchor a {
  display: block;
  position: relative;
  background: linear-gradient(118deg, #ffb100 0%, #ff8900 100%);
  border-radius: 10px;
  padding: 10px 20px 25px;
  color: #fff;
  font-size: 24px;
  text-decoration: none;
  font-weight: 700;
  text-align: center;
  align-content: center;
}
.recommend_tire_match_car .tire_match_car-anchor a::after {
  position: absolute;
  left: 50%;
  top: 65%;
  transform: translate(-50%, 0);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
  font-size: 10px;
}
.tire_match_car > .container .tire_match_car-item {
  margin-bottom: 50px;
  scroll-margin-top: 120px;
}
.tire_match_car > .container .tire_match_car-item:last-child {
  margin-bottom: 0;
}
.tire_match_car .tire_match_car-item h2 {
  background-color: #000;
  color: #fff;
  padding: 10px 30px;
  border-radius: 10px;
  margin-bottom: 50px;
}
.tire_match_car .tire_match_car-item .recommand_tire {
  display: flex;
  text-align: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 30px;
}
.tire_match_car .tire_match_car-item .recommand_tire h3 {
  text-align: center;
  font-size: 34px;
  position: relative;
  padding-left: 50px;
  padding-right: 50px;
}
.tire_match_car .tire_match_car-item .recommand_tire h3:after,
.tire_match_car .tire_match_car-item .recommand_tire h3:before {
  position: absolute;
  content: "";
  width: 50px;
  height: 30px;
  bottom: 0;
  top: 25%;
}
.tire_match_car .tire_match_car-item .recommand_tire h3:before {
  left: 15px;
  border-left: 4px solid #000;
  transform: skewX(30deg);
}
.tire_match_car .tire_match_car-item .recommand_tire h3:after {
  right: 15px;
  border-right: 4px solid #000;
  transform: skewX(-30deg);
}
.tire_replacement {
  background-color: #f3f9ff;
}
.tire_replacement h2,
.tire_replacement span {
  padding-left: 10px;
  padding-right: 10px;
}
.tire_replacement h2 {
  font-size: 28px;
  margin-bottom: 0;
}
.tire_replacement h2 + span {
  display: block;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .recommend_tire_match_car p {
    font-size: 2.15vw;
  }
  .recommend_tire_match_car .tire_match_car-anchor {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
  }
  .recommend_tire_match_car .tire_match_car-anchor a {
    max-width: 145px;
    padding: 10px 15px 25px;
    font-size: 20px;
  }
  .tire_match_car .tire_match_car-item h2,
  .tire_match_car .tire_match_car-item .recommand_tire h3 {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .tire_change_price_btn {
        padding: 20px;
        font-size: 3.5vw;
        top: auto;
        bottom: 15%;
  }
  .recommend_tire_match_car h2 {
    margin-bottom: 30px;
    font-size: 22px;
  }
  .recommend_tire_match_car p {
    font-size: 3.9vw;
  }
  .recommend_tire_match_car .tire_match_car-anchor {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
  }
  .recommend_tire_match_car .tire_match_car-anchor a {
    padding: 10px;
    font-size: 16px;
    padding-bottom: 15px;
  }
  .tire_match_car .tire_match_car-item h2 {
    font-size: 18px;
    padding: 10px 20px;
    margin-bottom: 30px;
  }
  .tire_match_car .tire_match_car-item .recommand_tire h3 {
    font-size: 20px;
    padding-left: 25px;
    padding-right: 25px;
  }
  .tire_match_car .tire_match_car-item .recommand_tire h3:after,
  .tire_match_car .tire_match_car-item .recommand_tire h3:before {
    width: unset;
    height: 20px;
  }
  .tire_match_car .tire_match_car-item .recommand_tire h3:before {
    left: 10px;
    border-left: 2px solid #000;
    transform: skewX(30deg);
  }
  .tire_match_car .tire_match_car-item .recommand_tire h3:after {
    right: 10px;
    border-right: 2px solid #000;
    transform: skewX(-30deg);
  }
  .tire_replacement h2 {
    font-size: 20px;
  }
  .tire_replacement h2 + span,
  .tire_replacement span {
    font-size: 10px;
  }
  .tire_replacement h2 + span {
    margin-bottom: 20px;
  }
  .tire_replacement span {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* FOOTER */
footer .menu-group {
  background-image: url(../images/contact/mb/p-1.png);
  background-repeat: no-repeat;
  background-size: cover;
}

footer .menu-group .btn-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 15px;
  padding: 80px 0;
  align-items: center;
}

footer .menu-group .btn-list .btn {
  display: block;
  position: relative;
  background: #fff;
  color: #000;
  border: 2px solid #ff8900;
  border-radius: 10px;
  padding: 15px 20px 15px 85px;
  font-size: 18px;
  text-decoration: none;
  font-weight: 700;
  width: 100%;
  height: 100px;
  align-content: center;
  margin: 0 auto;
}
footer .menu-group .btn-list .btn:hover {
  color: #ff8900;
}

footer .menu-group .btn-list .btn:before {
  content: "";
  position: absolute;
  width: 75px;
  height: 70px;
  left: 5px;
  top: 50%;
  transform: translate(0, -50%);
}

footer .menu-group .btn-list .btn:nth-child(1):before {
  background-image: url(../images/useful-information/i-1.png);
  background-size: 75px;
  background-repeat: no-repeat;
}

footer .menu-group .btn-list .btn:nth-child(2):before {
  background-image: url(../images/useful-information/i-2.png);
  background-size: 75px;
  background-repeat: no-repeat;
}

footer .menu-group .btn-list .btn:nth-child(3):before {
  background-image: url(../images/useful-information/i-3.png);
  background-size: 75px;
  background-repeat: no-repeat;
}

footer .menu-group .btn-list .btn:nth-child(4):before {
  background-image: url(../images/useful-information/i-4.png);
  background-size: 75px;
  background-repeat: no-repeat;
}

footer .menu-group .btn-list .btn:nth-child(5):before {
  background-image: url(../images/useful-information/i-5.png);
  background-size: 75px;
  background-repeat: no-repeat;
}
footer .menu-group .btn-list .btn:nth-child(6):before {
  background-image: url(../images/useful-information/i-6.png);
  background-size: 75px;
  background-repeat: no-repeat;
}

footer .menu-group .btn-list .btn:nth-child(7):before {
  background-image: url(../images/useful-information/i-7.png);
  background-size: 75px;
  background-repeat: no-repeat;
}

footer .menu-group .btn-list .btn:nth-child(8):before {
  background-image: url(../images/useful-information/i-8.png);
  background-size: 75px;
  background-repeat: no-repeat;
}

footer .menu-footer {
  background-color: #272727;
  padding-top: 40px;
  padding-bottom: 20px;
}

footer .menu-footer .menu-footer-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 25px;
  max-width: 700px;
  margin: 0 auto;
  padding-bottom: 40px;
}
footer .menu-footer .menu-footer-list ul li {
  margin-bottom: 5px;
}

footer .menu-footer .menu-footer-list ul li a {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}
footer .menu-footer .menu-footer-list ul li a:hover {
  font-weight: 700;
}

footer .menu-footer .credit {
  text-align: center;
}

footer .menu-footer .credit img {
  max-width: 65px;
  width: 100%;
  margin-bottom: 10px;
}

footer .menu-footer .credit p {
  color: #fff;
  font-size: 10px;
}

@media screen and (min-width: 1760px) {
}

@media print, screen and (min-width: 1280px) and (max-width: 1759px) {
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  footer .menu-footer > .container > .pc {
    display: grid;
  }
  footer .menu-group .btn-list .btn {
    font-size: 1.4vw;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  footer .menu-group .btn-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
  footer .menu-group .btn-list .btn {
    font-size: 2vw;
  }
  footer .menu-footer > .container > .pc {
    display: grid;
  }
}

@media screen and (max-width: 767px) {
  footer .menu-group .btn-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    margin: 0 10px;
    padding: 40px 0;
  }
  footer .menu-group .btn-list .btn {
    padding: 5px 10px 5px 50px;
    font-size: 10px;
    height: 50px;
  }
  footer .menu-group .btn-list .btn:before {
width: 100%;
        height: 40px;
        background-size: 40px !important;
        right: auto;
        top: 58%;
        transform: translate(-5%, -50%);
        left: 15px;
  }
  footer .menu-footer .menu-footer-list {
    grid-template-columns: 1fr 1fr;
    max-width: 275px;
    padding-bottom: 30px;
  }
  footer .menu-footer .menu-footer-list ul li a {
    font-size: 12px;
  }

  footer .menu-footer .credit img {
    width: 14%;
  }
}

main.home-page section#notice img.img-responsive,
body.staffblog section#notice img.img-responsive{
    height: 140px;
    object-fit: cover;
}


@media screen and (max-width: 767px) {
main.home-page section#notice img.img-responsive, body.staffblog section#notice img.img-responsive {
    height: 70px;
	}

    main.original_contents #tcs_original_content .tcs_original-list a:nth-child(n+5) {
        display: block;
    }

}