@charset "UTF-8";
/*
========================================================================= */
/*  ロゴの大きさ調整
========================================================================= */
.header_logo {
  width: 23%;
}
.header_logo a {
  display: block;
  width: 100%;
  height: 100%;
}
.header_logo a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.drawer_logo {
  width: 40%;
}

/*
========================================================================= */
/*  header
========================================================================= */
header {
  width: 100%;
  background: var(--cl-white);
}
header .headline {
  padding: calc(var(--var-1) * 20) calc(var(--var-1) * 20);
}
header .drawer_content .cmn_info .btn_wrap {
  margin-top: calc(var(--var-1) * 40);
  gap: calc(var(--var-1) * 28);
}
header .drawer_content .cmn_info .sns_wrap {
  margin: calc(var(--var-1) * 40) auto 0;
}

.current {
  color: var(--cl-blue);
}

.logo {
  width: calc(var(--var-1) * 140);
  height: calc(var(--var-1) * 32);
}

/*
========================================================================= */
/*  footer
========================================================================= */
footer {
  padding: calc(var(--var-1) * 80) 0;
  background: var(--cl-blue-light);
}
footer .footer_content {
  flex-direction: column;
}
footer .footer_content .footer_left .footer_logo {
  width: calc(var(--var-1) * 160);
  margin: 0 auto;
}
footer .footer_content .footer_left .footer_list {
  gap: calc(var(--var-1) * 8);
  margin-top: calc(var(--var-1) * 44);
}
footer .footer_content .footer_left .footer_list .footer_item {
  line-height: 1;
}
footer .footer_content .footer_left .footer_list .footer_item em {
  display: inline-block;
  width: calc(var(--var-1) * 80);
  margin-right: calc(var(--var-1) * 8);
  padding: calc(var(--var-1) * 4);
  background: var(--cl-white);
  color: var(--cl-blue);
  font-weight: 400;
  font-size: calc(var(--var-1) * 15);
  text-align: center;
}
footer .footer_content .footer_left .cmn_info {
  margin-top: calc(var(--var-1) * 48);
}
footer .footer_content .footer_left .cmn_info .footer_tel {
  align-items: center;
}
footer .footer_content .footer_left .cmn_info .btn_wrap {
  flex-direction: column;
  margin-top: calc(var(--var-1) * 40);
  gap: calc(var(--var-1) * 40);
}
footer .footer_content .footer_left .cmn_info .btn_wrap .btn_wrap_top {
  gap: calc(var(--var-1) * 32);
}
footer .footer_content .footer_right {
  margin-top: calc(var(--var-1) * 48);
  position: relative;
}
footer .footer_content .footer_right .footer_gnav_list {
  margin: 0 auto;
  width: calc(var(--var-1) * 310);
  gap: calc(var(--var-1) * 32) calc(var(--var-1) * 24);
  height: calc(var(--var-1) * 160);
}
footer .footer_content .footer_right .footer_gnav_list .footer_gnav_list_item {
  width: 50%;
}
footer .footer_content .footer_right .footer_gnav_list .footer_gnav_list_item .footer_gnav_link {
  display: block;
  font-weight: 700;
  font-size: calc(var(--var-1) * 16);
  line-height: 1;
  transition: 0.3s;
}
footer .footer_content .footer_right .footer_gnav_list .footer_gnav_list_item .footer_gnav_link::before {
  content: "";
  display: inline-block;
  width: calc(var(--var-1) * 6);
  height: calc(var(--var-1) * 6);
  margin-right: calc(var(--var-1) * 12);
  background: var(--cl-blue);
  border-radius: 50%;
}
footer .footer_content .footer_right .footer_gnav_list .footer_gnav_list_item .footer_gnav_link:hover {
  color: var(--cl-blue);
}
footer .footer_content .footer_right .footer_nav_list {
  margin-top: calc(var(--var-1) * 32);
  margin-left: calc(var(--var-1) * 12);
}
footer .footer_content .footer_right .footer_nav_list .footer_nav_item .footer_nav_link {
  display: block;
  font: 500 calc(var(--var-1) * 12)/1 var(--family-base);
}
footer .footer_content .footer_right .footer_nav_list .footer_nav_item:first-child .footer_nav_link {
  padding-right: calc(var(--var-1) * 16);
  border-right: 1px solid var(--cl-black);
}
footer .footer_content .footer_right .footer_nav_list .footer_nav_item:last-child .footer_nav_link {
  margin-left: calc(var(--var-1) * 16);
}

/*
========================================================================= */
/*  mv
========================================================================= */
.mv {
  background: url(../img/top/mv_bg.png) no-repeat;
  position: relative;
  height: calc(var(--var-1-sub) * 520);
}

.mv_wrap {
  width: 96%;
  margin: 0 auto;
  z-index: 0;
  height: calc(var(--var-1-sub) * 480);
  position: relative;
}

.mv .bx-wrapper,
.mv ul {
  height: 100%;
}

.mv li {
  height: calc(var(--var-1-sub) * 480);
}
.mv li:nth-child(1) {
  background: url(../img/top/mv_deco1.png) no-repeat right/cover, url(../img/top/mv_deco2.png) no-repeat right/cover, url(../img/top/mv_img1.png) left/cover;
}
.mv li:nth-child(2) {
  background: url(../img/top/mv_deco1.png) no-repeat right/cover, url(../img/top/mv_deco2.png) no-repeat right/cover, url(../img/top/mv_img2.png) left/cover;
}
.mv li:nth-child(3) {
  background: url(../img/top/mv_deco1.png) no-repeat right/cover, url(../img/top/mv_deco2.png) no-repeat right/cover, url(../img/top/mv_img3.png) center/cover;
}
.mv li:nth-child(4) {
  background: url(../img/top/mv_deco1.png) no-repeat right/cover, url(../img/top/mv_deco2.png) no-repeat right/cover, url(../img/top/mv_img4.png) left/cover;
}

.mv_ttl {
  position: absolute;
  bottom: calc(var(--var-1) * 48);
  left: calc(var(--var-1) * 16);
  width: calc(var(--var-1-sub) * 200);
  height: calc(var(--var-1-sub) * 228);
  padding: calc(var(--var-1) * 12);
  background: rgba(255, 255, 255, 0.8);
}

/*
========================================================================= */
/*  sv
========================================================================= */
.sb_mv {
  padding: calc(var(--var-1) * 32) 0;
}
.sb_mv .sv_ttl {
  display: block;
  width: calc(var(--var-1) * 256);
  margin-left: calc(var(--var-1) * 10);
  padding: calc(var(--var-1) * 16) 0;
  background: linear-gradient(145deg, rgba(23, 72, 226, 0.9) 0%, rgba(23, 72, 226, 0.9) 40%, rgba(40, 170, 235, 0.9) 60%, rgba(40, 170, 235, 0.9) 100%);
  color: var(--cl-white);
  font: 900 calc(var(--var-1) * 20)/1 var(--family-base);
  text-align: center;
}

/*
========================================================================= */
/*  下層の背景設定
========================================================================= */
.reason_mv {
  background: url(../img/sv/reason.png) no-repeat top/cover, url(../img/sv/bg.png) no-repeat;
}

.vehicles_mv {
  background: url(../img/sv/vehicles.png) no-repeat top/cover, url(../img/sv/bg.png) no-repeat;
}

.price_mv {
  background: url(../img/sv/price.png) no-repeat top/cover, url(../img/sv/bg.png) no-repeat;
}

.works_mv {
  background: url(../img/sv/works.png) no-repeat top/cover, url(../img/sv/bg.png) no-repeat;
}

.company_mv {
  background: url(../img/sv/company.png) no-repeat top/cover, url(../img/sv/bg.png) no-repeat;
}

.news_mv {
  background: url(../img/sv/news.png) no-repeat top/cover, url(../img/sv/bg.png) no-repeat;
}

.contact_mv {
  background: url(../img/sv/contact.png) no-repeat top/cover, url(../img/sv/bg.png) no-repeat;
}

.complete_mv {
  background: url(../img/sv/complete.png) no-repeat top/cover, url(../img/sv/bg.png) no-repeat;
}

.privacy_mv {
  background: url(../img/sv/privacy.png) no-repeat top/cover, url(../img/sv/bg.png) no-repeat;
}

.site_mv {
  background: url(../img/sv/site.png) no-repeat top/cover, url(../img/sv/bg.png) no-repeat;
}

.notfound_mv {
  background: url(../img/sv/notfound.png) no-repeat top/cover, url(../img/sv/bg.png) no-repeat;
}

/*
========================================================================= */
/*  top_problems
========================================================================= */
.top_problems {
  margin-top: calc(var(--var-1) * 10);
  padding-bottom: 0;
  background: url(../img/top/problems_bg.png) no-repeat top left 16%/cover;
}
.top_problems .inner::after {
  top: calc(var(--var-1) * -64);
  left: calc(var(--var-1) * -40);
}
.top_problems .inner .top_problems_ttl .top_problems_ttl_en {
  font-style: normal;
}
.top_problems .top_problems_content {
  flex-direction: column;
  gap: calc(var(--var-1) * 48);
  margin-top: calc(var(--var-1) * 56);
}
.top_problems .top_problems_content .top_problems_list {
  gap: calc(var(--var-1) * 20);
}
.top_problems .top_problems_content .top_problems_list .top_problems_item {
  font: 700 calc(var(--var-1) * 14) var(--family-base);
  letter-spacing: 0.01em;
}
.top_problems .top_problems_content .top_problems_list .top_problems_item::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: calc(var(--var-1) * 18);
  height: calc(var(--var-1) * 18);
  margin-right: calc(var(--var-1) * 12);
  background: url(../img/cmn/check.png) no-repeat top/100%;
  transform: translateY(calc(var(--var-1) * 2));
}
.top_problems .top_problems_content .top_problems_figure {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  width: 88%;
  height: calc(var(--var-1-sub) * 260);
}

/*
========================================================================= */
/*  top_about
========================================================================= */
.top_about {
  padding-top: calc(var(--var-1) * 64);
}
.top_about .inner {
  position: relative;
  z-index: 0;
}
.top_about .inner::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * -100);
  z-index: -1;
  display: block;
  width: 120%;
  transform: translateX(calc(var(--var-1) * -32));
  height: calc(var(--var-1) * 1268);
  background: url(../img/top/about_bg.png) no-repeat top/cover;
}
.top_about .inner::after {
  bottom: calc(var(--var-1) * 688);
  right: calc(var(--var-1) * -42);
}
.top_about .top_about_content {
  flex-direction: column-reverse;
  align-items: center;
  gap: calc(var(--var-1) * 64);
}
.top_about .top_about_content .top_about_figure {
  flex-shrink: 0;
  width: 88%;
  height: calc(var(--var-1-sub) * 236);
}
.top_about .top_about_content .top_about_txt {
  margin-top: calc(var(--var-1) * 20);
}
.top_about .top_about_content .top_about_txt .top_about_desc {
  margin-top: calc(var(--var-1) * 56);
}
.top_about .top_about_content .top_about_txt .top_about_btn {
  width: calc(var(--var-1) * 260);
  margin: calc(var(--var-1) * 48) auto 0;
}
.top_about .top_about_btm {
  flex-direction: column;
  gap: calc(var(--var-1) * 40);
  margin-top: calc(var(--var-1) * 80);
  padding: calc(var(--var-1) * 48) calc(var(--var-1) * 24);
  background: var(--cl-white);
}
.top_about .top_about_btm .top_about_btm_txt {
  text-align: center;
}
.top_about .top_about_btm .top_about_btm_txt .top_about_btm_lead {
  font: 900 calc(var(--var-1) * 24)/1 var(--family-base);
  position: relative;
}
.top_about .top_about_btm .top_about_btm_txt .top_about_btm_lead::before {
  content: "";
  position: absolute;
  bottom: calc(var(--var-1) * -42);
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  width: calc(var(--var-1) * 2);
  height: calc(var(--var-1) * 18);
  background: var(--cl-blue);
}
.top_about .top_about_btm .top_about_btm_txt .top_about_btm_desc {
  margin-top: calc(var(--var-1) * 32);
  text-align: left;
  line-height: 1.778;
}
.top_about .top_about_btm .top_about_btm_txt .top_about_btm_desc small {
  display: block;
  margin-top: calc(var(--var-1) * 16);
  font: 500 calc(var(--var-1) * 12)/1.867 var(--family-base);
}
.top_about .top_about_btm .top_about_btm_txt .txt_blue {
  margin-top: calc(var(--var-1) * 64);
  font: 700 calc(var(--var-1) * 16)/1.6 var(--family-base);
  text-align: center;
}
.top_about .top_about_btm .top_about_btm_figure {
  flex-shrink: 0;
  width: 80%;
  height: calc(var(--var-1) * 222);
}

/*
========================================================================= */
/*  top_service
========================================================================= */
.top_service {
  width: 88%;
  margin: 0 auto;
  padding: calc(var(--var-1) * 48) calc(var(--var-1) * 24);
  background: url(../img/top/service_bg.png);
  border: calc(var(--var-1) * 5) solid;
  -o-border-image: linear-gradient(to right, rgb(23, 72, 226) 0%, rgb(0, 137, 222) 60%, rgb(40, 170, 235) 100%) 1;
     border-image: linear-gradient(to right, rgb(23, 72, 226) 0%, rgb(0, 137, 222) 60%, rgb(40, 170, 235) 100%) 1;
}
.top_service .top_service_txt {
  text-align: center;
}
.top_service .top_service_desc {
  margin-top: calc(var(--var-1) * 48);
}
.top_service .top_service_btn {
  width: calc(var(--var-1) * 280);
  margin: calc(var(--var-1) * 48) auto 0;
  background: var(--cl-black-light);
}

/*
========================================================================= */
/*  top_reason
========================================================================= */
.top_reason .inner {
  position: relative;
}
.top_reason .inner::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * -80);
  left: calc(var(--var-1) * -120);
  z-index: -1;
  display: block;
  width: calc(var(--var-1) * 240);
  height: calc(var(--var-1) * 188);
  background: url(../img/cmn/deco2.png) no-repeat top/100%;
}
.top_reason .inner .top_reason_top {
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
.top_reason .inner .top_reason_top::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * 280);
  right: calc(var(--var-1) * -80);
  z-index: -1;
  display: block;
  width: 100%;
  height: calc(var(--var-1) * 652);
  background: var(--cl-gray);
}
.top_reason .inner .top_reason_top .top_reason_ttl {
  font-size: calc(var(--var-1) * 24);
  text-align: left;
}
.top_reason .inner .top_reason_top .top_reason_btn {
  margin: calc(var(--var-1) * 32) 0 0 auto;
}
.top_reason .inner .top_reason_list {
  gap: calc(var(--var-1) * 48);
  margin-top: calc(var(--var-1) * 56);
  counter-reset: number 0;
}
.top_reason .inner .top_reason_list .top_reason_item {
  gap: calc(var(--var-1) * 24);
}
.top_reason .inner .top_reason_list .top_reason_item .top_reason_img_wrap {
  width: calc(var(--var-1) * 145);
}
.top_reason .inner .top_reason_list .top_reason_item .top_reason_img_wrap .top_reason_figure {
  width: 100%;
  height: calc(var(--var-1) * 108);
  position: relative;
}
.top_reason .inner .top_reason_list .top_reason_item .top_reason_img_wrap .top_reason_figure .top_reason_deco {
  position: absolute;
  bottom: calc(var(--var-1) * -1);
  right: calc(var(--var-1) * 48);
  z-index: 0;
  color: var(--cl-blue);
  font: italic 700 calc(var(--var-1) * 16)/1 var(--family-base);
}
.top_reason .inner .top_reason_list .top_reason_item .top_reason_img_wrap .top_reason_figure .top_reason_deco::before {
  counter-increment: number 1;
  content: "0" counter(number);
  position: absolute;
  bottom: calc(var(--var-1) * -2);
  left: calc(var(--var-1) * 56);
  z-index: -1;
  display: block;
  color: var(--cl-white);
  font: italic 600 calc(var(--var-1) * 32)/1 var(--family-en);
  white-space: nowrap;
}
.top_reason .inner .top_reason_list .top_reason_item .top_reason_img_wrap .top_reason_figure_desc {
  margin-top: calc(var(--var-1) * 24);
  padding-left: calc(var(--var-1) * 8);
  border-left: calc(var(--var-1) * 2) solid var(--cl-blue);
  font: 700 calc(var(--var-1) * 14)/1.533 var(--family-base);
}

/*
========================================================================= */
/*  top_works
========================================================================= */
.top_works {
  position: relative;
}
.top_works::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: calc(var(--var-1) * 540);
  background: var(--cl-blue-light);
}
.top_works .top_works_list {
  margin-top: calc(var(--var-1) * 56);
}
.top_works .top_works_list .top_works_item {
  width: 46%;
}
.top_works .top_works_list .top_works_item .top_works_img_wrap .top_works_figure .top_works_img {
  width: 100%;
  height: calc(var(--var-1) * 93.333);
  -o-object-fit: cover;
     object-fit: cover;
}
.top_works .top_works_list .top_works_item .top_works_img_wrap .top_works_figure_ttl {
  padding: calc(var(--var-1) * 8) calc(var(--var-1) * 12);
  background: var(--cl-white);
  font: 500 calc(var(--var-1) * 14)/1.636 var(--family-base);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-height: calc(var(--var-1) * 58);
}
.top_works .top_works_btn {
  margin: calc(var(--var-1) * 48) auto 0;
}

/*
========================================================================= */
/*  bnr
========================================================================= */
.bnr {
  padding-top: calc(var(--var-1) * 64);
  padding-bottom: calc(var(--var-1) * 64);
}
.bnr .bnr_list {
  flex-direction: column;
  gap: calc(var(--var-1) * 40);
}
.bnr .bnr_list .bnr_item {
  width: 88%;
  margin: 0 auto;
}
.bnr .bnr_list .bnr_item .bnr_item_link {
  display: block;
  padding: calc(var(--var-1) * 37) 0;
}
.bnr .bnr_list .bnr_item .bnr_item_link .bg_white {
  background: var(--cl-white);
}
.bnr .bnr_list .bnr_item .bnr_item_link .bnr_ttl_en {
  margin-bottom: calc(var(--var-1) * 8);
}
.bnr .bnr_list .price_link {
  background: url(../img/top/bnr_price.png) no-repeat top/100%;
}
.bnr .bnr_list .company_link {
  background: url(../img/top/bnr_company.png) no-repeat top/100%;
}

/*
========================================================================= */
/*  .top_contact
========================================================================= */
.top_contact {
  padding-top: calc(var(--var-1) * 112);
  background: var(--cl-gray);
}
.top_contact .inner {
  position: relative;
  z-index: 0;
}
.top_contact .inner::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * -32);
  left: calc(var(--var-1) * -32);
  z-index: -1;
  display: block;
  width: 110%;
  height: calc(var(--var-1) * 240);
  background: url(../img/top/contact_bg.png) no-repeat top/cover;
}
.top_contact .inner::after {
  content: "";
  position: absolute;
  bottom: 0;
  z-index: -1;
  display: block;
  width: 110%;
  height: calc(var(--var-1) * 188);
  background: var(--cl-white);
  border-bottom: calc(var(--var-1) * 3) solid var(--cl-green);
}
.top_contact .inner .top_contact_ttl {
  color: var(--cl-white);
}
.top_contact .inner .top_contact_ttl .top_contact_ttl_en {
  color: var(--cl-white);
}
.top_contact .inner .top_contact_btm {
  margin-top: calc(var(--var-1) * 48);
  padding-bottom: calc(var(--var-1) * 40);
}
.top_contact .inner .top_contact_btm .top_contact_tel .tel_number {
  font-size: calc(var(--var-1) * 28);
}
.top_contact .inner .top_contact_btm .top_contact_tel .tel_number em {
  font-size: calc(var(--var-1) * 18);
}
.top_contact .inner .top_contact_btm .top_contact_tel .tel_number img {
  margin-top: calc(var(--var-1) * 20);
}
.top_contact .inner .top_contact_btm .top_contact_btn {
  margin: calc(var(--var-1) * 32) auto 0;
  position: relative;
}
.top_contact .inner .top_contact_btm .top_contact_btn::before {
  content: "";
  position: static;
  display: inline-block;
  width: calc(var(--var-1) * 16);
  height: calc(var(--var-1) * 12);
  margin-right: calc(var(--var-1) * 4);
  background: url(../img/cmn/mail_icon.png) no-repeat top/100%;
  transform: translateY(calc(var(--var-1) * 2));
}

/*
========================================================================= */
/*  top_news
========================================================================= */
.top_news {
  padding: calc(var(--var-1) * 80) 0;
}
.top_news .inner {
  position: relative;
}
.top_news .inner::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * -80);
  right: calc(var(--var-1) * 0);
  z-index: -1;
  display: block;
  width: calc(var(--var-1) * 320);
  height: calc(var(--var-1) * 918);
  background: url(../img/cmn/deco2.png) no-repeat top/100%;
}
.top_news .inner .top_news_list {
  flex-wrap: wrap;
  gap: calc(var(--var-1) * 42) 0;
  margin-top: calc(var(--var-1) * 56);
}
.top_news .inner .top_news_list .top_news_content {
  width: 46%;
}
.top_news .inner .top_news_list .top_news_content .news_figure .news_img {
  width: 100%;
  height: calc(var(--var-1) * 140);
  -o-object-fit: cover;
     object-fit: cover;
}
.top_news .inner .top_news_list .top_news_content .top_news_lead {
  margin-top: calc(var(--var-1) * 12);
  font: 500 calc(var(--var-1) * 16)/1.636 var(--family-base);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-height: calc(var(--var-1) * 60);
}
.top_news .inner .top_news_list .top_news_content .top_news_btm {
  margin-top: calc(var(--var-1) * 8);
  text-align: right;
}
.top_news .inner .top_news_list .top_news_content .top_news_btm time {
  color: var(--cl-blue);
  font: 500 calc(var(--var-1) * 14)/1 var(--family-base);
}
.top_news .inner .top_news_list .top_news_content .top_news_btm .top_news_tag_list {
  gap: calc(var(--var-1) * 8);
  margin-top: calc(var(--var-1) * 8);
}
.top_news .inner .top_news_list .top_news_content .top_news_btm .top_news_tag_list .top_news_tag_item {
  padding: calc(var(--var-1) * 4);
  border: 1px solid var(--cl-black);
  font: 400 calc(var(--var-1) * 12)/1 var(--family-base);
}
.top_news .inner .top_news_btn {
  margin: calc(var(--var-1) * 60) auto 0;
}

/*
========================================================================= */
/*  vehicles_about
========================================================================= */
.vehicles_about .inner {
  position: relative;
}
.vehicles_about .inner::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * -80);
  left: calc(var(--var-1) * -220);
  z-index: -1;
  display: block;
  width: calc(var(--var-1) * 400);
  height: calc(var(--var-1) * 918);
  background: url(../img/cmn/deco2.png) no-repeat top/100%;
}
.vehicles_about .inner::after {
  bottom: calc(var(--var-1) * -56);
  right: calc(var(--var-1) * -20);
}
.vehicles_about .inner .vehicles_about_content {
  flex-direction: column;
  gap: calc(var(--var-1) * 32);
}
.vehicles_about .inner .vehicles_about_content .vehicles_about_txt .vehicles_about_desc {
  margin-top: calc(var(--var-1) * 56);
}
.vehicles_about .inner .vehicles_about_content .vehicles_about_figure {
  flex-shrink: 0;
  width: 88%;
  height: calc(var(--var-1) * 210);
}

/*
========================================================================= */
/*  vehicles_feat
========================================================================= */
.vehicles_feat {
  padding: 0;
  position: relative;
}
.vehicles_feat::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * 56);
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: calc(var(--var-1) * 1658);
  background: var(--cl-gray);
}
.vehicles_feat .inner::before, .vehicles_feat .inner::after {
  content: none;
}

/*
========================================================================= */
/*  vehicles_maint
========================================================================= */
.vehicles_maint {
  padding-top: calc(var(--var-1) * 160);
}
.vehicles_maint .vehicles_maint_wrap {
  width: 88%;
  margin: 0 auto;
  padding: calc(var(--var-1) * 48) calc(var(--var-1) * 24);
  border: calc(var(--var-1) * 5) solid;
  -o-border-image: linear-gradient(to right, rgb(23, 72, 226) 0%, rgb(0, 137, 222) 60%, rgb(40, 170, 235) 100%) 1;
     border-image: linear-gradient(to right, rgb(23, 72, 226) 0%, rgb(0, 137, 222) 60%, rgb(40, 170, 235) 100%) 1;
  background: url(../img/vehicles/maintenance_bg.png) no-repeat top right 30%/cover;
}
.vehicles_maint .vehicles_maint_wrap .vehicles_maint_txt {
  margin: 0 auto;
}
.vehicles_maint .vehicles_maint_wrap .vehicles_maint_txt .vehicles_maint_desc {
  margin-top: calc(var(--var-1) * 32);
  text-align: center;
}

/*
========================================================================= */
/*  price
========================================================================= */
.price .inner {
  position: relative;
}
.price .inner::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * -80);
  left: calc(var(--var-1) * -220);
  z-index: -1;
  display: block;
  width: calc(var(--var-1) * 400);
  height: calc(var(--var-1) * 918);
  background: url(../img/cmn/deco2.png) no-repeat top/100%;
}
.price .inner .price_list {
  gap: calc(var(--var-1) * 80);
  margin-top: calc(var(--var-1) * 56);
}
.price .inner .price_list .price_item .price_ttl {
  padding: calc(var(--var-1) * 4) calc(var(--var-1) * 16);
  background: linear-gradient(145deg, rgb(23, 72, 226) 0%, rgb(23, 72, 226) 45%, rgb(40, 170, 235) 55%, rgb(40, 170, 235) 100%);
  color: var(--cl-white);
  font: 700 calc(var(--var-1) * 22)/1.533 var(--family-base);
}
.price .inner .price_list .price_item .price_desc {
  margin-top: calc(var(--var-1) * 32);
  padding: 0 calc(var(--var-1) * 16);
}
.price .inner .price_list .price_item .price_loop_list {
  gap: calc(var(--var-1) * 24);
  margin-top: calc(var(--var-1) * 40);
}
.price .inner .price_list .price_item .price_loop_list .price_loop_item {
  flex-direction: column;
  align-items: flex-start;
  padding: 0 calc(var(--var-1) * 16);
  padding-bottom: calc(var(--var-1) * 12);
  border-bottom: 1px solid var(--cl-blue);
}
.price .inner .price_list .price_item .price_loop_list .price_loop_item .price_loop_ttl {
  font: 700 calc(var(--var-1) * 18)/1.533 var(--family-base);
}
.price .inner .price_list .price_item .price_loop_list .price_loop_item .price_loop_fee {
  flex-shrink: 0;
  width: 100%;
  margin-top: calc(var(--var-1) * 12);
  font: 700 calc(var(--var-1) * 16)/1.533 var(--family-base);
  text-align: right;
}

/*
========================================================================= */
/*  works
========================================================================= */
.works .inner {
  position: relative;
}
.works .inner::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * -80);
  left: calc(var(--var-1) * -220);
  z-index: -1;
  display: block;
  width: calc(var(--var-1) * 400);
  height: calc(var(--var-1) * 918);
  background: url(../img/cmn/deco2.png) no-repeat top/100%;
}
.works .inner::after {
  bottom: calc(var(--var-1) * -80);
  right: calc(var(--var-1) * -32);
}
.works .inner .works_list {
  gap: calc(var(--var-1) * 48) 0;
  margin-top: calc(var(--var-1) * 62);
}
.works .inner .works_list .works_content {
  display: block;
  width: 46%;
}
.works .inner .works_list .works_content .works_img_wrap .works_figure .works_img {
  width: 100%;
  height: calc(var(--var-1) * 96.67);
  -o-object-fit: cover;
     object-fit: cover;
}
.works .inner .works_list .works_content .works_img_wrap .works_figure_ttl {
  padding: calc(var(--var-1) * 8);
  font: 500 calc(var(--var-1) * 14)/1.636 var(--family-base);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-height: calc(var(--var-1) * 52);
}

/*
========================================================================= */
/*  works_detail
========================================================================= */
.works_detail .inner {
  position: relative;
}
.works_detail .inner::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * -80);
  left: calc(var(--var-1) * -220);
  z-index: -1;
  display: block;
  width: calc(var(--var-1) * 400);
  height: calc(var(--var-1) * 918);
  background: url(../img/cmn/deco2.png) no-repeat top/100%;
}
.works_detail .inner::after {
  z-index: -1;
  bottom: calc(var(--var-1) * -80);
  right: calc(var(--var-1) * -32);
}
.works_detail .inner .works_detail_content .works_lead {
  font: 700 calc(var(--var-1) * 18) var(--family-base);
  padding-bottom: calc(var(--var-1) * 8);
  border-bottom: calc(var(--var-1) * 3) solid var(--cl-blue);
}
.works_detail .inner .works_detail_content .works_figure {
  text-align: center;
}
.works_detail .inner .works_detail_content .works_figure .works_img {
  width: 88%;
  height: calc(var(--var-1) * 184.18);
  margin-top: calc(var(--var-1) * 48);
  -o-object-fit: cover;
     object-fit: cover;
}
.works_detail .inner .works_desc {
  margin-top: calc(var(--var-1) * 40);
  font: 500 calc(var(--var-1) * 16)/1.778 var(--family-base);
  padding: 0 calc(var(--var-1) * 24);
}
.works_detail .inner .works_figure_list {
  gap: calc(var(--var-1) * 24);
  margin-top: calc(var(--var-1) * 52);
}
.works_detail .inner .works_figure_list .works_figure_item {
  width: 46%;
}
.works_detail .inner .works_figure_list .works_figure_item .works_figure_btm .works_img_btm {
  width: 100%;
  height: calc(var(--var-1) * 96.67);
  -o-object-fit: cover;
     object-fit: cover;
}

/*
========================================================================= */
/*  company
========================================================================= */
.company {
  background: var(--cl-gray);
}
.company .info_table {
  flex-direction: column;
  gap: calc(var(--var-1) * 48);
  margin-top: calc(var(--var-1) * 56);
}
.company .info_table .company_table .table_txt {
  flex-direction: column;
  border-bottom: 1px solid var(--cl-blue);
  font: 500 calc(var(--var-1) * 16)/1.4 var(--family-base);
}
.company .info_table .company_table .table_txt .table_label {
  width: calc(var(--var-1) * 120);
  padding-top: calc(var(--var-1) * 24);
  font-weight: 500;
}
.company .info_table .company_table .table_txt .table_desc {
  padding: calc(var(--var-1) * 18) 0;
  font-weight: 500;
}
.company .info_table .company_table .table_txt:first-child .table_label {
  padding-top: 0;
}
.company .info_table .company_iframe iframe {
  width: 100%;
  height: calc(var(--var-1) * 239.4);
  border: none;
}

/* =====================
  CONTACT
===================== */
.contact_form {
  margin: 0;
  padding: calc(var(--var-1) * 40) calc(var(--var-1) * 16);
}

.form {
  position: relative;
  padding-bottom: calc(var(--var-1) * 60);
}

.form_desc {
  margin-top: calc(var(--var-1) * 43);
  font-size: calc(var(--var-1) * 13);
  text-align: center;
}

.form_content {
  padding: calc(var(--var-1) * 32);
}

.form .contact-form-table {
  font-size: calc(var(--var-1) * 16);
}
.form .contact-form-table tr {
  width: 100%;
  padding-block: calc(var(--var-1) * 32) 0;
}
.form .contact-form-table th,
.form .contact-form-table td {
  vertical-align: middle;
  font-weight: 600;
}
.form .contact-form-table th {
  font-size: calc(var(--var-1) * 14);
  width: 100%;
}
.form .contact-form-table th .required_mark,
.form .contact-form-table th .any_mark {
  padding: calc(var(--var-1) * 2) calc(var(--var-1) * 4);
  float: right;
  background: #fff;
  color: red;
  font-weight: 600;
  font-size: calc(var(--var-1) * 12);
}
.form .contact-form-table th .any_mark {
  display: none;
}
.form .contact-form-table th .required-mark {
  margin-right: 0;
}
.form .contact-form-table td {
  width: 100%;
  padding-block: calc(var(--var-1) * 16) calc(var(--var-1) * 32);
  border-bottom: 1px solid var(--cl-must);
}
.form .contact-form-table td input,
.form .contact-form-table td textarea {
  width: 100%;
  padding: calc(var(--var-1) * 10);
}
.form .contact-form-table td #agree {
  width: auto;
}
.form .contact-form-table td label {
  font-size: calc(var(--var-1) * 13);
}
.form .contact-form-table td .ancion-btn-wrap {
  width: 100%;
  margin-top: calc(var(--var-1) * 24);
  display: flex;
  justify-content: center;
  gap: calc(var(--var-1) * 32);
}
.form .contact-form-table td .ancion-btn-wrap .ancion-btn {
  margin: 0;
}
.form .check-form-table {
  margin-top: calc(var(--var-1) * 32);
}
.form .contact-check-submits-wrap {
  flex-direction: column;
  gap: calc(var(--var-1) * 32);
}
.form .contact-check-submits-wrap .correction_btn {
  background: var(--txt-base);
}
.form .check-form {
  padding: calc(var(--var-1) * 40) calc(var(--var-1) * 16);
}

iframe {
  margin: 0;
}

/* =====================
  CONTACT COMPLETE
===================== */
.contents_u .complete_box {
  margin-top: calc(var(--var-1) * 32);
  line-height: 2.5;
  text-align: center;
}
.contents_u .complete_box a {
  display: block;
  width: calc(var(--var-1) * 180);
  padding: calc(var(--var-1) * 8);
  margin: calc(var(--var-1) * 32) auto;
  background: var(--cl-must);
  color: #fff;
  border-radius: calc(var(--var-1) * 32);
}

/* =====================
  NEWS
===================== */
.news .news_type {
  display: block;
  width: calc(var(--var-1) * 120);
  padding: calc(var(--var-1) * 5) calc(var(--var-1) * 8);
  margin: calc(var(--var-1) * 40) 0 0 auto;
}
.news .news_inner {
  width: 84%;
  margin: 0 auto;
}
.news .news_inner .news_list {
  margin-top: calc(var(--var-1) * 32);
}
.news .news_inner .news_list .sb_style:first-child .news_content {
  padding-top: 0;
}
.news .news_inner .news_list .news_content {
  gap: calc(var(--var-1) * 20);
  padding: calc(var(--var-1) * 20) 0;
  color: var(--txt-base);
  border-bottom: 1px solid var(--cl-must);
}
.news .news_inner .news_list .news_content .news_figure {
  flex-shrink: 0;
  overflow: hidden;
}
.news .news_inner .news_list .news_content .news_figure .news_img {
  width: calc(var(--var-1) * 108);
  height: calc(var(--var-1) * 108);
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s;
}
.news .news_inner .news_list .news_content .news_txt {
  width: calc(var(--var-1) * 187);
}
.news .news_inner .news_list .news_content .news_txt .news_top {
  gap: calc(var(--var-1) * 8);
}
.news .news_inner .news_list .news_content .news_txt .news_top time,
.news .news_inner .news_list .news_content .news_txt .news_top .news_tag_item {
  padding: calc(var(--var-1) * 6) calc(var(--var-1) * 12);
  border: 1px solid var(--txt-base);
  border-radius: calc(var(--var-1) * 25);
  color: var(--txt-base);
  font: 700 calc(var(--var-1) * 10)/1 var(--family-base);
}
.news .news_inner .news_list .news_content .news_txt .news_top time {
  flex-shrink: 0;
}
.news .news_inner .news_list .news_content .news_txt .news_top .news_tag {
  gap: calc(var(--var-1) * 12);
}
.news .news_inner .news_list .news_content .news_txt .news_top .news_tag .news_tag_item {
  border: 1px solid var(--cl-orange);
  color: var(--cl-orange);
}
.news .news_inner .news_list .news_content .news_txt .news_lead {
  margin-top: calc(var(--var-1) * 14);
  font: 500 calc(var(--var-1) * 16) var(--family-base);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news .news_inner .news_list .news_content .news_txt .news_desc {
  margin-top: calc(var(--var-1) * 8);
  font-weight: 500;
  line-height: 1.765;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-height: calc(var(--var-1) * 49);
  font-size: calc(var(--var-1) * 12);
}

.pagenation {
  display: flex;
  justify-content: center;
  gap: calc(var(--var-1) * 10);
  margin-top: calc(var(--var-1) * 56);
  font: 500 calc(var(--var-1) * 16)/1 var(--family-base);
}
.pagenation a,
.pagenation .current {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--var-1) * 28);
  height: calc(var(--var-1) * 28);
  background: var(--txt-base);
  color: var(--txt-sub-white);
}
.pagenation .current {
  background: var(--cl-must);
}

.news_detail .news_content {
  margin-top: calc(var(--var-1) * 24);
  padding-bottom: calc(var(--var-1) * 18);
}
.news_detail .news_ttl {
  padding-bottom: calc(var(--var-1) * 16);
  border-bottom: 1px solid var(--cl-must);
  font-size: calc(var(--var-1) * 16);
  font-weight: 700;
}
.news_detail .news_desc {
  margin-top: calc(var(--var-1) * 16);
}

.detail_pagination {
  margin-top: calc(var(--var-1) * 40);
  font-size: calc(var(--var-1) * 14);
  font-weight: 600;
  position: relative;
}
.detail_pagination p {
  display: inline-block;
}
.detail_pagination .left {
  position: absolute;
  left: 0;
}
.detail_pagination .center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.detail_pagination .right {
  position: absolute;
  right: 0;
}

/* =====================
  404
===================== */
#notfound .notfound_ttl {
  color: var(--txt-base);
  font-weight: 700;
  font-size: calc(var(--var-1) * 28);
  text-align: left;
  line-height: 1.5;
}
#notfound .txt_blc {
  margin-top: calc(var(--var-1) * 24);
  line-height: 1.8;
}
#notfound .txt_blc a {
  color: var(--cl-must);
}

/* =====================
  PRIVACY
===================== */
#privacy .privacy_ttl {
  text-align: center;
  line-height: 1.35;
}
#privacy .privacy_box {
  margin-top: calc(var(--var-1) * 64);
}
#privacy .privacy_box .cmn_ttl_second {
  margin-top: calc(var(--var-1) * 12);
  padding: calc(var(--var-1) * 2) 0 calc(var(--var-1) * 2) calc(var(--var-1) * 20);
  font: 700 calc(var(--var-1) * 16)/1.533 var(--family-base);
  border-left: calc(var(--var-1) * 3) solid var(--cl-blue);
}
#privacy .privacy_box p {
  margin-top: calc(var(--var-1) * 16);
}

/* =====================
  SITE MAP
===================== */
#site_map ul {
  display: block;
  width: auto;
  margin: calc(var(--var-1) * 40) auto 0;
}
#site_map a {
  display: block;
  gap: calc(var(--var-1) * 16);
  padding: calc(var(--var-1) * 24) 0;
  padding-left: calc(var(--var-1) * 8);
  border-bottom: 1px solid var(--cl-must);
  font: 700 calc(var(--var-1) * 16) var(--family-base);
  position: relative;
  transition: 0.3s;
}
#site_map a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(var(--var-1) * 16);
  margin: auto 0;
  width: calc(var(--var-1) * 16);
  height: calc(var(--var-1) * 16);
  background: url(../img/cmn/arrow-right-solid.png) no-repeat top/100%;
}