@charset "UTF-8";
/*
========================================================================= */
/*  header
========================================================================= */
header {
  position: fixed;
  z-index: 1000;
  width: 100%;
  background: var(--cl-white);
}
header .headline {
  padding: 0 calc(var(--var-1) * 20) 0 calc(var(--var-1) * 40);
}
header .headline .header_tel {
  margin-right: calc(var(--var-1) * 45);
  transform: translateY(calc(var(--var-1) * 8));
}
header .headline .btn_wrap {
  margin-right: calc(var(--var-1) * 20);
}
header .headline .gnav_list {
  gap: calc(var(--var-1) * 44);
  margin-top: calc(var(--var-1) * 22);
  margin-right: calc(var(--var-1) * 10);
}
header .headline .gnav_list .gnav_list_item {
  font: 700 calc(var(--var-1) * 16)/1 var(--family-base);
}
header .headline .gnav_list .gnav_list_item .gnav_list_link {
  padding-bottom: calc(var(--var-1) * 18);
  position: relative;
}
header .headline .gnav_list .gnav_list_item .gnav_list_link::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  width: 0;
  height: calc(var(--var-1) * 2);
  background: var(--cl-blue);
  transition: 0.3s;
}
header .headline .gnav_list .gnav_list_item .gnav_list_link:hover, header .headline .gnav_list .gnav_list_item .gnav_list_link.current {
  color: var(--cl-blue);
}
header .headline .gnav_list .gnav_list_item .gnav_list_link:hover::before, header .headline .gnav_list .gnav_list_item .gnav_list_link.current::before {
  width: 100%;
}

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

.logo {
  width: calc(var(--var-1) * 322);
  height: calc(var(--var-1) * 60);
}

/*
========================================================================= */
/*  footer
========================================================================= */
footer {
  padding: calc(var(--var-1) * 120) 0;
  background: var(--cl-blue-light);
}
footer .footer_content .footer_left .footer_list {
  gap: calc(var(--var-1) * 10);
  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) * 4);
  padding: calc(var(--var-1) * 3);
  background: var(--cl-white);
  color: var(--cl-blue);
  font-weight: 400;
  font-size: calc(var(--var-1) * 16);
  text-align: center;
}
footer .footer_content .footer_left .cmn_info {
  margin-top: calc(var(--var-1) * 30);
}
footer .footer_content .footer_left .cmn_info .footer_tel img {
  margin-left: calc(var(--var-1) * 40);
}
footer .footer_content .footer_left .cmn_info .btn_wrap {
  margin-top: calc(var(--var-1) * 30);
  gap: calc(var(--var-1) * 20);
}
footer .footer_content .footer_left .cmn_info .btn_wrap .btn_wrap_top {
  gap: calc(var(--var-1) * 20);
}
footer .footer_content .footer_right {
  width: calc(var(--var-1) * 496);
  margin-top: calc(var(--var-1) * 96);
  position: relative;
  padding-right: calc(var(--var-1) * 212);
}
footer .footer_content .footer_right .footer_gnav_list {
  gap: calc(var(--var-1) * 26) calc(var(--var-1) * 78);
  height: calc(var(--var-1) * 204);
}
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 {
  position: absolute;
  top: calc(var(--var-1) * 128);
  right: 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) * 14)/1 var(--family-base);
}
footer .footer_content .footer_right .footer_nav_list .footer_nav_item .footer_nav_link:hover {
  color: var(--cl-blue);
}
footer .footer_content .footer_right .footer_nav_list .footer_nav_item:first-child .footer_nav_link {
  padding-right: calc(var(--var-1) * 24);
  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) * 24);
}

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

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

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

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

.mv_ttl {
  position: absolute;
  top: calc(var(--var-1-sub) * 100);
  left: calc(var(--var-1-sub) * 120);
  width: calc(var(--var-1-sub) * 496);
  height: calc(var(--var-1-sub) * 567);
}

/*
========================================================================= */
/*  sv
========================================================================= */
.sb_mv {
  margin-top: calc(var(--var-1-sub) * 117);
  padding: calc(var(--var-1-sub) * 180) 0;
}
.sb_mv .sv_ttl {
  display: block;
  width: calc(var(--var-1-sub) * 750);
  margin-left: calc(var(--var-1-sub) * 320);
  padding: calc(var(--var-1-sub) * 26) 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-sub) * 40)/1 var(--family-base);
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

/*
========================================================================= */
/*  top_problems
========================================================================= */
.top_problems {
  margin-top: calc(var(--var-1) * 10);
  padding-top: calc(var(--var-1) * 180);
  padding-bottom: 0;
  background: url(../img/top/problems_bg.png) no-repeat;
}
.top_problems .inner::after {
  top: calc(var(--var-1) * -40);
  left: calc(var(--var-1) * -420);
}
.top_problems .inner .top_problems_ttl .top_problems_ttl_en {
  font-style: normal;
}
.top_problems .top_problems_content {
  margin-top: calc(var(--var-1) * 60);
}
.top_problems .top_problems_content .top_problems_list {
  gap: calc(var(--var-1) * 20);
  margin-top: calc(var(--var-1) * 80);
}
.top_problems .top_problems_content .top_problems_list .top_problems_item {
  font: 700 calc(var(--var-1) * 24) var(--family-base);
  letter-spacing: 0.01em;
}
.top_problems .top_problems_content .top_problems_list .top_problems_item::before {
  content: "";
  display: inline-block;
  width: calc(var(--var-1) * 40);
  height: calc(var(--var-1) * 40);
  margin-right: calc(var(--var-1) * 20);
  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 {
  flex-shrink: 0;
  margin-right: calc(var(--var-1-sub) * -245);
  width: calc(var(--var-1-sub) * 640);
  height: calc(var(--var-1-sub) * 600);
  transform: translateX(calc(var(--var-1-sub) * -65));
}

/*
========================================================================= */
/*  top_about
========================================================================= */
.top_about {
  padding-top: calc(var(--var-1) * 178);
}
.top_about .inner::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * -240);
  left: calc(var(--var-1) * -300);
  z-index: -1;
  display: block;
  width: calc(var(--var-1) * 1680);
  height: calc(var(--var-1) * 1268);
  background: url(../img/top/about_bg.png) no-repeat top/100%;
}
.top_about .inner::after {
  bottom: calc(var(--var-1) * 408);
  right: calc(var(--var-1) * -465);
}
.top_about .top_about_content {
  gap: calc(var(--var-1) * 90);
}
.top_about .top_about_content .top_about_figure {
  margin-left: calc(var(--var-1-sub) * -350);
  flex-shrink: 0;
  width: calc(var(--var-1-sub) * 800);
  height: calc(var(--var-1-sub) * 680);
}
@media screen and (max-width: 1540px) {
  .top_about .top_about_content .top_about_figure {
    margin-left: calc(var(--var-1-sub) * 0);
    width: calc(var(--var-1-sub) * 556);
    height: calc(var(--var-1-sub) * 380);
  }
}
.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_ttl {
  line-height: 1.379;
}
.top_about .top_about_content .top_about_txt .top_about_ttl .top_about_ttl_en {
  margin-bottom: calc(var(--var-1) * 18);
}
.top_about .top_about_content .top_about_txt .top_about_desc {
  margin-top: calc(var(--var-1) * 40);
}
.top_about .top_about_content .top_about_txt .top_about_btn {
  width: calc(var(--var-1) * 420);
  margin-top: calc(var(--var-1) * 48);
}
.top_about .top_about_btm {
  gap: calc(var(--var-1) * 40);
  margin-top: calc(var(--var-1) * 80);
  padding: calc(var(--var-1) * 28) calc(var(--var-1) * 60);
  background: var(--cl-white);
}
.top_about .top_about_btm .top_about_btm_txt {
  width: calc(var(--var-1) * 540);
  text-align: center;
}
.top_about .top_about_btm .top_about_btm_txt .top_about_btm_lead {
  font: 900 calc(var(--var-1) * 40)/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) * -54);
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  width: calc(var(--var-1) * 4);
  height: calc(var(--var-1) * 24);
  background: var(--cl-blue);
}
.top_about .top_about_btm .top_about_btm_txt .top_about_btm_desc {
  margin-top: calc(var(--var-1) * 18);
  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) * 15)/1.867 var(--family-base);
}
.top_about .top_about_btm .top_about_btm_txt .txt_blue {
  margin-top: calc(var(--var-1) * 88);
  font: 700 calc(var(--var-1) * 20)/1.6 var(--family-base);
  text-align: center;
}
.top_about .top_about_btm .top_about_btm_figure {
  flex-shrink: 0;
  width: calc(var(--var-1) * 376);
  height: calc(var(--var-1) * 391);
}

/*
========================================================================= */
/*  top_service
========================================================================= */
.top_service {
  width: calc(var(--var-1-sub) * 1680);
  margin: 0 auto;
  padding: calc(var(--var-1) * 120) calc(var(--var-1) * 300);
  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) * 420);
  margin: calc(var(--var-1) * 48) auto 0;
  background: var(--cl-black-light);
}

/*
========================================================================= */
/*  top_reason
========================================================================= */
.top_reason {
  padding-top: calc(var(--var-1) * 180);
  padding-bottom: 0;
}
.top_reason .inner {
  position: relative;
}
.top_reason .inner::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * -408);
  left: calc(var(--var-1) * -420);
  z-index: -1;
  display: block;
  width: calc(var(--var-1) * 1112);
  height: calc(var(--var-1) * 918);
  background: url(../img/cmn/deco2.png) no-repeat top/100%;
}
.top_reason .inner::after {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * 390);
  left: calc(var(--var-1) * -420);
  z-index: -2;
  display: block;
  width: calc(var(--var-1) * 220);
  height: calc(var(--var-1) * 1420);
  background: linear-gradient(135deg, rgb(23, 72, 226) 0%, rgb(23, 72, 226) 40%, rgb(40, 170, 235) 60%, rgb(40, 170, 235) 100%);
}
.top_reason .inner .top_reason_top {
  position: relative;
}
.top_reason .inner .top_reason_top::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * 390);
  right: calc(var(--var-1) * -420);
  z-index: -1;
  display: block;
  width: calc(var(--var-1) * 1160);
  height: calc(var(--var-1) * 1420);
  background: var(--cl-gray);
}
.top_reason .inner .top_reason_top .top_reason_ttl {
  line-height: 1.379;
}
.top_reason .inner .top_reason_top .top_reason_ttl .top_reason_ttl_en {
  margin-bottom: calc(var(--var-1) * 18);
}
.top_reason .inner .top_reason_list {
  gap: calc(var(--var-1) * 80);
  margin-top: calc(var(--var-1) * 60);
  counter-reset: number 0;
}
.top_reason .inner .top_reason_list .top_reason_item {
  gap: calc(var(--var-1) * 60);
}
.top_reason .inner .top_reason_list .top_reason_item .top_reason_img_wrap .top_reason_figure {
  width: calc(var(--var-1) * 400);
  height: calc(var(--var-1) * 300);
  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.6);
  right: calc(var(--var-1) * 84);
  z-index: 0;
  color: var(--cl-blue);
  font: italic 700 calc(var(--var-1) * 30)/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) * -4);
  left: calc(var(--var-1) * 56);
  z-index: -1;
  display: block;
  color: var(--cl-white);
  font: italic 600 calc(var(--var-1) * 110)/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) * 30);
  border-left: calc(var(--var-1) * 3) solid var(--cl-blue);
  font: 700 calc(var(--var-1) * 30)/1.533 var(--family-base);
}

/*
========================================================================= */
/*  top_works
========================================================================= */
.top_works {
  padding-top: calc(var(--var-1) * 370);
  padding-bottom: calc(var(--var-1) * 180);
  position: relative;
}
.top_works::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: calc(var(--var-1) * 816);
  background: var(--cl-blue-light);
}
.top_works .top_works_list {
  margin-top: calc(var(--var-1) * 60);
}
.top_works .top_works_list .top_works_item {
  width: calc(var(--var-1) * 480);
}
.top_works .top_works_list .top_works_item .top_works_img_wrap .top_works_figure .top_works_img {
  width: calc(var(--var-1) * 480);
  height: calc(var(--var-1) * 320);
  -o-object-fit: cover;
     object-fit: cover;
}
.top_works .top_works_list .top_works_item .top_works_img_wrap .top_works_figure_ttl {
  min-height: calc(var(--var-1) * 108);
  padding: calc(var(--var-1) * 18) calc(var(--var-1) * 30);
  background: var(--cl-white);
  font: 500 calc(var(--var-1) * 22)/1.636 var(--family-base);
}
.top_works .top_works_btn {
  margin: calc(var(--var-1) * 60) auto 0;
}

/*
========================================================================= */
/*  bnr
========================================================================= */
.bnr .bnr_list {
  width: 100%;
  gap: calc(var(--var-1) * 4);
}
.bnr .bnr_list .bnr_item {
  width: 50%;
}
.bnr .bnr_list .bnr_item .bnr_item_link {
  display: block;
  padding: calc(var(--var-1) * 124) 0 calc(var(--var-1) * 164);
}
.bnr .bnr_list .bnr_item .bnr_item_link .bg_white {
  background: var(--cl-white);
}
.bnr .bnr_list .price_link {
  background: url(../img/top/bnr_price.png);
}
.bnr .bnr_list .company_link {
  background: url(../img/top/bnr_company.png);
}

/*
========================================================================= */
/*  .top_contact
========================================================================= */
.top_contact {
  padding-top: calc(var(--var-1) * 300);
  padding-bottom: calc(var(--var-1) * 180);
  background: var(--cl-gray);
}
.top_contact .inner {
  position: relative;
  z-index: 0;
}
.top_contact .inner::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * -120);
  left: calc(var(--var-1) * -420);
  z-index: -1;
  display: block;
  width: calc(var(--var-1) * 1680);
  height: calc(var(--var-1) * 480);
  background: url(../img/top/contact_bg.png) no-repeat top/100%;
}
.top_contact .inner::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: calc(var(--var-1) * -420);
  z-index: -1;
  display: block;
  width: calc(var(--var-1) * 1500);
  height: calc(var(--var-1) * 290);
  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) * 116);
  padding-bottom: calc(var(--var-1) * 60);
}
.top_contact .inner .top_contact_btm .top_contact_tel .tel_number {
  font-size: calc(var(--var-1) * 46);
}
.top_contact .inner .top_contact_btm .top_contact_tel .tel_number em {
  font-size: calc(var(--var-1) * 32);
}
.top_contact .inner .top_contact_btm .top_contact_tel img {
  margin-top: calc(var(--var-1) * 20);
}
.top_contact .inner .top_contact_btm .top_contact_btn {
  margin: calc(var(--var-1) * 40) 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) * 24);
  height: calc(var(--var-1) * 16);
  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-block: calc(var(--var-1) * 180);
}
.top_news .inner {
  position: relative;
}
.top_news .inner::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * -180);
  right: calc(var(--var-1) * -420);
  z-index: -1;
  display: block;
  width: calc(var(--var-1) * 1112);
  height: calc(var(--var-1) * 918);
  background: url(../img/cmn/deco2.png) no-repeat top/100%;
}
.top_news .inner .top_news_list {
  margin-top: calc(var(--var-1) * 60);
}
.top_news .inner .top_news_list .top_news_content {
  width: calc(var(--var-1) * 300);
}
.top_news .inner .top_news_list .top_news_content .news_figure .news_img {
  width: calc(var(--var-1) * 300);
  height: calc(var(--var-1) * 300);
  -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) * 18);
  font: 500 calc(var(--var-1) * 22)/1.636 var(--family-base);
}
.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) * 16)/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) * 14);
  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) * 14)/1 var(--family-base);
}
.top_news .inner .top_news_btn {
  margin: calc(var(--var-1) * 60) auto 0;
}

/*
========================================================================= */
/*  vehicles_about
========================================================================= */
.vehicles_about {
  padding-bottom: calc(var(--var-1) * 240);
}
.vehicles_about .inner {
  position: relative;
}
.vehicles_about .inner::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * -520);
  left: calc(var(--var-1) * -420);
  z-index: -1;
  display: block;
  width: calc(var(--var-1) * 1112);
  height: calc(var(--var-1) * 918);
  background: url(../img/cmn/deco2.png) no-repeat top/100%;
}
.vehicles_about .inner::after {
  top: calc(var(--var-1) * 32);
  right: calc(var(--var-1) * -410);
}
.vehicles_about .inner .vehicles_about_content .vehicles_about_txt .vehicles_about_desc {
  margin-top: calc(var(--var-1) * 48);
}
.vehicles_about .inner .vehicles_about_content .vehicles_about_figure {
  flex-shrink: 0;
  width: calc(var(--var-1) * 450);
  height: calc(var(--var-1) * 340);
}

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

/*
========================================================================= */
/*  vehicles_maint
========================================================================= */
.vehicles_maint {
  padding-top: calc(var(--var-1) * 240);
}
.vehicles_maint .vehicles_maint_wrap {
  width: calc(var(--var-1-sub) * 1680);
  margin: 0 auto;
  padding: calc(var(--var-1) * 80) 0;
  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 right;
}
.vehicles_maint .vehicles_maint_wrap .vehicles_maint_txt {
  margin: 0 auto;
  width: calc(var(--var-1) * 700);
}
.vehicles_maint .vehicles_maint_wrap .vehicles_maint_txt .vehicles_maint_desc {
  margin-top: calc(var(--var-1) * 48);
  text-align: center;
}

/*
========================================================================= */
/*  price
========================================================================= */
.price .inner {
  position: relative;
}
.price .inner::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * -520);
  left: calc(var(--var-1) * -420);
  z-index: -1;
  display: block;
  width: calc(var(--var-1) * 1112);
  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) * 82);
}
.price .inner .price_list .price_item .price_ttl {
  padding: calc(var(--var-1) * 8) calc(var(--var-1) * 20);
  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) * 30)/1.533 var(--family-base);
}
.price .inner .price_list .price_item .price_desc {
  margin-top: calc(var(--var-1) * 40);
  padding: 0 calc(var(--var-1) * 20);
}
.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 {
  padding: 0 calc(var(--var-1) * 20);
  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 {
  width: calc(var(--var-1) * 750);
  font: 700 calc(var(--var-1) * 20)/1.533 var(--family-base);
}
.price .inner .price_list .price_item .price_loop_list .price_loop_item .price_loop_fee {
  flex-shrink: 0;
  width: calc(var(--var-1) * 260);
  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) * -520);
  left: calc(var(--var-1) * -420);
  z-index: -1;
  display: block;
  width: calc(var(--var-1) * 1112);
  height: calc(var(--var-1) * 918);
  background: url(../img/cmn/deco2.png) no-repeat top/100%;
}
.works .inner::after {
  bottom: calc(var(--var-1) * -120);
  right: calc(var(--var-1) * -420);
}
.works .inner .works_list {
  gap: calc(var(--var-1) * 106) 0;
  margin-top: calc(var(--var-1) * 62);
}
.works .inner .works_list .works_content {
  display: block;
  width: calc(var(--var-1) * 480);
}
.works .inner .works_list .works_content .works_img_wrap .works_figure .works_img {
  width: calc(var(--var-1) * 480);
  height: calc(var(--var-1) * 320);
  -o-object-fit: cover;
     object-fit: cover;
}
.works .inner .works_list .works_content .works_img_wrap .works_figure_ttl {
  padding: calc(var(--var-1) * 12) calc(var(--var-1) * 32);
  font: 500 calc(var(--var-1) * 22)/1.636 var(--family-base);
}

/*
========================================================================= */
/*  works_detail
========================================================================= */
.works_detail .inner {
  position: relative;
}
.works_detail .inner::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * -520);
  left: calc(var(--var-1) * -420);
  z-index: -1;
  display: block;
  width: calc(var(--var-1) * 1112);
  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) * -120);
  right: calc(var(--var-1) * -420);
}
.works_detail .inner .works_detail_content .works_lead {
  font: 700 calc(var(--var-1) * 30) 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: calc(var(--var-1) * 800);
  height: calc(var(--var-1) * 530);
  margin-top: calc(var(--var-1) * 60);
  -o-object-fit: cover;
     object-fit: cover;
}
.works_detail .inner .works_desc {
  margin-top: calc(var(--var-1) * 52);
  font: 500 calc(var(--var-1) * 18)/1.778 var(--family-base);
  padding: 0 calc(var(--var-1) * 24);
}
.works_detail .inner .works_figure_list {
  gap: calc(var(--var-1) * 60);
  margin-top: calc(var(--var-1) * 52);
}
.works_detail .inner .works_figure_list .works_figure_btm .works_img_btm {
  width: calc(var(--var-1) * 510);
  height: calc(var(--var-1) * 340);
  -o-object-fit: cover;
     object-fit: cover;
}

/*
========================================================================= */
/*  company
========================================================================= */
.company {
  background: var(--cl-gray);
}
.company .info_table {
  margin-top: calc(var(--var-1) * 60);
}
.company .info_table .company_table {
  width: calc(var(--var-1) * 520);
}
.company .info_table .company_table .table_txt {
  border-bottom: 1px solid var(--cl-blue);
  font: 500 calc(var(--var-1) * 18)/1.4 var(--family-base);
}
.company .info_table .company_table .table_txt .table_label {
  width: calc(var(--var-1) * 120);
  padding: calc(var(--var-1) * 20) 0;
  font-weight: 500;
}
.company .info_table .company_table .table_txt .table_desc {
  padding: calc(var(--var-1) * 20) 0;
  font-weight: 500;
}
.company .info_table .company_iframe iframe {
  width: calc(var(--var-1) * 500);
  height: calc(var(--var-1) * 380);
  border: none;
}

/* =====================
  CONTACT
===================== */
.form {
  position: relative;
  padding-bottom: calc(var(--var-1) * 68);
}

.contact_form {
  padding: calc(var(--var-1) * 80) calc(var(--var-1) * 40) calc(var(--var-1) * 40) calc(var(--var-1) * 40);
}

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

.form .contact-form-table {
  width: 100%;
  font-size: calc(var(--var-1) * 16);
}
.form .contact-form-table th,
.form .contact-form-table td {
  padding-block: calc(var(--var-1) * 24);
  vertical-align: middle;
  font-weight: 600;
}
.form .contact-form-table th {
  width: 30%;
  border-bottom: 1px solid var(--cl-must);
}
.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: calc(var(--var-1) * 32);
}
.form .contact-form-table td {
  width: 60%;
  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-submits-wrap input {
  background: var(--cl-must);
}
.form .contact-check-submits-wrap {
  gap: calc(var(--var-1) * 40);
}
.form .contact-check-submits-wrap .correction_btn {
  background: var(--cl-must);
}
.form .check-form {
  padding: calc(var(--var-1) * 80) calc(var(--var-1) * 40) calc(var(--var-1) * 40) calc(var(--var-1) * 40);
}

/* =====================
  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) * 240);
  height: calc(var(--var-1) * 64);
  line-height: calc(var(--var-1) * 64);
  margin: calc(var(--var-1) * 32) auto;
  background: var(--cl-must);
  color: #fff;
  border-radius: calc(var(--var-1) * 32);
  font-size: calc(var(--var-1) * 20);
}

/* =====================
  NEWS
===================== */
.news .news_type {
  display: block;
  width: calc(var(--var-1) * 200);
  padding: calc(var(--var-1) * 8);
  margin: 0 0 0 auto;
}
.news .news_inner {
  width: calc(var(--var-1) * 1080);
  margin: 0 auto;
}
.news .news_inner .news_list {
  margin-top: calc(var(--var-1) * 60);
}
.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) * 60);
  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 {
  overflow: hidden;
}
.news .news_inner .news_list .news_content .news_figure .news_img {
  width: calc(var(--var-1) * 380);
  height: calc(var(--var-1) * 240);
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s;
}
.news .news_inner .news_list .news_content .news_txt {
  width: calc(var(--var-1) * 1120);
}
.news .news_inner .news_list .news_content .news_txt .news_top {
  gap: calc(var(--var-1) * 12);
}
.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) * 20);
  border: 1px solid var(--txt-base);
  border-radius: calc(var(--var-1) * 25);
  color: var(--txt-base);
  font: 700 calc(var(--var-1) * 17)/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_list {
  gap: calc(var(--var-1) * 8);
}
.news .news_inner .news_list .news_content .news_txt .news_top .news_tag_list .news_tag {
  gap: calc(var(--var-1) * 12);
}
.news .news_inner .news_list .news_content .news_txt .news_top .news_tag_list .news_tag .news_tag_item {
  border: 1px solid var(--cl-must);
  color: var(--cl-must);
}
.news .news_inner .news_list .news_content .news_txt .news_lead {
  margin-top: calc(var(--var-1) * 20);
  font: 500 calc(var(--var-1) * 22) var(--family-base);
}
.news .news_inner .news_list .news_content .news_txt .news_desc {
  margin-top: calc(var(--var-1) * 25);
  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) * 60);
}
.news .news_inner .news_list .news_content:hover .news_img {
  transform: scale(1.05);
}

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

.news_index {
  margin-bottom: calc(var(--var-1) * 100);
}
.news_index .news_content {
  border-bottom: calc(var(--var-1) * 2) solid var(--cl-must);
  transition: 0.3s;
}
.news_index .news_content:hover {
  transform: translateX(calc(var(--var-1) * 12));
  opacity: 0.6;
}

.news_detail {
  margin-bottom: calc(var(--var-1) * 40);
}
.news_detail .news_ttl {
  padding-left: calc(var(--var-1) * 16);
  border-left: calc(var(--var-1) * 6) solid var(--cl-must);
  font-size: calc(var(--var-1) * 22);
  font-weight: 700;
}
.news_detail .news_content {
  margin-top: calc(var(--var-1) * 32);
}
.news_detail .news_content .news_desc {
  margin-top: calc(var(--var-1) * 32);
  font-weight: 500;
  line-height: 1.765;
}
.news_detail .news_content::before {
  display: none;
}
.news_detail .news_content .news_top {
  gap: calc(var(--var-1) * 12);
}
.news_detail .news_content .news_top time,
.news_detail .news_content .news_top .news_tag_item {
  padding: calc(var(--var-1) * 6) calc(var(--var-1) * 20);
  border: 1px solid var(--txt-base);
  border-radius: calc(var(--var-1) * 25);
  color: var(--txt-base);
  font: 700 calc(var(--var-1) * 17)/1 var(--family-base);
}
.news_detail .news_content .news_top time {
  flex-shrink: 0;
}
.news_detail .news_content .news_top .news_tag {
  gap: calc(var(--var-1) * 12);
}
.news_detail .news_content .news_top .news_tag .news_tag_item {
  border: 1px solid var(--cl-must);
  color: var(--cl-must);
}

.detail_pagination {
  margin-top: calc(var(--var-1) * 48);
  padding: calc(var(--var-1) * 24);
  font-size: calc(var(--var-1) * 16);
  font-weight: 600;
  position: relative;
}
.detail_pagination p {
  display: inline-block;
  transition: 0.3s;
}
.detail_pagination p:hover {
  color: var(--cl-must);
}
.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 {
  font: 700 calc(var(--var-1) * 48) var(--family-base);
}
#notfound .txt_blc {
  margin-top: calc(var(--var-1) * 24);
  font-size: calc(var(--var-1) * 18);
  line-height: 1.8;
}
#notfound .txt_blc a {
  font-weight: 700;
  color: var(--cl-must);
}

/* =====================
  PRIVACY
===================== */
#privacy {
  margin-bottom: calc(var(--var-1) * 120);
}
#privacy .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) * 30);
  font: 700 calc(var(--var-1) * 30)/1.533 var(--family-base);
  border-left: calc(var(--var-1) * 5) solid var(--cl-blue);
}
#privacy .privacy_box {
  margin-top: calc(var(--var-1) * 64);
}
#privacy .privacy_box:first-of-type {
  margin-top: calc(var(--var-1) * 120);
}
#privacy .privacy_box p {
  margin-top: calc(var(--var-1) * 24);
}

/* =====================
  SITE MAP
===================== */
#site_map {
  margin-bottom: calc(var(--var-1) * 120);
}
#site_map ul {
  width: 80%;
  margin: calc(var(--var-1) * 56) auto 0;
}
#site_map ul a {
  display: flex;
  align-items: center;
  gap: calc(var(--var-1) * 16);
  padding: calc(var(--var-1) * 16) 0 calc(var(--var-1) * 16) calc(var(--var-1) * 8);
  border-bottom: 1px solid var(--cl-must);
  position: relative;
  font-size: calc(var(--var-1) * 20);
  transition: 0.3s;
}
#site_map ul a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(var(--var-1) * 16);
  margin: auto 0;
  width: calc(var(--var-1) * 24);
  height: calc(var(--var-1) * 24);
  background: url(../img/cmn/arrow-right-solid.png) no-repeat top/100%;
  transition: 0.3s;
}
#site_map ul a:hover::before {
  right: calc(var(--var-1) * 10);
}
#site_map ul a:hover {
  color: var(--cl-blue-dark);
}