@charset "UTF-8";
/*$font-family-base:        -apple-system, BlinkMacSystemFont, Avenir,
                          "Noto Sans CJK JP",
                          Arial, Verdana, Meiryo,
                          "Hiragino Kaku Gothic Pro",
                          MS PGothic, sans-serif !default;*/
/*$container-xs:            100% !default;
// sp
$container-sm:            100% !default;
// tb
$container-md:            100% !default;
// mpc
$container-lg:            $scrn-lg-min !default;
// hd
$container-xl:            $scrn-xl-min !default;
// pc
$container-3l:            $scrn-3l-min !default;
// wpc
$container-4l:            $scrn-3l-min !default;
// fullHD
$container-5l:            $scrn-4l-min !default;
// uwpc1
$container-6l:            $scrn-5l-min !default;
// uwpc2
$container-7l:            $scrn-6l-min !default;*/
.line-red-v.title-xs span {
  padding-left: 5%;
}
.line-red-v.title-xs::before {
  content: "";
  position: absolute;
  top: 35%;
  left: 0;
  border-top: 5px solid #f00;
  border-bottom: 5px solid #b3b3b3;
  width: 4px;
}
.line-red-v.title-sm span {
  padding-left: 5%;
}
.line-red-v.title-sm::before {
  content: "";
  position: absolute;
  top: 35%;
  left: 0;
  border-top: 5px solid #f00;
  border-bottom: 5px solid #b3b3b3;
  width: 4px;
}
.line-red-v.title-md span {
  padding-left: 5%;
}
.line-red-v.title-md::before {
  content: "";
  position: absolute;
  top: 35%;
  left: 0;
  border-top: 5px solid #f00;
  border-bottom: 5px solid #b3b3b3;
  width: 4px;
}
.line-red-v.title-lg span {
  padding-left: 5%;
}
.line-red-v.title-lg::before {
  content: "";
  position: absolute;
  top: 35%;
  left: 0;
  border-top: 5px solid #f00;
  border-bottom: 5px solid #b3b3b3;
  width: 4px;
}

/*@mixin title-base {
  width: 100%;
  display: inline-block;
  font-weight: 900;
  vertical-align: middle;
  position: relative;
  div::before {
    content: '';
    position: absolute;
    top: 43%;
    left: -15px;
    border-top: 5px solid #f00;
    border-bottom: 5px solid #b3b3b3;
    width: 4px;
  }
  span {
    padding-left: 15px;
    &::before {
      content: '';
      position: absolute;
      top: 43%;
      left: 0;
      border-top: 5px solid #f00;
      border-bottom: 5px solid #b3b3b3;
      width: 4px;
    }
  }
}*/
/* ---------------------------------
テーブルデザイン
----------------------------------*/
/*@include hack-ie(ie9-10) {
 margin-top: 30px\9;
}
// * IE10 hack
// * 使用時の注意：プロパティの最後に\9を入れる
@include hack-ie(ie10) {
 margin-top: 30px\9;
}
// * IE11 hack
// * 使用時の注意：セレクタ*::-ms-backdropを追加する必要があるので、$hack-ie11を突っ込む
// * セレクタを継承する&も忘れずに
@include hack-ie(ie11) {
	 *::-ms-backdrop, & {
		 margin-top: 30px;
	 }
}*/
/*
ex.)
max size : 16px
min size : 10px
16px - 10px = 6px = val width of fontsize
1920px - 320px = 1600px = val width of viewport
10px + (1vw - 16px) * 100 * 6px / 1600px
10px + (1vw - 16px) * 0.375
*/
@font-face {
  font-family: "Noto Sans JP";
  font-weight: 400;
  font-style: normal;
  src: url("../font/Noto_Sans_JP/WOFF2/NotoSansJP-Regular-min.woff2") format("woff2"), url("../font/Noto_Sans_JP/WOFF/NotoSansJP-Regular-min.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans JP";
  font-weight: 700;
  font-style: normal;
  src: url("../font/Noto_Sans_JP/WOFF2/NotoSansJP-Medium-min.woff2") format("woff2"), url("../font/Noto_Sans_JP/WOFF/NotoSansJP-Medium-min.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans JP";
  font-weight: 900;
  font-style: normal;
  src: url("../font/Noto_Sans_JP/WOFF2/NotoSansJP-Bold-min.woff2") format("woff2"), url("../font/Noto_Sans_JP/WOFF/NotoSansJP-Bold-min.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 400;
  font-style: normal;
  src: url("../font/Inter/static/Inter-Regular.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 500;
  font-style: normal;
  src: url("../font/Inter/static/Inter-Medium.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 700;
  font-style: normal;
  src: url("../font/Inter/static/Inter-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 900;
  font-style: normal;
  src: url("../font/Inter/static/Inter-Bold.woff") format("woff");
}

@font-face {
  font-family: "DIN Pro";
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1em;
  src: url("../font/DinPro/DINPro-Medium.woff") format("woff");
}
@font-face {
  font-family: "DIN Pro";
  font-weight: 700;
  font-style: normal;
  src: url("../font/DinPro/DINPro-Bold.woff") format("woff");
}
.ff-din {
  vertical-align: baseline;
  letter-spacing: normal;
  line-height: 0.9;
  font-family: "DIN Pro";
}

@font-face {
  font-family: "DIN Pro Condensed";
  font-weight: 700;
  font-style: normal;
  src: url("../font/DinPro/DINPro-CondBold.woff") format("woff");
}

@font-face {
  font-family: "Aktiv Grotesk";
  font-weight: 200;
  font-style: normal;
  src: url("../font/Berthold-Akzidenz-Grotesk/Berthold-Akzidenz-Grotesk-Regular.woff2") format("woff2"), url("../font/Berthold-Akzidenz-Grotesk/Berthold-Akzidenz-Grotesk-Regular.woff") format("woff");
}
@font-face {
  font-family: "Aktiv Grotesk";
  font-weight: 400;
  font-style: normal;
  src: url("../font/Berthold-Akzidenz-Grotesk/Berthold-Akzidenz-Grotesk-Medium.woff2") format("woff2"), url("../font/Berthold-Akzidenz-Grotesk/Berthold-Akzidenz-Grotesk-Medium.woff") format("woff");
}
@font-face {
  font-family: "Aktiv Grotesk";
  font-weight: 700;
  font-style: normal;
  src: url("../font/Berthold-Akzidenz-Grotesk/Berthold-Akzidenz-Grotesk-Bold.woff2") format("woff2"), url("../font/Berthold-Akzidenz-Grotesk/Berthold-Akzidenz-Grotesk-Bold.woff") format("woff");
}
.ff-aktiv {
  vertical-align: baseline;
  letter-spacing: normal;
  line-height: 0.9;
  font-family: "Aktiv Grotesk";
}

@font-face {
  font-family: "LINESeedJP";
  font-weight: 200;
  font-style: normal;
  src: url("../font/LINE_Seed_JP/Web/WOFF2/LINESeedJP_Th.woff2") format("woff2"), url("../font/LINE_Seed_JP/Web/WOFF/LINESeedJP_Th.woff") format("woff");
}
@font-face {
  font-family: "LINESeedJP";
  font-weight: 400;
  font-style: normal;
  src: url("../font/LINE_Seed_JP/Web/WOFF2/LINESeedJP_Rg.woff2") format("woff2"), url("../font/LINE_Seed_JP/Web/WOFF/LINESeedJP_Rg.woff") format("woff");
}
@font-face {
  font-family: "LINESeedJP";
  font-weight: 700;
  font-style: normal;
  src: url("../font/LINE_Seed_JP/Web/WOFF2/LINESeedJP_Bd.woff2") format("woff2"), url("../font/LINE_Seed_JP/Web/WOFF/LINESeedJP_Bd.woff") format("woff");
}
.container, .truckdetail_drawer_container, .trucklist_drawer_container {
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
.container:before, .truckdetail_drawer_container:before, .trucklist_drawer_container:before, .container:after, .truckdetail_drawer_container:after, .trucklist_drawer_container:after {
  content: " ";
  display: table;
}
.container:after, .truckdetail_drawer_container:after, .trucklist_drawer_container:after {
  clear: both;
}
@media (min-width: 320px) {
  .container, .truckdetail_drawer_container, .trucklist_drawer_container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 360px) {
  .container, .truckdetail_drawer_container, .trucklist_drawer_container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 640px) {
  .container, .truckdetail_drawer_container, .trucklist_drawer_container {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .container, .truckdetail_drawer_container, .trucklist_drawer_container {
    width: 960px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1280px) {
  .container, .truckdetail_drawer_container, .trucklist_drawer_container {
    width: 1160px;
  }
}
@media (min-width: 1681px) {
  .container, .truckdetail_drawer_container, .trucklist_drawer_container {
    width: 1160px;
  }
}

/*@mixin incontainer-media-size {
  // sm
  @media (min-width: $screen-xs-min) {
    width: $container-xs;
  }
  // fb
  @media (min-width: $screen-sm-min) {
    width: $container-sm;
    padding-left:  calc($grid-gutter - 10px);
    padding-right: calc($grid-gutter - 10px);
  }
  // tb
  @media (min-width: $screen-md-min) {
    width: $container-md;
    padding-left:  $grid-gutter;
    padding-right: $grid-gutter;
  }
  // mpc
  @media (min-width: $screen-lg-min) {
    width: $container-lg;
    padding-left:  calc($grid-gutter * 3);
    padding-right: calc($grid-gutter * 3);
  }
  // pc
  @media (min-width: $screen-xl-min) {
    width: $container-xl;
    padding-left:  calc($grid-gutter * 4);
    padding-right: calc($grid-gutter * 4);
  }
  // wpc
  @media (min-width: $screen-3l-min) {
    width: $container-3l;
    padding-left:  calc($grid-gutter * 5);
    padding-right: calc($grid-gutter * 5);
  }
}*/
.container, .truckdetail_drawer_container, .trucklist_drawer_container {
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
.container:before, .truckdetail_drawer_container:before, .trucklist_drawer_container:before, .container:after, .truckdetail_drawer_container:after, .trucklist_drawer_container:after {
  content: " ";
  display: table;
}
.container:after, .truckdetail_drawer_container:after, .trucklist_drawer_container:after {
  clear: both;
}
@media (min-width: 320px) {
  .container, .truckdetail_drawer_container, .trucklist_drawer_container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 360px) {
  .container, .truckdetail_drawer_container, .trucklist_drawer_container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 640px) {
  .container, .truckdetail_drawer_container, .trucklist_drawer_container {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .container, .truckdetail_drawer_container, .trucklist_drawer_container {
    width: 960px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1280px) {
  .container, .truckdetail_drawer_container, .trucklist_drawer_container {
    width: 1160px;
  }
}
@media (min-width: 1681px) {
  .container, .truckdetail_drawer_container, .trucklist_drawer_container {
    width: 1160px;
  }
}

.contnr {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  /*@media (min-width: $scrn-4l-min) {
    width: $scrn-4l-min;
  }
  // 5l
  @media (min-width: $scrn-5l-min) {
    width: $scrn-5l-min;
  }*/
}
.contnr:before, .contnr:after {
  content: " ";
  display: table;
}
.contnr:after {
  clear: both;
}
@media (min-width: 360px) {
  .contnr {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 414px) {
  .contnr {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) {
  .contnr {
    width: 95%;
    padding-left: initial;
    padding-right: initial;
  }
}
@media (min-width: 1024px) {
  .contnr {
    width: 95%;
  }
}
@media (min-width: 1180px) {
  .contnr {
    max-width: 1160px;
  }
}
@media (min-width: 1400px) {
  .contnr {
    max-width: 1160px;
  }
}

/*.incontainer {
  @include container-base;
  @include incontainer-media-size;
}*/

@media (max-width: 1023px) {
  .fld-lg {
    padding: initial;
  }
}

@media (max-width: 767px) {
  .fld-md {
    padding: initial;
  }
}

/*
//////////////////////////////////////////////////////////////////


// Grid System
// グリッドシステムコア


//////////////////////////////////////////////////////////////////
*/

 .trucklist_drawer_left_block, .trucklist_drawer_left_block, .top_category_menu li, .menu_video > ul > li, .multiple_menu_size > li, .span-lg-2, .span_2, .trucklist_drawer_left_block, .top_category_menu li, .truckdetail_contact_btn li, .gmenu_quarity > li, .gmenu_branch > li, .gmenu_company > li, .gmenu_trucklist > li, .branch_contact_block .branch_contact, .multiple_menu_distance > li, .span_3, .menu_video > ul > li, .top_category_menu li, .trucklist_drawer_left_block, .multiple_menu_area > li, .multiple_menu_size > li, .multiple_menu_distance > li, .multiple_menu_year > li, .multiple_menu_type > li, .multiple_menu_marker > li, .multiple_menu_bodytype > li, .gmenu_quarity > li, .gmenu_branch > li, .gmenu_company > li, .gmenu_trucklist > li, .search_freeword_btn_block, .quality_checksheet_block, .truckdetail_spectable dl, .current_count_number, .top_search_newtruck_btn_block, .top_search_alltruck_btn_block, .span-md-4, .span-lg-4, .span_4, .truckdetail-overview_info li .truckdetail-overview_info_left, .truckdetail_overview_info li .truckdetail_overview_info_left, .span-sm-5, .about_point_expblock, .span-lg-5, .top_search_newtruck_btn_block, .top_search_alltruck_btn_block, .multiple_menu_area > li, .multiple_menu_size > li, .multiple_menu_distance > li, .multiple_menu_year > li, .multiple_menu_type > li, .multiple_menu_marker > li, .multiple_menu_bodytype > li, .gmenu_quarity > li, .gmenu_branch > li, .gmenu_company > li, .gmenu_trucklist > li, .popup_func_menu_block .popup_func_menu li, .popup_menu_alart_block .alart_btn_block, .span-xs-6, .truckdetail_contact_btn li, .span-sm-6, .branch_exhibit li, .branch_contact_block .branch_contact, .quality_checksheet_tire_block, .truckdetail_checksheet_tire_block, .truckdetail_checksheet_block, .span_9, .span_8, .span_6, .span-lg-6, .truckdetail-overview_info li .truckdetail-overview_info_right, .truckdetail_overview_info li .truckdetail_overview_info_right, .span-sm-7, .about_point_imageblock, .span-lg-7, .trucklist_drawer_right_block, .search_freeword_input_block, .span-lg-8, .trucklist_drawer_right_block, .span-sm-9, .span-lg-9, .trucklist_drawer_right_block, .trucklist_drawer_right_block, .branch_access_btn, .branch_contact_btn, .branch_exhibit li, .branch_contact_block .branch_contact, .truckdetail_contact_btn li, .quality_checksheet_tire_block, .quality_checksheet_block, .truckdetail_checksheet_tire_block, .truckdetail_checksheet_block, .truckdetail_spectable dl, .truckdetail_overview_info, .current_count_number, .span_12, .span_9, .span_8, .span_6, .span_4, .span_3, .span_2, .branchdetail_right, .branchdetail_left, .branch_exhibit li, .branch_contact_block .branch_contact, .truckdetail_right, .truckdetail_left, .span-sm-12, .refine_menu_search, .span-md-12, .span-lg-12 {
  position: relative;
  min-height: 1px;
}

 .trucklist_drawer_left_block, .menu_video > ul > li, .top_category_menu li, .truckdetail-overview_info li .truckdetail-overview_info_left, .truckdetail_overview_info li .truckdetail_overview_info_left, .top_search_newtruck_btn_block, .top_search_alltruck_btn_block, .multiple_menu_area > li, .multiple_menu_size > li, .multiple_menu_distance > li, .multiple_menu_year > li, .multiple_menu_type > li, .multiple_menu_marker > li, .multiple_menu_bodytype > li, .gmenu_quarity > li, .gmenu_branch > li, .gmenu_company > li, .gmenu_trucklist > li, .popup_func_menu_block .popup_func_menu li, .popup_menu_alart_block .alart_btn_block, .span-xs-6, .truckdetail-overview_info li .truckdetail-overview_info_right, .truckdetail_overview_info li .truckdetail_overview_info_right, .trucklist_drawer_right_block, .branch_access_btn, .branch_contact_btn, .branch_exhibit li, .branch_contact_block .branch_contact, .truckdetail_contact_btn li, .quality_checksheet_tire_block, .quality_checksheet_block, .truckdetail_checksheet_tire_block, .truckdetail_checksheet_block, .truckdetail_spectable dl, .truckdetail_overview_info, .current_count_number, .span_12, .span_9, .span_8, .span_6, .span_4, .span_3, .span_2 {
  float: left;
}

 .trucklist_drawer_left_block {
  width: 25%;
}

.menu_video > ul > li, .top_category_menu li {
  width: 33.3333333333%;
}

.truckdetail-overview_info li .truckdetail-overview_info_left, .truckdetail_overview_info li .truckdetail_overview_info_left {
  width: 41.6666666667%;
}

.top_search_newtruck_btn_block, .top_search_alltruck_btn_block, .multiple_menu_area > li, .multiple_menu_size > li, .multiple_menu_distance > li, .multiple_menu_year > li, .multiple_menu_type > li, .multiple_menu_marker > li, .multiple_menu_bodytype > li, .gmenu_quarity > li, .gmenu_branch > li, .gmenu_company > li, .gmenu_trucklist > li, .popup_func_menu_block .popup_func_menu li, .popup_menu_alart_block .alart_btn_block, .span-xs-6 {
  width: 50%;
}

.truckdetail-overview_info li .truckdetail-overview_info_right, .truckdetail_overview_info li .truckdetail_overview_info_right {
  width: 58.3333333333%;
}

 .trucklist_drawer_right_block {
  width: 75%;
}

.branch_access_btn, .branch_contact_btn, .branch_exhibit li, .branch_contact_block .branch_contact, .truckdetail_contact_btn li, .quality_checksheet_tire_block, .quality_checksheet_block, .truckdetail_checksheet_tire_block, .truckdetail_checksheet_block, .truckdetail_spectable dl, .truckdetail_overview_info, .current_count_number, .span_12, .span_9, .span_8, .span_6, .span_4, .span_3, .span_2 {
  width: 100%;
}

@media (min-width: 360px) {
   .top_category_menu li, .trucklist_drawer_left_block, .multiple_menu_area > li, .multiple_menu_size > li, .multiple_menu_distance > li, .multiple_menu_year > li, .multiple_menu_type > li, .multiple_menu_marker > li, .multiple_menu_bodytype > li, .gmenu_quarity > li, .gmenu_branch > li, .gmenu_company > li, .gmenu_trucklist > li, .search_freeword_btn_block, .span-sm-5, .truckdetail_contact_btn li, .span-sm-6, .span-sm-7, .trucklist_drawer_right_block, .search_freeword_input_block, .span-sm-9, .branchdetail_right, .branchdetail_left, .branch_exhibit li, .branch_contact_block .branch_contact, .truckdetail_right, .truckdetail_left, .span-sm-12 {
    float: left;
  }
  .top_category_menu li {
    width: 25%;
  }
   .trucklist_drawer_left_block, .multiple_menu_area > li, .multiple_menu_size > li, .multiple_menu_distance > li, .multiple_menu_year > li, .multiple_menu_type > li, .multiple_menu_marker > li, .multiple_menu_bodytype > li, .gmenu_quarity > li, .gmenu_branch > li, .gmenu_company > li, .gmenu_trucklist > li, .search_freeword_btn_block {
    width: 33.3333333333%;
  }
  .span-sm-5 {
    width: 41.6666666667%;
  }
  .truckdetail_contact_btn li, .span-sm-6 {
    width: 50%;
  }
  .span-sm-7 {
    width: 58.3333333333%;
  }
   .trucklist_drawer_right_block, .search_freeword_input_block {
    width: 66.6666666667%;
  }
  .span-sm-9 {
    width: 75%;
  }
  .branchdetail_right, .branchdetail_left, .branch_exhibit li, .branch_contact_block .branch_contact, .truckdetail_right, .truckdetail_left, .span-sm-12 {
    width: 100%;
  }
}
@media (min-width: 640px) {
   .trucklist_drawer_left_block, .top_category_menu li, .truckdetail_contact_btn li, .gmenu_quarity > li, .gmenu_branch > li, .gmenu_company > li, .gmenu_trucklist > li, .quality_checksheet_block, .truckdetail_spectable dl, .current_count_number, .top_search_newtruck_btn_block, .top_search_alltruck_btn_block, .span-md-4, .span_2, .branch_exhibit li, .branch_contact_block .branch_contact, .quality_checksheet_tire_block, .truckdetail_checksheet_tire_block, .truckdetail_checksheet_block, .span_9, .span_8, .span_6, .span_4, .span_3, .trucklist_drawer_right_block, .refine_menu_search, .span-md-12 {
    float: left;
  }
   .trucklist_drawer_left_block, .top_category_menu li {
    width: 16.6666666667%;
  }
  .truckdetail_contact_btn li, .gmenu_quarity > li, .gmenu_branch > li, .gmenu_company > li, .gmenu_trucklist > li {
    width: 25%;
  }
  .quality_checksheet_block, .truckdetail_spectable dl, .current_count_number, .top_search_newtruck_btn_block, .top_search_alltruck_btn_block, .span-md-4, .span_2 {
    width: 33.3333333333%;
  }
  .branch_exhibit li, .branch_contact_block .branch_contact, .quality_checksheet_tire_block, .truckdetail_checksheet_tire_block, .truckdetail_checksheet_block, .span_9, .span_8, .span_6, .span_4, .span_3 {
    width: 50%;
  }
   .trucklist_drawer_right_block {
    width: 83.3333333333%;
  }
  .refine_menu_search, .span-md-12 {
    width: 100%;
  }
}
@media (min-width: 960px) {
   .trucklist_drawer_left_block, .menu_video > ul > li, .multiple_menu_size > li, .span-lg-2, .span_2, .branch_contact_block .branch_contact, .multiple_menu_distance > li, .span_3, .span-lg-4, .span_4, .about_point_expblock, .span-lg-5, .span-lg-6, .about_point_imageblock, .span-lg-7, .span-lg-8, .span_8, .span-lg-9, .span_9, .trucklist_drawer_right_block, .span-lg-12 {
    float: left;
  }
   .trucklist_drawer_left_block {
    width: 8.3333333333%;
  }
  .menu_video > ul > li, .multiple_menu_size > li, .span-lg-2, .span_2 {
    width: 16.6666666667%;
  }
  .branch_contact_block .branch_contact, .multiple_menu_distance > li, .span_3 {
    width: 25%;
  }
  .span-lg-4, .span_4 {
    width: 33.3333333333%;
  }
  .about_point_expblock, .span-lg-5 {
    width: 41.6666666667%;
  }
  .span-lg-6 {
    width: 50%;
  }
  .about_point_imageblock, .span-lg-7 {
    width: 58.3333333333%;
  }
  .span-lg-8, .span_8 {
    width: 66.6666666667%;
  }
  .span-lg-9, .span_9 {
    width: 75%;
  }
   .trucklist_drawer_right_block {
    width: 91.6666666667%;
  }
  .span-lg-12 {
    width: 100%;
  }
}
@media (min-width: 1280px) {
   .trucklist_drawer_left_block, .truckdetail_right, .branchdetail_right, .about_point_expblock, .branchdetail_left, .about_point_imageblock, .truckdetail_left, .trucklist_drawer_right_block, .truckdetail_contact_btn li {
    float: left;
  }
   .trucklist_drawer_left_block {
    width: 16.6666666667%;
  }
  .truckdetail_right {
    width: 25%;
  }
  .branchdetail_right, .about_point_expblock {
    width: 33.3333333333%;
  }
  .branchdetail_left, .about_point_imageblock {
    width: 66.6666666667%;
  }
  .truckdetail_left {
    width: 75%;
  }
   .trucklist_drawer_right_block {
    width: 83.3333333333%;
  }
  .truckdetail_contact_btn li {
    width: 100%;
  }
}
.gutter_child_lg > .span-xs-6 {
  padding: 0 15px; /* =15px */
}
.gutter_child_lg > .span-sm-5 {
  padding: 0 15px; /* =15px */
}
.gutter_child_lg > .span-sm-6 {
  padding: 0 15px; /* =15px */
}
.gutter_child_lg > .span-sm-7 {
  padding: 0 15px; /* =15px */
}
.gutter_child_lg > .span-sm-9 {
  padding: 0 15px; /* =15px */
}
.gutter_child_lg > .span-sm-12 {
  padding: 0 15px; /* =15px */
}
.gutter_child_lg > .span-md-4 {
  padding: 0 15px; /* =15px */
}
.gutter_child_lg > .span-md-12 {
  padding: 0 15px; /* =15px */
}
.gutter_child_lg > .span-lg-2 {
  padding: 0 15px; /* =15px */
}
.gutter_child_lg > .span-lg-4 {
  padding: 0 15px; /* =15px */
}
.gutter_child_lg > .span-lg-5 {
  padding: 0 15px; /* =15px */
}
.gutter_child_lg > .span-lg-6 {
  padding: 0 15px; /* =15px */
}
.gutter_child_lg > .span-lg-7 {
  padding: 0 15px; /* =15px */
}
.gutter_child_lg > .span-lg-8 {
  padding: 0 15px; /* =15px */
}
.gutter_child_lg > .span-lg-9 {
  padding: 0 15px; /* =15px */
}
.gutter_child_lg > .span-lg-12 {
  padding: 0 15px; /* =15px */
}
.gutter_child_lg > .span_2 {
  padding: 0 15px; /* =15px */
}
.gutter_child_lg > .span_3 {
  padding: 0 15px; /* =15px */
}
.gutter_child_lg > .span_4 {
  padding: 0 15px; /* =15px */
}
.gutter_child_lg > .span_6 {
  padding: 0 15px; /* =15px */
}
.gutter_child_lg > .span_8 {
  padding: 0 15px; /* =15px */
}
.gutter_child_lg > .span_9 {
  padding: 0 15px; /* =15px */
}
.gutter_child_lg > .span_12 {
  padding: 0 15px; /* =15px */
}
.gutter_child_sm > .span-xs-6 {
  padding: 0 5px; /* =5px */
}
.gutter_child_sm > .span-sm-5 {
  padding: 0 5px; /* =5px */
}
.gutter_child_sm > .span-sm-6 {
  padding: 0 5px; /* =5px */
}
.gutter_child_sm > .span-sm-7 {
  padding: 0 5px; /* =5px */
}
.gutter_child_sm > .span-sm-9 {
  padding: 0 5px; /* =5px */
}
.gutter_child_sm > .span-sm-12 {
  padding: 0 5px; /* =5px */
}
.gutter_child_sm > .span-md-4 {
  padding: 0 5px; /* =5px */
}
.gutter_child_sm > .span-md-12 {
  padding: 0 5px; /* =5px */
}
.gutter_child_sm > .span-lg-2 {
  padding: 0 5px; /* =5px */
}
.gutter_child_sm > .span-lg-4 {
  padding: 0 5px; /* =5px */
}
.gutter_child_sm > .span-lg-5 {
  padding: 0 5px; /* =5px */
}
.gutter_child_sm > .span-lg-6 {
  padding: 0 5px; /* =5px */
}
.gutter_child_sm > .span-lg-7 {
  padding: 0 5px; /* =5px */
}
.gutter_child_sm > .span-lg-8 {
  padding: 0 5px; /* =5px */
}
.gutter_child_sm > .span-lg-9 {
  padding: 0 5px; /* =5px */
}
.gutter_child_sm > .span-lg-12 {
  padding: 0 5px; /* =5px */
}
.gutter_child_sm > .span_2 {
  padding: 0 5px; /* =5px */
}
.gutter_child_sm > .span_3 {
  padding: 0 5px; /* =5px */
}
.gutter_child_sm > .span_4 {
  padding: 0 5px; /* =5px */
}
.gutter_child_sm > .span_6 {
  padding: 0 5px; /* =5px */
}
.gutter_child_sm > .span_8 {
  padding: 0 5px; /* =5px */
}
.gutter_child_sm > .span_9 {
  padding: 0 5px; /* =5px */
}
.gutter_child_sm > .span_12 {
  padding: 0 5px; /* =5px */
}
.space_child_lg > .span-xs-6 {
  padding: 15px; /* =15px */
}
.space_child_lg > .span-sm-5 {
  padding: 15px; /* =15px */
}
.space_child_lg > .span-sm-6 {
  padding: 15px; /* =15px */
}
.space_child_lg > .span-sm-7 {
  padding: 15px; /* =15px */
}
.space_child_lg > .span-sm-9 {
  padding: 15px; /* =15px */
}
.space_child_lg > .span-sm-12 {
  padding: 15px; /* =15px */
}
.space_child_lg > .span-md-4 {
  padding: 15px; /* =15px */
}
.space_child_lg > .span-md-12 {
  padding: 15px; /* =15px */
}
.space_child_lg > .span-lg-2 {
  padding: 15px; /* =15px */
}
.space_child_lg > .span-lg-4 {
  padding: 15px; /* =15px */
}
.space_child_lg > .span-lg-5 {
  padding: 15px; /* =15px */
}
.space_child_lg > .span-lg-6 {
  padding: 15px; /* =15px */
}
.space_child_lg > .span-lg-7 {
  padding: 15px; /* =15px */
}
.space_child_lg > .span-lg-8 {
  padding: 15px; /* =15px */
}
.space_child_lg > .span-lg-9 {
  padding: 15px; /* =15px */
}
.space_child_lg > .span-lg-12 {
  padding: 15px; /* =15px */
}
.space_child_lg > .span_2 {
  padding: 15px; /* =15px */
}
.space_child_lg > .span_3 {
  padding: 15px; /* =15px */
}
.space_child_lg > .span_4 {
  padding: 15px; /* =15px */
}
.space_child_lg > .span_6 {
  padding: 15px; /* =15px */
}
.space_child_lg > .span_8 {
  padding: 15px; /* =15px */
}
.space_child_lg > .span_9 {
  padding: 15px; /* =15px */
}
.space_child_lg > .span_12 {
  padding: 15px; /* =15px */
}
.space_child_md > .span-xs-6 {
  padding: 10px; /* =10px */
}
.space_child_md > .span-sm-5 {
  padding: 10px; /* =10px */
}
.space_child_md > .span-sm-6 {
  padding: 10px; /* =10px */
}
.space_child_md > .span-sm-7 {
  padding: 10px; /* =10px */
}
.space_child_md > .span-sm-9 {
  padding: 10px; /* =10px */
}
.space_child_md > .span-sm-12 {
  padding: 10px; /* =10px */
}
.space_child_md > .span-md-4 {
  padding: 10px; /* =10px */
}
.space_child_md > .span-md-12 {
  padding: 10px; /* =10px */
}
.space_child_md > .span-lg-2 {
  padding: 10px; /* =10px */
}
.space_child_md > .span-lg-4 {
  padding: 10px; /* =10px */
}
.space_child_md > .span-lg-5 {
  padding: 10px; /* =10px */
}
.space_child_md > .span-lg-6 {
  padding: 10px; /* =10px */
}
.space_child_md > .span-lg-7 {
  padding: 10px; /* =10px */
}
.space_child_md > .span-lg-8 {
  padding: 10px; /* =10px */
}
.space_child_md > .span-lg-9 {
  padding: 10px; /* =10px */
}
.space_child_md > .span-lg-12 {
  padding: 10px; /* =10px */
}
.space_child_md > .span_2 {
  padding: 10px; /* =10px */
}
.space_child_md > .span_3 {
  padding: 10px; /* =10px */
}
.space_child_md > .span_4 {
  padding: 10px; /* =10px */
}
.space_child_md > .span_6 {
  padding: 10px; /* =10px */
}
.space_child_md > .span_8 {
  padding: 10px; /* =10px */
}
.space_child_md > .span_9 {
  padding: 10px; /* =10px */
}
.space_child_md > .span_12 {
  padding: 10px; /* =10px */
}
.space_child_sm > .span-xs-6 {
  padding: 5px; /* =5px */
}
.space_child_sm > .span-sm-5 {
  padding: 5px; /* =5px */
}
.space_child_sm > .span-sm-6 {
  padding: 5px; /* =5px */
}
.space_child_sm > .span-sm-7 {
  padding: 5px; /* =5px */
}
.space_child_sm > .span-sm-9 {
  padding: 5px; /* =5px */
}
.space_child_sm > .span-sm-12 {
  padding: 5px; /* =5px */
}
.space_child_sm > .span-md-4 {
  padding: 5px; /* =5px */
}
.space_child_sm > .span-md-12 {
  padding: 5px; /* =5px */
}
.space_child_sm > .span-lg-2 {
  padding: 5px; /* =5px */
}
.space_child_sm > .span-lg-4 {
  padding: 5px; /* =5px */
}
.space_child_sm > .span-lg-5 {
  padding: 5px; /* =5px */
}
.space_child_sm > .span-lg-6 {
  padding: 5px; /* =5px */
}
.space_child_sm > .span-lg-7 {
  padding: 5px; /* =5px */
}
.space_child_sm > .span-lg-8 {
  padding: 5px; /* =5px */
}
.space_child_sm > .span-lg-9 {
  padding: 5px; /* =5px */
}
.space_child_sm > .span-lg-12 {
  padding: 5px; /* =5px */
}
.space_child_sm > .span_2 {
  padding: 5px; /* =5px */
}
.space_child_sm > .span_3 {
  padding: 5px; /* =5px */
}
.space_child_sm > .span_4 {
  padding: 5px; /* =5px */
}
.space_child_sm > .span_6 {
  padding: 5px; /* =5px */
}
.space_child_sm > .span_8 {
  padding: 5px; /* =5px */
}
.space_child_sm > .span_9 {
  padding: 5px; /* =5px */
}
.space_child_sm > .span_12 {
  padding: 5px; /* =5px */
}

/* ボックス幅/高さに罫線/padding値を含まない */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* 足場指定 */
html {
  font-size: 16px;
  word-break: normal;
}

body.portal {
  font-family: "Inter", "Noto Sans JP", "Verdana", "Meiryo", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
  font-size: 1rem;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  /* スマホタップ時のハイライトなし（iOS） */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* 読み込みフェードイン */
  animation: fadeIn 1s ease 0s 1 normal;
  -webkit-animation: fadeIn 1s ease 0s 1 normal;
  background: #fff;
  color: #333;
  line-height: 1.4;
  vertical-align: middle;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

a {
  /* リンクスタイルのリセット */
  text-decoration: none;
  max-width: 100%;
  border: none;
  outline: none;
}

a:hover {
  max-width: 100%;
}
a:hover img {
  border: none;
  outline: none;
}

p {
  float: left;
  width: 100%;
  line-height: 1.5;
  padding: 15px 0;
  margin: 0;
}

/* リストの余白をリセット */
dl,
dt,
dd,
ul,
a {
  margin: 0;
  padding: 0;
}

/* 順序無リストのスタイルをリセット */
ul,
li {
  list-style-type: none;
}

/* イメージのスタイルをリセット */
img {
  border: none;
  vertical-align: middle;
}

/* iframeのスタイルをリセット */
iframe {
  margin: 0;
}

/* hrのスタイルをリセット */
hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

/* 見出しのサイズ太さ統一 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  margin: 0;
  padding: 0;
}

/* 画像サイズ指定（常に100％） */
img {
  max-width: 100%;
}

/* セクション、アサイドごとの幅高さ指定 */
article,
aside {
  width: 100%;
  padding: 20px 0;
}
article:before, article:after,
aside:before,
aside:after {
  content: " ";
  display: table;
}
article:after,
aside:after {
  clear: both;
}

section {
  width: 100%;
}
section:before, section:after {
  content: " ";
  display: table;
}
section:after {
  clear: both;
}

/* 斜体リセット */
address {
  font-style: normal;
}

/* セレクタごとの幅高さ指定 */
/*select{
  color: inherit;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  //padding: 5px;
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  font-family: $font-family-base;
  option {
    font-family: $font-family-base;
    background: #fff;
  }
}*/
input[type=submit],
input[type=button],
button {
  font-family: "Inter", "Noto Sans JP", "Verdana", "Meiryo", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
  border: initial;
  background: initial;
  width: initial;
  height: initial;
  padding: initial;
}

/* iOSでのデフォルトスタイルをリセット */
input[type=submit],
input[type=button] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
}
input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
  display: none;
}
input[type=submit]::focus,
input[type=button]::focus {
  outline-offset: -2px;
}

input[type=text],
input[type=password],
textarea,
select {
  width: 100%;
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #b3b3b3;
  font-family: "Inter", "Noto Sans JP", "Verdana", "Meiryo", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
}

input[type=radio] {
  margin: 0 10px;
  border-radius: 3px;
  border: 1px solid #545454;
}

/* チェックボックス・ラジオボタンデザイン

＜使用方法＞
・<label>で<input>を囲む。
・<input>をクラスで消す。
・<span>でデザインを表示

＜例＞
<label>
  <input class="checkbox" type="checkbox" value="全て">
  <span class="checkbox-icon">全て</span>
</label>

 */
label {
  float: left;
  display: table;
  vertical-align: middle;
}

.checkbox,
.radiobutton {
  display: none;
}

.checkbox + .checkbox-icon,
.radiobutton + .radiobutton-icon {
  display: table-cell;
  position: relative;
  vertical-align: middle;
}
.checkbox + .checkbox-icon span,
.radiobutton + .radiobutton-icon span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
  line-height: 1.3;
}

.radiobutton + .radiobutton-icon:before, .checkbox + .checkbox-icon:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border: 1px solid #999;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(4, 0, 0, 0.14) inset;
}

.checkbox + .checkbox-icon:before {
  border-radius: 4px;
}

.radiobutton + .radiobutton-icon:before {
  border-radius: 50%;
}

.checkbox:checked + .checkbox-icon:before {
  content: "✓";
  font-size: 1.025rem;
  line-height: 1;
  text-align: center;
  color: #fff;
  border: 1px solid #666;
  background: #666;
}

.radiobutton:checked + .radiobutton-icon:before {
  border: 1px solid #666;
  background: #666;
  background: radial-gradient(rgb(255, 255, 255) 0, rgb(255, 255, 255) 30%, #666 30%, #666 100%);
}

/* ボタン押下時効果 */
input[type=button]:hover,
input[type=button]:active,
input[type=submit]:hover,
input[type=submit]:active {
  opacity: 0.6;
}

iframe {
  width: 100%;
}

/* hrのスタイルをリセット */
hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

select {
  color: inherit;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 10px;
  padding-right: 30px;
  border: 1px solid #dadada;
  border-radius: 6px;
  font-family: "Inter", "Noto Sans JP", "Verdana", "Meiryo", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
  position: relative;
  width: 100%;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
}

option {
  font-weight: normal;
  display: block;
  white-space: nowrap;
  min-height: initial;
  padding: 0;
}

.select-box {
  width: 100%;
  position: relative;
  margin: 5px 0;
}
.select-box::after {
  position: absolute;
  content: "";
  border-color: #333;
  transform: rotate(135deg);
  border-top: 1px solid;
  border-right: 1px solid;
  width: 6px;
  height: 6px;
  left: auto;
  right: 20px;
  top: 1em;
  bottom: auto;
  margin: auto;
}

.select_wrap {
  width: 100%;
  position: relative;
}
.select_wrap::after {
  position: absolute;
  content: "";
  border-color: #fff;
  transform: rotate(135deg);
  border-top: 1px solid;
  border-right: 1px solid;
  width: 6px;
  height: 6px;
  left: auto;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

body.portal {
  width: 100%;
}

section:before, section:after {
  content: " ";
  display: initial;
}
section:after {
  clear: initial;
}

p {
  float: initial;
  width: initial;
  line-height: initial;
  padding: initial;
  margin: 0;
}

h2 {
  display: block;
  font-size: initial;
  margin-block-start: initial;
  margin-block-end: initial;
  margin-inline-start: initial;
  margin-inline-end: initial;
  font-weight: initial;
  unicode-bidi: initial;
}

/*
//////////////////////////////////////////////////////////////////

// Common Class
// 汎用クラス

01:レイアウト
02:モジュール

//////////////////////////////////////////////////////////////////
*/
.section,
.article {
  width: 100%;
  padding: 30px 0;
}
.section:before, .section:after,
.article:before,
.article:after {
  content: " ";
  display: table;
}
.section:after,
.article:after {
  clear: both;
}
@media (min-width: 640px) {
  .section,
  .article {
    padding: 40px 0;
  }
}

.block_lg {
  padding-top: 20px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.block_lg:before, .block_lg:after {
  content: " ";
  display: table;
}
.block_lg:after {
  clear: both;
}

.block_md {
  padding-top: 15px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.block_md:before, .block_md:after {
  content: " ";
  display: table;
}
.block_md:after {
  clear: both;
}

.block {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 20px;
}
.block:before, .block:after {
  content: " ";
  display: table;
}
.block:after {
  clear: both;
}
@media (min-width: 640px) {
  .block {
    padding-top: 30px;
  }
}

/*@mixin layout_top( $layout_top ) {
	float: left; width: 100%;
	padding-top: $layout_top;
}
%block_3l { @include layout_top(100px); }
%block_xl { @include layout_top(80px); }
%block_lg { @include layout_top(60px); }
%block_md { @include layout_top(40px); }
%block_sm { @include layout_top(20px); }
%block_xs { @include layout_top(10px); }

.block_3l { @extend %block_3l; }
.block_xl { @extend %block_xl; }
.block_lg { @extend %block_lg; }
.block_md { @extend %block_md; }
.block_sm { @extend %block_sm; }
.block_xs { @extend %block_xs; }
*/
.leftblock {
  width: 100%;
  float: left;
}
@media (min-width: 640px) {
  .leftblock {
    width: auto;
  }
}

.rightblock {
  width: 100%;
  float: right;
}
@media (min-width: 640px) {
  .rightblock {
    width: auto;
  }
}

.inner {
  float: left;
  width: 100%;
  padding-bottom: 20px;
}
@media (min-width: 640px) {
  .inner {
    padding-bottom: 30px;
  }
}

.box_3l {
  width: 100%;
  padding: 30px;
}

.box_lg {
  width: 100%;
  padding: 20px;
}

.box_md {
  width: 100%;
  padding: 15px;
}

.box, .box_md, .box_lg, .box_3l {
  float: left;
  width: 100%;
  padding: 0;
}

.box, .box_md, .box_lg, .box_3l {
  float: left;
  width: 100%;
}

.box_3l {
  padding: 30px;
  /* =30px */
}

.box_lg {
  padding: 20px;
  /* =20px */
}

.box_md {
  padding: 15px;
  /* =15px */
}

.video_block .video_block_contents, .row_4l {
  padding-top: 35px;
  padding-bottom: 35px;
  width: 100%;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

 .row_3l {
  padding-top: 30px;
  padding-bottom: 30px;
  width: 100%;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

 .row_md {
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

 .row_sm {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.gutter_sm {
  padding-left: 10px;
  padding-right: 10px;
}
.gutter_child_lg > .col_2 {
  padding: 0 20px;
}
 .gutter_child_lg > .trucklist_drawer_left_block {
  padding: 0 20px;
}
.menu_video > ul.gutter_child_lg > li, .top_category_menu .gutter_child_lg > li {
  padding: 0 20px;
}
.truckdetail-overview_info li .gutter_child_lg > .truckdetail-overview_info_left, .truckdetail_overview_info li .gutter_child_lg > .truckdetail_overview_info_left {
  padding: 0 20px;
}
.gutter_child_lg > .top_search_newtruck_btn_block, .gutter_child_lg > .top_search_alltruck_btn_block, .multiple_menu_area.gutter_child_lg > li, .multiple_menu_size.gutter_child_lg > li, .multiple_menu_distance.gutter_child_lg > li, .multiple_menu_year.gutter_child_lg > li, .multiple_menu_type.gutter_child_lg > li, .multiple_menu_marker.gutter_child_lg > li, .multiple_menu_bodytype.gutter_child_lg > li, .gmenu_quarity.gutter_child_lg > li, .gmenu_branch.gutter_child_lg > li, .gmenu_company.gutter_child_lg > li, .gmenu_trucklist.gutter_child_lg > li, .popup_func_menu_block .popup_func_menu .gutter_child_lg > li, .popup_menu_alart_block .gutter_child_lg > .alart_btn_block, .gutter_child_lg > .span-xs-6 {
  padding: 0 20px;
}
.truckdetail-overview_info li .gutter_child_lg > .truckdetail-overview_info_right, .truckdetail_overview_info li .gutter_child_lg > .truckdetail_overview_info_right {
  padding: 0 20px;
}
 .gutter_child_lg > .trucklist_drawer_right_block {
  padding: 0 20px;
}
.gutter_child_lg > .branch_access_btn, .gutter_child_lg > .branch_contact_btn, .branch_exhibit .gutter_child_lg > li, .branch_contact_block .gutter_child_lg > .branch_contact, .truckdetail_contact_btn .gutter_child_lg > li, .gutter_child_lg > .quality_checksheet_tire_block, .gutter_child_lg > .quality_checksheet_block, .gutter_child_lg > .truckdetail_checksheet_tire_block, .gutter_child_lg > .truckdetail_checksheet_block, .truckdetail_spectable .gutter_child_lg > dl, .gutter_child_lg > .truckdetail_overview_info, .gutter_child_lg > .current_count_number, .gutter_child_lg > .span_12, .gutter_child_lg > .span_9, .gutter_child_lg > .span_8, .gutter_child_lg > .span_6, .gutter_child_lg > .span_4, .gutter_child_lg > .span_3, .gutter_child_lg > .span_2 {
  padding: 0 20px;
}
.top_category_menu .gutter_child_lg > li {
  padding: 0 20px;
}
 .gutter_child_lg > .trucklist_drawer_left_block, .multiple_menu_area.gutter_child_lg > li, .multiple_menu_size.gutter_child_lg > li, .multiple_menu_distance.gutter_child_lg > li, .multiple_menu_year.gutter_child_lg > li, .multiple_menu_type.gutter_child_lg > li, .multiple_menu_marker.gutter_child_lg > li, .multiple_menu_bodytype.gutter_child_lg > li, .gmenu_quarity.gutter_child_lg > li, .gmenu_branch.gutter_child_lg > li, .gmenu_company.gutter_child_lg > li, .gmenu_trucklist.gutter_child_lg > li, .gutter_child_lg > .search_freeword_btn_block {
  padding: 0 20px;
}
.gutter_child_lg > .span-sm-5 {
  padding: 0 20px;
}
.truckdetail_contact_btn .gutter_child_lg > li, .gutter_child_lg > .span-sm-6 {
  padding: 0 20px;
}
.gutter_child_lg > .span-sm-7 {
  padding: 0 20px;
}
 .gutter_child_lg > .trucklist_drawer_right_block, .gutter_child_lg > .search_freeword_input_block {
  padding: 0 20px;
}
.gutter_child_lg > .span-sm-9 {
  padding: 0 20px;
}
.gutter_child_lg > .branchdetail_right, .gutter_child_lg > .branchdetail_left, .branch_exhibit .gutter_child_lg > li, .branch_contact_block .gutter_child_lg > .branch_contact, .gutter_child_lg > .truckdetail_right, .gutter_child_lg > .truckdetail_left, .gutter_child_lg > .span-sm-12 {
  padding: 0 20px;
}
 .gutter_child_lg > .trucklist_drawer_left_block, .top_category_menu .gutter_child_lg > li {
  padding: 0 20px;
}
.truckdetail_contact_btn .gutter_child_lg > li, .gmenu_quarity.gutter_child_lg > li, .gmenu_branch.gutter_child_lg > li, .gmenu_company.gutter_child_lg > li, .gmenu_trucklist.gutter_child_lg > li {
  padding: 0 20px;
}
.gutter_child_lg > .quality_checksheet_block, .truckdetail_spectable .gutter_child_lg > dl, .gutter_child_lg > .current_count_number, .gutter_child_lg > .top_search_newtruck_btn_block, .gutter_child_lg > .top_search_alltruck_btn_block, .gutter_child_lg > .span-md-4, .gutter_child_lg > .span_2 {
  padding: 0 20px;
}
.branch_exhibit .gutter_child_lg > li, .branch_contact_block .gutter_child_lg > .branch_contact, .gutter_child_lg > .quality_checksheet_tire_block, .gutter_child_lg > .truckdetail_checksheet_tire_block, .gutter_child_lg > .truckdetail_checksheet_block, .gutter_child_lg > .span_9, .gutter_child_lg > .span_8, .gutter_child_lg > .span_6, .gutter_child_lg > .span_4, .gutter_child_lg > .span_3 {
  padding: 0 20px;
}
 .gutter_child_lg > .trucklist_drawer_right_block {
  padding: 0 20px;
}
.gutter_child_lg > .refine_menu_search, .gutter_child_lg > .span-md-12 {
  padding: 0 20px;
}
 .gutter_child_lg > .trucklist_drawer_left_block {
  padding: 0 20px;
}
.menu_video > ul.gutter_child_lg > li, .multiple_menu_size.gutter_child_lg > li, .gutter_child_lg > .span-lg-2, .gutter_child_lg > .span_2 {
  padding: 0 20px;
}
.branch_contact_block .gutter_child_lg > .branch_contact, .multiple_menu_distance.gutter_child_lg > li, .gutter_child_lg > .span_3 {
  padding: 0 20px;
}
.gutter_child_lg > .span-lg-4, .gutter_child_lg > .span_4 {
  padding: 0 20px;
}
.gutter_child_lg > .about_point_expblock, .gutter_child_lg > .span-lg-5 {
  padding: 0 20px;
}
.gutter_child_lg > .span-lg-6 {
  padding: 0 20px;
}
.gutter_child_lg > .about_point_imageblock, .gutter_child_lg > .span-lg-7 {
  padding: 0 20px;
}
.gutter_child_lg > .span-lg-8, .gutter_child_lg > .span_8 {
  padding: 0 20px;
}
.gutter_child_lg > .span-lg-9, .gutter_child_lg > .span_9 {
  padding: 0 20px;
}
 .gutter_child_lg > .trucklist_drawer_right_block {
  padding: 0 20px;
}
.gutter_child_lg > .span-lg-12 {
  padding: 0 20px;
}
 .gutter_child_lg > .trucklist_drawer_left_block {
  padding: 0 20px;
}
.gutter_child_lg > .truckdetail_right {
  padding: 0 20px;
}
.gutter_child_lg > .branchdetail_right, .gutter_child_lg > .about_point_expblock {
  padding: 0 20px;
}
.gutter_child_lg > .branchdetail_left, .gutter_child_lg > .about_point_imageblock {
  padding: 0 20px;
}
.gutter_child_lg > .truckdetail_left {
  padding: 0 20px;
}
 .gutter_child_lg > .trucklist_drawer_right_block {
  padding: 0 20px;
}
.truckdetail_contact_btn .gutter_child_lg > li {
  padding: 0 20px;
}
.gutter_child_sm > .col_2 {
  padding: 0 10px;
}
 .gutter_child_sm > .trucklist_drawer_left_block {
  padding: 0 10px;
}
.menu_video > ul.gutter_child_sm > li, .top_category_menu .gutter_child_sm > li {
  padding: 0 10px;
}
.truckdetail-overview_info li .gutter_child_sm > .truckdetail-overview_info_left, .truckdetail_overview_info li .gutter_child_sm > .truckdetail_overview_info_left {
  padding: 0 10px;
}
.gutter_child_sm > .top_search_newtruck_btn_block, .gutter_child_sm > .top_search_alltruck_btn_block, .multiple_menu_area.gutter_child_sm > li, .multiple_menu_size.gutter_child_sm > li, .multiple_menu_distance.gutter_child_sm > li, .multiple_menu_year.gutter_child_sm > li, .multiple_menu_type.gutter_child_sm > li, .multiple_menu_marker.gutter_child_sm > li, .multiple_menu_bodytype.gutter_child_sm > li, .gmenu_quarity.gutter_child_sm > li, .gmenu_branch.gutter_child_sm > li, .gmenu_company.gutter_child_sm > li, .gmenu_trucklist.gutter_child_sm > li, .popup_func_menu_block .popup_func_menu .gutter_child_sm > li, .popup_menu_alart_block .gutter_child_sm > .alart_btn_block, .gutter_child_sm > .span-xs-6 {
  padding: 0 10px;
}
.truckdetail-overview_info li .gutter_child_sm > .truckdetail-overview_info_right, .truckdetail_overview_info li .gutter_child_sm > .truckdetail_overview_info_right {
  padding: 0 10px;
}
 .gutter_child_sm > .trucklist_drawer_right_block {
  padding: 0 10px;
}
.gutter_child_sm > .branch_access_btn, .gutter_child_sm > .branch_contact_btn, .branch_exhibit .gutter_child_sm > li, .branch_contact_block .gutter_child_sm > .branch_contact, .truckdetail_contact_btn .gutter_child_sm > li, .gutter_child_sm > .quality_checksheet_tire_block, .gutter_child_sm > .quality_checksheet_block, .gutter_child_sm > .truckdetail_checksheet_tire_block, .gutter_child_sm > .truckdetail_checksheet_block, .truckdetail_spectable .gutter_child_sm > dl, .gutter_child_sm > .truckdetail_overview_info, .gutter_child_sm > .current_count_number, .gutter_child_sm > .span_12, .gutter_child_sm > .span_9, .gutter_child_sm > .span_8, .gutter_child_sm > .span_6, .gutter_child_sm > .span_4, .gutter_child_sm > .span_3, .gutter_child_sm > .span_2 {
  padding: 0 10px;
}
.top_category_menu .gutter_child_sm > li {
  padding: 0 10px;
}
 .gutter_child_sm > .trucklist_drawer_left_block, .multiple_menu_area.gutter_child_sm > li, .multiple_menu_size.gutter_child_sm > li, .multiple_menu_distance.gutter_child_sm > li, .multiple_menu_year.gutter_child_sm > li, .multiple_menu_type.gutter_child_sm > li, .multiple_menu_marker.gutter_child_sm > li, .multiple_menu_bodytype.gutter_child_sm > li, .gmenu_quarity.gutter_child_sm > li, .gmenu_branch.gutter_child_sm > li, .gmenu_company.gutter_child_sm > li, .gmenu_trucklist.gutter_child_sm > li, .gutter_child_sm > .search_freeword_btn_block {
  padding: 0 10px;
}
.gutter_child_sm > .span-sm-5 {
  padding: 0 10px;
}
.truckdetail_contact_btn .gutter_child_sm > li, .gutter_child_sm > .span-sm-6 {
  padding: 0 10px;
}
.gutter_child_sm > .span-sm-7 {
  padding: 0 10px;
}
 .gutter_child_sm > .trucklist_drawer_right_block, .gutter_child_sm > .search_freeword_input_block {
  padding: 0 10px;
}
.gutter_child_sm > .span-sm-9 {
  padding: 0 10px;
}
.gutter_child_sm > .branchdetail_right, .gutter_child_sm > .branchdetail_left, .branch_exhibit .gutter_child_sm > li, .branch_contact_block .gutter_child_sm > .branch_contact, .gutter_child_sm > .truckdetail_right, .gutter_child_sm > .truckdetail_left, .gutter_child_sm > .span-sm-12 {
  padding: 0 10px;
}
 .gutter_child_sm > .trucklist_drawer_left_block, .top_category_menu .gutter_child_sm > li {
  padding: 0 10px;
}
.truckdetail_contact_btn .gutter_child_sm > li, .gmenu_quarity.gutter_child_sm > li, .gmenu_branch.gutter_child_sm > li, .gmenu_company.gutter_child_sm > li, .gmenu_trucklist.gutter_child_sm > li {
  padding: 0 10px;
}
.gutter_child_sm > .quality_checksheet_block, .truckdetail_spectable .gutter_child_sm > dl, .gutter_child_sm > .current_count_number, .gutter_child_sm > .top_search_newtruck_btn_block, .gutter_child_sm > .top_search_alltruck_btn_block, .gutter_child_sm > .span-md-4, .gutter_child_sm > .span_2 {
  padding: 0 10px;
}
.branch_exhibit .gutter_child_sm > li, .branch_contact_block .gutter_child_sm > .branch_contact, .gutter_child_sm > .quality_checksheet_tire_block, .gutter_child_sm > .truckdetail_checksheet_tire_block, .gutter_child_sm > .truckdetail_checksheet_block, .gutter_child_sm > .span_9, .gutter_child_sm > .span_8, .gutter_child_sm > .span_6, .gutter_child_sm > .span_4, .gutter_child_sm > .span_3 {
  padding: 0 10px;
}
 .gutter_child_sm > .trucklist_drawer_right_block {
  padding: 0 10px;
}
.gutter_child_sm > .refine_menu_search, .gutter_child_sm > .span-md-12 {
  padding: 0 10px;
}
 .gutter_child_sm > .trucklist_drawer_left_block {
  padding: 0 10px;
}
.menu_video > ul.gutter_child_sm > li, .multiple_menu_size.gutter_child_sm > li, .gutter_child_sm > .span-lg-2, .gutter_child_sm > .span_2 {
  padding: 0 10px;
}
.branch_contact_block .gutter_child_sm > .branch_contact, .multiple_menu_distance.gutter_child_sm > li, .gutter_child_sm > .span_3 {
  padding: 0 10px;
}
.gutter_child_sm > .span-lg-4, .gutter_child_sm > .span_4 {
  padding: 0 10px;
}
.gutter_child_sm > .about_point_expblock, .gutter_child_sm > .span-lg-5 {
  padding: 0 10px;
}
.gutter_child_sm > .span-lg-6 {
  padding: 0 10px;
}
.gutter_child_sm > .about_point_imageblock, .gutter_child_sm > .span-lg-7 {
  padding: 0 10px;
}
.gutter_child_sm > .span-lg-8, .gutter_child_sm > .span_8 {
  padding: 0 10px;
}
.gutter_child_sm > .span-lg-9, .gutter_child_sm > .span_9 {
  padding: 0 10px;
}
 .gutter_child_sm > .trucklist_drawer_right_block {
  padding: 0 10px;
}
.gutter_child_sm > .span-lg-12 {
  padding: 0 10px;
}
 .gutter_child_sm > .trucklist_drawer_left_block {
  padding: 0 10px;
}
.gutter_child_sm > .truckdetail_right {
  padding: 0 10px;
}
.gutter_child_sm > .branchdetail_right, .gutter_child_sm > .about_point_expblock {
  padding: 0 10px;
}
.gutter_child_sm > .branchdetail_left, .gutter_child_sm > .about_point_imageblock {
  padding: 0 10px;
}
.gutter_child_sm > .truckdetail_left {
  padding: 0 10px;
}
 .gutter_child_sm > .trucklist_drawer_right_block {
  padding: 0 10px;
}
.truckdetail_contact_btn .gutter_child_sm > li {
  padding: 0 10px;
}

.gutter_sm {
  padding: 0 10px; /* =10px */
}
.space_child_lg .col_2 {
  padding: 20px;
}
.space_child_lg .span_2 {
  padding: 20px;
}
.space_child_lg .span_3 {
  padding: 20px;
}
.space_child_lg .span_4 {
  padding: 20px;
}
.space_child_lg .span_6 {
  padding: 20px;
}
.space_child_lg .span_8 {
  padding: 20px;
}
.space_child_lg .span_9 {
  padding: 20px;
}
.space_child_lg .span_12 {
  padding: 20px;
}
.space_child_lg .span-xs-6 {
  padding: 20px;
}
.space_child_lg .span-sm-5 {
  padding: 20px;
}
.space_child_lg .span-sm-6 {
  padding: 20px;
}
.space_child_lg .span-sm-7 {
  padding: 20px;
}
.space_child_lg .span-sm-9 {
  padding: 20px;
}
.space_child_lg .span-sm-12 {
  padding: 20px;
}
.space_child_lg .span-md-4 {
  padding: 20px;
}
.space_child_lg .span-md-12 {
  padding: 20px;
}
.space_child_lg .span-lg-2 {
  padding: 20px;
}
.space_child_lg .span-lg-4 {
  padding: 20px;
}
.space_child_lg .span-lg-5 {
  padding: 20px;
}
.space_child_lg .span-lg-6 {
  padding: 20px;
}
.space_child_lg .span-lg-7 {
  padding: 20px;
}
.space_child_lg .span-lg-8 {
  padding: 20px;
}
.space_child_lg .span-lg-9 {
  padding: 20px;
}
.space_child_lg .span-lg-12 {
  padding: 20px;
}
.space_child_md .col_2 {
  padding: 15px;
}
.space_child_md .span_2 {
  padding: 15px;
}
.space_child_md .span_3 {
  padding: 15px;
}
.space_child_md .span_4 {
  padding: 15px;
}
.space_child_md .span_6 {
  padding: 15px;
}
.space_child_md .span_8 {
  padding: 15px;
}
.space_child_md .span_9 {
  padding: 15px;
}
.space_child_md .span_12 {
  padding: 15px;
}
.space_child_md .span-xs-6 {
  padding: 15px;
}
.space_child_md .span-sm-5 {
  padding: 15px;
}
.space_child_md .span-sm-6 {
  padding: 15px;
}
.space_child_md .span-sm-7 {
  padding: 15px;
}
.space_child_md .span-sm-9 {
  padding: 15px;
}
.space_child_md .span-sm-12 {
  padding: 15px;
}
.space_child_md .span-md-4 {
  padding: 15px;
}
.space_child_md .span-md-12 {
  padding: 15px;
}
.space_child_md .span-lg-2 {
  padding: 15px;
}
.space_child_md .span-lg-4 {
  padding: 15px;
}
.space_child_md .span-lg-5 {
  padding: 15px;
}
.space_child_md .span-lg-6 {
  padding: 15px;
}
.space_child_md .span-lg-7 {
  padding: 15px;
}
.space_child_md .span-lg-8 {
  padding: 15px;
}
.space_child_md .span-lg-9 {
  padding: 15px;
}
.space_child_md .span-lg-12 {
  padding: 15px;
}
.space_child_sm .col_2 {
  padding: 10px;
}
.space_child_sm .span_2 {
  padding: 10px;
}
.space_child_sm .span_3 {
  padding: 10px;
}
.space_child_sm .span_4 {
  padding: 10px;
}
.space_child_sm .span_6 {
  padding: 10px;
}
.space_child_sm .span_8 {
  padding: 10px;
}
.space_child_sm .span_9 {
  padding: 10px;
}
.space_child_sm .span_12 {
  padding: 10px;
}
.space_child_sm .span-xs-6 {
  padding: 10px;
}
.space_child_sm .span-sm-5 {
  padding: 10px;
}
.space_child_sm .span-sm-6 {
  padding: 10px;
}
.space_child_sm .span-sm-7 {
  padding: 10px;
}
.space_child_sm .span-sm-9 {
  padding: 10px;
}
.space_child_sm .span-sm-12 {
  padding: 10px;
}
.space_child_sm .span-md-4 {
  padding: 10px;
}
.space_child_sm .span-md-12 {
  padding: 10px;
}
.space_child_sm .span-lg-2 {
  padding: 10px;
}
.space_child_sm .span-lg-4 {
  padding: 10px;
}
.space_child_sm .span-lg-5 {
  padding: 10px;
}
.space_child_sm .span-lg-6 {
  padding: 10px;
}
.space_child_sm .span-lg-7 {
  padding: 10px;
}
.space_child_sm .span-lg-8 {
  padding: 10px;
}
.space_child_sm .span-lg-9 {
  padding: 10px;
}
.space_child_sm .span-lg-12 {
  padding: 10px;
}

.span_2 img {
  width: 100%;
}

.span_3 img {
  width: 100%;
}

.span_4 img {
  width: 100%;
}

.span_6 img {
  width: 100%;
}

.span_8 img {
  width: 100%;
}

.span_9 img {
  width: 100%;
}

.span_12 img {
  width: 100%;
}

.col_2 {
  position: relative;
  float: left;
  width: 50%;
}

.bg_wh {
  background: #fff;
}

.bg_black {
  background: #000;
  color: #fff;
}

.bg_wh_scale1 {
  background: #fafafa;
}

.bg_wh_scale2 {
  background: whitesmoke;
}

.bg_wh_scale3 {
  background: #f0f0f0;
}

.bg_wh_scale5 {
  background: #e6e6e6;
}

.bg_bk_overlay1 {
  background: rgba(0, 0, 0, 0.1);
}

.bg_bk_overlay2 {
  background: rgba(0, 0, 0, 0.2);
}

.bg_bk_overlay3 {
  background: rgba(0, 0, 0, 0.3);
}

.ft_red {
  color: #ff0000;
}

.ft_red_scale3 {
  color: #c20000;
}

.ft_3l {
  font-size: 1.875rem;
}

.ft_xl {
  font-size: 1.5rem;
}

.ft_lg {
  font-size: 1.25rem;
}

.ft_sm {
  font-size: 0.875rem;
}

.ft_xs {
  font-size: 0.75rem;
}

.title_lg {
  font-size: 1.25rem;
  font-weight: 900;
}

.title_md {
  font-size: 1.125rem;
  font-weight: 900;
}

.page_title {
  position: relative;
  font-weight: 900;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  padding: 20px 0 10px 0;
  border-radius: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 3;
  border-left: 0;
  border-style: solid;
  border-color: #333;
  font-size: 1.4rem;
  text-align: left;
  color: #333;
  background: #fff;
  box-shadow: none;
  /*div {
  	&::before {
  		content: '';
  		position: absolute;
  		top: 43%;
  		left: -15px;
  		border-top: 5px solid #f00;
  		border-bottom: 5px solid #b3b3b3;
  		width: 4px;
  	}
  }*/
  background: linear-gradient(to bottom, #fff 0%, #fff 92.5%, #d8d8d8 100%);
}
.page_title span {
  padding-left: 20px;
}
.page_title span::before {
  content: "";
  position: absolute;
  top: 43%;
  left: 0;
  border-top: 5px solid #f00;
  border-bottom: 5px solid #b3b3b3;
  width: 4px;
}
.page_title img {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}

.section_title {
  position: relative;
  font-weight: 900;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  border-radius: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 3px;
  border-left: 0;
  border-style: solid;
  border-color: #0e4987;
  font-size: 1.25rem;
  text-align: left;
  color: #333;
  background: none;
  box-shadow: none;
  /*div {
  	&::before {
  		content: '';
  		position: absolute;
  		top: 43%;
  		left: -15px;
  		border-top: 5px solid #f00;
  		border-bottom: 5px solid #b3b3b3;
  		width: 4px;
  	}
  }*/
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 92.5%, #d8d8d8 100%);
}
.section_title span {
  padding-left: 20px;
}
.section_title span::before {
  content: "";
  position: absolute;
  top: 43%;
  left: 0;
  border-top: 5px solid #f00;
  border-bottom: 5px solid #b3b3b3;
  width: 4px;
}
.section_title img {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}
@media (min-width: 640px) {
  .section_title {
    font-size: 1.45rem;
  }
}

.block_title {
  position: relative;
  font-weight: 900;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  border-radius: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-style: none;
  border-color: none;
  font-size: 1.125rem;
  text-align: left;
  color: #333;
  background: none;
  box-shadow: none;
  /*div {
  	&::before {
  		content: '';
  		position: absolute;
  		top: 43%;
  		left: -15px;
  		border-top: 5px solid #f00;
  		border-bottom: 5px solid #b3b3b3;
  		width: 4px;
  	}
  }*/
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 92.5%, #d8d8d8 100%);
}
.block_title span {
  padding-left: 20px;
}
.block_title span::before {
  content: "";
  position: absolute;
  top: 43%;
  left: 0;
  border-top: 5px solid #f00;
  border-bottom: 5px solid #b3b3b3;
  width: 4px;
}
.block_title img {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}

.item_title {
  position: relative;
  font-weight: 900;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  border-radius: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-style: none;
  border-color: none;
  font-size: 1.125rem;
  text-align: left;
  color: #333;
  background: none;
  box-shadow: none;
  /*div {
  	&::before {
  		content: '';
  		position: absolute;
  		top: 43%;
  		left: -15px;
  		border-top: 5px solid #f00;
  		border-bottom: 5px solid #b3b3b3;
  		width: 4px;
  	}
  }*/
}
.item_title span {
  padding-left: 20px;
}
.item_title span::before {
  content: "";
  position: absolute;
  top: 43%;
  left: 0;
  border-top: 5px solid #f00;
  border-bottom: 5px solid #b3b3b3;
  width: 4px;
}
.item_title img {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}

.divider {
  margin: 0 auto;
  text-align: center;
  float: left;
  width: 100%;
}
.divider hr {
  display: block;
  vertical-align: middle;
  width: 100%;
  height: 1px;
  text-align: center;
  margin: 0 auto;
  background: #a8a8a8;
}

.dent_divider {
  float: left;
  width: 100%;
  height: 50px;
  margin-top: 50px;
  border-top: 1px solid #ccc;
  border-radius: 0 0 500px 500px/0 0 500px 500px;
  background: linear-gradient(to top, #fff 0%, #fff 50%, #eee 100%);
}

.line_gray_scale5 {
  display: block;
  vertical-align: middle;
  width: 100%;
  height: auto;
  text-align: center;
  margin: 0 auto;
  background: #a8a8a8;
}

.btn_centering_block {
  display: table;
  margin: 0 auto;
}

 .btn_green_xs, .btn_blue_xs {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 900;
  padding: 5px 10px;
  border-radius: 5px;
}

 .btn_blue_sm {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 900;
  padding: 10px 20px;
  margin: 5px 10px;
  border-radius: 5px;
}

.btn_disable_md, .btn_blue_md, .btn_red_md {
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 900;
  padding: 15px 30px;
  border-radius: 7px;
}

 .btn_red_md {
  color: #fff;
  background: #ee270c;
  box-shadow: 0px 4px 0px 0px #8d1707;
}

 .btn_blue_md, .btn_blue_sm, .btn_blue_xs {
  color: #fff;
  background: #197cd1;
  box-shadow: 0px 4px 0px 0px #0e4676;
}

 .btn_green_xs {
  color: #fff;
  background: #1ca913;
  box-shadow: 0px 4px 0px 0px #0d4d09;
}

 .btn_disable_md {
  color: #bbb;
  background: #ededed;
  box-shadow: 0px 4px 0px 0px #878787;
}

.table {
  border-collapse: collapse;
  width: 100%;
  font-size: 1rem;
  border-top: 1px;
  border-right: 0;
  border-bottom: 0;
  border-left: 1px;
  border-style: solid;
  border-color: #bdbdbd;
  /*@include media(tb) {
  	th { width: 30%; }
  }*/
}
.table caption {
  font-weight: 900;
  text-align: center;
  padding: 10px;
  border-top: 5px;
  border-right: 1px;
  border-bottom: 0;
  border-left: 1px;
  border-style: solid;
  border-color: #e6e6e6;
  background: whitesmoke;
  border-top: 5px solid #1771bf;
}
.table th {
  font-weight: 900;
  text-align: left;
  width: auto;
  padding: 10px;
  border-top: 0;
  border-right: 1px;
  border-bottom: 1px;
  border-left: 0;
  border-style: solid;
  border-color: #bdbdbd;
  background: #f0f0f0;
}
.table td {
  text-align: left;
  width: auto;
  padding: 10px;
  border-top: 0;
  border-right: 1px;
  border-bottom: 1px;
  border-left: 0;
  border-style: solid;
  border-color: #bdbdbd;
  background: #fff;
}
.table th a {
  float: right;
}

.table_responsive th {
  display: block;
}
@media (min-width: 640px) {
  .table_responsive th {
    display: table-cell;
  }
}
.table_responsive td {
  display: block;
  width: 100%;
}
@media (min-width: 640px) {
  .table_responsive td {
    display: table-cell;
    width: initial;
  }
}

.text_center {
  text-align: center;
  margin: 0 auto;
}

.link {
  color: #003a6b;
  text-decoration: underline;
}

.link_hover {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  display: block;
}

.cursor {
  cursor: pointer;
}

.copy {
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.5px;
  font-size: 1.125rem;
  padding: 15px 0;
  word-break: normal;
}
@media (min-width: 640px) {
  .copy {
    letter-spacing: 1px;
    line-height: 2;
  }
}

.sentence {
  font-weight: 900;
  padding: 15px 0;
  float: left;
  width: 100%;
}

.notes {
  font-size: 0.75rem;
}

ul.list_disc {
  float: left;
  padding-left: 15px;
}
ul.list_disc li {
  list-style-type: disc;
}

ul.list_number {
  float: left;
  padding-left: 15px;
}
ul.list_number li {
  list-style-type: decimal;
}

.small_hide {
  display: none;
}
@media (min-width: 640px) {
  .small_hide {
    display: inline-block;
  }
}

.small_show {
  display: none;
}
@media (min-width: 640px) {
  .small_show {
    display: none;
  }
}

.sp_show {
  display: inline-block;
}
@media (min-width: 640px) {
  .sp_show {
    display: none;
  }
}

.numbering {
  font-size: 2.25rem;
  color: #98782C;
  font-weight: 900;
  padding-right: 10px;
  display: inline-block;
}

.label_must {
  color: #fff;
  background: #d23d2a;
  padding: 5px;
  margin-right: 10px;
  text-align: center;
  font-size: 0.65rem;
  border-radius: 3px;
}

.single_select {
  width: 100%;
}
.single_select select {
  width: 100%;
}

.text_area {
  width: 100%;
}
.text_area textarea {
  height: 300px;
}

mark {
  background-color: inherit;
  color: red;
}

.yellow_line {
  color: inherit;
  background: linear-gradient(transparent 60%, #ffff66 60%);
  font-weight: 900;
  font-size: 0.975rem;
}

.detail_attention {
  margin: 20px auto;
  padding: 15px;
  border: 5px solid #ba2e38;
  border-radius: 10px;
  font-size: 0.875rem;
}
@media (min-width: 640px) {
  .detail_attention {
    font-size: 1.025rem;
  }
}
.detail_attention h1 {
  color: #ba2e38;
  border-bottom: 4px double #ba2e38;
  padding-bottom: 5px;
}
.detail_attention p {
  float: none;
}

.btn_need_documnet {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  margin: 5px auto;
  padding: 14px 7px;
  border-radius: 5px;
  background: #f88000;
  box-shadow: 0px 4px 0px 0px #924b00;
}
.btn_need_documnet:hover {
  background: #c56600;
}

.balloon1 {
  position: static;
  display: block;
  margin: 0.5em auto;
  padding: 7px 10px;
  color: #197cd1;
  font-size: 15px;
  background: #ffffff;
  width: 100%;
  border-radius: 10px;
}
.balloon1 p {
  float: none;
  padding: 10px 0;
}
@media (min-width: 640px) {
  .balloon1 {
    position: relative;
    display: inline-block;
    width: 47%;
    margin: 1.5em 1%;
    min-width: 120px;
    max-width: 350px;
  }
}

.balloon1:before {
  display: none;
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 10px solid transparent;
  border-top: 10px solid #fff;
}
@media (min-width: 640px) {
  .balloon1:before {
    display: block;
  }
}

.balloon1-top {
  position: static;
  display: block;
  margin: 0.5em auto;
  padding: 7px 10px;
  color: #197cd1;
  font-size: 15px;
  background: #ffffff;
  width: 100%;
  border-radius: 10px;
}
.balloon1-top p {
  float: none;
  padding: 10px 0;
}
@media (min-width: 640px) {
  .balloon1-top {
    position: relative;
    display: inline-block;
    width: 47%;
    margin: 1.5em 1%;
    min-width: 120px;
    max-width: 350px;
  }
}

.balloon1-top:before {
  display: none;
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -15px;
  border: 10px solid transparent;
  border-bottom: 10px solid #fff;
}
@media (min-width: 640px) {
  .balloon1-top:before {
    display: block;
  }
}

.balloon2-left {
  position: relative;
  display: inline-block;
  width: 80%;
  margin: 2px 10%;
  padding: 16px 10px;
  color: #197cd1;
  text-align: center;
  font-size: 16px;
  background: #fff;
  border: solid 3px #fff;
  border-radius: 5px;
  box-sizing: border-box;
}

.balloon2-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #fff;
  z-index: 2;
}

.balloon2-left:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #fff;
  z-index: 1;
}

.balloon2-left p {
  margin: 0;
  padding: 0;
}

.tb_hide {
  display: none;
}
@media (min-width: 640px) {
  .tb_hide {
    display: inline;
  }
}

.sm-show {
  display: block;
}
@media (min-width: 640px) {
  .sm-show {
    display: none;
  }
}

.sm-hide {
  display: none;
}
@media (min-width: 640px) {
  .sm-hide {
    display: block;
  }
}

.tb-show {
  display: block;
}
@media (min-width: 960px) {
  .tb-show {
    display: none;
  }
}

.tb-hide {
  display: none;
}
@media (min-width: 960px) {
  .tb-hide {
    display: block;
  }
}

.padding0 {
  padding: 0;
}

.mb8 {
  margin-bottom: 8px;
}

.non-float {
  float: none;
}

/*
//////////////////////////////////////////////////////////////////

// header
// 2024年更新

//////////////////////////////////////////////////////////////////
*/
.header {
  width: 100%;
  display: flex;
  align-items: stretch;
  position: fixed;
  z-index: 9998;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  height: 75px;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 90%, rgb(236, 236, 236) 95%, rgb(204, 204, 204) 100%);
}
@media (min-width: 1024px) {
  .header {
    height: initial;
    background: none;
    position: absolute;
  }
  .header::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    margin: auto;
    width: 100%;
    border-top: 4px solid #fff;
  }
  .header::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: auto;
    transform: scaleX(1.1) scaleY(1) perspective(3em) rotateX(-1.5deg);
    transform-origin: top left right;
    border-radius: 0 0 15px 15px;
    background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 90%, rgb(236, 236, 236) 95%, rgb(204, 204, 204) 100%);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1024px) and (min-width: 320px) {
  .header::before {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1024px) and (min-width: 360px) {
  .header::before {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1024px) and (min-width: 640px) {
  .header::before {
    width: 100%;
  }
}
@media (min-width: 1024px) and (min-width: 960px) {
  .header::before {
    width: 960px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1024px) and (min-width: 1280px) {
  .header::before {
    width: 1160px;
  }
}
@media (min-width: 1024px) and (min-width: 1681px) {
  .header::before {
    width: 1160px;
  }
}

.header.fixed {
  position: fixed;
  transition: all 0.3s ease;
}

.header.up {
  transition: all 0.3s ease;
  animation: UpAnime 0.3s forwards;
}

.header.dw {
  transition: all 0.3s ease;
  animation: DownAnime 0.3s forwards;
}

@keyframes UpAnime {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-90px);
  }
}
@keyframes DownAnime {
  from {
    transform: translateY(-70px);
  }
  to {
    transform: translateY(0);
  }
}
.header-container {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  align-items: stretch;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  z-index: 9998;
}
.header-container:before, .header-container:after {
  content: " ";
  display: table;
}
.header-container:after {
  clear: both;
}
@media (min-width: 320px) {
  .header-container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 360px) {
  .header-container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 640px) {
  .header-container {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .header-container {
    width: 960px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1280px) {
  .header-container {
    width: 1160px;
  }
}
@media (min-width: 1681px) {
  .header-container {
    width: 1160px;
  }
}
@media (min-width: 768px) {
  .header-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1024px) {
  .header-container {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }
}
.header-container::after {
  content: "";
  position: absolute;
  top: -3px;
  right: 0;
  left: 0;
  z-index: 1;
  margin: auto;
  width: 100%;
  height: 6px;
  border-radius: 10px;
  background: #ea0437;
}

.header-left {
  display: flex;
  align-items: center;
  column-gap: 10px;
  flex-basis: 75%;
}
@media (min-width: 768px) {
  .header-left {
    flex-basis: 45%;
  }
}
@media (min-width: 1180px) {
  .header-left {
    flex-basis: 33%;
  }
}

.header-right {
  display: none;
}
@media (min-width: 1024px) {
  .header-right {
    display: block;
    flex-grow: 1;
    justify-content: flex-end;
  }
}

.header-heading {
  display: flex;
  flex-direction: column;
  width: 50%;
}

.header-logo {
  transition: all 0.2s ease;
  width: 40%;
}
.header-logo img {
  width: 120px;
}
@media (min-width: 768px) {
  .header-logo img {
    width: 100%;
  }
}
.header-logo:hover {
  transition: all 0.2s ease;
  transform: scale(0.95);
}

.header-title {
  font-size: 0.65rem;
  font-weight: 900;
  color: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media (min-width: 768px) {
  .header-title {
    font-size: 0.75rem;
  }
}

.header-vehicles-owned {
  width: 100%;
}
.header-vehicles-owned .header-vehicles-owned-txt {
  font-weight: 900;
  font-size: 0.75rem;
}

.header-btm-margin {
  position: relative;
  z-index: 1;
  float: left;
  width: 100%;
  height: 100px;
}

.global_menu {
  display: none;
  width: 84%;
  float: right;
}
@media (min-width: 960px) {
  .global_menu {
    display: block;
    width: 82%;
  }
}
@media (min-width: 1280px) {
  .global_menu {
    width: 76%;
  }
}
.global_menu > ul {
  position: relative;
  float: right;
  width: 100%;
}
.global_menu > ul > li {
  float: right;
  font-size: 0.75rem;
  font-weight: 900;
  border-right: 1px solid #ccc;
}
.global_menu > ul > li:hover, .global_menu > ul > li:active {
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.global_menu > ul > li img {
  display: block;
  margin: 0 auto 5px;
}
.global_menu > ul > li span {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  margin-top: 25px;
}
.global_menu > ul > li:hover .global_menu_list {
  top: 73px;
  visibility: visible;
  opacity: 1;
}
.global_menu > ul > li > a {
  display: table;
  width: 100%;
  margin: auto;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  padding: 0 8px;
  color: #333;
  cursor: pointer;
}
@media (min-width: 640px) {
  .global_menu > ul > li > a {
    height: 73px;
  }
}

.arrow_down_white {
  position: relative;
}
.arrow_down_white::after {
  position: absolute;
  content: "";
  border-color: #fff;
  border-top: 1px solid;
  border-right: 1px solid;
  width: 5px;
  height: 5px;
  right: 50%;
  top: 50px;
  transform: rotate(135deg);
}

.global_menu_list {
  position: absolute;
  top: 83px;
  width: 200px;
  color: #fff;
  background: #000;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin: 0 auto;
  visibility: hidden;
  opacity: 0;
  z-index: 4;
}
.global_menu_list > li > a {
  position: relative;
  display: inline-block;
  transition: 0.3s;
  padding: 20px;
  color: #fff;
  width: 100%;
}
.global_menu_list > li > a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 0;
  height: 2px;
  background-color: #fff;
  transition: 0.3s;
  color: #fff;
}
.global_menu_list > li > a:hover {
  background: #333;
  color: #fff;
}
.global_menu_list > li > a:hover::after {
  width: 100%;
  color: #fff;
}

.sm-btn-gmenu {
  position: fixed;
  z-index: 9998;
  top: 15px;
  right: 15px;
  width: 40px;
  height: 40px;
  padding: 5px;
  cursor: pointer;
}
.sm-btn-gmenu .sm-btn-gmenu-wrapper {
  position: relative;
  display: block;
  cursor: pointer;
  width: 40px;
  height: 15px;
}
.sm-btn-gmenu .sm-btn-gmenu-wrapper .sm-btn-gmenu-inner {
  position: absolute;
  left: 0;
  right: 10px;
  display: block;
  width: 30px;
  height: 1px;
  margin: auto;
  background: #333;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.sm-btn-gmenu .sm-btn-gmenu-wrapper .top {
  top: 0;
}
.sm-btn-gmenu .sm-btn-gmenu-wrapper .mid {
  top: 0;
  bottom: 0;
}
.sm-btn-gmenu .sm-btn-gmenu-wrapper .btm {
  bottom: 0;
}
.sm-btn-gmenu .sm-btn-gmenu-wrapper .sm-btn-gmenu-txt {
  width: 100%;
  left: 0;
  bottom: -5px;
  color: #333;
  font-size: 10px;
  background: none;
}
@media (min-width: 1024px) {
  .sm-btn-gmenu {
    right: 60px;
  }
}
@media (min-width: 1024px) {
  .sm-btn-gmenu {
    display: none;
  }
}

.sm-btn-favorite {
  position: fixed;
  z-index: 9998;
  top: 15px;
  right: 58px;
  width: 45px;
  height: 38px;
  padding: 2px;
  cursor: pointer;
}
.sm-btn-favorite img {
  border: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.sm-btn-favorite a {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: auto;
}
.sm-btn-favorite .sm-btn-favorite-txt {
  position: absolute;
  bottom: 0;
  left: 9px;
  color: #333;
  font-size: 9px;
}
@media (min-width: 1024px) {
  .sm-btn-favorite {
    right: 113px;
  }
}
@media (min-width: 1024px) {
  .sm-btn-favorite {
    display: none;
  }
}

.header_bottom {
  display: none;
}

.gmenu,
.gmenu-top {
  transition: all 0.2s ease;
  display: none;
  width: 84%;
  float: right;
}
@media (min-width: 1024px) {
  .gmenu,
  .gmenu-top {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    gap: 15px;
  }
}

.gmenu-list > .gmenu-list-link,
.gmenu-top-list > .gmenu-list-link {
  position: relative;
  cursor: pointer;
}
.gmenu-list > .gmenu-list-link::after,
.gmenu-top-list > .gmenu-list-link::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 0;
  height: 3px;
  background-color: #ea0437;
  transition: 0.3s;
}
.gmenu-list > .gmenu-list-link a,
.gmenu-top-list > .gmenu-list-link a {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: auto;
}
.gmenu-list > .gmenu-list-link:hover,
.gmenu-top-list > .gmenu-list-link:hover {
  color: #ea0437;
}
.gmenu-list > .gmenu-list-link:hover::after,
.gmenu-top-list > .gmenu-list-link:hover::after {
  width: 100%;
}

.gmenu-list {
  font-size: 0.875rem;
  font-weight: 900;
}
@media (min-width: 1024px) {
  .gmenu-list {
    font-size: 0.75rem;
  }
}
@media (min-width: 1180px) {
  .gmenu-list {
    font-size: 0.875rem;
  }
}
.gmenu-list > .gmenu-list-link {
  padding: 10px 0 15px;
}
.gmenu-list:hover .gmenu-detail-list {
  top: 77px;
  visibility: visible;
  opacity: 1;
}

.gmenu-top-list {
  margin-top: 10px;
  font-size: 0.75rem;
  font-weight: 900;
  color: rgba(0, 0, 0, 0.6);
}
.gmenu-top-list > .gmenu-list-link {
  display: flex;
  align-items: center;
  padding: 2.5px 0;
}
.gmenu-top-list > .gmenu-list-link img {
  width: 13px;
  margin-left: 3px;
}

.gmenu-detail-list {
  position: absolute;
  top: 75px;
  width: 200px;
  background: #fff;
  border-radius: 0 10px 10px 10px;
  transition: all 0.2s ease;
  margin: 0 auto;
  visibility: hidden;
  opacity: 0;
  z-index: 9998;
  overflow-x: hidden;
}
.gmenu-detail-list > li > a {
  position: relative;
  display: inline-block;
  transition: all 0.2s ease;
  padding: 20px;
  width: 100%;
  text-decoration: none;
}
.gmenu-detail-list > li > a:hover {
  color: #333;
}
.gmenu-detail-list > li > a:active {
  color: #333;
}
.gmenu-detail-list > li > a:link {
  color: #333;
}
.gmenu-detail-list > li > a:visited {
  color: #333;
}
.gmenu-detail-list > li > a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 0;
  height: 2px;
  background-color: #ea0437;
  transition: all 0.2s ease;
}
.gmenu-detail-list > li > a:hover {
  color: #ea0437;
}
.gmenu-detail-list > li > a:hover::after {
  width: 100%;
}

.gmenu-list-arrow {
  position: relative;
  display: block;
  padding-right: 10px;
}
.gmenu-list-arrow::before {
  transition: all 0.2s ease;
  position: absolute;
  content: "";
  border-color: #fff;
  transform: rotate(135deg);
  border-top: 1px solid;
  border-right: 1px solid;
  width: 6px;
  height: 6px;
  left: auto;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.gmenu-hover-bg {
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9994;
}

/*
//////////////////////////////////////////////////////////////////

// Footer
// 2024年更新

//////////////////////////////////////////////////////////////////
*/
.footer {
  font-size: 0.75rem;
  width: 100%;
  background: #202020;
  padding: 60px 20px;
}
@media (min-width: 768px) {
  .footer {
    padding: 60px 40px;
  }
}

.footer-title {
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 0.875rem;
  font-weight: 900;
  color: #fff;
}

.footer-top {
  width: 100%;
  padding: 20px 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 0 20px;
}
@media (min-width: 768px) {
  .footer-top {
    flex-direction: row;
  }
}

.footer-top-left {
  width: 100%;
}
@media (min-width: 768px) {
  .footer-top-left {
    width: 50%;
    position: sticky;
    top: 20px;
  }
}
@media (min-width: 1024px) {
  .footer-top-left {
    top: 20px;
    width: 57%;
  }
}
@media (min-width: 1180px) {
  .footer-top-left {
    width: 50%;
  }
}

.footer-top-right {
  width: 100%;
}
@media (min-width: 768px) {
  .footer-top-right {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .footer-top-right {
    width: 43%;
  }
}
@media (min-width: 1180px) {
  .footer-top-right {
    width: 50%;
  }
}

.footer-btn {
  position: relative;
  text-decoration: none;
}
.footer-btn:hover {
  color: #fff;
}
.footer-btn:active {
  color: #fff;
}
.footer-btn:link {
  color: #fff;
}
.footer-btn:visited {
  color: #fff;
}
.footer-btn:before {
  transition: all 0.2s ease;
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #fff;
}
.footer-btn::after {
  transition: all 0.2s ease;
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: auto;
  right: -2.5em;
  margin: auto;
  width: 2em;
  height: 2em;
  border-radius: 100%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: url("/res/images/arrow_dir_next_wh.svg") center center/40% auto no-repeat;
}
.footer-btn:hover {
  color: #fff;
}
.footer-btn:hover::before {
  width: 100%;
}
.footer-btn:hover::after {
  background: url("/res/images/arrow_dir_next_bk.svg") 0.75em center/40% auto #fff no-repeat;
}

.footer-link {
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.2s ease;
  position: relative;
  text-decoration: none;
}
.footer-link:before {
  transition: all 0.2s ease;
  position: absolute;
  content: "";
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #fff;
}
.footer-link:hover {
  color: #fff;
}
.footer-link:hover::before {
  width: 100%;
}

.footer-heading {
  margin-bottom: 30px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 20px;
}

.footer-heading-col:nth-child(1) {
  width: 100%;
  display: flex;
  align-items: center;
}

.footer-heading-col:nth-child(2) {
  width: 100%;
  display: flex;
  align-items: center;
}
@media (min-width: 1024px) {
  .footer-heading-col:nth-child(2) {
    width: initial;
  }
}

.footer-heading-col:nth-child(3) {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2em 1em;
}
@media (min-width: 768px) {
  .footer-heading-col:nth-child(3) {
    gap: 2em 1em;
  }
}
@media (min-width: 1024px) {
  .footer-heading-col:nth-child(3) {
    gap: 1.5em;
  }
}
@media (min-width: 1024px) {
  .footer-heading-col:nth-child(3) {
    width: initial;
  }
}
.footer-heading-col:nth-child(3) > .footer-service-btn {
  width: initial;
  padding-right: 3em;
  font-size: 1.3em;
}
@media (min-width: 1180px) {
  .footer-heading-col:nth-child(3) > .footer-service-btn {
    font-size: 1.2em;
  }
}

.footer-logo {
  display: flex;
  align-items: center;
}
.footer-logo img {
  width: 150px;
  padding-right: 15px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.footer-logo .footer-logo-txt {
  font-size: 0.875rem;
  padding-left: 15px;
  font-weight: 700;
  color: #fff;
}

.footer-sns {
  display: flex;
  align-items: center;
  background: #000;
  border-radius: 100px;
  padding: 10px 20px;
}

.footer-sns-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #fff;
  padding-right: 10px;
}
@media (min-width: 1024px) {
  .footer-sns-title {
    font-size: 0.875rem;
  }
}
@media (min-width: 1180px) {
  .footer-sns-title {
    font-size: 1.125rem;
  }
}

.footer-sns-list {
  padding-left: 10px;
  display: flex;
  gap: 15px;
}
@media (min-width: 1024px) {
  .footer-sns-list {
    gap: 10px;
  }
}
@media (min-width: 1180px) {
  .footer-sns-list {
    gap: 15px;
  }
}
.footer-sns-list li {
  width: 40px;
}
.footer-sns-list a {
  transition: all 0.2s ease;
  transform: scale(1);
}
.footer-sns-list a:hover {
  transition: all 0.2s ease;
  transform: scale(0.95);
  opacity: 0.8;
}

.footer-service {
  margin-bottom: 30px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2em 0;
}
@media (min-width: 768px) {
  .footer-service {
    gap: 2em 1em;
  }
}
@media (min-width: 1024px) {
  .footer-service {
    gap: 2em;
  }
}

.footer-service-btn {
  width: 50%;
}
@media (min-width: 768px) {
  .footer-service-btn {
    width: initial;
    padding-right: 3em;
  }
}
.footer-service-btn > .footer-btn {
  font-size: 1em;
}
@media (min-width: 414px) {
  .footer-service-btn > .footer-btn {
    font-size: 1.1em;
  }
}
@media (min-width: 768px) {
  .footer-service-btn > .footer-btn {
    font-size: 1em;
  }
}
@media (min-width: 1180px) {
  .footer-service-btn > .footer-btn {
    font-size: 1.2em;
  }
}

.footer-gmenu {
  margin-bottom: 30px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.footer-gmenu .footer-gmenu-cont {
  font-size: 0.875rem;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  padding-left: 15px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: calc(50% - 15px);
}
@media (min-width: 768px) {
  .footer-gmenu .footer-gmenu-cont {
    width: initial;
  }
}

.footer-search-list {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 30px;
  gap: 30px;
}

.footer-search-list-cont {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px 30px;
}

.footer-bottom {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  border-radius: 10px;
  padding: 20px;
  gap: 10px;
  background: #1a1a1a;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.8);
}
@media (min-width: 1024px) {
  .footer-bottom {
    text-align: center;
    border-radius: 60px;
    justify-content: space-between;
  }
}

.copyright {
  width: 100%;
  line-height: 1.6;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .copyright {
    width: initial;
    margin-bottom: initial;
  }
}

.copyright-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 20px;
}

.pagetop {
  position: fixed;
  z-index: 9998;
  bottom: 10px;
  right: 10px;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 100px;
  text-align: center;
  color: #fff;
  background: #000;
  border: 2px solid #fff;
  box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.4);
}
.pagetop:hover {
  transition: all 0.2s ease;
  transform: scale(0.95);
}
.pagetop::before {
  position: absolute;
  content: "";
  border-color: #fff;
  transform: rotate(-45deg);
  border-top: 2px solid;
  border-right: 2px solid;
  width: 10px;
  height: 10px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

/*
//////////////////////////////////////////////////////////////////

// Menu
// メニュー

//////////////////////////////////////////////////////////////////
*/
.search_freeword_btn {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: block;
  width: 100%;
  padding: 10px 20px;
  margin: auto;
  border-radius: 5px;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-style: none;
  border-color: none;
  font-size: 0.875rem;
  color: #fff;
  background: #f88000;
  box-shadow: 0px 4px 0px 0px #924b00;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.search_freeword_btn:hover {
  background: #c56600;
  color: #fff;
}
.search_freeword_btn:visited, .search_freeword_btn:active {
  color: #fff;
}
.search_freeword_btn img {
  vertical-align: middle;
  margin-right: 5px;
}
.search_freeword_btn span {
  color: #fff;
  vertical-align: middle;
}

.multiple_menu_btn {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: block;
  width: 100%;
  padding: 10px;
  margin: auto;
  border-radius: 7px;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-style: none;
  border-color: none;
  font-size: 1.125rem;
  color: #fff;
  background: #29b3e7;
  box-shadow: 0px 4px 0px 0px #117499;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.multiple_menu_btn:hover {
  background: #1696c7;
  color: #fff;
}
.multiple_menu_btn:visited, .multiple_menu_btn:active {
  color: #fff;
}
.multiple_menu_btn img {
  vertical-align: middle;
  margin-right: 5px;
}
.multiple_menu_btn span {
  color: #fff;
  vertical-align: middle;
}

.multiple_menu_foot_btn {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: block;
  width: 100%;
  padding: 20px;
  margin: 0 auto;
  border-radius: 7px;
  border-top: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-left: 1px;
  border-style: solid;
  border-color: #ba4a00;
  font-size: 0.875rem;
  color: #fff;
  background: #fa8200;
  box-shadow: 0px 4px 0px 0px #ba4a00;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.multiple_menu_foot_btn:hover {
  background: #c76700;
  color: #fff;
}
.multiple_menu_foot_btn:visited, .multiple_menu_foot_btn:active {
  color: #fff;
}
.multiple_menu_foot_btn img {
  vertical-align: middle;
  margin-right: 5px;
}
.multiple_menu_foot_btn span {
  color: #fff;
  vertical-align: middle;
}
@media (min-width: 360px) {
  .multiple_menu_foot_btn {
    font-size: 1.125rem;
  }
}
@media (min-width: 960px) {
  .multiple_menu_foot_btn {
    width: 70%;
  }
}

.refine_menu_btn a {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: block;
  width: 100%;
  padding: 10px 20px;
  margin: auto;
  border-radius: 5px;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-style: none;
  border-color: none;
  font-size: 0.875rem;
  color: #fff;
  background: #f88000;
  box-shadow: 0px 4px 0px 0px #924b00;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.refine_menu_btn a:hover {
  background: #c56600;
  color: #fff;
}
.refine_menu_btn a:visited, .refine_menu_btn a:active {
  color: #fff;
}
.refine_menu_btn a img {
  vertical-align: middle;
  margin-right: 5px;
}
.refine_menu_btn a span {
  color: #fff;
  vertical-align: middle;
}

.top_category_menu_block {
  float: left;
  width: 100%;
  height: 95%;
}

.top_category_menu {
  float: left;
  width: 100%;
}
.top_category_menu li {
  text-align: center;
  margin-bottom: 3px;
}
@media (min-width: 960px) {
  .top_category_menu li {
    width: 11.1111111111%;
  }
}
.top_category_menu li :hover {
  background: #eee;
}
.top_category_menu li a {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: table;
  width: 98%;
  padding: 15px 0;
  margin: auto;
  border-radius: 5px;
  border-top: 1px;
  border-right: 1px;
  border-bottom: 3px;
  border-left: 1px;
  border-style: solid;
  border-color: #aaa;
  font-size: 0.65rem;
  color: #333;
  background: #fff;
  box-shadow: none;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
  margin: 0 1%;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 90%, rgb(236, 236, 236) 90%, rgb(204, 204, 204) 100%);
}
.top_category_menu li a:hover {
  background: #e6e6e6;
  color: #333;
}
.top_category_menu li a:visited, .top_category_menu li a:active {
  color: #333;
}
.top_category_menu li a img {
  vertical-align: middle;
  margin-right: 5px;
}
.top_category_menu li a span {
  color: #333;
  vertical-align: middle;
}
@media (min-width: 360px) {
  .top_category_menu li a {
    padding: 5px;
  }
}
.top_category_menu li a img {
  width: 100%;
  display: table-cell;
}
@media (min-width: 360px) {
  .top_category_menu li a img {
    width: 100px;
    margin: 0 auto;
  }
}

.multiple_menu_btn_block {
  float: left;
  width: 100%;
}
@media (min-width: 640px) {
  .multiple_menu_btn_block {
    width: 30%;
  }
}

.multiple_menu_freeword_block {
  float: left;
  width: 100%;
  padding-top: 10px;
  margin-top: 15px;
  border-top: 1px solid #a8a8a8;
}
@media (min-width: 640px) {
  .multiple_menu_freeword_block {
    width: 70%;
    padding: 2px 0 0 20px;
    margin-top: initial;
    border: none;
  }
}

.search_freeword_btn_block {
  padding: 1px 5px 5px 5px;
  margin-top: 5px;
}
@media (min-width: 360px) {
  .search_freeword_btn_block {
    margin-top: initial;
  }
}

.search_freeword_input_block input {
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
}

optgroup {
  color: #333;
}

.refine_menu {
  display: none;
  float: left;
  width: 100%;
  padding: 10px 15px;
  border-radius: 5px;
  color: #fff;
  background: rgba(0, 0, 0, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.7);
}
@media (min-width: 960px) {
  .refine_menu {
    display: block;
  }
}

@media (min-width: 1280px) {
  .refine_menu_search {
    margin-bottom: initial;
  }
}

.refine_menu_column {
  float: left;
  padding: 5px 0;
  padding-right: 10px;
}
.refine_menu_column li {
  float: left;
}
.refine_menu_column li > span {
  font-size: 0.875rem;
  display: block;
  padding: 10px 10px 10px 5px;
}

.refine_menu_select {
  position: relative;
}
.refine_menu_select:before {
  z-index: 1;
  position: absolute;
  pointer-events: none;
  position: absolute;
  content: "";
  border-color: #ba2e38;
  border-top: 2px solid;
  border-right: 2px solid;
  width: 7px;
  height: 7px;
  right: 10px;
  top: 16px;
  transform: rotate(135deg);
}
.refine_menu_select select {
  background: rgba(255, 255, 255, 0.15);
  height: 40px;
  padding: 3%;
  padding-right: 40px;
  margin-right: 10px;
  border: 2px solid #ddd;
  border-radius: 5px;
}
.refine_menu_select select option {
  height: auto;
  color: #333;
  line-height: 1;
  margin: 0;
  padding: 0;
  background: #fff;
}

.refine_menu_btn_block {
  float: left;
  padding: 5px 0;
  display: table;
  width: 100%;
}
.refine_menu_btn_block li {
  float: left;
  padding-right: 10px;
}
@media (min-width: 1280px) {
  .refine_menu_btn_block {
    float: right;
    width: auto;
  }
}
.refine_menu_btn_block .refine_menu_count {
  vertical-align: middle;
  text-align: center;
  padding: 5px 10px;
  color: #fff;
  font-weight: 900;
  margin-left: 15px;
}
.refine_menu_btn_block .refine_menu_count span.refine_menu_count_number {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 900;
}
.refine_menu_btn_block .refine_menu_btn {
  display: table-cell;
  margin: 0 auto;
}
@media (min-width: 640px) {
  .refine_menu_btn_block .refine_menu_btn {
    display: block;
    margin: 0 auto;
  }
}
@media (min-width: 960px) {
  .refine_menu_btn_block .refine_menu_btn {
    display: inline-block;
  }
}
.refine_menu_btn_block .refine_menu_btn li {
  display: inline-block;
}
@media (min-width: 1280px) {
  .refine_menu_btn_block .refine_menu_btn li {
    float: left;
  }
}
.refine_menu_btn_block .refine_menu_btn li > span {
  font-size: 0.875rem;
  padding: 10px 10px 10px 5px;
}

.popup_menu_head {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: rgb(225, 225, 225);
  z-index: 9999;
}
@media (min-width: 640px) {
  .popup_menu_head {
    border-radius: 10px 10px 0 0/10px 10px 0 0;
  }
}

.popup_menu_head_title {
  margin-top: 10px;
  padding: 10px;
  font-weight: 900;
  width: 100%;
}

.popup_search_menu_foot {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgb(225, 225, 225);
  z-index: 9999;
  text-align: center;
  padding: 20px;
}
@media (min-width: 640px) {
  .popup_search_menu_foot {
    border-radius: 0 0 10px 10px/0 0 10px 10px;
  }
}

.close_popup_btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 60px;
  padding: 5px;
  cursor: pointer;
  z-index: 9999;
  background: #000;
  color: #fff;
  text-align: center;
  display: table;
}
@media (min-width: 640px) {
  .close_popup_btn {
    border-radius: 0 10px 0 0/0 10px 0 0;
  }
}
.close_popup_btn span {
  display: table-cell;
  vertical-align: middle;
}

.alart_btn {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: block;
  width: 100%;
  padding: 15px 0;
  margin: auto;
  border-radius: 5px;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-style: none;
  border-color: none;
  font-size: 0.875rem;
  color: #333;
  background: #ededed;
  box-shadow: 0px 4px 0px 0px #878787;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.alart_btn:hover {
  background: #d4d4d4;
  color: #333;
}
.alart_btn:visited, .alart_btn:active {
  color: #333;
}
.alart_btn img {
  vertical-align: middle;
  margin-right: 5px;
}
.alart_btn span {
  color: #333;
  vertical-align: middle;
}
@media (min-width: 960px) {
  .alart_btn {
    font-size: 1.125rem;
  }
}

.popup_overlay {
  position: fixed;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  text-align: left;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  transition: all ease-in 0.2s;
  transform: scale(2);
}

.popup_menu {
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}
@media (min-width: 640px) {
  .popup_menu {
    width: 95%;
    border-radius: 10px;
    height: 90%;
  }
}
@media (min-width: 1681px) {
  .popup_menu {
    width: 960px;
    height: 700px;
  }
}
.popup_menu a:active, .popup_menu a:visited {
  color: #333;
}

.popup_menu-trailer {
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}
@media (min-width: 640px) {
  .popup_menu-trailer {
    width: 95%;
    border-radius: 10px;
    height: 375px;
  }
}
@media (min-width: 960px) {
  .popup_menu-trailer {
    width: 960px;
    height: 310px;
  }
}
.popup_menu-trailer a:active, .popup_menu-trailer a:visited {
  color: #333;
}

.popup_alart_menu {
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 10px;
  height: 220px;
}
@media (min-width: 360px) {
  .popup_alart_menu {
    width: 80%;
    font-size: 0.875rem;
  }
}
@media (min-width: 640px) {
  .popup_alart_menu {
    font-size: 1rem;
    border-radius: 10px;
    width: 60%;
  }
}
@media (min-width: 960px) {
  .popup_alart_menu {
    width: 50%;
  }
}
@media (min-width: 1280px) {
  .popup_alart_menu {
    width: 40%;
  }
}
@media (min-width: 1681px) {
  .popup_alart_menu {
    width: 30%;
  }
}
.popup_alart_menu a:active, .popup_alart_menu a:visited {
  color: #333;
}

.popup_menu_title {
  padding: 10px 10px 10px 0;
  border-bottom: 3px solid #d23d2a;
  font-weight: bolder;
}
.popup_menu_title::before {
  border-bottom: 1px solid red;
}

.popup_menu_alart_block {
  margin-top: 60px;
  padding: 10px;
  width: 100%;
  float: left;
  -webkit-overflow-scrolling: touch;
}
.popup_menu_alart_block a, .popup_menu_alart_block a:hover, .popup_menu_alart_block a:active, .popup_menu_alart_block a:visited {
  color: #333;
}
.popup_menu_alart_block p {
  padding: 10px 15px;
}
.popup_menu_alart_block .alart_btn_block {
  padding: 10px;
}

.popup_menu_block {
  margin-top: 60px;
  padding: 0 10px;
  width: 100%;
  height: 90%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.popup_menu_block a, .popup_menu_block a:hover, .popup_menu_block a:active, .popup_menu_block a:visited {
  color: #333;
}
@media (min-width: 960px) {
  .popup_menu_block {
    height: 85%;
  }
}

.popup_menu_search_block {
  margin-top: 60px;
  padding: 0 10px;
  width: 100%;
  height: 65%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.popup_menu_search_block a, .popup_menu_search_block a:hover, .popup_menu_search_block a:active, .popup_menu_search_block a:visited {
  color: #333;
}
@media (min-width: 360px) {
  .popup_menu_search_block {
    height: 70%;
  }
}

.popup_menu_category {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.popup_menu_category ul {
  float: left;
  width: 100%;
}
.popup_menu_category ul li:hover, .popup_menu_category ul li:active {
  background: #eee;
}
.popup_menu_category ul li label, .popup_menu_category ul li a {
  display: table;
  width: 92%;
  height: 60px;
  margin: 0 4%;
  border-bottom: 1px solid #e6e6e6;
  font-size: 0.75rem;
}
@media (min-width: 640px) {
  .popup_menu_category ul li label, .popup_menu_category ul li a {
    font-size: 0.875rem;
  }
}
@media (min-width: 960px) {
  .popup_menu_category ul li label, .popup_menu_category ul li a {
    font-size: 0.725rem;
  }
}
@media (min-width: 1280px) {
  .popup_menu_category ul li label, .popup_menu_category ul li a {
    font-size: 0.875rem;
  }
}
.popup_menu_category ul li label span.checkbox-icon, .popup_menu_category ul li a span.checkbox-icon {
  width: 100%;
  vertical-align: middle;
}
.popup_menu_category ul li label span.checkbox-icon span, .popup_menu_category ul li a span.checkbox-icon span {
  width: 70%;
  margin: 0 0 0 10px;
  text-align: left;
  vertical-align: middle;
  font-size: 0.64rem;
}
@media (min-width: 640px) {
  .popup_menu_category ul li label span.checkbox-icon span, .popup_menu_category ul li a span.checkbox-icon span {
    font-size: 0.75rem;
  }
}
.popup_menu_category ul li label span.popup_menu_name, .popup_menu_category ul li a span.popup_menu_name {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.popup_menu_category ul li label span.popup_menu_name span, .popup_menu_category ul li a span.popup_menu_name span {
  width: 70%;
  text-align: left;
  font-weight: 900;
  vertical-align: middle;
}

.popup_menu_category-trailer {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.popup_menu_category-trailer ul {
  float: left;
  width: 100%;
}
.popup_menu_category-trailer ul li:hover, .popup_menu_category-trailer ul li:active {
  background: #eee;
}
.popup_menu_category-trailer ul li a {
  display: flex;
  align-items: center;
  width: 92%;
  height: 60px;
  margin: 0 4%;
  border-bottom: 1px solid #e6e6e6;
  font-size: 0.75rem;
}
@media (min-width: 640px) {
  .popup_menu_category-trailer ul li a {
    font-size: 0.875rem;
  }
}
@media (min-width: 960px) {
  .popup_menu_category-trailer ul li a {
    font-size: 0.725rem;
  }
}
@media (min-width: 1280px) {
  .popup_menu_category-trailer ul li a {
    font-size: 0.875rem;
  }
}
.popup_menu_category-trailer ul li a span {
  width: 70%;
  margin: 0 0 0 10px;
  text-align: left;
  vertical-align: middle;
  font-size: 0.64rem;
}
@media (min-width: 640px) {
  .popup_menu_category-trailer ul li a span {
    font-size: 0.75rem;
  }
}
.popup_menu_category-trailer ul li a span.popup_menu_name {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.popup_menu_category-trailer ul li a span.popup_menu_name span {
  width: 70%;
  text-align: left;
  font-weight: 900;
  vertical-align: middle;
}

.popup_func_menu_block {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.popup_func_menu_block .popup_func_menu {
  float: left;
  width: 100%;
}
.popup_func_menu_block .popup_func_menu li {
  padding: 0 5px 10px 0;
}
@media (min-width: 640px) {
  .popup_func_menu_block .popup_func_menu li {
    width: 33.3333333%;
  }
}

.popup_func_btn {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: inline-block;
  width: 100%;
  padding: 10px;
  margin: auto;
  border-radius: 5px;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-style: none;
  border-color: none;
  font-size: 0.875rem;
  color: #333;
  background: #ededed;
  box-shadow: 0px 4px 0px 0px #878787;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.popup_func_btn:hover {
  background: #d4d4d4;
  color: #333;
}
.popup_func_btn:visited, .popup_func_btn:active {
  color: #333;
}
.popup_func_btn img {
  vertical-align: middle;
  margin-right: 5px;
}
.popup_func_btn span {
  color: #333;
  vertical-align: middle;
}

@media (min-width: 640px) {
  .multiple_menu_bodytype > li {
    width: 20%;
  }
}
@media (min-width: 960px) {
  .multiple_menu_bodytype > li {
    width: 16.6666666667%;
  }
}

@media (min-width: 640px) {
  .multiple_menu_marker > li {
    width: 16.6666666667%;
  }
}
@media (min-width: 960px) {
  .multiple_menu_marker > li {
    width: 16.6666666667%;
  }
}

@media (min-width: 640px) {
  .multiple_menu_type > li {
    width: 20%;
  }
}
@media (min-width: 960px) {
  .multiple_menu_type > li {
    width: 16.6666666667%;
  }
}

@media (min-width: 640px) {
  .multiple_menu_year > li {
    width: 20%;
  }
}
@media (min-width: 960px) {
  .multiple_menu_year > li {
    width: 14.2857142857%;
  }
}

@media (min-width: 640px) {
  .multiple_menu_distance > li {
    width: 20%;
  }
}

@media (min-width: 640px) {
  .multiple_menu_size > li {
    width: 20%;
  }
}

@media (min-width: 640px) {
  .multiple_menu_area > li {
    width: 20%;
  }
}
@media (min-width: 960px) {
  .multiple_menu_area > li {
    width: 12.5%;
  }
}

.popup_open {
  visibility: visible;
  opacity: 1;
  transition: all ease-out 0.2s;
  transform: scale(1);
}

/*! Lity - v2.2.2 - 2016-12-14
* http://sorgalla.com/lity/
* Copyright (c) 2015-2016 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9998;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.lity.lity-opened {
  opacity: 1;
}

.lity.lity-closed {
  opacity: 0;
}

.lity * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.lity-wrap {
  z-index: 9998;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}

.lity-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.lity-loading .lity-loader {
  opacity: 1;
}

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}

.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}

.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

.lity-content:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.lity-close {
  z-index: 9999;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 10px 20px;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: #000;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 10px 20px;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: #000;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.lity-close:active {
  top: 1px;
}

/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}

/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px;
}

.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}

.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

.lity-hide {
  display: none;
}
.drawer_page_menu_about {
  display: inline-block;
  width: 100%;
  margin-top: -2px;
  margin-bottom: -5px;
  margin: 1em 0;
}
.drawer_page_menu_about ul .page_menu_cell,
.drawer_page_menu_about ul .page_menu_colspan {
  float: left;
  position: relative;
}
.drawer_page_menu_about ul .page_menu_cell a,
.drawer_page_menu_about ul .page_menu_colspan a {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: inline-block;
  width: 100%;
  padding: 10px;
  margin: auto;
  border-radius: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px;
  border-left: 1px;
  border-style: solid;
  border-color: #666666;
  font-size: 0.875rem;
  color: #fff;
  background: #333;
  box-shadow: none;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.drawer_page_menu_about ul .page_menu_cell a:hover,
.drawer_page_menu_about ul .page_menu_colspan a:hover {
  background: #1a1a1a;
  color: #fff;
}
.drawer_page_menu_about ul .page_menu_cell a:visited, .drawer_page_menu_about ul .page_menu_cell a:active,
.drawer_page_menu_about ul .page_menu_colspan a:visited,
.drawer_page_menu_about ul .page_menu_colspan a:active {
  color: #fff;
}
.drawer_page_menu_about ul .page_menu_cell a img,
.drawer_page_menu_about ul .page_menu_colspan a img {
  vertical-align: middle;
  margin-right: 5px;
}
.drawer_page_menu_about ul .page_menu_cell a span,
.drawer_page_menu_about ul .page_menu_colspan a span {
  color: #fff;
  vertical-align: middle;
}
.drawer_page_menu_about ul .page_menu_cell a:link, .drawer_page_menu_about ul .page_menu_cell a:visited, .drawer_page_menu_about ul .page_menu_cell a:hover,
.drawer_page_menu_about ul .page_menu_colspan a:link,
.drawer_page_menu_about ul .page_menu_colspan a:visited,
.drawer_page_menu_about ul .page_menu_colspan a:hover {
  color: #333;
}
.drawer_page_menu_about ul .page_menu_cell a span,
.drawer_page_menu_about ul .page_menu_colspan a span {
  font-size: 0.65rem;
}
@media (min-width: 360px) {
  .drawer_page_menu_about ul .page_menu_cell a span,
  .drawer_page_menu_about ul .page_menu_colspan a span {
    font-size: 0.75rem;
  }
}
.drawer_page_menu_about ul .page_menu_cell a span:after,
.drawer_page_menu_about ul .page_menu_colspan a span:after {
  position: absolute;
  content: "";
  border-color: #f5f5f5;
  border-top: 2px solid;
  border-right: 2px solid;
  width: 5px;
  height: 5px;
  right: 10px;
  top: 45%;
  transform: rotate(45deg);
}
.drawer_page_menu_about ul .drawer_page_menu_active {
  background: linear-gradient(to bottom, rgb(245, 245, 245) 0%, rgb(245, 245, 245) 94%, rgb(210, 61, 42) 94%, rgb(210, 61, 42) 100%);
}
.drawer_page_menu_about ul .page_menu_cell {
  width: 33.33333333%;
}
@media (min-width: 640px) {
  .drawer_page_menu_about ul .page_menu_cell {
    border-bottom: none;
  }
}
.drawer_page_menu_about ul .page_menu_colspan {
  width: 50%;
}
@media (min-width: 640px) {
  .drawer_page_menu_about ul .page_menu_colspan {
    width: 20%;
    border-bottom: none;
  }
}

.drawer_page_menu_branch {
  display: inline-block;
  width: 100%;
  margin-top: -2px;
  margin-bottom: -5px;
  margin: 1em 0;
}
.drawer_page_menu_branch ul .page_menu_cell,
.drawer_page_menu_branch ul .page_menu_colspan {
  float: left;
  position: relative;
}
.drawer_page_menu_branch ul .page_menu_cell a,
.drawer_page_menu_branch ul .page_menu_colspan a {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: inline-block;
  width: 100%;
  padding: 10px;
  margin: auto;
  border-radius: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px;
  border-left: 1px;
  border-style: solid;
  border-color: #666666;
  font-size: 0.875rem;
  color: #fff;
  background: #333;
  box-shadow: none;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.drawer_page_menu_branch ul .page_menu_cell a:hover,
.drawer_page_menu_branch ul .page_menu_colspan a:hover {
  background: #1a1a1a;
  color: #fff;
}
.drawer_page_menu_branch ul .page_menu_cell a:visited, .drawer_page_menu_branch ul .page_menu_cell a:active,
.drawer_page_menu_branch ul .page_menu_colspan a:visited,
.drawer_page_menu_branch ul .page_menu_colspan a:active {
  color: #fff;
}
.drawer_page_menu_branch ul .page_menu_cell a img,
.drawer_page_menu_branch ul .page_menu_colspan a img {
  vertical-align: middle;
  margin-right: 5px;
}
.drawer_page_menu_branch ul .page_menu_cell a span,
.drawer_page_menu_branch ul .page_menu_colspan a span {
  color: #fff;
  vertical-align: middle;
}
.drawer_page_menu_branch ul .page_menu_cell a:link, .drawer_page_menu_branch ul .page_menu_cell a:visited, .drawer_page_menu_branch ul .page_menu_cell a:hover,
.drawer_page_menu_branch ul .page_menu_colspan a:link,
.drawer_page_menu_branch ul .page_menu_colspan a:visited,
.drawer_page_menu_branch ul .page_menu_colspan a:hover {
  color: #333;
}
.drawer_page_menu_branch ul .page_menu_cell a span,
.drawer_page_menu_branch ul .page_menu_colspan a span {
  font-size: 0.65rem;
}
@media (min-width: 360px) {
  .drawer_page_menu_branch ul .page_menu_cell a span,
  .drawer_page_menu_branch ul .page_menu_colspan a span {
    font-size: 0.75rem;
  }
}
.drawer_page_menu_branch ul .page_menu_cell a span:after,
.drawer_page_menu_branch ul .page_menu_colspan a span:after {
  position: absolute;
  content: "";
  border-color: #f5f5f5;
  border-top: 2px solid;
  border-right: 2px solid;
  width: 5px;
  height: 5px;
  right: 10px;
  top: 45%;
  transform: rotate(45deg);
}
.drawer_page_menu_branch ul .drawer_page_menu_active {
  background: linear-gradient(to bottom, rgb(245, 245, 245) 0%, rgb(245, 245, 245) 94%, rgb(210, 61, 42) 94%, rgb(210, 61, 42) 100%);
}
.drawer_page_menu_branch ul .page_menu_cell {
  width: 33.333333%;
}
@media (min-width: 640px) {
  .drawer_page_menu_branch ul .page_menu_cell {
    width: 14.28%;
    border-bottom: none;
  }
}
.drawer_page_menu_branch ul .page_menu_colspan {
  width: 50%;
}
@media (min-width: 640px) {
  .drawer_page_menu_branch ul .page_menu_colspan {
    width: 28.56%;
    border-bottom: none;
  }
}

.drawer_page_menu_recruit {
  display: inline-block;
  width: 100%;
  margin-top: -2px;
  margin-bottom: -5px;
  margin: 1em 0;
}
.drawer_page_menu_recruit ul .page_menu_cell,
.drawer_page_menu_recruit ul .page_menu_colspan {
  float: left;
  position: relative;
}
.drawer_page_menu_recruit ul .page_menu_cell a,
.drawer_page_menu_recruit ul .page_menu_colspan a {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: inline-block;
  width: 100%;
  padding: 10px;
  margin: auto;
  border-radius: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px;
  border-left: 1px;
  border-style: solid;
  border-color: #666666;
  font-size: 0.875rem;
  color: #fff;
  background: #333;
  box-shadow: none;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.drawer_page_menu_recruit ul .page_menu_cell a:hover,
.drawer_page_menu_recruit ul .page_menu_colspan a:hover {
  background: #1a1a1a;
  color: #fff;
}
.drawer_page_menu_recruit ul .page_menu_cell a:visited, .drawer_page_menu_recruit ul .page_menu_cell a:active,
.drawer_page_menu_recruit ul .page_menu_colspan a:visited,
.drawer_page_menu_recruit ul .page_menu_colspan a:active {
  color: #fff;
}
.drawer_page_menu_recruit ul .page_menu_cell a img,
.drawer_page_menu_recruit ul .page_menu_colspan a img {
  vertical-align: middle;
  margin-right: 5px;
}
.drawer_page_menu_recruit ul .page_menu_cell a span,
.drawer_page_menu_recruit ul .page_menu_colspan a span {
  color: #fff;
  vertical-align: middle;
}
.drawer_page_menu_recruit ul .page_menu_cell a:link, .drawer_page_menu_recruit ul .page_menu_cell a:visited, .drawer_page_menu_recruit ul .page_menu_cell a:hover,
.drawer_page_menu_recruit ul .page_menu_colspan a:link,
.drawer_page_menu_recruit ul .page_menu_colspan a:visited,
.drawer_page_menu_recruit ul .page_menu_colspan a:hover {
  color: #333;
}
.drawer_page_menu_recruit ul .page_menu_cell a span,
.drawer_page_menu_recruit ul .page_menu_colspan a span {
  font-size: 0.65rem;
}
@media (min-width: 360px) {
  .drawer_page_menu_recruit ul .page_menu_cell a span,
  .drawer_page_menu_recruit ul .page_menu_colspan a span {
    font-size: 0.75rem;
  }
}
.drawer_page_menu_recruit ul .page_menu_cell a span:after,
.drawer_page_menu_recruit ul .page_menu_colspan a span:after {
  position: absolute;
  content: "";
  border-color: #f5f5f5;
  border-top: 2px solid;
  border-right: 2px solid;
  width: 5px;
  height: 5px;
  right: 10px;
  top: 45%;
  transform: rotate(45deg);
}
.drawer_page_menu_recruit ul .drawer_page_menu_active {
  background: linear-gradient(to bottom, rgb(245, 245, 245) 0%, rgb(245, 245, 245) 94%, rgb(210, 61, 42) 94%, rgb(210, 61, 42) 100%);
}
.drawer_page_menu_recruit ul .page_menu_cell {
  width: 33.333333%;
}

.drawer_page_menu_member {
  display: inline-block;
  width: 100%;
  margin-top: -2px;
  margin-bottom: -5px;
  margin: 1em 0;
}
.drawer_page_menu_member ul .page_menu_cell,
.drawer_page_menu_member ul .page_menu_colspan {
  float: left;
  position: relative;
}
.drawer_page_menu_member ul .page_menu_cell a,
.drawer_page_menu_member ul .page_menu_colspan a {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: inline-block;
  width: 100%;
  padding: 10px;
  margin: auto;
  border-radius: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px;
  border-left: 1px;
  border-style: solid;
  border-color: #666666;
  font-size: 0.875rem;
  color: #fff;
  background: #333;
  box-shadow: none;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.drawer_page_menu_member ul .page_menu_cell a:hover,
.drawer_page_menu_member ul .page_menu_colspan a:hover {
  background: #1a1a1a;
  color: #fff;
}
.drawer_page_menu_member ul .page_menu_cell a:visited, .drawer_page_menu_member ul .page_menu_cell a:active,
.drawer_page_menu_member ul .page_menu_colspan a:visited,
.drawer_page_menu_member ul .page_menu_colspan a:active {
  color: #fff;
}
.drawer_page_menu_member ul .page_menu_cell a img,
.drawer_page_menu_member ul .page_menu_colspan a img {
  vertical-align: middle;
  margin-right: 5px;
}
.drawer_page_menu_member ul .page_menu_cell a span,
.drawer_page_menu_member ul .page_menu_colspan a span {
  color: #fff;
  vertical-align: middle;
}
.drawer_page_menu_member ul .page_menu_cell a:link, .drawer_page_menu_member ul .page_menu_cell a:visited, .drawer_page_menu_member ul .page_menu_cell a:hover,
.drawer_page_menu_member ul .page_menu_colspan a:link,
.drawer_page_menu_member ul .page_menu_colspan a:visited,
.drawer_page_menu_member ul .page_menu_colspan a:hover {
  color: #333;
}
.drawer_page_menu_member ul .page_menu_cell a span,
.drawer_page_menu_member ul .page_menu_colspan a span {
  font-size: 0.65rem;
}
@media (min-width: 360px) {
  .drawer_page_menu_member ul .page_menu_cell a span,
  .drawer_page_menu_member ul .page_menu_colspan a span {
    font-size: 0.75rem;
  }
}
.drawer_page_menu_member ul .page_menu_cell a span:after,
.drawer_page_menu_member ul .page_menu_colspan a span:after {
  position: absolute;
  content: "";
  border-color: #f5f5f5;
  border-top: 2px solid;
  border-right: 2px solid;
  width: 5px;
  height: 5px;
  right: 10px;
  top: 45%;
  transform: rotate(45deg);
}
.drawer_page_menu_member ul .drawer_page_menu_active {
  background: linear-gradient(to bottom, rgb(245, 245, 245) 0%, rgb(245, 245, 245) 94%, rgb(210, 61, 42) 94%, rgb(210, 61, 42) 100%);
}
.drawer_page_menu_member ul .page_menu_cell {
  width: 33.333333%;
}

/*.global_menu {
	display: none;
	width: 84%;
	float: right;
	@include media(mpc) {
		display: block;
		width: 82%;
	}
	@include media(pc) {
		width: 76%;
	}
	> ul {
		position: relative;
		float: right;
		width: 100%;
		> li {
			float: right;
			font-size: $font-size-xs;
			font-weight: 900;
			border-right: 1px solid #ccc;
			//width: 11.111111111%;
			&:hover, &:active {
				background: rgba(0,0,0,0.2);
				-webkit-transition: all .5s;
				transition: all .5s;
			}
			img {
				display: block;
				margin: 0 auto 5px;
			}
			span {
				width: 100%;
				display: table-cell;
				vertical-align: middle;
				margin-top: 25px;
			}
			&:hover .global_menu_list {
				top: 73px;
				visibility: visible;
				opacity: 1;
			}
			> a {
				display: table;
				width: 100%;
				margin: auto;
				line-height: 1;
				text-align: center;
				text-decoration: none;
				padding: 0 8px;
				color: #333;
				cursor: pointer;
				@include media(tb) {
					height: 73px;
				}
			}
		}
	}
}
//ドロップメニュー下矢印
.arrow_down_white {
	position: relative;
	&::after {
		@include nav_arrow(
			#fff,1px,5px,50%,50px,135deg
		);
	}
}
// ドロップメニューインナー
.global_menu_list {
	position: absolute;
	top: 83px;
	width: 200px;
	color: #fff;
	background: #000;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	margin: 0 auto;
	visibility: hidden;
	opacity: 0;
	z-index: 4;
	> li > a {
		position: relative;
		display: inline-block;
		transition: .3s;
		padding: 20px;
		color: #fff;
		width: 100%;
		&::after {
			position: absolute;
			bottom: 0;
			left: 0;
			content: '';
			width: 0;
			height: 2px;
			background-color: #fff;
			transition: .3s;
			color: #fff;
		}
		&:hover {
			background: #333;
			color: #fff;
			&::after {
				width: 100%;
				color: #fff;
			}
		}
	}
}
*/
.breadcrumbblock {
  width: 100%;
  background: #000;
  word-break: break-all;
}

.breadcrumb {
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.8);
  overflow-x: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
  padding: 10px;
  gap: 5px 15px;
}
@media (min-width: 1180px) {
  .breadcrumb {
    overflow: hidden;
  }
}
.breadcrumb li {
  color: rgba(255, 255, 255, 0.8);
  padding-right: 10px;
}
.breadcrumb li a:active, .breadcrumb li a:link, .breadcrumb li a:visited {
  color: rgba(255, 255, 255, 0.8);
}
.breadcrumb li a:hover {
  text-decoration: underline;
}
.breadcrumb li span {
  color: rgba(255, 255, 255, 0.8);
  position: relative;
}
.breadcrumb li span:after {
  position: absolute;
  position: absolute;
  content: "";
  border-color: #fff;
  transform: rotate(45deg);
  border-top: 1px solid;
  border-right: 1px solid;
  width: 6px;
  height: 6px;
  left: auto;
  right: -10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.floatnone {
  float: none;
}

.drawer_navi_block {
  width: 100%;
}
.drawer_navi_block:before, .drawer_navi_block:after {
  content: " ";
  display: table;
}
.drawer_navi_block:after {
  clear: both;
}

.drawer_navi {
  float: left;
  width: 100%;
  z-index: 999;
}

.drawer_fixed {
  float: left;
  position: fixed;
  top: 0;
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@media (min-width: 320px) {
  .drawer_fixed {
    top: 75px;
    left: 0;
    width: 100%;
  }
}
@media (min-width: 960px) {
  .drawer_fixed {
    top: 0;
  }
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px auto;
  border-radius: 4px;
  text-align: center;
}
.pagination > li {
  display: inline-block;
  margin-left: -1px;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 16px 24px;
  line-height: 1.4;
  text-decoration: none;
  color: #333;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 95%, rgb(180, 180, 180) 100%);
  padding: 10px 18px;
  font-size: 0.875rem;
  line-height: 1.2;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: #0d0d0d;
  background: #d1d1d1;
  border-color: #ddd;
}
.pagination > li > a.active, .pagination > li > a.active:hover, .pagination > li > a.active:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  border-color: #ddd;
  cursor: default;
  background: #000;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #b3b3b3;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
@media (min-width: 320px) {
  .pagination .sp_none {
    display: none;
  }
}
@media (min-width: 360px) {
  .pagination .sp_none {
    display: block;
  }
}
@media (min-width: 320px) {
  .pagination .fb_none {
    display: none;
  }
}
@media (min-width: 640px) {
  .pagination .fb_none {
    display: block;
  }
}
@media (min-width: 320px) {
  .pagination .tb_none {
    display: none;
  }
}
@media (min-width: 960px) {
  .pagination .tb_none {
    display: block;
  }
}

/*!
*  - v1.3
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*/
/* Core
--------------------------------------------------*/
.slider-pro {
  position: relative;
  float: left;
}

.sp-slides-container {
  position: relative;
}

.sp-mask {
  position: relative;
  overflow: hidden;
}

.sp-slides {
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  width: 100%;
  left: 0;
}

.sp-slide {
  position: absolute;
  float: left;
  width: 100%;
}

.sp-image-container {
  overflow: hidden;
}

.sp-image {
  position: relative;
  display: block;
  border: none;
}

.sp-no-js {
  overflow: hidden;
  max-width: 100%;
}

/* Thumbnails
--------------------------------------------------*/
.sp-thumbnails-container {
  position: relative;
  overflow: hidden;
  direction: ltr;
  width: 100%;
}

.sp-top-thumbnails,
.sp-bottom-thumbnails {
  left: 0;
  margin: 0 auto;
}

.sp-top-thumbnails {
  position: absolute;
  top: 0;
  margin-bottom: 4px;
}

.sp-bottom-thumbnails {
  margin-top: 4px;
}

.sp-left-thumbnails,
.sp-right-thumbnails {
  position: absolute;
  top: 0;
}

.sp-right-thumbnails {
  right: 0;
  margin-left: 4px;
}

.sp-left-thumbnails {
  left: 0;
  margin-right: 4px;
}

.sp-thumbnails {
  position: relative;
}

.sp-thumbnail {
  border: none;
}

.sp-thumbnail-container {
  position: relative;
  display: block;
  overflow: hidden;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.sp-rtl .sp-thumbnail-container {
  float: right;
}

/* Horizontal thumbnails
------------------------*/
.sp-top-thumbnails .sp-thumbnail-container,
.sp-bottom-thumbnails .sp-thumbnail-container {
  margin-left: 2px;
  margin-right: 2px;
}

.sp-top-thumbnails .sp-thumbnail-container:first-child,
.sp-bottom-thumbnails .sp-thumbnail-container:first-child {
  margin-left: 0;
}

.sp-top-thumbnails .sp-thumbnail-container:last-child,
.sp-bottom-thumbnails .sp-thumbnail-container:last-child {
  margin-right: 0;
}

/* Vertical thumbnails
----------------------*/
.sp-left-thumbnails .sp-thumbnail-container,
.sp-right-thumbnails .sp-thumbnail-container {
  margin-top: 2px;
  margin-bottom: 2px;
}

.sp-left-thumbnails .sp-thumbnail-container:first-child,
.sp-right-thumbnails .sp-thumbnail-container:first-child {
  margin-top: 0;
}

.sp-left-thumbnails .sp-thumbnail-container:last-child,
.sp-right-thumbnails .sp-thumbnail-container:last-child {
  margin-bottom: 0;
}

/* Right thumbnails with pointer
--------------------------------*/
.sp-right-thumbnails.sp-has-pointer {
  margin-left: -13px;
}

.sp-right-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  left: 18px;
  margin-left: 0 !important;
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  content: "";
  position: absolute;
  height: 100%;
  border-left: 5px solid #F00;
  left: 0;
  top: 0;
  margin-left: 13px;
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: 50%;
  margin-top: -8px;
  border-right: 13px solid #F00;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

/* Left thumbnails with pointer
-------------------------------*/
.sp-left-thumbnails.sp-has-pointer {
  margin-right: -13px;
}

.sp-left-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  right: 18px;
}

.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  content: "";
  position: absolute;
  height: 100%;
  border-left: 5px solid #F00;
  right: 0;
  top: 0;
  margin-right: 13px;
}

.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
  top: 50%;
  margin-top: -8px;
  border-left: 13px solid #F00;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

/* Bottom thumbnails with pointer
---------------------------------*/
.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  margin-top: 0 !important;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail {
  border: 5px solid #ba2e38;
}

/* Top thumbnails with pointer
------------------------------*/
.sp-top-thumbnails.sp-has-pointer {
  margin-bottom: -13px;
}

.sp-top-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  bottom: 18px;
}

.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  content: "";
  position: absolute;
  width: 100%;
  border-bottom: 5px solid #F00;
  bottom: 0;
  margin-bottom: 13px;
}

.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  bottom: 0;
  margin-left: -8px;
  border-top: 13px solid #F00;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

/* Layers
--------------------------------------------------*/
.sp-layer {
  position: absolute;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-backface-visibility: hidden;
}

.sp-black {
  color: #FFF;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
}

.sp-padding {
  padding: 10px;
}

/* Touch Swipe
--------------------------------------------------*/
.sp-grab {
  cursor: url(images/openhand.cur), move;
}

.sp-grabbing {
  cursor: url(images/closedhand.cur), move;
}

.sp-selectable {
  cursor: default;
}

/* Caption
--------------------------------------------------*/
.sp-caption-container {
  text-align: center;
  margin-top: 10px;
}

/* Full Screen
--------------------------------------------------*/
.sp-full-screen {
  margin: 0 !important;
  background-color: #000;
}

.sp-full-screen-button-bg {
  position: absolute;
  background: #000;
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 45px;
}
@media (min-width: 960px) {
  .sp-full-screen-button-bg {
    width: 50px;
    height: 50px;
  }
}

.sp-full-screen-button {
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sp-full-screen-button:before {
  content: "↕";
  color: #fff;
  position: absolute;
  top: -10px;
  right: -4px;
}

.sp-fade-full-screen {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.slider-pro:hover .sp-fade-full-screen {
  opacity: 1;
}

/* Buttons
--------------------------------------------------*/
.sp-buttons {
  position: relative;
  width: 100%;
  text-align: center;
  padding-top: 10px;
}

.sp-rtl .sp-buttons {
  direction: rtl;
}

.sp-full-screen .sp-buttons {
  display: none;
}

.sp-button {
  width: 10px;
  height: 10px;
  background: #999;
  border-radius: 50%;
  margin: 4px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: none;
}
@media (min-width: 640px) {
  .sp-button {
    display: inline-block;
  }
}

.sp-selected-button {
  background-color: #000;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .sp-button {
    width: 14px;
    height: 14px;
  }
}
@media only screen and (min-width: 568px) and (max-width: 768px) {
  .sp-button {
    width: 16px;
    height: 16px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 568px) {
  .sp-button {
    width: 18px;
    height: 18px;
  }
}
/* Arrows
--------------------------------------------------*/
.sp-arrows {
  position: absolute;
}

.sp-fade-arrows {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.sp-slides-container:hover .sp-fade-arrows {
  opacity: 1;
}

.sp-horizontal .sp-arrows {
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -15px;
}

.sp-vertical .sp-arrows {
  height: 100%;
  left: 50%;
  top: 0;
  margin-left: -10px;
}

.sp-arrow-bg {
  background: rgb(0, 0, 0);
  border: 10px solid #000;
}

.sp-arrow {
  position: absolute;
  display: block;
  width: 25px;
  height: 40px;
  cursor: pointer;
  background: rgb(0, 0, 0);
}
@media (min-width: 640px) {
  .sp-arrow {
    width: 40px;
    height: 60px;
  }
}

.sp-vertical .sp-arrow {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sp-horizontal .sp-previous-arrow {
  left: 0;
  right: auto;
}

.sp-horizontal.sp-rtl .sp-previous-arrow {
  right: 0;
  left: auto;
}

.sp-horizontal .sp-next-arrow {
  right: 0;
  left: auto;
}

.sp-horizontal.sp-rtl .sp-next-arrow {
  left: 0;
  right: auto;
}

.sp-vertical .sp-previous-arrow {
  top: 0;
}

.sp-vertical .sp-next-arrow {
  bottom: 20px;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.sp-previous-arrow:before,
.sp-previous-arrow:after,
.sp-next-arrow:before,
.sp-next-arrow:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 50%;
  background-color: #FFF;
}

.sp-arrow:before {
  left: 30%;
  top: 0;
  -webkit-transform: skew(145deg, 0deg);
  -ms-transform: skew(145deg, 0deg);
  transform: skew(145deg, 0deg);
}

.sp-arrow:after {
  left: 30%;
  top: 50%;
  -webkit-transform: skew(-145deg, 0deg);
  -ms-transform: skew(-145deg, 0deg);
  transform: skew(-145deg, 0deg);
}

.sp-next-arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sp-horizontal.sp-rtl .sp-previous-arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sp-horizontal.sp-rtl .sp-next-arrow {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.ie8 .sp-arrow {
  width: 0;
  height: 0;
}

.ie8 .sp-arrow:before,
.ie8 .sp-arrow:after {
  content: none;
}

.ie8.sp-horizontal .sp-previous-arrow {
  border-right: 20px solid #FFF;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

.ie8.sp-horizontal .sp-next-arrow {
  border-left: 20px solid #FFF;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

.ie8.sp-vertical .sp-previous-arrow {
  border-bottom: 20px solid #FFF;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}

.ie8.sp-vertical .sp-next-arrow {
  border-top: 20px solid #FFF;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}

/* Thumbnail Arrows
--------------------------------------------------*/
.sp-thumbnail-arrows {
  position: absolute;
}

.sp-fade-thumbnail-arrows {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows {
  opacity: 1;
}

.sp-top-thumbnails .sp-thumbnail-arrows,
.sp-bottom-thumbnails .sp-thumbnail-arrows {
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -12px;
}

.sp-left-thumbnails .sp-thumbnail-arrows,
.sp-right-thumbnails .sp-thumbnail-arrows {
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -7px;
}

.sp-thumbnail-arrow {
  position: absolute;
  display: block;
  width: 15px;
  height: 25px;
  cursor: pointer;
}

.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,
.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sp-top-thumbnails .sp-previous-thumbnail-arrow,
.sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
  left: 0px;
}

.sp-top-thumbnails .sp-next-thumbnail-arrow,
.sp-bottom-thumbnails .sp-next-thumbnail-arrow {
  right: 0px;
}

.sp-left-thumbnails .sp-previous-thumbnail-arrow,
.sp-right-thumbnails .sp-previous-thumbnail-arrow {
  top: 0px;
}

.sp-left-thumbnails .sp-next-thumbnail-arrow,
.sp-right-thumbnails .sp-next-thumbnail-arrow {
  bottom: 0px;
}

.sp-previous-thumbnail-arrow:before,
.sp-previous-thumbnail-arrow:after,
.sp-next-thumbnail-arrow:before,
.sp-next-thumbnail-arrow:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 50%;
  background-color: #FFF;
}

.sp-previous-thumbnail-arrow:before {
  left: 30%;
  top: 0;
  -webkit-transform: skew(145deg, 0deg);
  -ms-transform: skew(145deg, 0deg);
  transform: skew(145deg, 0deg);
}

.sp-previous-thumbnail-arrow:after {
  left: 30%;
  top: 50%;
  -webkit-transform: skew(-145deg, 0deg);
  -ms-transform: skew(-145deg, 0deg);
  transform: skew(-145deg, 0deg);
}

.sp-next-thumbnail-arrow:before {
  right: 30%;
  top: 0;
  -webkit-transform: skew(35deg, 0deg);
  -ms-transform: skew(35deg, 0deg);
  transform: skew(35deg, 0deg);
}

.sp-next-thumbnail-arrow:after {
  right: 30%;
  top: 50%;
  -webkit-transform: skew(-35deg, 0deg);
  -ms-transform: skew(-35deg, 0deg);
  transform: skew(-35deg, 0deg);
}

.ie8 .sp-thumbnail-arrow {
  width: 0;
  height: 0;
}

.ie8 .sp-thumbnail-arrow:before,
.ie8 .sp-thumbnail-arrow:after {
  content: none;
}

.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
  border-right: 12px solid #FFF;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow {
  border-left: 12px solid #FFF;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow {
  border-bottom: 12px solid #FFF;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}

.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow {
  border-top: 12px solid #FFF;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}

/* Video
--------------------------------------------------*/
a.sp-video {
  text-decoration: none;
}

a.sp-video img {
  -webkit-backface-visibility: hidden;
  border: none;
}

a.sp-video:after {
  content: "▶";
  position: absolute;
  width: 45px;
  padding-left: 5px;
  height: 50px;
  border: 2px solid #FFF;
  text-align: center;
  font-size: 30px;
  border-radius: 30px;
  top: 0;
  color: #FFF;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
  margin: auto;
  line-height: 52px;
}

/* CSS for preventing styling issues in WordPress
--------------------------------------------------*/
.slider-pro img.sp-image,
.slider-pro img.sp-thumbnail {
  max-width: none;
  max-height: none;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  -webkit-box-shadow: none !important;
  -mox-box-shadow: none !important;
  box-shadow: none !important;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
}

.slider-pro a {
  position: static;
  transition: none !important;
  -moz-transition: none !important;
  -webkit-transition: none !important;
  -o-transition: none !important;
}

.slider-pro iframe,
.slider-pro object,
.slider-pro video,
.slider-pro embed,
.slider-pro canvas {
  max-width: none;
  max-height: none;
}

.slider-pro img.sp-layer {
  border: none;
}

/*
//////////////////////////////////////////////////////////////////

// Top Images
// トップページ

01:レイアウト
02:モジュール
03:メイン
04:サイドバー

//////////////////////////////////////////////////////////////////
*/
.images_top_inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 2;
}

.images_top_inner_block {
  margin-top: 20px;
  float: left;
  width: 100%;
}

.images_top_wrap {
  margin-top: 30px;
  float: left;
  width: 100%;
}
@media (min-width: 960px) {
  .images_top_wrap {
    margin-top: 45px;
  }
}

.images_top_head {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  text-align: center;
}
.images_top_head i {
  display: block;
}

.images_top_divider {
  width: 100%;
  float: left;
}
.images_top_divider hr {
  display: block;
  vertical-align: middle;
  width: 20px;
  height: 5px;
  text-align: center;
  margin: 10px auto;
  background: #ba2e38;
}

.images_top_title {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
  font-weight: 900;
  margin-bottom: 10px;
}

/*.images_top_home {
	//padding-topで高さを％に「画像高さ ÷ 表示幅 × 100」
	//「画像高さ」はmedia-quary設定値内の最大値を適応
	@include newtop_images_base;
	// 820÷360×100＝227.78
	padding-top: 227.78%; //height: 820px;
	background: url('/res/images/top/img_top_home_sm.jpg')
	center top / cover no-repeat;
	@include media(fb) {
		//800÷640×100＝125
		padding-top: 125%; //height: 800px;
		background: url('/res/images/top/img_top_home_sm.jpg')
		center top / cover no-repeat;
	}
	@include media(tb) {
		//450÷960×100＝46.88
		padding-top: 46.88%; //height: 450px;
		background: url('/res/images/top/img_top_home_lg.jpg')
		center top / cover no-repeat;
	}
	@include media(mpc) {
		//600÷1280×100＝46.87
		padding-top: 49.87%; //height: 600px;
		background: url('/res/images/top/img_top_home_lg.jpg')
		center top / cover no-repeat;
	}
	@include media(pc) {
		//460÷1440×100＝31.94
		padding-top: 33.94%; //height: 460px;
		background: url('/res/images/top/img_top_home_lg.jpg')
		center -71px / 100% auto no-repeat;
	}
	@include media(wpc) {
		//430÷1920×100＝22.405
		padding-top: 26.40%; //height: 430px;
		background: url('/res/images/top/img_top_home_lg.jpg')
		center -214px / 100% auto no-repeat;
	}
}*/
/*.images_top_message {
	@include newtop_images_base;
	background:
		url('/res/images/recruit/img_recruit_sm.jpg')
		center top / 100% auto
		no-repeat;
	@include media(tb) {
		background:
			url('/res/images/recruit/img_recruit_md.jpg')
			center top / 100% auto
			no-repeat;
	}
	@include media(mpc) {
		background:
			url('/res/images/recruit/img_recruit_lg.jpg')
			center top / cover
			no-repeat;
	}
	@include media(pc) {
		background:
			url('/res/images/recruit/img_recruit_xl.jpg')
			center top / 100% auto
			no-repeat;
	}
	@include media(wpc) {
		background:
			url('/res/images/recruit/img_recruit_3l.jpg')
			center top / 100% auto
			no-repeat;
	}
	// 各トップイメージタイトルスタイル
	.images_top_head,
	.images_top_title {
		text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
	}
}

// その他の採用情報ページ
.images_top_recruit {
	@include newtop_images_base;
	//200÷360×100=55.55
	padding-top: 55.55%; //height: 200px;
	background:
		url('/res/images/recruit/img_recruit_3l.jpg')
		center top / cover no-repeat;
	@include media(fb) {
		padding-top: 46.88%; //height: 300px;
		background:
			url('/res/images/recruit/img_recruit_md.jpg')
			center -40px / 130% auto no-repeat;
	}
	@include media(tb) {
		padding-top: 27.08%; //height: 260px;
		background:
			url('/res/images/recruit/img_recruit_3l.jpg')
			center -70px / 150% auto no-repeat;
	}
	@include media(mpc) {
		padding-top: 20.31%; //height: 260px;
		background:
			url('/res/images/recruit/img_recruit_3l.jpg')
			center -40px / cover no-repeat;
	}
	@include media(pc) {
		padding-top: 15.87%; //height: 230px;
		background:
			url('/res/images/recruit/img_recruit_3l.jpg')
			center -90px / cover no-repeat;
	}
	@include media(wpc) {
		padding-top: 10.42%; //height: 200px;
		background:
			url('/res/images/recruit/img_recruit_3l.jpg')
			center -250px / cover no-repeat;
	}

}
*/
/*.images_top_branch {
	@include newtop_images_base;
	background:
		url('/res/images/branch/img_branch_xs.jpg')
		center 50px / 100% auto
		no-repeat fixed;
	@include media(fb) {
		background:
			url('/res/images/branch/img_branch_sm.jpg')
			center 50px / 100% auto
			no-repeat fixed;
	}
	@include media(tb) {
		background:
			url('/res/images/branch/img_branch_md.jpg')
			center 50px / 100% auto
			no-repeat fixed;
	}
	@include media(mpc) {
		background:
			url('/res/images/branch/img_branch_lg.jpg')
			center 50px / 100% auto
			no-repeat fixed;
	}
	@include media(pc) {
		background:
			url('/res/images/branch/img_branch_xl.jpg')
			center 50px / 100% auto
			no-repeat fixed;
	}
	@include media(wpc) {
		background:
			url('/res/images/branch/img_branch_3l.jpg')
			center 50px / 100% auto
			no-repeat fixed;
	}
}*/
.images_top_lease {
  width: 100%;
  position: relative;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  /*display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;*/
  margin-top: -100px;
  height: 600px;
  background: url("/res/images/lease/img_lease_sm.jpg") center 75px/100% auto no-repeat;
}
.images_top_lease .images_top_inner {
  position: static;
  float: left;
  padding: 5em 0 4em;
}
@media (min-width: 640px) {
  .images_top_lease {
    height: 500px;
    background: url("/res/images/lease/img_lease_lg.jpg") center 75px/200% auto rgb(0, 75, 180) no-repeat;
  }
}
@media (min-width: 1280px) {
  .images_top_lease {
    height: 600px;
    background: url("/res/images/lease/img_lease_lg.jpg") center 50px/cover rgb(0, 75, 180) no-repeat;
  }
}

.images_top_quality {
  width: 100%;
  position: relative;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  /*display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;*/
  margin-top: -100px;
  background: url("/res/images/quality/img_quality_sm.jpg") center top/cover no-repeat;
}
.images_top_quality .images_top_inner {
  position: static;
  float: left;
  padding: 5em 0 4em;
}
@media (min-width: 640px) {
  .images_top_quality {
    background: url("/res/images/quality/img_quality_lg.jpg") center top/cover no-repeat;
  }
}
.images_top_quality video {
  display: none;
}

.images_top_factory {
  width: 100%;
  position: relative;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  /*display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;*/
  margin-top: -100px;
  background: url("/res/images/factory/img_factory_sm.jpg") center top/cover no-repeat;
}
.images_top_factory .images_top_inner {
  position: static;
  float: left;
  padding: 5em 0 4em;
}
@media (min-width: 640px) {
  .images_top_factory {
    background: url("/res/images/factory/img_factory_lg.jpg") center top/cover no-repeat;
  }
}

.images_top_inspection {
  width: 100%;
  position: relative;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  /*display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;*/
  margin-top: -100px;
  background: url("/res/images/inspection/img_inspection_sm.jpg") center top/cover no-repeat;
}
.images_top_inspection .images_top_inner {
  position: static;
  float: left;
  padding: 5em 0 4em;
}
@media (min-width: 360px) {
  .images_top_inspection {
    background: url("/res/images/inspection/img_inspection_sm.jpg") center top/cover no-repeat;
  }
}
@media (min-width: 640px) {
  .images_top_inspection {
    background: url("/res/images/inspection/img_inspection_lg.jpg") center center/cover no-repeat;
  }
}

.images_top_howto {
  width: 100%;
  position: relative;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  /*display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;*/
  margin-top: -100px;
  background: url("/res/images/howto/img_howto_sm.jpg") center top/cover no-repeat;
}
.images_top_howto .images_top_inner {
  position: static;
  float: left;
  padding: 5em 0 4em;
}
@media (min-width: 360px) {
  .images_top_howto {
    background: url("/res/images/howto/img_howto_sm.jpg") center top/cover no-repeat;
  }
}
@media (min-width: 640px) {
  .images_top_howto {
    background: url("/res/images/howto/img_howto_lg.jpg") center top/cover no-repeat;
  }
}
@media (min-width: 960px) {
  .images_top_howto {
    background: url("/res/images/howto/img_howto_lg.jpg") center center/cover no-repeat;
  }
}

.images_top_shape {
  width: 100%;
  position: relative;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  /*display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;*/
  margin-top: -100px;
  background: url("/res/images/shape/img_shape_sm.jpg") center center/cover no-repeat;
}
.images_top_shape .images_top_inner {
  position: static;
  float: left;
  padding: 5em 0 4em;
}
@media (min-width: 640px) {
  .images_top_shape {
    background: url("/res/images/shape/img_shape_lg.jpg") center center/cover no-repeat;
  }
}

.images_top {
  width: 100%;
  position: relative;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  /*display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;*/
  margin-top: -100px;
  background: url("/res/images/img_top_sm.jpg") center bottom/cover no-repeat;
}
.images_top .images_top_inner {
  position: static;
  float: left;
  padding: 5em 0 4em;
}
@media (min-width: 640px) {
  .images_top {
    background: url("/res/images/img_top_lg.jpg") center bottom/cover no-repeat;
  }
}

.images_top_webmt {
  width: 100%;
  position: relative;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  /*display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;*/
  margin-top: -100px;
  background: url("/res/images/about/webmt/img_webmt_sm.jpg") center center/cover no-repeat;
}
.images_top_webmt .images_top_inner {
  position: static;
  float: left;
  padding: 5em 0 4em;
}
@media (min-width: 640px) {
  .images_top_webmt {
    background: url("/res/images/about/webmt/img_webmt_lg.jpg") center center/cover no-repeat;
  }
}

.images_top_truckname {
  width: 100%;
  position: relative;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  /*display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;*/
  margin-top: -100px;
  background: url("/res/images/truckname/img_truckname_lg.jpg") center center/cover no-repeat;
}
.images_top_truckname .images_top_inner {
  position: static;
  float: left;
  padding: 5em 0 4em;
}

/*
//////////////////////////////////////////////////////////////////

// Parts
// パーツ

01：Title - タイトル関連
0②：Video - ビデオ表示関連

//////////////////////////////////////////////////////////////////
*/
/*.title_article {
	@include container-base;
	@include incontainer-media-size;
	z-index: 0;
	padding: $space_xl;
	color: $white_base;
	background: #011eff;
	span, div, h2, h3, h4, h5, h5 {
		font-size: $font-size-lg + 0.3;
		padding: $space_md;
		letter-spacing: 0.1rem;
		line-height: 1.4;
		position: relative;
		font-weight: 900;
		text-align: center;
		@include media(tb) {
			font-size: $font-size-3l;
		}
		> span {
			&::before {
				position: absolute;
				top: 0;
				left: 0;
				width: 4px;
				height: 12px;
				background: rgb(255, 255, 255);
				content: "";
				transition: background-color .3s cubic-bezier(.25,.46,.45,.94) 0s;
				transform: skew(-30deg);
				transform-origin: left bottom;
			}
		}
	}
	p {
		font-size: $font-size-bs;
		font-weight: 200;
		line-height: 2;
		margin: 15px 0;
	}
}*/
/*.title_article_wide {
	padding: $space_4l;
	padding-bottom: $space_6l;
	color: $white_base;
	background: rgba(0,75,180,1);
	background: linear-gradient(
		45deg,
		rgba(147,112,219,1) 0%,
		rgba(0,191,255,1) 100%
	);
	background: linear-gradient(
		45deg,
		rgba(0,191,255,0.9) 1%,
		rgba(0,4,187,0.9) 100%
	);
	text-align: center;
	span, div, h2, h3, h4, h5, h5, p {
		font-size: $font-size-3l;
		padding: $space_md;
		font-family: "Noto Sans CJK JP";
		font-weight: 100;
		line-height: 1.4;
	}
	p {
		font-size: $font-size-bs;
		line-height: 1.4;
	}
}*/

.title_section_wh {
  font-size: 1.25rem;
  letter-spacing: 0.2rem;
  width: 100%;
  text-align: center;
  font-weight: 900;
}
.title_section_wh .title_section_eng {
  position: relative;
  z-index: 4;
  font-family: "DIN Pro";
  font-size: 1.875rem;
  margin-bottom: 10px;
  font-weight: 900;
  vertical-align: middle;
}
.title_section_wh .title_section_jpn {
  display: inline-block;
  position: relative;
  z-index: 4;
}
.title_section_wh .title_section_jpn::before {
  content: "";
  position: absolute;
  z-index: -1;
  border: 2px solid rgba(6, 126, 160, 0.3);
  width: 4px;
  height: 20px;
  transform: skewX(-30deg);
  top: 4px;
  left: -20px;
}
.title_section_wh .title_section_jpn::after {
  content: "";
  position: absolute;
  z-index: -1;
  border: 2px solid rgba(6, 126, 160, 0.3);
  width: 4px;
  height: 20px;
  transform: skewX(-30deg);
  bottom: 3px;
  right: -15px;
}

.title_section_wh {
  font-size: 1.25rem;
  letter-spacing: 0.2rem;
  width: 100%;
  text-align: center;
  font-weight: 900;
  color: #fff;
}
.title_section_wh .title_section_eng {
  position: relative;
  z-index: 4;
  font-family: "DIN Pro";
  font-size: 1.875rem;
  margin-bottom: 10px;
  font-weight: 900;
  vertical-align: middle;
}
.title_section_wh .title_section_jpn {
  display: inline-block;
  position: relative;
  z-index: 4;
}
.title_section_wh .title_section_jpn::before {
  content: "";
  position: absolute;
  z-index: -1;
  border: 2px solid rgba(6, 126, 160, 0.3);
  width: 4px;
  height: 20px;
  transform: skewX(-30deg);
  top: 4px;
  left: -20px;
}
.title_section_wh .title_section_jpn::after {
  content: "";
  position: absolute;
  z-index: -1;
  border: 2px solid rgba(6, 126, 160, 0.3);
  width: 4px;
  height: 20px;
  transform: skewX(-30deg);
  bottom: 3px;
  right: -15px;
}
.title_section_wh .title_section_jpn::before, .title_section_wh .title_section_jpn::after {
  border: 2px solid rgba(255, 255, 255, 0.5);
}

.title_lg {
  font-size: 1.25rem;
  width: 100%;
  font-weight: 900;
  line-height: 2;
}
.title_lg span {
  position: relative;
  padding-left: 30px;
}
.title_lg span::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 5px;
  height: 70%;
  margin: auto 0;
  background: rgb(0, 0, 0);
  content: "";
  transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transform: skew(-30deg);
  transform-origin: left bottom;
}

.title_md {
  font-size: 1.125rem;
  width: 100%;
  font-weight: 900;
  line-height: 2;
}
.title_md span {
  position: relative;
  padding-left: 30px;
}
.title_md span::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 5px;
  height: 70%;
  margin: auto 0;
  background: rgb(0, 0, 0);
  content: "";
  transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transform: skew(-30deg);
  transform-origin: left bottom;
}

.menu_video {
  padding: 10px 5px;
  width: 100%;
  background: linear-gradient(to bottom, #fff 0%, #fff 97%, rgba(180, 180, 180, 0.7) 100%);
}
.menu_video:before, .menu_video:after {
  content: " ";
  display: table;
}
.menu_video:after {
  clear: both;
}
.menu_video > ul > li {
  padding: 5px;
}
.menu_video > ul > li > div {
  height: 90px;
  width: 100%;
  position: relative;
}
@media (min-width: 1280px) {
  .menu_video > ul > li > div {
    height: 100px;
  }
}
@media (min-width: 1681px) {
  .menu_video > ul > li > div {
    height: 120px;
  }
}
.menu_video > ul > li > div > a {
  transition: all 0.2s ease;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  display: table;
}
.menu_video > ul > li > div > a::before {
  position: absolute;
  content: "";
  z-index: 2;
  left: 5px;
  top: 5px;
  height: 20px;
  width: 20px;
  background: url("/res/images/icon_play.svg") center center/cover no-repeat;
}
@media (min-width: 640px) {
  .menu_video > ul > li > div > a::before {
    left: 10px;
    top: 10px;
    height: 30px;
    width: 30px;
  }
}
@media (min-width: 960px) {
  .menu_video > ul > li > div > a::before {
    left: 5px;
    top: 5px;
    height: 25px;
    width: 25px;
  }
}
@media (min-width: 1280px) {
  .menu_video > ul > li > div > a::before {
    left: 10px;
    top: 10px;
    height: 30px;
    width: 30px;
  }
}
.menu_video > ul > li > div > a > span {
  font-size: 0.75rem;
  color: #fff;
  transition: all 0.2s ease;
  background: rgba(0, 0, 0, 0.4);
  font-weight: 900;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
}
@media (min-width: 640px) {
  .menu_video > ul > li > div > a > span {
    font-size: 0.775rem;
  }
}
@media (min-width: 960px) {
  .menu_video > ul > li > div > a > span {
    font-size: 0.775rem;
  }
}
@media (min-width: 1681px) {
  .menu_video > ul > li > div > a > span {
    font-size: 0.875rem;
  }
}
.menu_video > ul > li > div > a > span:hover {
  transition: all 0.2s ease;
  background: rgba(0, 0, 0, 0.7);
}
.menu_video > ul > li > div > a > span::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  border-right: 20px solid rgb(255, 255, 255);
  border-left: 20px solid rgb(255, 255, 255);
  width: 40px;
  height: 1px;
  left: 0;
}
@media (min-width: 960px) {
  .menu_video > ul > li > div > a > span::before {
    border-right: 10px solid rgb(255, 255, 255);
    border-left: 10px solid rgb(255, 255, 255);
    width: 20px;
  }
}
@media (min-width: 1280px) {
  .menu_video > ul > li > div > a > span::before {
    border-right: 20px solid rgb(255, 255, 255);
    border-left: 20px solid rgb(255, 255, 255);
    width: 40px;
  }
}
.menu_video > ul > li > div > a > span::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  border-right: 20px solid rgb(255, 255, 255);
  border-left: 20px solid rgb(255, 255, 255);
  width: 40px;
  height: 1px;
  right: 0;
}
@media (min-width: 960px) {
  .menu_video > ul > li > div > a > span::after {
    border-right: 10px solid rgb(255, 255, 255);
    border-left: 10px solid rgb(255, 255, 255);
    width: 20px;
  }
}
@media (min-width: 1280px) {
  .menu_video > ul > li > div > a > span::after {
    border-right: 20px solid rgb(255, 255, 255);
    border-left: 20px solid rgb(255, 255, 255);
    width: 40px;
  }
}
.menu_video > ul > li > div > a > span > span {
  display: block;
  line-height: 1;
  font-family: "DIN Pro";
  font-size: 0.75rem;
  padding: 5px;
}
@media (min-width: 960px) {
  .menu_video > ul > li > div > a > span > span {
    font-size: 0.875rem;
  }
}
@media (min-width: 1681px) {
  .menu_video > ul > li > div > a > span > span {
    font-size: 1.125rem;
  }
}
.menu_video > ul > li .menu_video_01 {
  background: url("/res/images/video/thumb_full.jpg") center center/cover no-repeat;
}
.menu_video > ul > li .menu_video_02 {
  background: url("/res/images/video/thumb_network.jpg") center center/cover no-repeat;
}
.menu_video > ul > li .menu_video_03 {
  background: url("/res/images/video/thumb_quality.jpg") center center/cover no-repeat;
}
.menu_video > ul > li .menu_video_04 {
  background: url("/res/images/video/thumb_customize.jpg") center center/cover no-repeat;
}
.menu_video > ul > li .menu_video_05 {
  background: url("/res/images/video/thumb_service.jpg") center center/cover no-repeat;
}
.menu_video > ul > li .menu_video_06 {
  background: url("/res/images/video/thumb_web.jpg") center center/cover no-repeat;
}

.video_block {
  background: #144f99;
}
.video_block .video_block_contents {
  margin: 0 auto;
}
.video_block .video_block_contents a {
  width: 90%;
  margin: 40px auto 0;
  display: block;
  position: relative;
}
.video_block .video_block_contents a:before, .video_block .video_block_contents a:after {
  content: " ";
  display: table;
}
.video_block .video_block_contents a:after {
  clear: both;
}
@media (min-width: 640px) {
  .video_block .video_block_contents a {
    width: 50%;
  }
}
.video_block .video_block_contents a:hover::before {
  transition: all 0.2s ease;
  background: rgba(0, 0, 0, 0.4);
}
.video_block .video_block_contents a::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease;
  background: rgba(0, 0, 0, 0.2);
  vertical-align: middle;
}
.video_block .video_block_contents a::after {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background: url("/res/images/icon_play.svg");
}
.video_block .video_block_contents a img {
  width: 100%;
  display: block;
  text-align: center;
  margin: 0 auto;
  border: 5px solid #fff;
}
.video_block .video_block_contents .video_block_contents_notes {
  text-align: center;
  margin-top: 20px;
  font-size: 0.75rem;
  color: #fff;
}

/*
//////////////////////////////////////////////////////////////////

// Top Page
// トップページ

01:レイアウト
02:モジュール
03:メイン

//////////////////////////////////////////////////////////////////
*/
.top_search_newtruck_btn {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: inline-block;
  width: 100%;
  padding: 10px 18px;
  margin: auto;
  border-radius: 0 0 4px 0/0 0 4px 0;
  border-top: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-left: 1px;
  border-style: solid;
  border-color: #d4d4d4;
  font-size: 0.75rem;
  color: #333;
  background: #ededed;
  box-shadow: none;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
  background: linear-gradient(to bottom, #fff 0%, #fff 97%, #cccccc 97%, #cccccc 100%);
  position: relative;
}
.top_search_newtruck_btn:hover {
  background: #d4d4d4;
  color: #333;
}
.top_search_newtruck_btn:visited, .top_search_newtruck_btn:active {
  color: #333;
}
.top_search_newtruck_btn img {
  vertical-align: middle;
  margin-right: 5px;
}
.top_search_newtruck_btn span {
  color: #333;
  vertical-align: middle;
}
@media (min-width: 640px) {
  .top_search_newtruck_btn {
    font-size: 1.25rem;
    border-radius: 0 4px 4px 0/0 4px 4px 0;
  }
}
@media (min-width: 960px) {
  .top_search_newtruck_btn:after {
    position: absolute;
    content: "";
    border-color: #999;
    border-top: 2px solid;
    border-right: 2px solid;
    width: 10px;
    height: 10px;
    right: 50px;
    top: 18px;
    transform: rotate(45deg);
  }
}
@media (min-width: 1280px) {
  .top_search_newtruck_btn:after {
    position: absolute;
    content: "";
    border-color: #999;
    border-top: 2px solid;
    border-right: 2px solid;
    width: 10px;
    height: 10px;
    right: 80px;
    top: 18px;
    transform: rotate(45deg);
  }
}

.top_search_alltruck_btn {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: inline-block;
  width: 100%;
  padding: 10px 18px;
  margin: auto;
  border-radius: 0 0 0 4px/0 0 0 4px;
  border-top: 1px;
  border-right: 0;
  border-bottom: 1px;
  border-left: 1px;
  border-style: solid;
  border-color: #d4d4d4;
  font-size: 0.75rem;
  color: #333;
  background: #fff;
  box-shadow: none;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
  background: linear-gradient(to bottom, #fff 0%, #fff 97%, #cccccc 97%, #cccccc 100%);
  position: relative;
}
.top_search_alltruck_btn:hover {
  background: #e6e6e6;
  color: #333;
}
.top_search_alltruck_btn:visited, .top_search_alltruck_btn:active {
  color: #333;
}
.top_search_alltruck_btn img {
  vertical-align: middle;
  margin-right: 5px;
}
.top_search_alltruck_btn span {
  color: #333;
  vertical-align: middle;
}
@media (min-width: 640px) {
  .top_search_alltruck_btn {
    font-size: 1.25rem;
    border-radius: 0;
  }
}
@media (min-width: 960px) {
  .top_search_alltruck_btn:after {
    position: absolute;
    content: "";
    border-color: #999;
    border-top: 2px solid;
    border-right: 2px solid;
    width: 10px;
    height: 10px;
    right: 50px;
    top: 18px;
    transform: rotate(45deg);
  }
}
@media (min-width: 1280px) {
  .top_search_alltruck_btn:after {
    position: absolute;
    content: "";
    border-color: #999;
    border-top: 2px solid;
    border-right: 2px solid;
    width: 10px;
    height: 10px;
    right: 80px;
    top: 18px;
    transform: rotate(45deg);
  }
}

.current_count_number {
  background: rgba(0, 0, 0, 0.9);
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 4px 4px 0 0/4px 4px 0 0;
}
@media (min-width: 640px) {
  .current_count_number {
    border-radius: 4px 0 0 4px/4px 0 0 4px;
  }
}
.current_count_number div {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-weight: 900;
  padding: 5px 15px;
  border-radius: 3px;
}
@media (min-width: 640px) {
  .current_count_number div {
    padding: 7px 18px 6px;
  }
}
.current_count_number div span span {
  font-size: 1.5rem;
  font-weight: 900;
}

.banner_single {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0 10px;
}

.banner_single_title {
  font-size: 1.15rem;
  color: #fff;
  font-weight: 900;
}
@media (min-width: 360px) {
  .banner_single_title {
    font-size: 1.4rem;
  }
}
@media (min-width: 640px) {
  .banner_single_title {
    font-size: 1.725rem;
  }
}
@media (min-width: 960px) {
  .banner_single_title {
    font-size: 2.25rem;
  }
}

.banner_single_text {
  margin-top: 10px;
  font-size: 0.65rem;
  color: #fff;
  font-weight: 900;
}
@media (min-width: 360px) {
  .banner_single_text {
    font-size: 0.6rem;
  }
}
@media (min-width: 640px) {
  .banner_single_text {
    font-size: 0.875rem;
  }
}
@media (min-width: 960px) {
  .banner_single_text {
    font-size: 1.125rem;
  }
}
@media (min-width: 1280px) {
  .banner_single_text {
    font-size: 1rem;
  }
}
@media (min-width: 1681px) {
  .banner_single_text {
    font-size: 1rem;
  }
}
/*%banner_bg_base {
	@include clearfix;
	width: 100%;
	display: table;
	text-shadow:1px 1px 2px rgba(0,0,0,0.7);
}
.banner_single_announce {
//年中無休
.banner_single_open365days {
	@extend %banner_bg_base;
	height: 175px;
	background: url('/res/images/banner/banner_single_open365days.jpg')
	center center / cover no-repeat;
	position: relative;
	@include media(fb) {
		height: 150px;
		background: url('/res/images/banner/banner_single_open365days.jpg')
		center center / cover no-repeat;
	}
	@include media(tb) {
		height: 150px;
		background: url('/res/images/banner/banner_single_open365days.jpg')
		center center / cover no-repeat;
	}
	@include media(mpc) {
		height: 200px;
		background: url('/res/images/banner/banner_single_open365days.jpg')
		center center / 100% auto no-repeat;
	}
	@include media(pc)  {
		height: 150px;
		background: url('/res/images/banner/banner_single_open365days.jpg')
		center center / 100% auto no-repeat;
	}
	@include media(wpc)  {
		height: 170px;
		background: url('/res/images/banner/banner_single_open365days.jpg')
		center center / 100% auto no-repeat;
	}
}


//GW
.banner_single_gw {
	@extend %banner_bg_base;
	height: 175px;
	background: url('/res/images/banner/banner_single_gw.jpg')
	center center / 100% auto no-repeat;
	position: relative;
	@include media(fb) {
		height: 150px;
		background: url('/res/images/banner/banner_single_gw.jpg')
		center center / cover no-repeat;
	}
	@include media(tb) {
		height: 150px;
		background: url('/res/images/banner/banner_single_gw.jpg')
		center center / cover no-repeat;
	}
	@include media(mpc) {
		height: 200px;
		background: url('/res/images/banner/banner_single_gw.jpg')
		center center / 100% auto no-repeat;
	}
	@include media(pc)  {
		height: 150px;
		background: url('/res/images/banner/banner_single_gw.jpg')
		center center / 100% auto no-repeat;
	}
	@include media(wpc)  {
		height: 170px;
		background: url('/res/images/banner/banner_single_gw.jpg')
		center center / 100% auto no-repeat;
	}
}


//Summer Vacation
.banner_single_sv {
	@extend %banner_bg_base;
	height: 175px;
	background: url('/res/images/banner/banner_single_sv.jpg')
	center center / 100% auto no-repeat;
	position: relative;
	@include media(fb) {
		height: 150px;
		background: url('/res/images/banner/banner_single_sv.jpg')
		center center / cover no-repeat;
	}
	@include media(tb) {
		height: 150px;
		background: url('/res/images/banner/banner_single_sv.jpg')
		center center / cover no-repeat;
	}
	@include media(mpc) {
		height: 200px;
		background: url('/res/images/banner/banner_single_sv.jpg')
		center center / 100% auto no-repeat;
	}
	@include media(pc)  {
		height: 150px;
		background: url('/res/images/banner/banner_single_sv.jpg')
		center center / 100% auto no-repeat;
	}
	@include media(wpc)  {
		height: 170px;
		background: url('/res/images/banner/banner_single_sv.jpg')
		center center / 100% auto no-repeat;
	}
}


//SW
.banner_single_sw {
	@extend %banner_bg_base;
	height: 175px;
	background: url('/res/images/banner/banner_single_sw.jpg')
	center center / 100% auto no-repeat;
	position: relative;
	@include media(fb) {
		height: 150px;
		background: url('/res/images/banner/banner_single_sw.jpg')
		center center / cover no-repeat;
	}
	@include media(tb) {
		height: 150px;
		background: url('/res/images/banner/banner_single_sw.jpg')
		center center / cover no-repeat;
	}
	@include media(mpc) {
		height: 200px;
		background: url('/res/images/banner/banner_single_sw.jpg')
		center center / 100% auto no-repeat;
	}
	@include media(pc)  {
		height: 150px;
		background: url('/res/images/banner/banner_single_sw.jpg')
		center center / 100% auto no-repeat;
	}
	@include media(wpc)  {
		height: 170px;
		background: url('/res/images/banner/banner_single_sw.jpg')
		center center / 100% auto no-repeat;
	}
}



//Year End
.banner_single_yearend {
	@extend %banner_bg_base;
	height: 175px;
	background: url('/res/images/banner/banner_single_yearend.jpg')
	center center / 100% auto no-repeat;
	position: relative;
	@include media(fb) {
		height: 150px;
		background: url('/res/images/banner/banner_single_yearend.jpg')
		center center / cover no-repeat;
	}
	@include media(tb) {
		height: 150px;
		background: url('/res/images/banner/banner_single_yearend.jpg')
		center center / cover no-repeat;
	}
	@include media(mpc) {
		height: 200px;
		background: url('/res/images/banner/banner_single_yearend.jpg')
		center center / 100% auto no-repeat;
	}
	@include media(pc)  {
		height: 150px;
		background: url('/res/images/banner/banner_single_yearend.jpg')
		center center / 100% auto no-repeat;
	}
	@include media(wpc)  {
		height: 170px;
		background: url('/res/images/banner/banner_single_yearend.jpg')
		center center / 100% auto no-repeat;
	}
}


//New Year
.banner_single_newyear {
	@extend %banner_bg_base;
	height: 175px;
	background: url('/res/images/banner/banner_single_newyear.jpg')
	center center / 100% auto no-repeat;
	position: relative;
	@include media(fb) {
		height: 150px;
		background: url('/res/images/banner/banner_single_newyear.jpg')
		center center / cover no-repeat;
	}
	@include media(tb) {
		height: 150px;
		background: url('/res/images/banner/banner_single_newyear.jpg')
		center center / cover no-repeat;
	}
	@include media(mpc) {
		height: 200px;
		background: url('/res/images/banner/banner_single_newyear.jpg')
		center center / 100% auto no-repeat;
	}
	@include media(pc)  {
		height: 150px;
		background: url('/res/images/banner/banner_single_newyear.jpg')
		center center / 100% auto no-repeat;
	}
	@include media(wpc)  {
		height: 170px;
		background: url('/res/images/banner/banner_single_newyear.jpg')
		center center / 100% auto no-repeat;
	}
}
}*/
.sm-show {
  display: block;
}
@media (min-width: 640px) {
  .sm-show {
    display: none;
  }
}

.sm-hide {
  display: none;
}
@media (min-width: 640px) {
  .sm-hide {
    display: block;
  }
}

.banner_onetime_02 {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding: 15px 0;
}
.banner_onetime_02:before, .banner_onetime_02:after {
  content: " ";
  display: table;
}
.banner_onetime_02:after {
  clear: both;
}
.banner_onetime_02:before, .banner_onetime_02:after {
  content: " ";
  display: table;
}
.banner_onetime_02:after {
  clear: both;
}
@media (min-width: 320px) {
  .banner_onetime_02 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 360px) {
  .banner_onetime_02 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 640px) {
  .banner_onetime_02 {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .banner_onetime_02 {
    width: 960px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1280px) {
  .banner_onetime_02 {
    width: 1160px;
  }
}
@media (min-width: 1681px) {
  .banner_onetime_02 {
    width: 1160px;
  }
}
.banner_onetime_02 a {
  display: block;
  /*@include media(tb)  {
  	height: 75px;
  	background: url()
  	center center / 100% auto no-repeat;
  }
  @include media(pc)  {
  	height: 120px;
  	background: url()
  	center center / 100% auto no-repeat;
  }*/
}

.banner_onetime_03 {
  padding: 0;
}
.banner_onetime_03:before, .banner_onetime_03:after {
  content: " ";
  display: table;
}
.banner_onetime_03:after {
  clear: both;
}
.banner_onetime_03 a {
  display: block;
  /*@include media(tb)  {
  	height: 75px;
  	background: url()
  	center center / 100% auto no-repeat;
  }
  @include media(pc)  {
  	height: 120px;
  	background: url()
  	center center / 100% auto no-repeat;
  }*/
}
.banner_onetime_03 a img {
  width: 100%;
}

.twobanner_pc {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  display: block;
}
.twobanner_pc:before, .twobanner_pc:after {
  content: " ";
  display: table;
}
.twobanner_pc:after {
  clear: both;
}
.twobanner_pc:before, .twobanner_pc:after {
  content: " ";
  display: table;
}
.twobanner_pc:after {
  clear: both;
}
@media (min-width: 320px) {
  .twobanner_pc {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 360px) {
  .twobanner_pc {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 640px) {
  .twobanner_pc {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .twobanner_pc {
    width: 960px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1280px) {
  .twobanner_pc {
    width: 1160px;
  }
}
@media (min-width: 1681px) {
  .twobanner_pc {
    width: 1160px;
  }
}
@media (min-width: 960px) {
  .twobanner_pc {
    display: flex !important;
    justify-content: center;
  }
}

.twobanner_pc_left {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
.twobanner_pc_left img {
  width: 100%;
}
@media (min-width: 960px) {
  .twobanner_pc_left {
    width: 50%;
    margin-bottom: 0;
  }
}

.twobanner_pc_right {
  width: 100%;
  display: block;
}
.twobanner_pc_right img {
  width: 100%;
}
@media (min-width: 960px) {
  .twobanner_pc_right {
    width: 50%;
  }
}

.newtruckbanner {
  position: relative;
  display: block;
  width: 100%;
  margin: 40px auto 20px;
  padding: 0 15px;
  text-align: center;
}
@media (min-width: 960px) {
  .newtruckbanner {
    width: 960px;
    padding: 15px;
  }
}
@media (min-width: 1280px) {
  .newtruckbanner {
    width: 1130px;
    padding: 0;
  }
}
.newtruckbanner__bg {
  width: 100%;
}
.newtruckbanner__item-left1 {
  position: absolute;
  right: 50%;
  top: 20%;
  width: 50%;
  transition: 0.2s;
}
@media (min-width: 960px) {
  .newtruckbanner__item-left1 {
    left: 40px;
    top: 40px;
    width: 200px;
  }
}
@media (min-width: 1280px) {
  .newtruckbanner__item-left1 {
    left: 40px;
    top: 32px;
    width: 250px;
  }
}
.newtruckbanner__item-left1 img {
  width: 100%;
}
.newtruckbanner__item-left1:hover {
  transform: scale(0.8);
}
.newtruckbanner__item-left2 {
  position: absolute;
  right: 20px;
  top: 20%;
  width: 50%;
  transition: 0.2s;
}
@media (min-width: 960px) {
  .newtruckbanner__item-left2 {
    left: 260px;
    top: 40px;
    width: 200px;
  }
}
@media (min-width: 1280px) {
  .newtruckbanner__item-left2 {
    left: 308px;
    top: 32px;
    width: 250px;
  }
}
.newtruckbanner__item-left2 img {
  width: 100%;
}
.newtruckbanner__item-left2:hover {
  transform: scale(0.8);
}
.newtruckbanner__item-right1 {
  position: absolute;
  right: 50%;
  top: 64%;
  width: 50%;
  transition: 0.2s;
}
@media (min-width: 960px) {
  .newtruckbanner__item-right1 {
    right: 260px;
    top: 40px;
    width: 200px;
  }
}
@media (min-width: 1280px) {
  .newtruckbanner__item-right1 {
    right: 308px;
    top: 32px;
    width: 250px;
  }
}
.newtruckbanner__item-right1 img {
  width: 100%;
}
.newtruckbanner__item-right1:hover {
  transform: scale(0.8);
}
.newtruckbanner__item-right2 {
  position: absolute;
  right: 20px;
  top: 61%;
  width: 50%;
  transition: 0.2s;
}
@media (min-width: 960px) {
  .newtruckbanner__item-right2 {
    right: 40px;
    top: 24px;
    width: 200px;
  }
}
@media (min-width: 1280px) {
  .newtruckbanner__item-right2 {
    right: 40px;
    top: 14px;
    width: 250px;
  }
}
.newtruckbanner__item-right2 img {
  width: 100%;
}
.newtruckbanner__item-right2:hover {
  transform: scale(0.8);
}

#tr-detail-show {
  display: none;
}

#checkTR {
  display: none;
}

.triangle-banner {
  position: relative;
  padding-top: 15px;
}
.triangle-banner__item {
  display: none;
  position: absolute;
  top: -30px;
  left: 38%;
  font-size: 30px;
  color: #ac1233;
  z-index: -99;
}
@media (min-width: 960px) {
  .triangle-banner__item {
    display: block;
  }
}

/*
//////////////////////////////////////////////////////////////////

// Trucklist
// 中古トラック車輌一覧ページ

01:モジュール
02:レイアウト
03:メイン

//////////////////////////////////////////////////////////////////
*/
.trucklist_result_title_block {
  float: left;
  width: 100%;
  margin: 20px 0;
}

.trucklist_result_title {
  position: relative;
  font-weight: 900;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  padding: 20px 0 10px 0;
  border-radius: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-style: none;
  border-color: none;
  font-size: 1.25rem;
  text-align: left;
  color: #333;
  background: #fff;
  box-shadow: none;
  /*div {
  	&::before {
  		content: '';
  		position: absolute;
  		top: 43%;
  		left: -15px;
  		border-top: 5px solid #f00;
  		border-bottom: 5px solid #b3b3b3;
  		width: 4px;
  	}
  }*/
  background: linear-gradient(to bottom, #fff 0%, #fff 92.5%, #d8d8d8 100%);
}
.trucklist_result_title span {
  padding-left: 20px;
}
.trucklist_result_title span::before {
  content: "";
  position: absolute;
  top: 43%;
  left: 0;
  border-top: 5px solid #f00;
  border-bottom: 5px solid #b3b3b3;
  width: 4px;
}
.trucklist_result_title img {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}

.trucklist_result_text {
  padding: 5px 10px;
  font-size: 0.75rem;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.trucklist_drawer_container {
  color: #fff;
  background: #333;
  box-shadow: 0 5px 2px -1px rgba(0, 0, 0, 0.14);
}
@media (min-width: 960px) {
  .trucklist_drawer_container {
    border-radius: 0 0 5px 5px/0 0 5px 5px;
    width: 930px;
  }
}
@media (min-width: 1280px) {
  .trucklist_drawer_container {
    border-radius: 0 0 5px 5px/0 0 5px 5px;
    width: 1130px;
  }
}

.trucklist_drawer_left_block .trucklist_result_num {
  display: table;
  vertical-align: middle;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 900;
  line-height: 1;
  font-size: 0.75rem;
  line-height: 1;
}
.trucklist_drawer_left_block .trucklist_result_num span.trucklist_result_num_left {
  display: none;
  vertical-align: middle;
  padding-top: 4px;
}
@media (min-width: 360px) {
  .trucklist_drawer_left_block .trucklist_result_num span.trucklist_result_num_left {
    display: table-cell;
  }
}
@media (min-width: 960px) {
  .trucklist_drawer_left_block .trucklist_result_num span.trucklist_result_num_left {
    display: none;
  }
}
@media (min-width: 1280px) {
  .trucklist_drawer_left_block .trucklist_result_num span.trucklist_result_num_left {
    display: table-cell;
  }
}
.trucklist_drawer_left_block .trucklist_result_num span.trucklist_result_num_center {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.25rem;
  padding: 0 5px;
}
.trucklist_drawer_left_block .trucklist_result_num span.trucklist_result_num_right {
  display: table-cell;
  vertical-align: middle;
  padding-top: 4px;
}

.trucklist_drawer_right_block {
  vertical-align: bottom;
}
.trucklist_drawer_right_block .trucklist_drawer_func_btn {
  float: right;
}
.trucklist_drawer_right_block .trucklist_drawer_func_btn a {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: inline-block;
  width: auto;
  padding: 10px;
  margin: 0;
  border-radius: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 1px;
  border-style: solid;
  border-color: #666666;
  font-size: 0.75rem;
  color: #fff;
  background: #333;
  box-shadow: none;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
  vertical-align: middle;
  margin-left: -3px;
}
.trucklist_drawer_right_block .trucklist_drawer_func_btn a:hover {
  background: #1a1a1a;
  color: #fff;
}
.trucklist_drawer_right_block .trucklist_drawer_func_btn a:visited, .trucklist_drawer_right_block .trucklist_drawer_func_btn a:active {
  color: #fff;
}
.trucklist_drawer_right_block .trucklist_drawer_func_btn a img {
  vertical-align: middle;
  margin-right: 5px;
}
.trucklist_drawer_right_block .trucklist_drawer_func_btn a span {
  color: #fff;
  vertical-align: middle;
}
.trucklist_drawer_right_block .trucklist_drawer_func_btn a img.func_btn_show {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
}
.trucklist_drawer_right_block .trucklist_drawer_func_btn a img.func_btn_hide {
  display: none;
  width: 20px;
}
@media (min-width: 640px) {
  .trucklist_drawer_right_block .trucklist_drawer_func_btn a img.func_btn_hide {
    display: inline-block;
    vertical-align: middle;
  }
}
.trucklist_drawer_right_block .trucklist_drawer_func_btn a span {
  display: none;
}
@media (min-width: 640px) {
  .trucklist_drawer_right_block .trucklist_drawer_func_btn a span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
  }
}
.trucklist_drawer_right_block a.trucklist_drawer_btn_alltruck,
.trucklist_drawer_right_block a.trucklist_drawer_btn_newtruck {
  display: none;
  border: none;
}
@media (min-width: 640px) {
  .trucklist_drawer_right_block a.trucklist_drawer_btn_alltruck,
  .trucklist_drawer_right_block a.trucklist_drawer_btn_newtruck {
    border-left: 1px solid #666666;
    font-size: 0.7rem;
  }
}
@media (min-width: 960px) {
  .trucklist_drawer_right_block a.trucklist_drawer_btn_alltruck,
  .trucklist_drawer_right_block a.trucklist_drawer_btn_newtruck {
    display: inline-block;
    font-size: 0.75rem;
  }
}
.trucklist_drawer_right_block a.trucklist_drawer_btn_search span,
.trucklist_drawer_right_block a.trucklist_drawer_btn_thumb span {
  display: none;
}
@media (min-width: 640px) {
  .trucklist_drawer_right_block a.trucklist_drawer_btn_search span,
  .trucklist_drawer_right_block a.trucklist_drawer_btn_thumb span {
    display: inline-block;
    font-size: 0.7rem;
  }
}
@media (min-width: 960px) {
  .trucklist_drawer_right_block a.trucklist_drawer_btn_search span,
  .trucklist_drawer_right_block a.trucklist_drawer_btn_thumb span {
    font-size: 0.75rem;
  }
}
.trucklist_drawer_right_block div.trucklist_drawer_btn_num_sort {
  display: none;
}
@media (min-width: 640px) {
  .trucklist_drawer_right_block div.trucklist_drawer_btn_num_sort {
    display: inline-block;
    padding: 5px;
    border-left: 1px solid #666666;
    font-size: 0.75rem;
  }
  .trucklist_drawer_right_block div.trucklist_drawer_btn_num_sort div {
    display: inline-block;
    position: relative;
  }
  .trucklist_drawer_right_block div.trucklist_drawer_btn_num_sort div::before {
    position: absolute;
    content: "";
    border-color: #fff;
    border-top: 2px solid;
    border-right: 2px solid;
    width: 7px;
    height: 7px;
    right: 10px;
    top: 10px;
    transform: rotate(135deg);
  }
  .trucklist_drawer_right_block div.trucklist_drawer_btn_num_sort div select {
    margin-left: 3px;
    display: inline-block;
    color: #fff;
    padding: 2px;
    width: 80px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    position: relative;
  }
  .trucklist_drawer_right_block div.trucklist_drawer_btn_num_sort div select option {
    color: #333;
  }
}

.trucklist_favorite_btn {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: block;
  width: 100%;
  padding: 8px 7px;
  margin: auto;
  border-radius: 5px 0 0 5px/5px 0 0 5px;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-style: none;
  border-color: none;
  font-size: 0.75rem;
  color: #fff;
  background: #197cd1;
  box-shadow: 0px 4px 0px 0px #0e4676;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.trucklist_favorite_btn:hover {
  background: #1461a3;
  color: #fff;
}
.trucklist_favorite_btn:visited, .trucklist_favorite_btn:active {
  color: #fff;
}
.trucklist_favorite_btn img {
  vertical-align: middle;
  margin-right: 5px;
}
.trucklist_favorite_btn span {
  color: #fff;
  vertical-align: middle;
}
@media (min-width: 640px) {
  .trucklist_favorite_btn {
    font-size: 0.925rem;
  }
}

.trucklist_favorite_added_btn {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: block;
  width: 100%;
  padding: 8px 7px 12px;
  margin: auto;
  border-radius: 5px 0 0 5px/5px 0 0 5px;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-style: none;
  border-color: none;
  font-size: 0.75rem;
  color: #808080;
  background: #e6e6e6;
  box-shadow: 0px 4px 0px 0px #878787 inset;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.trucklist_favorite_added_btn:hover {
  background: #cccccc;
  color: #808080;
}
.trucklist_favorite_added_btn:visited, .trucklist_favorite_added_btn:active {
  color: #808080;
}
.trucklist_favorite_added_btn img {
  vertical-align: middle;
  margin-right: 5px;
}
.trucklist_favorite_added_btn span {
  color: #808080;
  vertical-align: middle;
}
@media (min-width: 640px) {
  .trucklist_favorite_added_btn {
    font-size: 0.925rem;
  }
}

.trucklist_loading_btn {
  width: 100%;
  float: left;
  padding: 10px;
}

.trucklist_contact_btn {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: block;
  width: 100%;
  padding: 8px 7px;
  margin: auto;
  border-radius: 0 5px 5px 0/0 5px 5px 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-style: none;
  border-color: none;
  font-size: 0.75rem;
  color: #fff;
  background: #f88000;
  box-shadow: 0px 4px 0px 0px #924b00;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.trucklist_contact_btn:hover {
  background: #c56600;
  color: #fff;
}
.trucklist_contact_btn:visited, .trucklist_contact_btn:active {
  color: #fff;
}
.trucklist_contact_btn img {
  vertical-align: middle;
  margin-right: 5px;
}
.trucklist_contact_btn span {
  color: #fff;
  vertical-align: middle;
}
@media (min-width: 640px) {
  .trucklist_contact_btn {
    font-size: 0.925rem;
  }
}

.trucklist_check_btn {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: block;
  width: 100%;
  padding: 4px 7px 8px;
  margin: 0 auto;
  border-radius: 5px 0 0 5px/5px 0 0 5px;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-style: none;
  border-color: none;
  font-size: 0.75rem;
  color: #333;
  background: #f0f0f0;
  box-shadow: 0px 4px 0px 0px #878787;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.trucklist_check_btn:hover {
  background: #d6d6d6;
  color: #333;
}
.trucklist_check_btn:visited, .trucklist_check_btn:active {
  color: #333;
}
.trucklist_check_btn img {
  vertical-align: middle;
  margin-right: 5px;
}
.trucklist_check_btn span {
  color: #333;
  vertical-align: middle;
}
@media (min-width: 640px) {
  .trucklist_check_btn {
    font-size: 0.925rem;
    padding: 4px 7px 9px;
  }
}
.trucklist_check_btn .checkbox-icon {
  float: none;
  display: block;
  padding-top: 2px;
}
.trucklist_check_btn .checkbox-icon span {
  margin-left: 5px;
}

.trucklist_pagination {
  padding: 20px 0;
  width: 100%;
  display: table;
}
.trucklist_pagination ul {
  display: table-cell;
  margin: 0 auto;
}

.load_speeding_wheel {
  width: 14px;
  height: 14px;
  margin: 0 auto;
  border: 1px solid rgb(0, 0, 0);
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: cssload-spin 650ms infinite linear;
  -ms-animation: cssload-spin 650ms infinite linear;
  -webkit-animation: cssload-spin 650ms infinite linear;
  -moz-animation: cssload-spin 650ms infinite linear;
}

@keyframes cssload-spin {
  100% {
    transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes cssload-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes cssload-spin {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.btn_hide, .btn_show, .loading_btn, .hide_btn, .show_btn {
  float: left;
  height: 35px;
}
@media (min-width: 640px) {
  .btn_hide, .btn_show, .loading_btn, .hide_btn, .show_btn {
    height: 37px;
  }
}

.show_btn {
  display: block;
}

.hide_btn {
  display: none;
}

.loading_btn {
  display: none;
}

.btn_show {
  display: block;
}

.btn_hide {
  display: none;
}

.trucklist {
  width: 100%;
  margin: 20px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  background: #f0f0f0;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.trucklist_block {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 10px;
  padding-top: 10px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 99%, rgb(180, 180, 180) 100%);
}
.trucklist_block:hover {
  background: #fff2e6;
}
@media (min-width: 360px) {
  .trucklist_block {
    width: 50%;
    padding: 6px;
  }
}
@media (min-width: 640px) {
  .trucklist_block {
    width: 33.333333%;
    padding: 10px;
  }
}
@media (min-width: 960px) {
  .trucklist_block {
    width: 25%;
    padding: 10px;
  }
}
@media (min-width: 1280px) {
  .trucklist_block {
    width: 20%;
    padding: 10px;
  }
}
.trucklist_block > a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  display: block;
}

.trucklist_image {
  width: 100%;
  position: relative;
  height: 125px;
  border-radius: 5px;
  overflow: hidden;
}
@media (min-width: 640px) {
  .trucklist_image {
    height: 170px;
  }
}
.trucklist_image img {
  width: 100%;
  height: 125px;
}
@media (min-width: 640px) {
  .trucklist_image img {
    height: 170px;
  }
}

.trucklist_image_sold {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.trucklist_image_sold span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  font-weight: 900;
  color: #fff;
  font-size: 1.5rem;
}

.trucklist_label_list_no {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.75rem;
  color: #fff;
  margin: 0;
  padding: 3px 5px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  background: #000;
  border-radius: 0 0 5px 0;
}

.trucklist_label_new {
  background-color: #e7242e;
  color: #fff;
  border-radius: 3px;
  font-weight: 900;
  padding: 1px 4px;
  margin-right: 2px;
}

.trucklist_label_no_use,
.trucklist_label_situation {
  background: rgb(255, 255, 255);
  font-weight: 700;
  color: #0c6bac;
  border-radius: 3px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 4px;
  font-size: 0.75rem;
  margin-top: -2px;
}

/*.trucklist_label_situation {
  background: rgba(255,255,255,1);
  color: $label_base_color;
  padding: 0 3px;
  display: none;
  @include media(tb) {
    display: inline-block;
  }
}*/
.trucklist_label_branch_fukui {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.75rem;
  color: #fff;
  margin: 0;
  padding: 3px 7px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-radius: 5px 0 0 0;
  background: rgb(0, 148, 225);
}

.trucklist_label_branch_saitama {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.75rem;
  color: #fff;
  margin: 0;
  padding: 3px 7px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-radius: 5px 0 0 0;
  background: #3d0ab1;
}

.trucklist_label_branch_kumamoto {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.75rem;
  color: #fff;
  margin: 0;
  padding: 3px 7px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-radius: 5px 0 0 0;
  background: #c20000;
}

.trucklist_label_branch_chiba {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.75rem;
  color: #fff;
  margin: 0;
  padding: 3px 7px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-radius: 5px 0 0 0;
  background: rgb(193, 154, 0);
}

.trucklist_label_branch_gunma {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.75rem;
  color: #fff;
  margin: 0;
  padding: 3px 7px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-radius: 5px 0 0 0;
  background: rgb(0, 184, 120);
}

.trucklist_label_branch_tohoku {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.75rem;
  color: #fff;
  margin: 0;
  padding: 3px 7px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-radius: 5px 0 0 0;
  background: rgb(0, 192, 228);
}

.trucklist_label_branch_fukuoka {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.75rem;
  color: #fff;
  margin: 0;
  padding: 3px 7px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-radius: 5px 0 0 0;
  background: #C19A00;
}

.trucklist_label_branch_nagoya {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.75rem;
  color: #fff;
  margin: 0;
  padding: 3px 7px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-radius: 5px 0 0 0;
  background: #b10a8c;
}

.trucklist_label_branch_okinawa {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.75rem;
  color: #fff;
  margin: 0;
  padding: 3px 7px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-radius: 5px 0 0 0;
  background: #8A5F2E;
}

.trucklist_label_branch_hokkaido {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.75rem;
  color: #fff;
  margin: 0;
  padding: 3px 7px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-radius: 5px 0 0 0;
  background: #4d69c7;
}
.trucklist_label_comment_block {
  width: 100%;
  font-size: 0.8rem;
  color: #fff;
  background: #197cd1;
  border-radius: 5px;
  padding: 7.5px;
  line-height: 1.6;
  flex-grow: 1;
  word-break: break-all;
}
.trucklist_label_comment_block .trucklist_label_comment {
  display: flex;
  align-items: center;
}
.trucklist_label_comment_block .trucklist_label_comment .trucklist_label_comment_inner {
  width: 100%;
}

.trucklist_character_group {
  display: flex;
  flex-direction: column;
}
@media (min-width: 640px) {
  .trucklist_character_group {
    font-size: 1.125rem;
  }
}
.trucklist_character_group .trucklist_title {
  flex-grow: 1;
  width: 100%;
  height: 75px;
  font-weight: 900;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.4;
  border-bottom: 1px solid #ccc;
  color: #003a6b;
}
@media (min-width: 640px) {
  .trucklist_character_group .trucklist_title {
    padding: 5px 0 5px;
    font-size: 0.925rem;
  }
}
@media (min-width: 1280px) {
  .trucklist_character_group .trucklist_title {
    font-size: 0.95rem;
  }
}
.trucklist_character_group .trucklist_title .trucklist_title_inner {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.trucklist_character_group .trucklist_title .trucklist_title_inner:hover {
  text-decoration: underline;
}
.trucklist_character_group .trucklist_character {
  width: 100%;
  float: left;
  margin-bottom: 2%;
}
.trucklist_character_group .trucklist_character li {
  width: 100%;
  float: left;
  margin: 0;
  display: table;
}
.trucklist_character_group .trucklist_character .trucklist_character_top {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  position: relative;
  font-size: 0.6rem;
  width: 40%;
  padding: 5px 10px 5px 0;
  border-top: 1px solid #ccc;
  line-height: 1;
}
@media (min-width: 360px) {
  .trucklist_character_group .trucklist_character .trucklist_character_top {
    font-size: 0.775rem;
  }
}
.trucklist_character_group .trucklist_character .trucklist_character_top::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 50%;
  width: 3px;
  background: #b3b3b3;
}
.trucklist_character_group .trucklist_character .trucklist_character_bottom {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  font-size: 0.725rem;
  font-weight: bolder;
  width: 60%;
  padding: 5px;
  border-top: 1px solid #ccc;
}
@media (min-width: 360px) {
  .trucklist_character_group .trucklist_character .trucklist_character_bottom {
    font-size: 0.775rem;
  }
}
@media (min-width: 640px) {
  .trucklist_character_group .trucklist_character .trucklist_character_bottom {
    font-size: 0.905rem;
  }
}

.trucklist_contact_num_thumb_block {
  float: left;
  width: 100%;
  font-weight: 900;
  padding: 7px 0;
}
.trucklist_contact_num_thumb_block .contact_num {
  display: table;
  width: 100%;
  color: #000;
  text-align: center;
}
.trucklist_contact_num_thumb_block .contact_num .contact_num_inner {
  display: table-cell;
  vertical-align: middle;
  font-size: 0.65rem;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media (min-width: 360px) {
  .trucklist_contact_num_thumb_block .contact_num .contact_num_inner {
    font-size: 0.775rem;
  }
}
.trucklist_contact_num_thumb_block .contact_num .contact_num_title {
  width: 100%;
  display: block;
}
@media (min-width: 640px) {
  .trucklist_contact_num_thumb_block .contact_num .contact_num_title {
    width: auto;
    display: inline-block;
  }
}
.trucklist_contact_num_thumb_block .contact_num .contact_num_number {
  color: #8c0000;
  vertical-align: middle;
  font-size: 0.825rem;
}
@media (min-width: 360px) {
  .trucklist_contact_num_thumb_block .contact_num .contact_num_number {
    font-size: 1.3rem;
    line-height: 1;
  }
}
@media (min-width: 640px) {
  .trucklist_contact_num_thumb_block .contact_num .contact_num_number {
    font-size: 1.125rem;
    line-height: initial;
  }
}
@media (min-width: 960px) {
  .trucklist_contact_num_thumb_block .contact_num .contact_num_number {
    font-size: 0.925rem;
  }
}

.trucklist_contact_num_block {
  display: none;
}

.trucklist_contact_group {
  float: left;
  width: 100%;
}
.trucklist_contact_group .trucklist_contact {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  padding-bottom: 5px;
}
.trucklist_contact_group .trucklist_contact li {
  float: left;
  width: 50%;
}
.trucklist_contact_group .trucklist_contact li .trucklist_contact_thumb_show {
  display: inline-block;
}
.trucklist_contact_group .trucklist_contact li .trucklist_contact_list_show {
  display: none;
}

.list_view {
  width: 100%;
  float: left;
}
.list_view .trucklist_contact_group,
.list_view .trucklist_character_group {
  float: left;
  padding: 5px;
}

.list_view.trucklist {
  float: left;
  display: block;
}

.list_view.trucklist_block {
  width: 100%;
  height: auto;
  display: block;
  float: left;
}

.list_view .trucklist_image {
  float: left;
  width: 48%;
  height: initial;
}
@media (min-width: 640px) {
  .list_view .trucklist_image {
    height: auto;
    width: 35%;
  }
}
@media (min-width: 960px) {
  .list_view .trucklist_image {
    width: 28%;
    height: auto;
  }
}
@media (min-width: 1280px) {
  .list_view .trucklist_image {
    width: 28%;
    height: auto;
  }
}
.list_view .trucklist_image img {
  height: auto;
  width: 100%;
}

.list_view .trucklist_contact_num_thumb_block {
  display: none;
}

.list_view .trucklist_character_group {
  width: 50%;
  margin-top: 0;
  float: right;
  padding: 0 0 5px 5px;
}
@media (min-width: 640px) {
  .list_view .trucklist_character_group {
    width: 65%;
    float: left;
    padding: 5px 0 0 15px;
  }
}
@media (min-width: 960px) {
  .list_view .trucklist_character_group {
    width: 72%;
  }
}
@media (min-width: 1280px) {
  .list_view .trucklist_character_group {
    width: 54%;
    padding: 10px 0 5px 15px;
  }
}
.list_view .trucklist_character_group .trucklist_title {
  border-bottom: none;
  padding: 0;
}
@media (min-width: 360px) {
  .list_view .trucklist_character_group .trucklist_title {
    font-size: 0.875rem;
  }
}
@media (min-width: 640px) {
  .list_view .trucklist_character_group .trucklist_title {
    font-size: 2.5vw;
  }
}
@media (min-width: 960px) {
  .list_view .trucklist_character_group .trucklist_title {
    font-size: 2vw;
    margin: 5px 0 10px;
    height: initial;
  }
}
@media (min-width: 1280px) {
  .list_view .trucklist_character_group .trucklist_title {
    margin: 0;
    font-size: 1.05rem;
  }
}
.list_view .trucklist_character_group .trucklist_character {
  border-bottom: 1px solid #ccc;
  margin-bottom: 0;
}
@media (min-width: 640px) {
  .list_view .trucklist_character_group .trucklist_character {
    border-bottom: none;
  }
}
@media (min-width: 1280px) {
  .list_view .trucklist_character_group .trucklist_character {
    margin-top: 14px;
    border-bottom: 1px solid #ccc;
  }
}
@media (min-width: 640px) {
  .list_view .trucklist_character_group .trucklist_character li {
    width: 50%;
  }
}
@media (min-width: 960px) {
  .list_view .trucklist_character_group .trucklist_character li {
    width: 33.33333333%;
  }
}
@media (min-width: 1280px) {
  .list_view .trucklist_character_group .trucklist_character li {
    width: 50%;
  }
}
.list_view .trucklist_character_group .trucklist_character .trucklist_character_top,
.list_view .trucklist_character_group .trucklist_character .trucklist_character_bottom {
  line-height: 1;
  vertical-align: baseline;
  font-size: 0.65rem;
}
@media (min-width: 640px) {
  .list_view .trucklist_character_group .trucklist_character .trucklist_character_top,
  .list_view .trucklist_character_group .trucklist_character .trucklist_character_bottom {
    padding: 11px 5px;
    font-size: 0.825rem;
  }
}
@media (min-width: 960px) {
  .list_view .trucklist_character_group .trucklist_character .trucklist_character_top,
  .list_view .trucklist_character_group .trucklist_character .trucklist_character_bottom {
    padding: 10px 5px;
  }
}
@media (min-width: 1280px) {
  .list_view .trucklist_character_group .trucklist_character .trucklist_character_top,
  .list_view .trucklist_character_group .trucklist_character .trucklist_character_bottom {
    font-size: 1.025rem;
  }
}
.list_view .trucklist_character_group .trucklist_character .trucklist_character_top {
  width: 40%;
  padding: 8px 10px 8px 0;
}
@media (min-width: 640px) {
  .list_view .trucklist_character_group .trucklist_character .trucklist_character_top {
    width: 40%;
    padding-right: 10px;
  }
}
.list_view .trucklist_character_group .trucklist_character .trucklist_character_bottom {
  width: 60%;
  padding: 8px 0 8px 8px;
}

.list_view .trucklist_comment {
  padding: 5px 10px 10px;
  font-weight: 900;
  font-size: 0.78rem;
  width: 47%;
  width: 100%;
  float: right;
}
@media (min-width: 640px) {
  .list_view .trucklist_comment {
    padding: 0 0 5px 5px;
    width: 60%;
    font-size: 0.875rem;
    float: left;
    width: 100%;
    margin-top: 0;
  }
}
@media (min-width: 960px) {
  .list_view .trucklist_comment {
    padding: 10px 3px;
  }
}
@media (min-width: 1280px) {
  .list_view .trucklist_comment {
    width: 55%;
    padding: 0 10px 0 15px;
    font-size: 1.025rem;
  }
}
.list_view .trucklist_comment .ellipsis {
  overflow: hidden;
  padding: 0;
  width: 100%;
  float: left;
}

.list_view .trucklist_contact_num_block {
  display: inline-block;
  padding: 11px 0;
  font-weight: 900;
  width: 100%;
}
@media (min-width: 360px) {
  .list_view .trucklist_contact_num_block {
    border-top: none;
    background: #ccc;
    padding: 7px;
    border-radius: 3px;
  }
}
@media (min-width: 640px) {
  .list_view .trucklist_contact_num_block {
    width: 34%;
    padding: 10px 5px;
    margin: 0 0 7px;
  }
}
@media (min-width: 960px) {
  .list_view .trucklist_contact_num_block {
    width: 39%;
    padding: 10px 5px;
    margin: 0;
  }
}
@media (min-width: 1280px) {
  .list_view .trucklist_contact_num_block {
    width: 100%;
  }
}
.list_view .trucklist_contact_num_block .contact_num {
  display: table;
  color: #000;
  text-align: center;
  width: 100%;
}
.list_view .trucklist_contact_num_block .contact_num .contact_num_inner {
  width: 100%;
}
.list_view .trucklist_contact_num_block .contact_num .contact_num_title {
  display: block;
}
@media (min-width: 640px) {
  .list_view .trucklist_contact_num_block .contact_num .contact_num_title {
    display: inline-block;
    font-size: 0.825rem;
  }
}
@media (min-width: 960px) {
  .list_view .trucklist_contact_num_block .contact_num .contact_num_title {
    font-size: 0.875rem;
  }
}
@media (min-width: 1280px) {
  .list_view .trucklist_contact_num_block .contact_num .contact_num_title {
    font-size: 0.895rem;
    padding-bottom: 1%;
    width: 100%;
    display: block;
  }
}
.list_view .trucklist_contact_num_block .contact_num .contact_num_number {
  text-align: center;
  font-size: 6vw;
  color: #8c0000;
}
@media (min-width: 640px) {
  .list_view .trucklist_contact_num_block .contact_num .contact_num_number {
    font-size: 1.125rem;
    display: inline-block;
  }
}
@media (min-width: 960px) {
  .list_view .trucklist_contact_num_block .contact_num .contact_num_number {
    font-size: 1.125rem;
  }
}
@media (min-width: 1280px) {
  .list_view .trucklist_contact_num_block .contact_num .contact_num_number {
    width: 100%;
    font-size: 2vw;
    line-height: 1;
  }
}
@media (min-width: 1681px) {
  .list_view .trucklist_contact_num_block .contact_num .contact_num_number {
    font-size: 1.6vw;
  }
}

.list_view .trucklist_contact_group {
  float: right;
  width: 50%;
  padding: 5px 5px 5px 0;
}
@media (min-width: 640px) {
  .list_view .trucklist_contact_group {
    width: 100%;
    padding: 5px 0;
  }
}
@media (min-width: 960px) {
  .list_view .trucklist_contact_group {
    width: 72%;
    padding: 6px 0 0 15px;
  }
}
@media (min-width: 1280px) {
  .list_view .trucklist_contact_group {
    width: 18%;
    float: left;
  }
}
@media (min-width: 640px) {
  .list_view .trucklist_contact_group .trucklist_contact {
    width: 66%;
    float: right;
  }
}
@media (min-width: 960px) {
  .list_view .trucklist_contact_group .trucklist_contact {
    width: 61%;
    float: right;
  }
}
@media (min-width: 1280px) {
  .list_view .trucklist_contact_group .trucklist_contact {
    width: 100%;
    padding-bottom: 0;
  }
}
.list_view .trucklist_contact_group .trucklist_contact li {
  width: 100%;
}
@media (min-width: 640px) {
  .list_view .trucklist_contact_group .trucklist_contact li {
    width: 50%;
    padding-left: 10px;
  }
}
@media (min-width: 1280px) {
  .list_view .trucklist_contact_group .trucklist_contact li {
    padding-left: 0;
    margin-top: 10px;
    width: 100%;
  }
}
.list_view .trucklist_contact_group .trucklist_contact li .trucklist_loading_btn {
  padding-top: 13px;
  height: 42px;
}
.list_view .trucklist_contact_group .trucklist_contact li .trucklist_favorite_btn,
.list_view .trucklist_contact_group .trucklist_contact li .trucklist_favorite_added_btn,
.list_view .trucklist_contact_group .trucklist_contact li .trucklist_check_btn,
.list_view .trucklist_contact_group .trucklist_contact li .trucklist_contact_btn {
  width: 100%;
  padding: 10px;
  font-weight: 900;
  border-radius: 5px;
}
@media (min-width: 640px) {
  .list_view .trucklist_contact_group .trucklist_contact li .trucklist_favorite_btn img,
  .list_view .trucklist_contact_group .trucklist_contact li .trucklist_favorite_added_btn img,
  .list_view .trucklist_contact_group .trucklist_contact li .trucklist_check_btn img,
  .list_view .trucklist_contact_group .trucklist_contact li .trucklist_contact_btn img {
    display: inline-block;
  }
}
@media (min-width: 1280px) {
  .list_view .trucklist_contact_group .trucklist_contact li .trucklist_favorite_btn,
  .list_view .trucklist_contact_group .trucklist_contact li .trucklist_favorite_added_btn,
  .list_view .trucklist_contact_group .trucklist_contact li .trucklist_check_btn,
  .list_view .trucklist_contact_group .trucklist_contact li .trucklist_contact_btn {
    font-size: 1.25rem;
  }
}
.list_view .trucklist_contact_group .trucklist_contact li .trucklist_favorite_btn .trucklist_contact_thumb_show,
.list_view .trucklist_contact_group .trucklist_contact li .trucklist_favorite_added_btn .trucklist_contact_thumb_show,
.list_view .trucklist_contact_group .trucklist_contact li .trucklist_check_btn .trucklist_contact_thumb_show,
.list_view .trucklist_contact_group .trucklist_contact li .trucklist_contact_btn .trucklist_contact_thumb_show {
  display: none;
}
.list_view .trucklist_contact_group .trucklist_contact li .trucklist_favorite_btn .trucklist_contact_list_show,
.list_view .trucklist_contact_group .trucklist_contact li .trucklist_favorite_added_btn .trucklist_contact_list_show,
.list_view .trucklist_contact_group .trucklist_contact li .trucklist_check_btn .trucklist_contact_list_show,
.list_view .trucklist_contact_group .trucklist_contact li .trucklist_contact_btn .trucklist_contact_list_show {
  display: inline-block;
}
.list_view .trucklist_contact_group .trucklist_contact li .trucklist_contact_btn {
  margin-top: 10px;
}
@media (min-width: 640px) {
  .list_view .trucklist_contact_group .trucklist_contact li .trucklist_contact_btn {
    margin-top: 0;
  }
}
.list_view .trucklist_contact_group .trucklist_contact li .trucklist_check_btn {
  padding: 7px;
}
.list_view .trucklist_contact_group .trucklist_contact .show_btn,
.list_view .trucklist_contact_group .trucklist_contact .hide_btn,
.list_view .trucklist_contact_group .trucklist_contact .loading_btn,
.list_view .trucklist_contact_group .trucklist_contact .btn_show,
.list_view .trucklist_contact_group .trucklist_contact .btn_hide {
  height: auto;
}

.trucklist_character li[data-view=list],
.trucklist_block .trucklist_comment[data-view=list] {
  display: none;
}

.list_view li[data-view=list],
.list_view .trucklist_comment[data-view=list] {
  display: table;
}


.list_view .trucklist_label_no_use[data-view=list],
.list_view .trucklist_label_situation[data-view=list],
.list_view .trucklist_label_comment_block[data-view=list] {
  display: none;
}

/*
//////////////////////////////////////////////////////////////////

// Page Detail
// 「中古トラック詳細」ページ

01:レイアウト
02:モジュール
03:メイン
04:サイドバー

//////////////////////////////////////////////////////////////////
*/
.truckdetail_left {
  float: left;
}
@media (min-width: 1280px) {
  .truckdetail_left {
    padding-right: 30px;
  }
}

.truckdetail_right {
  float: right;
  display: none;
}
@media (min-width: 1280px) {
  .truckdetail_right {
    display: block;
  }
}

.truckdetail_right_contents {
  float: left;
  width: 282px;
}

.truckdetail_contact {
  width: 100%;
  display: inline-block;
  border: 5px solid #e6e6e6;
}
@media (min-width: 640px) {
  .truckdetail_contact {
    border: none;
  }
}
@media (min-width: 1280px) {
  .truckdetail_contact {
    margin-bottom: 10px;
    border: 5px solid #e6e6e6;
  }
}

.truckdetail_contact_btn_block {
  width: 100%;
  float: left;
  background: #e6e6e6;
  padding: 10px 0 0;
}
@media (min-width: 1280px) {
  .truckdetail_contact_btn_block {
    width: 100%;
    border-radius: 5px;
  }
}
.truckdetail_contact_btn_block .btn_show, .truckdetail_contact_btn_block .btn_hide {
  height: initial;
}

.truckdetail_result_title_block {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.truckdetail_result_title {
  position: relative;
  font-weight: 900;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  padding: 20px 0 10px 0;
  border-radius: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-style: none;
  border-color: none;
  font-size: 1.25rem;
  text-align: left;
  color: #333;
  background: #fff;
  box-shadow: none;
  /*div {
  	&::before {
  		content: '';
  		position: absolute;
  		top: 43%;
  		left: -15px;
  		border-top: 5px solid #f00;
  		border-bottom: 5px solid #b3b3b3;
  		width: 4px;
  	}
  }*/
  background: linear-gradient(to bottom, #fff 0%, #fff 92.5%, #d8d8d8 100%);
}
.truckdetail_result_title span {
  padding-left: 20px;
}
.truckdetail_result_title span::before {
  content: "";
  position: absolute;
  top: 43%;
  left: 0;
  border-top: 5px solid #f00;
  border-bottom: 5px solid #b3b3b3;
  width: 4px;
}
.truckdetail_result_title img {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}
@media (min-width: 640px) {
  .truckdetail_result_title {
    font-size: 1.25rem;
  }
}

.truckdetail_check {
  float: left;
  width: 100%;
  background: rgba(0, 0, 0, 0.05);
  padding: 10px;
}
.truckdetail_check li {
  float: left;
  padding: 0 10px 5px 0;
}
.truckdetail_check li span {
  font-size: 0.875rem;
}
@media (min-width: 640px) {
  .truckdetail_check li span {
    font-size: initial;
  }
}

.truckdetail_maintitle {
  position: relative;
  font-weight: 900;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  padding: 10px 0 10px 10px;
  border-radius: 0;
  border-top: 0;
  border-right: 1px;
  border-bottom: 0;
  border-left: 1px;
  border-style: solid;
  border-color: #ebe9e4;
  font-size: 1.125rem;
  text-align: left;
  color: #333;
  background: #eee;
  box-shadow: none;
  /*div {
  	&::before {
  		content: '';
  		position: absolute;
  		top: 43%;
  		left: -15px;
  		border-top: 5px solid #f00;
  		border-bottom: 5px solid #b3b3b3;
  		width: 4px;
  	}
  }*/
  background: linear-gradient(to top, #f9f9f9 0%, #fff 95%, #ccc 100%);
  border-top: 5px solid #ba2e38;
  border-bottom: 5px solid #ddd;
}
.truckdetail_maintitle span {
  padding-left: 20px;
}
.truckdetail_maintitle span::before {
  content: "";
  position: absolute;
  top: 43%;
  left: 0;
  border-top: 5px solid #f00;
  border-bottom: 5px solid #b3b3b3;
  width: 4px;
}
.truckdetail_maintitle img {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}

.truckdetail_subtitle {
  position: relative;
  font-weight: 900;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  padding: 10px;
  border-radius: 0;
  border-top: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-left: 1px;
  border-style: solid;
  border-color: #e3e3e3;
  font-size: 1rem;
  text-align: left;
  color: #333;
  background: #f9f9f9;
  box-shadow: none;
  /*div {
  	&::before {
  		content: '';
  		position: absolute;
  		top: 43%;
  		left: -15px;
  		border-top: 5px solid #f00;
  		border-bottom: 5px solid #b3b3b3;
  		width: 4px;
  	}
  }*/
  border-bottom: 5px solid #ddd;
}
.truckdetail_subtitle span {
  padding-left: 20px;
}
.truckdetail_subtitle span::before {
  content: "";
  position: absolute;
  top: 43%;
  left: 0;
  border-top: 5px solid #f00;
  border-bottom: 5px solid #b3b3b3;
  width: 4px;
}
.truckdetail_subtitle img {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}

.truckdetail_favorite_btn {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: block;
  width: 100%;
  padding: 15px 0;
  margin: auto;
  border-radius: 5px;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-style: none;
  border-color: none;
  font-size: 0.875rem;
  color: #fff;
  background: #197cd1;
  box-shadow: 0px 4px 0px 0px #0e4676;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.truckdetail_favorite_btn:hover {
  background: #1461a3;
  color: #fff;
}
.truckdetail_favorite_btn:visited, .truckdetail_favorite_btn:active {
  color: #fff;
}
.truckdetail_favorite_btn img {
  vertical-align: middle;
  margin-right: 5px;
}
.truckdetail_favorite_btn span {
  color: #fff;
  vertical-align: middle;
}
@media (min-width: 960px) {
  .truckdetail_favorite_btn {
    font-size: 1.125rem;
  }
}

.truckdetail_favorite_added_btn {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: block;
  width: 100%;
  padding: 15px 0;
  margin: auto;
  border-radius: 5px;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-style: none;
  border-color: none;
  font-size: 0.875rem;
  color: #333;
  background: #bdbdbd;
  box-shadow: 0px 4px 0px 0px #878787;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.truckdetail_favorite_added_btn:hover {
  background: #a3a3a3;
  color: #333;
}
.truckdetail_favorite_added_btn:visited, .truckdetail_favorite_added_btn:active {
  color: #333;
}
.truckdetail_favorite_added_btn img {
  vertical-align: middle;
  margin-right: 5px;
}
.truckdetail_favorite_added_btn span {
  color: #333;
  vertical-align: middle;
}
@media (min-width: 960px) {
  .truckdetail_favorite_added_btn {
    font-size: 1.125rem;
  }
}

.truckdetail_mail_btn {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: block;
  width: 100%;
  padding: 15px 0;
  margin: auto;
  border-radius: 5px;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-style: none;
  border-color: none;
  font-size: 0.875rem;
  color: #fff;
  background: #f88000;
  box-shadow: 0px 4px 0px 0px #924b00;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.truckdetail_mail_btn:hover {
  background: #c56600;
  color: #fff;
}
.truckdetail_mail_btn:visited, .truckdetail_mail_btn:active {
  color: #fff;
}
.truckdetail_mail_btn img {
  vertical-align: middle;
  margin-right: 5px;
}
.truckdetail_mail_btn span {
  color: #fff;
  vertical-align: middle;
}
@media (min-width: 960px) {
  .truckdetail_mail_btn {
    font-size: 1.125rem;
  }
}

.truckdetail_doc_btn {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: block;
  width: 100%;
  padding: 15px 0;
  margin: auto;
  border-radius: 5px;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-style: none;
  border-color: none;
  font-size: 0.875rem;
  color: #fff;
  background: #29b3e7;
  box-shadow: 0px 4px 0px 0px #117499;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.truckdetail_doc_btn:hover {
  background: #1696c7;
  color: #fff;
}
.truckdetail_doc_btn:visited, .truckdetail_doc_btn:active {
  color: #fff;
}
.truckdetail_doc_btn img {
  vertical-align: middle;
  margin-right: 5px;
}
.truckdetail_doc_btn span {
  color: #fff;
  vertical-align: middle;
}
@media (min-width: 960px) {
  .truckdetail_doc_btn {
    font-size: 1.125rem;
  }
}

.truckdetail_print_btn {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: block;
  width: 100%;
  padding: 15px 0;
  margin: auto;
  border-radius: 5px;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-style: none;
  border-color: none;
  font-size: 0.875rem;
  color: #fff;
  background: #1ca913;
  box-shadow: 0px 4px 0px 0px #0d4d09;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.truckdetail_print_btn:hover {
  background: #147b0e;
  color: #fff;
}
.truckdetail_print_btn:visited, .truckdetail_print_btn:active {
  color: #fff;
}
.truckdetail_print_btn img {
  vertical-align: middle;
  margin-right: 5px;
}
.truckdetail_print_btn span {
  color: #fff;
  vertical-align: middle;
}
@media (min-width: 960px) {
  .truckdetail_print_btn {
    font-size: 1.125rem;
  }
}

.truckdetail_disable_btn {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: block;
  width: 100%;
  padding: 15px 0;
  margin: auto;
  border-radius: 5px;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-style: none;
  border-color: none;
  font-size: 0.875rem;
  color: #bbb;
  background: #ededed;
  box-shadow: 0px 4px 0px 0px #878787;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.truckdetail_disable_btn:hover {
  background: #d4d4d4;
  color: #bbb;
}
.truckdetail_disable_btn:visited, .truckdetail_disable_btn:active {
  color: #bbb;
}
.truckdetail_disable_btn img {
  vertical-align: middle;
  margin-right: 5px;
}
.truckdetail_disable_btn span {
  color: #bbb;
  vertical-align: middle;
}
@media (min-width: 960px) {
  .truckdetail_disable_btn {
    font-size: 1.125rem;
  }
}

.truckdetail_brunch_btn {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: block;
  width: auto;
  padding: 15px 0;
  margin: 0 0 5px 0;
  border-radius: 5px;
  border-top: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-left: 1px;
  border-style: solid;
  border-color: #d4d4d4;
  font-size: 0.875rem;
  color: #333;
  background: #ededed;
  box-shadow: 0px 4px 0px 0px #878787;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.truckdetail_brunch_btn:hover {
  background: #d4d4d4;
  color: #333;
}
.truckdetail_brunch_btn:visited, .truckdetail_brunch_btn:active {
  color: #333;
}
.truckdetail_brunch_btn img {
  vertical-align: middle;
  margin-right: 5px;
}
.truckdetail_brunch_btn span {
  color: #333;
  vertical-align: middle;
}

.truckdetail_spec_comment {
  width: 100%;
  float: left;
  padding: 0 15px 15px 15px;
  margin: 10px 0;
  border: 2px solid #b3b3b3;
  background: #fff3d8;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.truckdetail_spec_comment .truckdetail_spec_comment_title {
  padding: 10px;
  width: 100%;
  background: #000;
  color: #fff;
}
.truckdetail_spec_comment p {
  margin-top: 15px;
}

.truckdetail_overview {
  width: 100%;
  float: left;
  border: 1px solid #ebe9e4;
  border-bottom: none;
  background: #f0f0f0;
}

.truckdetail_overview_info {
  border-top: 1px solid #e6e6e6;
}
.truckdetail_overview_info li {
  width: 100%;
  float: left;
  border-bottom: 1px solid #cdcdcd;
  display: table;
}
@media (min-width: 960px) {
  .truckdetail_overview_info li {
    width: 33.33333333%;
  }
}
.truckdetail_overview_info li span {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  text-align: center;
  line-height: 1.3;
}
.truckdetail_overview_info li .truckdetail_overview_info_left {
  background: #fafafa;
}
.truckdetail_overview_info li .truckdetail_overview_info_right {
  font-weight: 900;
  background: #fff;
}

.truckdetail_drawer_container {
  padding: 0;
}

@media (min-width: 640px) {
  .drawer_fixed .truckdetail_specmenu {
    margin-left: 8px;
  }
}
@media (min-width: 960px) {
  .drawer_fixed .truckdetail_specmenu {
    margin-left: 15px;
  }
}

.truckdetail_specmenu {
  float: left;
  border-right: 1px solid #d4d4d4;
  border-bottom: 3px solid #333;
  background: linear-gradient(to bottom, #fff 0%, #fff 90%, #bbb 100%);
  width: 100%;
}
@media (min-width: 640px) {
  .truckdetail_specmenu {
    width: 753px;
  }
}
@media (min-width: 960px) {
  .truckdetail_specmenu {
    width: 930px;
  }
}
@media (min-width: 1280px) {
  .truckdetail_specmenu {
    width: 817px;
  }
}
.truckdetail_specmenu li {
  float: left;
}
@media (min-width: 1280px) {
  .truckdetail_specmenu li {
    text-align: center;
  }
}
.truckdetail_specmenu li a {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: inline-block;
  width: 100%;
  padding: 15px 25px 15px 10px;
  margin: auto;
  border-radius: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 1px;
  border-style: solid;
  border-color: #d4d4d4;
  font-size: 0.75rem;
  color: #333;
  background: #ededed;
  box-shadow: none;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
  background: linear-gradient(to bottom, #fff 0%, #fff 90%, #bbb 100%);
}
.truckdetail_specmenu li a:hover {
  background: #d4d4d4;
  color: #333;
}
.truckdetail_specmenu li a:visited, .truckdetail_specmenu li a:active {
  color: #333;
}
.truckdetail_specmenu li a img {
  vertical-align: middle;
  margin-right: 5px;
}
.truckdetail_specmenu li a span {
  color: #333;
  vertical-align: middle;
}
@media (min-width: 360px) {
  .truckdetail_specmenu li a {
    padding: 15px 25px 15px 18.5px;
  }
}
@media (min-width: 640px) {
  .truckdetail_specmenu li a {
    padding: 15px 40px 15px 30px;
  }
}
.truckdetail_specmenu li a:link, .truckdetail_specmenu li a:visited, .truckdetail_specmenu li a:hover, .truckdetail_specmenu li a:active {
  color: #333;
}
.truckdetail_specmenu li a span {
  position: relative;
}
.truckdetail_specmenu li a span:after {
  position: absolute;
  content: "";
  border-color: #ba2e38;
  border-top: 2px solid;
  border-right: 2px solid;
  width: 7px;
  height: 7px;
  right: -15px;
  top: 5px;
  transform: rotate(135deg);
}
.truckdetail_specmenu li a span b {
  display: none;
}
@media (min-width: 1280px) {
  .truckdetail_specmenu li a span b {
    display: inline-block;
  }
}

.truckdetail_spectable {
  width: 100%;
  float: left;
  border-top: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
}
.truckdetail_spectable dl {
  border-collapse: collapse;
  display: table;
  line-height: 1.3;
  border-top: solid 1px;
  border-left: solid 1px;
  border-color: #e3e3e3;
  border-top: none;
  border-left: none;
  font-size: 0.735rem;
}
.truckdetail_spectable dl dt {
  display: table-cell;
  vertical-align: middle;
  font-weight: 900;
  text-align: left;
  width: 55%;
  height: 45px;
  border-right: solid 1px;
  border-bottom: solid 1px;
  border-color: #e3e3e3;
  padding: 10px;
  background: #f9f9f9;
}
.truckdetail_spectable dl dd {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  width: 45%;
  height: 45px;
  border-right: solid 1px;
  border-bottom: solid 1px;
  border-color: #e3e3e3;
  padding: 10px;
  background: none;
}
@media (min-width: 960px) {
  .truckdetail_spectable dl {
    font-size: 0.775rem;
  }
}
.truckdetail_spectable dl dt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 53px;
}
.truckdetail_spectable dl dd {
  height: 53px;
  line-height: 1.2;
}
.truckdetail_spectable dl dd span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 115px;
}
@media (min-width: 360px) {
  .truckdetail_spectable dl dd span {
    width: 135px;
  }
}
@media (min-width: 640px) {
  .truckdetail_spectable dl dd span {
    width: 90px;
  }
}
@media (min-width: 960px) {
  .truckdetail_spectable dl dd span {
    width: 118px;
  }
}
@media (min-width: 1280px) {
  .truckdetail_spectable dl dd span {
    width: 100px;
  }
}

.truckdetail_sheet_exp {
  margin-bottom: 30px;
}
.truckdetail_sheet_exp p {
  font-size: 1.125rem;
  font-weight: 900;
  line-height: 1.3;
}
.truckdetail_sheet_exp span {
  display: block;
  font-size: 0.75rem;
  font-weight: normal;
  padding: 0;
  margin-left: 10px;
}
.truckdetail_sheet_exp span:before {
  content: "※";
  margin-left: -10px;
}

.truckdetail_checksheet {
  width: 100%;
  float: left;
  border-left: 5px solid #ebe9e4;
  border-top: 5px solid #ebe9e4;
}

.truckdetail_checksheet_block {
  border-right: 5px solid #ebe9e4;
  border-bottom: 5px solid #ebe9e4;
  border-collapse: collapse;
  font-size: 0.75rem;
}
@media (min-width: 640px) {
  .truckdetail_checksheet_block {
    font-size: 0.61rem;
  }
}
@media (min-width: 960px) {
  .truckdetail_checksheet_block {
    font-size: 0.75rem;
  }
}
.truckdetail_checksheet_block dl {
  width: 100%;
  border-collapse: collapse;
  display: table;
  line-height: 1.3;
  border-top: solid 1px;
  border-left: solid 1px;
  border-color: #e3e3e3;
}
.truckdetail_checksheet_block dl dt {
  display: table-cell;
  vertical-align: middle;
  font-weight: 900;
  text-align: center;
  width: 33.33333%;
  height: 52px;
  border-right: solid 1px;
  border-bottom: solid 1px;
  border-color: #e3e3e3;
  padding: 10px;
  background: #f9f9f9;
}
.truckdetail_checksheet_block dl dd {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 33.33333%;
  height: 52px;
  border-right: solid 1px;
  border-bottom: solid 1px;
  border-color: #e3e3e3;
  padding: 10px;
  background: none;
}

.truckdetail_checksheet_tire_block {
  border-right: 5px solid #ebe9e4;
  border-bottom: 5px solid #ebe9e4;
  border-collapse: collapse;
  font-size: 0.75rem;
  position: relative;
  height: 350px;
}
@media (min-width: 640px) {
  .truckdetail_checksheet_tire_block {
    height: 427px;
  }
}

.truckdetail_checksheet_tire {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  position: relative;
  vertical-align: middle;
}
@media (min-width: 640px) {
  .truckdetail_checksheet_tire {
    margin-top: 50px;
  }
}
@media (min-width: 960px) {
  .truckdetail_checksheet_tire {
    margin-top: 20px;
  }
}
@media (min-width: 1280px) {
  .truckdetail_checksheet_tire {
    margin-top: 50px;
  }
}
.truckdetail_checksheet_tire img {
  width: 50%;
}
@media (min-width: 360px) {
  .truckdetail_checksheet_tire img {
    width: 48%;
  }
}
@media (min-width: 640px) {
  .truckdetail_checksheet_tire img {
    width: 50%;
  }
}

.tire_FL,
.tire_FR,
.tire_F2L,
.tire_F2R,
.tire_BL,
.tire_BR,
.tire_B2L,
.tire_B2R {
  position: absolute;
  width: 36.5%;
  cursor: pointer;
}
@media (min-width: 360px) {
  .tire_FL,
  .tire_FR,
  .tire_F2L,
  .tire_F2R,
  .tire_BL,
  .tire_BR,
  .tire_B2L,
  .tire_B2R {
    width: 37.5%;
  }
}
@media (min-width: 640px) {
  .tire_FL,
  .tire_FR,
  .tire_F2L,
  .tire_F2R,
  .tire_BL,
  .tire_BR,
  .tire_B2L,
  .tire_B2R {
    width: 37%;
  }
}
@media (min-width: 960px) {
  .tire_FL,
  .tire_FR,
  .tire_F2L,
  .tire_F2R,
  .tire_BL,
  .tire_BR,
  .tire_B2L,
  .tire_B2R {
    width: 37%;
  }
}
.tire_FL li,
.tire_FR li,
.tire_F2L li,
.tire_F2R li,
.tire_BL li,
.tire_BR li,
.tire_B2L li,
.tire_B2R li {
  background: #333;
  color: #fff;
  border-radius: 100px;
  height: 23px;
  width: 23px;
  padding-top: 2px;
}
@media (min-width: 960px) {
  .tire_FL li,
  .tire_FR li,
  .tire_F2L li,
  .tire_F2R li,
  .tire_BL li,
  .tire_BR li,
  .tire_B2L li,
  .tire_B2R li {
    height: 30px;
    width: 30px;
    padding-top: 5px;
  }
}

.tire_FL,
.tire_F2L,
.tire_BL,
.tire_B2L {
  left: 0;
}
.tire_FL li,
.tire_F2L li,
.tire_BL li,
.tire_B2L li {
  float: right;
}

.tire_FR,
.tire_F2R,
.tire_BR,
.tire_B2R {
  left: 63.5%;
}
@media (min-width: 360px) {
  .tire_FR,
  .tire_F2R,
  .tire_BR,
  .tire_B2R {
    left: 62.5%;
  }
}
@media (min-width: 640px) {
  .tire_FR,
  .tire_F2R,
  .tire_BR,
  .tire_B2R {
    left: 63%;
  }
}
@media (min-width: 960px) {
  .tire_FR,
  .tire_F2R,
  .tire_BR,
  .tire_B2R {
    left: 62.7%;
  }
}
@media (min-width: 1280px) {
  .tire_FR,
  .tire_F2R,
  .tire_BR,
  .tire_B2R {
    left: 62.7%;
  }
}
.tire_FR li,
.tire_F2R li,
.tire_BR li,
.tire_B2R li {
  float: left;
}

.tire_FL,
.tire_FR {
  top: 19%;
}
@media (min-width: 360px) {
  .tire_FL,
  .tire_FR {
    top: 20%;
  }
}
@media (min-width: 960px) {
  .tire_FL,
  .tire_FR {
    top: 20%;
  }
}
@media (min-width: 1280px) {
  .tire_FL,
  .tire_FR {
    top: 19.5%;
  }
}

.tire_F2L,
.tire_F2R {
  top: 31.5%;
}
@media (min-width: 360px) {
  .tire_F2L,
  .tire_F2R {
    top: 32.4%;
  }
}
@media (min-width: 640px) {
  .tire_F2L,
  .tire_F2R {
    top: 32.7%;
  }
}
@media (min-width: 960px) {
  .tire_F2L,
  .tire_F2R {
    top: 32.5%;
  }
}
@media (min-width: 1280px) {
  .tire_F2L,
  .tire_F2R {
    top: 32%;
  }
}

.tire_BL,
.tire_BR {
  top: 48.5%;
}
@media (min-width: 640px) {
  .tire_BL,
  .tire_BR {
    top: 49.5%;
  }
}
@media (min-width: 960px) {
  .tire_BL,
  .tire_BR {
    top: 49.3%;
  }
}
@media (min-width: 1280px) {
  .tire_BL,
  .tire_BR {
    top: 48.5%;
  }
}

.tire_B2L,
.tire_B2R {
  top: 60.5%;
}
@media (min-width: 640px) {
  .tire_B2L,
  .tire_B2R {
    top: 62%;
  }
}
@media (min-width: 960px) {
  .tire_B2L,
  .tire_B2R {
    top: 61.5%;
  }
}
@media (min-width: 1280px) {
  .tire_B2L,
  .tire_B2R {
    top: 61%;
  }
}

.tire_spare {
  display: table;
  position: absolute;
  bottom: 20px;
}
.tire_spare li.tire_spare_title {
  width: 60px;
  text-align: right;
}
.tire_spare li.tire_spare_title span {
  margin-right: 5px;
}
.tire_spare li {
  width: 35px;
  display: table-cell;
}
.tire_spare .tire_spare_num {
  width: 30px;
  height: 30px;
  background: #333;
  padding: 5px;
  color: #fff;
  border-radius: 100px;
  display: table-cell;
  text-align: center;
}

.truckdetail_ballon {
  display: none;
  font-size: 0.875rem;
  width: 100px;
  position: absolute;
  padding: 20px;
  border-radius: 5px;
  background: #197cd1;
  color: #fff;
  z-index: 9999;
  margin-left: -35px;
  margin-top: 10px;
}
.truckdetail_ballon::after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border: solid transparent;
  border-color: rgba(51, 51, 51, 0);
  border-bottom-color: #197cd1;
  border-width: 10px;
  pointer-events: none;
  content: " ";
}

.truckdetail_checksheet_tire_num:hover + .truckdetail_ballon, .truckdetail_checksheet_tire_num:active + .truckdetail_ballon {
  display: block;
}

.truckdetail_tire_table {
  border-collapse: collapse;
  width: 100%;
  font-size: 0.65rem;
  border-top: 3px;
  border-right: 0;
  border-bottom: 0;
  border-left: 3px;
  border-style: solid;
  border-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}
.truckdetail_tire_table th {
  font-weight: 900;
  text-align: center;
  width: auto;
  padding: 2px;
  border-top: 0;
  border-right: 3px;
  border-bottom: 3px;
  border-left: 0;
  border-style: solid;
  border-color: #fff;
  background: #f0f0f0;
}
.truckdetail_tire_table td {
  text-align: center;
  width: auto;
  padding: 2px;
  border-top: 0;
  border-right: 3px;
  border-bottom: 3px;
  border-left: 0;
  border-style: solid;
  border-color: #fff;
  background: #f0f0f0;
}
.truckdetail_tire_table th, .truckdetail_tire_table td {
  display: table-cell;
  width: auto;
}

.truckdetail_checksheet_tire_image {
  height: 250px;
  background: url("/res/images/quality/checksheet_tire_image.jpg") center center/90% auto no-repeat;
}
@media (min-width: 360px) {
  .truckdetail_checksheet_tire_image {
    background-size: 90% auto;
    height: 300px;
  }
}
@media (min-width: 640px) {
  .truckdetail_checksheet_tire_image {
    height: 370px;
  }
}

.quality_checksheet_block {
  border-right: 5px solid #ebe9e4;
  border-bottom: 5px solid #ebe9e4;
  border-collapse: collapse;
  font-size: 0.75rem;
}
@media (min-width: 640px) {
  .quality_checksheet_block {
    font-size: 0.61rem;
  }
}
@media (min-width: 960px) {
  .quality_checksheet_block {
    font-size: 0.75rem;
  }
}
.quality_checksheet_block dl {
  width: 100%;
  border-collapse: collapse;
  display: table;
  line-height: 1.3;
  border-top: solid 1px;
  border-left: solid 1px;
  border-color: #e3e3e3;
}
.quality_checksheet_block dl dt {
  display: table-cell;
  vertical-align: middle;
  font-weight: 900;
  text-align: center;
  width: 33.33333%;
  height: 52px;
  border-right: solid 1px;
  border-bottom: solid 1px;
  border-color: #e3e3e3;
  padding: 10px;
  background: #f9f9f9;
}
.quality_checksheet_block dl dd {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 33.33333%;
  height: 52px;
  border-right: solid 1px;
  border-bottom: solid 1px;
  border-color: #e3e3e3;
  padding: 10px;
  background: none;
}

.quality_checksheet_tire_block {
  border-right: 5px solid #ebe9e4;
  border-bottom: 5px solid #ebe9e4;
  border-collapse: collapse;
  font-size: 0.75rem;
  height: 427px;
}

.truckdetail_contact_num_block {
  width: 100%;
  font-weight: 900;
  text-align: center;
  margin-bottom: 10px;
}
.truckdetail_contact_num_block .truckdetail_contact_num_title {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  font-size: 0.875rem;
  padding: 0 5px;
}
@media (min-width: 360px) {
  .truckdetail_contact_num_block .truckdetail_contact_num_title {
    width: 40%;
    text-align: right;
  }
}
@media (min-width: 640px) {
  .truckdetail_contact_num_block .truckdetail_contact_num_title {
    width: 17%;
    text-align: right;
  }
}
@media (min-width: 1280px) {
  .truckdetail_contact_num_block .truckdetail_contact_num_title {
    width: 100%;
    text-align: center;
  }
}
.truckdetail_contact_num_block .truckdetail_contact_num {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.975rem;
  padding: 0 5px;
}
@media (min-width: 360px) {
  .truckdetail_contact_num_block .truckdetail_contact_num {
    width: auto;
    text-align: left;
  }
}
@media (min-width: 1280px) {
  .truckdetail_contact_num_block .truckdetail_contact_num {
    width: 100%;
    text-align: center;
  }
}

.truckdetail_contact_btn {
  float: left;
  width: 100%;
  padding: 10px 10px 15px;
  background: #d1d1d1;
}
.truckdetail_contact_btn li {
  padding: 5px;
  float: left;
}
.truckdetail_contact_btn li .truckdetail_loading_btn {
  width: 100%;
  padding: 8px;
  height: 31px;
}

.truckdetail_contact_branch {
  width: 100%;
  padding: 10px;
  background: #fff3d8;
}

.truckdetail_contact_branch_info {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  text-align: center;
}
@media (min-width: 640px) {
  .truckdetail_contact_branch_info {
    width: 32%;
    padding: initial;
    text-align: right;
  }
}
@media (min-width: 960px) {
  .truckdetail_contact_branch_info {
    width: 27%;
    padding: initial;
    text-align: right;
  }
}
@media (min-width: 1280px) {
  .truckdetail_contact_branch_info {
    width: 100%;
    text-align: center;
  }
}
.truckdetail_contact_branch_info .truckdetail_branch_name {
  display: block;
}
.truckdetail_contact_branch_info .truckdetail_branch_biz_hours {
  display: block;
  font-size: 0.875rem;
  padding-top: 10px;
}

.truckdetail_branch_tel {
  display: inline-block;
  vertical-align: middle;
  font-size: 3.125rem;
  font-family: "DIN Pro";
  font-weight: 900;
  width: 100%;
  line-height: 1;
  text-align: center;
}
@media (min-width: 640px) {
  .truckdetail_branch_tel {
    width: 36%;
    padding-left: 1.5%;
  }
}
@media (min-width: 960px) {
  .truckdetail_branch_tel {
    width: 38%;
    text-align: left;
    text-align: center;
    font-size: 4.375rem;
    padding-left: 1%;
  }
}
@media (min-width: 1280px) {
  .truckdetail_branch_tel {
    width: 100%;
    padding: 10px 0;
    text-align: center;
    font-size: 2.25rem;
  }
}
.truckdetail_branch_tel a, .truckdetail_branch_tel span {
  color: #000;
}

.truckdetail_branch_link {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-top: 5px;
}
@media (min-width: 640px) {
  .truckdetail_branch_link {
    width: 30%;
    margin: initial;
  }
}
@media (min-width: 960px) {
  .truckdetail_branch_link {
    width: 33.3333333%;
  }
}
@media (min-width: 1280px) {
  .truckdetail_branch_link {
    width: 100%;
  }
}

.truckdetail_show_hide {
  display: block;
}
@media (min-width: 1280px) {
  .truckdetail_show_hide {
    display: none;
  }
}

/*
//////////////////////////////////////////////////////////////////

// Page About
// 「リトラスについて」ページ

01:レイアウト
02:モジュール
03:メイン
04:サイドバー

//////////////////////////////////////////////////////////////////
*/
.about_superiority {
  background: url("/res/images/about/point_bg.jpg") center center/auto 100% no-repeat;
}

.about_superiority_block {
  float: left;
  width: 100%;
}

.about_point_expblock img {
  margin-top: 10px;
}

.about_point_imageblock {
  padding: 30px;
}

.about_philosophy {
  text-align: center;
  font-size: 1.875rem;
  font-weight: 900;
}
@media (min-width: 640px) {
  .about_philosophy {
    font-size: 2.5rem;
  }
}
.about_philosophy .about_philosophy_1st,
.about_philosophy .about_philosophy_2nd,
.about_philosophy .about_philosophy_3rd,
.about_philosophy .about_philosophy_4th {
  display: inline-block;
  line-height: 1.3;
  transform: skewX(-15deg);
}
.about_philosophy .about_philosophy_logo {
  width: 100%;
  float: left;
  margin: 10px auto;
}
.about_philosophy .about_philosophy_logo img {
  max-width: 70%;
}
@media (min-width: 640px) {
  .about_philosophy .about_philosophy_logo img {
    max-width: 50%;
  }
}
.about_philosophy .about_philosophy_exp {
  font-weight: 900;
  width: 100%;
  float: left;
  margin: 10px auto;
  font-size: 1.45rem;
}
@media (min-width: 640px) {
  .about_philosophy .about_philosophy_exp {
    font-size: 1.875rem;
  }
}
.about_philosophy .about_philosophy_exp br {
  display: block;
}
@media (min-width: 640px) {
  .about_philosophy .about_philosophy_exp br {
    display: none;
  }
}

.about_point_title {
  position: relative;
  font-weight: 900;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  padding: 0 0 20px 0;
  border-radius: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-style: none;
  border-color: none;
  font-size: 1.45rem;
  text-align: center;
  color: #333;
  background: none;
  box-shadow: none;
  /*div {
  	&::before {
  		content: '';
  		position: absolute;
  		top: 43%;
  		left: -15px;
  		border-top: 5px solid #f00;
  		border-bottom: 5px solid #b3b3b3;
  		width: 4px;
  	}
  }*/
}
.about_point_title span {
  padding-left: 20px;
}
.about_point_title span::before {
  content: "";
  position: absolute;
  top: 43%;
  left: 0;
  border-top: 5px solid #f00;
  border-bottom: 5px solid #b3b3b3;
  width: 4px;
}
.about_point_title img {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}
@media (min-width: 640px) {
  .about_point_title {
    font-size: 1.5rem;
  }
}

.security_div p {
  float: none;
}

.security_bluetext {
  color: #1e5199;
  font-weight: 900;
}

.security_bg_blue {
  margin-top: 40px;
  background: #1e5199;
}
.security_bg_blue h3 {
  font-size: 1.25rem;
}

.security_bg_blue_text {
  color: #fff;
}

.injector_img img {
  width: 100%;
}

.dotted_block {
  margin-top: 30px;
  padding: 5% 3%;
  border: 1px dashed #666464;
}
.dotted_block p {
  float: none;
  font-size: 1.125rem;
  font-weight: 900;
  color: #4665aa;
  padding: 0;
}
.dotted_block ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.dotted_block ul li {
  width: 100%;
  margin: 16px 8px;
  color: #666464;
  font-weight: 500;
}
.dotted_block ul li span {
  display: block;
  color: #4665aa;
  font-weight: 900;
  margin-bottom: 8px;
}
@media (min-width: 640px) {
  .dotted_block {
    padding: 3%;
  }
  .dotted_block ul {
    margin-top: 26px;
  }
  .dotted_block ul li {
    width: 47%;
  }
}
@media (min-width: 960px) {
  .dotted_block ul li {
    width: 31%;
  }
}

.price_border {
  display: block;
  text-align: left;
  color: #1e5199;
  margin-bottom: 40px;
  border-top: 1px solid #1e5199;
  border-bottom: 1px solid #1e5199;
}
.price_border p {
  float: none;
}
.price_border p:nth-of-type(1) {
  width: 95%;
  font-size: 1.25rem;
  font-weight: 900;
  margin: 0 auto;
}
.price_border p:nth-of-type(1) span {
  font-size: 0.75rem;
  margin: 0 6px 0 10px;
}
.price_border p:nth-of-type(2) {
  width: 95%;
  font-size: 0.75rem;
  margin: 0 auto;
}
@media (min-width: 640px) {
  .price_border {
    text-align: center;
  }
  .price_border p:nth-of-type(1) {
    font-size: 1.375rem;
  }
}
@media (min-width: 960px) {
  .price_border {
    display: block;
    text-align: center;
  }
  .price_border p:nth-of-type(1) {
    width: 100%;
    font-size: 1.375rem;
  }
  .price_border p:nth-of-type(2) {
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .price_border {
    display: flex;
    justify-content: center;
    text-align: left;
  }
  .price_border p:nth-of-type(1) {
    width: 69%;
    font-size: 1.675rem;
  }
  .price_border p:nth-of-type(2) {
    width: 29%;
  }
}

.price_border2 {
  display: block;
  text-align: left;
  color: #1e5199;
  border-top: 1px solid #1e5199;
  border-bottom: 1px solid #1e5199;
}
.price_border2 p {
  float: none;
}
.price_border2 p:nth-of-type(1) {
  width: 95%;
  font-size: 1.25rem;
  font-weight: 900;
  margin: 0 auto;
}
.price_border2 p:nth-of-type(1) span {
  font-size: 0.75rem;
  margin: 0 6px 0 10px;
}
.price_border2 p:nth-of-type(2) {
  width: 95%;
  font-weight: 900;
  margin: 0 auto;
}
.price_border2 p:nth-of-type(3) {
  width: 95%;
  font-size: 0.75rem;
  margin: 0 auto;
}
@media (min-width: 640px) {
  .price_border2 {
    text-align: center;
  }
  .price_border2 p:nth-of-type(1) {
    font-size: 1.375rem;
  }
}
@media (min-width: 960px) {
  .price_border2 {
    display: block;
    text-align: center;
  }
  .price_border2 p:nth-of-type(1) {
    width: 100%;
    font-size: 1.375rem;
  }
  .price_border2 p:nth-of-type(2) {
    width: 100%;
  }
  .price_border2 p:nth-of-type(3) {
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .price_border2 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
  }
  .price_border2 p:nth-of-type(1) {
    width: 55%;
    font-size: 1.675rem;
  }
  .price_border2 p:nth-of-type(1) span {
    font-size: 0.75rem;
    margin: 0 6px 0 10px;
  }
  .price_border2 p:nth-of-type(2) {
    width: 19%;
    font-size: 0.875rem;
  }
  .price_border2 p:nth-of-type(3) {
    width: 25%;
  }
}

.clean-img {
  width: 100%;
  display: block;
  margin-top: 24px;
}
@media (min-width: 640px) {
  .clean-img {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
}

.clean_title_brown {
  width: 100%;
}
.clean_title_brown p {
  font-size: 0.875rem;
}
.clean_title_brown p:first-of-type {
  text-align: center;
  color: #fff;
  background-color: #ba8d66;
}
.clean_title_brown p:last-of-type:before {
  display: none;
}
@media (min-width: 640px) {
  .clean_title_brown {
    width: 49%;
  }
  .clean_title_brown p {
    font-size: 0.875rem;
  }
  .clean_title_brown p:last-of-type:before {
    display: none;
  }
}
@media (min-width: 960px) {
  .clean_title_brown p {
    font-size: 0.91rem;
  }
  .clean_title_brown p:last-of-type:before {
    display: inline-block;
    content: " ";
    width: 16px;
    height: 40px;
    margin-right: 16px;
    vertical-align: middle;
    background-color: #5a5858;
  }
}

.clean_title_green {
  width: 100%;
  margin-top: 24px;
}
.clean_title_green p {
  font-size: 0.875rem;
}
.clean_title_green p:first-of-type {
  text-align: center;
  color: #fff;
  background-color: #519e8b;
}
.clean_title_green p:last-of-type:before {
  display: none;
}
@media (min-width: 640px) {
  .clean_title_green {
    width: 49%;
    margin-top: 0;
  }
  .clean_title_green p {
    font-size: 0.875rem;
  }
  .clean_title_green p:last-of-type:before {
    display: none;
  }
}
@media (min-width: 960px) {
  .clean_title_green p {
    font-size: 0.91rem;
  }
  .clean_title_green p:last-of-type:before {
    display: inline-block;
    content: " ";
    width: 16px;
    height: 40px;
    margin-right: 16px;
    vertical-align: middle;
    background-color: #5a5858;
  }
}

.parts_block {
  width: 100%;
  display: block;
  margin: 0 auto 30px;
}
.parts_block p {
  float: none;
  width: 100%;
}
.parts_block img {
  margin-top: 24px;
  width: 100%;
}
@media (min-width: 640px) {
  .parts_block {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 16px auto 30px;
  }
  .parts_block p {
    float: none;
    width: 48%;
  }
  .parts_block img {
    margin-top: 0;
    width: 48%;
  }
}

.compare_example {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  color: #5a5858;
  border-top: 1px dashed #666464;
}

.compare_box {
  width: 100%;
  padding: 7% 2% 2% 2%;
  border-bottom: 1px dashed #666464;
  background-position: center right 4%;
  background-size: 250px;
  background-repeat: no-repeat;
}
.compare_box:nth-of-type(odd) {
  border-right: none;
}
.compare_box:nth-of-type(1) {
  background-image: url(/res/images/about/security/compare1.png);
}
.compare_box:nth-of-type(2) {
  background-image: url(/res/images/about/security/compare2.png);
}
.compare_box:nth-of-type(3) {
  background-image: url(/res/images/about/security/compare3.png);
}
.compare_box:nth-of-type(4) {
  background-image: url(/res/images/about/security/compare4.png);
}
.compare_box h2 {
  font-size: 1.125rem;
}
.compare_box p {
  float: none;
  font-size: 1.675rem;
  font-weight: 900;
  text-shadow: 2px 2px 1px rgb(255, 255, 255);
}
.compare_box p:first-of-type span {
  display: inline-block;
  margin-left: 8px;
  font-size: 0.75rem;
}
.compare_box p:nth-of-type(2) {
  color: #4665aa;
  font-size: 2.25rem;
}
@media (min-width: 640px) {
  .compare_box {
    width: 50%;
    padding: 2%;
  }
  .compare_box:nth-of-type(odd) {
    border-right: 1px dashed #666464;
  }
}

.wh_bg {
  background: rgba(255, 255, 255, 0.5);
  background-size: cover;
}
@media (min-width: 960px) {
  .wh_bg {
    background: rgba(255, 255, 255, 0);
  }
}

.afterprice_title {
  font-size: 1.275rem;
}

.afterprice_text {
  font-size: 0.75rem;
}

.security_point {
  color: #fff;
  margin: 16px auto 0;
  padding: 8px 0 40px;
  background-color: #666464;
}
.security_point p {
  float: none;
}
@media (min-width: 640px) {
  .security_point {
    margin: 24px auto 36px;
    padding: 40px 0 60px;
  }
}

.security_point_box {
  width: 100%;
  display: block;
  padding: 16px 0;
  border-bottom: 1px solid #fff;
}
.security_point_box:last-of-type {
  border-bottom: none;
}
.security_point_box p:first-of-type {
  width: 100%;
  font-size: 2.25rem;
  font-weight: 900;
  text-align: center;
  margin-right: 5%;
}
.security_point_box p:not(first-of-type) {
  width: auto;
  font-size: 1.125rem;
  font-weight: 900;
}
.security_point_box p:not(first-of-type) span {
  display: block;
  font-size: 0.875rem;
  font-weight: normal;
  margin-top: 5px;
}
.security_point_box p:not(first-of-type) span a {
  color: #fff;
  text-decoration: underline;
}
@media (min-width: 640px) {
  .security_point_box {
    display: flex;
    align-items: center;
  }
  .security_point_box p:first-of-type {
    width: 20%;
    font-size: 4.125rem;
    font-weight: 900;
    text-align: center;
    margin-right: 5%;
  }
  .security_point_box p:not(first-of-type) {
    width: auto;
    font-size: 1.775rem;
    font-weight: 900;
  }
  .security_point_box p:not(first-of-type) span {
    display: block;
    font-size: 0.875rem;
    font-weight: normal;
    margin-top: 5px;
  }
  .security_point_box p:not(first-of-type) span a {
    color: #fff;
    text-decoration: underline;
  }
}
@media (min-width: 960px) {
  .security_point_box p:first-of-type {
    text-align: right;
  }
}

.security_contact_text {
  font-size: 1.125rem;
  font-weight: 900;
  text-align: center;
  margin: 32px auto 16px;
}
@media (min-width: 640px) {
  .security_contact_text {
    font-size: 1.5rem;
  }
}

.reserve {
  display: inline-block;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 900;
  vertical-align: middle;
  margin-left: 32px;
  padding: 8px 20px;
  background-color: #b73322;
  border-radius: 40px;
}

.check_detail {
  width: 100%;
  padding: 40px 0;
  background-image: url(/res/images/about/check/check-truckbg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.check_detail img {
  width: 100%;
}
@media (min-width: 960px) {
  .check_detail {
    padding: 80px 0;
  }
}

.check_detail_inner {
  width: 95%;
  display: block;
  margin: 0 auto 30px;
}
@media (min-width: 960px) {
  .check_detail_inner {
    width: 100%;
    max-width: 1200px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
  }
}

.check_detail_text {
  width: 100%;
  margin-bottom: 30px;
  padding: 16px 24px;
  background-color: #fff;
  border: 2px solid #3e5a9d;
  border-radius: 5px;
}
@media (min-width: 960px) {
  .check_detail_text {
    width: 40%;
    margin-bottom: 0;
  }
}

.check_detail_img {
  width: 100%;
}
@media (min-width: 960px) {
  .check_detail_img {
    width: 46%;
    max-width: 600px;
  }
}

.check_detail_block {
  margin: 16px auto 0;
}
.check_detail_block h2 {
  font-size: 1.125rem;
  font-weight: 900;
  color: #104b8f;
  padding-bottom: 5px;
  border-bottom: 1px dashed #3066b0;
}
.check_detail_block ul {
  margin: 12px auto 32px;
}
.check_detail_block ul li {
  font-weight: 900;
  color: #104b8f;
  display: inline-block;
  margin: 5px;
}
.check_detail_block:nth-of-type(2) {
  display: block;
  font-weight: 900;
  color: #104b8f;
}
.check_detail_block:nth-of-type(2) div {
  width: 100%;
  margin-bottom: 16px;
}
.check_detail_block:nth-of-type(2) div:nth-of-type(odd) {
  margin-right: 0;
}
.check_detail_block:nth-of-type(2) div:last-of-type p {
  float: none;
  font-size: 1rem;
}
.check_detail_block:nth-of-type(2) div:not(:last-of-type) p {
  float: none;
  font-size: 1rem;
}
@media (min-width: 640px) {
  .check_detail_block {
    margin: 16px auto 24px;
  }
  .check_detail_block:nth-of-type(2) {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    font-weight: 900;
    color: #104b8f;
  }
  .check_detail_block:nth-of-type(2) div {
    width: 46%;
    margin-bottom: 16px;
  }
  .check_detail_block:nth-of-type(2) div:nth-of-type(odd) {
    margin-right: 8%;
  }
  .check_detail_block:nth-of-type(2) div:last-of-type p {
    font-size: 1.25rem;
  }
  .check_detail_block:nth-of-type(2) div:not(:last-of-type) p {
    font-size: 1.875rem;
  }
}

.check_contact {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 900;
  text-align: center;
  margin-bottom: 16px;
  padding: 16px;
  background-color: #2c2d2d;
}
@media (min-width: 640px) {
  .check_contact {
    margin-bottom: 72px;
  }
}

.non-float {
  float: none !important;
}

.webmt-pcflow {
  display: flex;
  flex-wrap: wrap;
  margin-top: 32px;
}
.webmt-pcflow__item {
  width: 48%;
  margin-bottom: 16px;
}
.webmt-pcflow__item:not(:nth-of-type(2n)) {
  margin-right: 4%;
}
@media (min-width: 640px) {
  .webmt-pcflow__item {
    width: 32%;
  }
  .webmt-pcflow__item:not(:nth-of-type(2n)) {
    margin-right: auto;
  }
  .webmt-pcflow__item:not(:nth-of-type(3n)) {
    margin-right: 2%;
  }
}

.webmt-tabflex {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  flex-wrap: wrap;
}
@media (min-width: 640px) {
  .webmt-tabflex {
    flex-wrap: nowrap;
  }
}

.btn-webmttab {
  outline: none;
  appearance: none;
  border: none;
  display: inline-block;
  width: 100%;
  padding: 16px;
  color: #fff;
  background-color: #197cd1;
  box-shadow: 0 5px 0 #084b86;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.2s;
}
@media (min-width: 640px) {
  .btn-webmttab {
    width: 30%;
  }
}
.btn-webmttab:not(:last-of-type) {
  margin-right: 0;
  margin-bottom: 16px;
}
@media (min-width: 640px) {
  .btn-webmttab:not(:last-of-type) {
    margin-right: 5%;
    margin-bottom: 0;
  }
}
.btn-webmttab:hover {
  background-color: #5fa7e7;
  transform: translateY(5px);
  box-shadow: none;
}

.tabbtn-active {
  color: #197cd1;
  background-color: #fff;
  border: 1px solid #197cd1;
  box-shadow: none;
  transform: translateY(5px);
  cursor: inherit;
}
.tabbtn-active:hover {
  background-color: #fff;
}

#show-flowiphone {
  display: none;
}

#show-flowandroid {
  display: none;
}

.contact-attention {
  display: block;
  margin-top: 10px;
  font-size: 0.875rem;
  font-weight: normal;
}

.popup {
  position: relative;
  bottom: auto;
  right: auto;
  display: none;
  width: 100%;
  background-color: #fff;
  z-index: 700;
}
@media (min-width: 960px) {
  .popup {
    display: block;
    position: fixed;
    bottom: 20px;
    left: 20px;
    max-width: 440px;
  }
}
.popup p {
  float: none;
  padding: 0;
}

.popup2 {
  position: relative;
  bottom: auto;
  right: auto;
  display: none;
  width: 100%;
  background-color: #fff;
  z-index: 700;
}
@media (min-width: 960px) {
  .popup2 {
    display: block;
    position: fixed;
    bottom: 144px;
    left: 20px;
    max-width: 440px;
  }
}
.popup2 p {
  float: none;
  padding: 0;
}

.popup-close {
  position: absolute;
  top: -15px;
  right: -10px;
  display: none;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-size: 1rem;
  font-weight: 900;
  text-align: center;
  border: none;
  border-radius: 50%;
  background-color: #00b4e6;
  outline: none;
  cursor: pointer;
  z-index: 888;
}
@media (min-width: 640px) {
  .popup-close {
    display: block;
  }
}

.popup-close2 {
  position: absolute;
  top: -15px;
  right: -10px;
  display: none;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-size: 1rem;
  font-weight: 900;
  text-align: center;
  border: none;
  border-radius: 50%;
  background-color: #c56600;
  outline: none;
  cursor: pointer;
  z-index: 888;
}
@media (min-width: 640px) {
  .popup-close2 {
    display: block;
  }
}

/*
//////////////////////////////////////////////////////////////////

// About Branch
// 拠点紹介

01:レイアウト
02:モジュール
03:メイン

//////////////////////////////////////////////////////////////////
*/
.branch_map_block {
  background: url("/res/images/about/point_bg.jpg") center center/cover no-repeat;
  display: none;
}
@media (min-width: 640px) {
  .branch_map_block {
    display: block;
  }
}

.branch_map {
  float: left;
  position: relative;
  width: 100%;
  height: 800px;
  background: url("/res/images/branch/map_branch_xl.png?t=220218") center center/cover no-repeat;
}

.branch_map_exp {
  font-weight: 900;
  width: 100%;
  float: left;
  margin-top: 20px;
  display: none;
  line-height: 1.4;
}
@media (min-width: 640px) {
  .branch_map_exp {
    display: block;
  }
}

.branch_contact_block {
  margin: 10px 0;
}
.branch_contact_block .branch_contact {
  padding: 5px;
}
.branch_contact_block address {
  width: 100%;
  float: left;
  background: #f0f0f0;
  padding: 20px;
}

.branch_exhibit {
  float: left;
}
.branch_exhibit li {
  padding: 0;
}
@media (min-width: 640px) {
  .branch_exhibit li {
    padding: 20px 10px 0;
  }
}
.branch_exhibit li img {
  width: 100%;
}

@media (min-width: 1280px) {
  .branchdetail_left {
    padding-right: 30px;
  }
}

.branchdetail_right {
  display: none;
}
@media (min-width: 1280px) {
  .branchdetail_right {
    display: block;
  }
}

.branchdetail_right_contents {
  float: left;
  width: 367px;
}

.branchdetail_contact {
  width: 100%;
  display: inline-block;
  border: 5px solid #e6e6e6;
}
@media (min-width: 640px) {
  .branchdetail_contact {
    border: none;
  }
}
@media (min-width: 1280px) {
  .branchdetail_contact {
    margin-bottom: 10px;
    border: 5px solid #e6e6e6;
  }
}

.branchdetail_show_hide {
  display: block;
}
@media (min-width: 1280px) {
  .branchdetail_show_hide {
    display: none;
  }
}

.branchdetail_subtitle {
  position: relative;
  font-weight: 900;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  padding: 10px;
  border-radius: 0;
  border-top: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-left: 1px;
  border-style: solid;
  border-color: #e3e3e3;
  font-size: 1rem;
  text-align: left;
  color: #333;
  background: #f9f9f9;
  box-shadow: none;
  /*div {
  	&::before {
  		content: '';
  		position: absolute;
  		top: 43%;
  		left: -15px;
  		border-top: 5px solid #f00;
  		border-bottom: 5px solid #b3b3b3;
  		width: 4px;
  	}
  }*/
  border-bottom: 5px solid #ddd;
}
.branchdetail_subtitle span {
  padding-left: 20px;
}
.branchdetail_subtitle span::before {
  content: "";
  position: absolute;
  top: 43%;
  left: 0;
  border-top: 5px solid #f00;
  border-bottom: 5px solid #b3b3b3;
  width: 4px;
}
.branchdetail_subtitle img {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}

.branch_contact_btn {
  padding: 5px 2.5px;
}
.branch_contact_btn a {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: block;
  width: 100%;
  padding: 10px 20px;
  margin: 0;
  border-radius: 5px;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-style: none;
  border-color: none;
  font-size: 0.875rem;
  color: #fff;
  background: #197cd1;
  box-shadow: 0px 4px 0px 0px #0e4676;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.branch_contact_btn a:hover {
  background: #1461a3;
  color: #fff;
}
.branch_contact_btn a:visited, .branch_contact_btn a:active {
  color: #fff;
}
.branch_contact_btn a img {
  vertical-align: middle;
  margin-right: 5px;
}
.branch_contact_btn a span {
  color: #fff;
  vertical-align: middle;
}

.branch_access_btn {
  padding: 5px 2.5px;
}
.branch_access_btn a {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: block;
  width: 100%;
  padding: 10px 20px;
  margin: 0;
  border-radius: 5px;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-style: none;
  border-color: none;
  font-size: 0.875rem;
  color: #fff;
  background: #1ca913;
  box-shadow: 0px 4px 0px 0px #0d4d09;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.branch_access_btn a:hover {
  background: #147b0e;
  color: #fff;
}
.branch_access_btn a:visited, .branch_access_btn a:active {
  color: #fff;
}
.branch_access_btn a img {
  vertical-align: middle;
  margin-right: 5px;
}
.branch_access_btn a span {
  color: #fff;
  vertical-align: middle;
}

.branchdetail_mail_btn {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: block;
  width: 100%;
  padding: 15px 0;
  margin: auto;
  border-radius: 5px;
  border-top: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-left: 1px;
  border-style: none;
  border-color: none;
  font-size: 0.875rem;
  color: #fff;
  background: #f88000;
  box-shadow: 0px 4px 0px 0px #924b00;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.branchdetail_mail_btn:hover {
  background: #c56600;
  color: #fff;
}
.branchdetail_mail_btn:visited, .branchdetail_mail_btn:active {
  color: #fff;
}
.branchdetail_mail_btn img {
  vertical-align: middle;
  margin-right: 5px;
}
.branchdetail_mail_btn span {
  color: #fff;
  vertical-align: middle;
}
@media (min-width: 960px) {
  .branchdetail_mail_btn {
    font-size: 1.125rem;
  }
}

.branchdetail_brunch_btn {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: block;
  width: auto;
  padding: 15px 0;
  margin: auto;
  border-radius: 5px;
  border-top: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-left: 1px;
  border-style: solid;
  border-color: #d4d4d4;
  font-size: 0.875rem;
  color: #333;
  background: #ededed;
  box-shadow: 0px 4px 0px 0px #878787;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.branchdetail_brunch_btn:hover {
  background: #d4d4d4;
  color: #333;
}
.branchdetail_brunch_btn:visited, .branchdetail_brunch_btn:active {
  color: #333;
}
.branchdetail_brunch_btn img {
  vertical-align: middle;
  margin-right: 5px;
}
.branchdetail_brunch_btn span {
  color: #333;
  vertical-align: middle;
}
@media (min-width: 960px) {
  .branchdetail_brunch_btn {
    font-size: 1.125rem;
  }
}

.branch_list {
  width: 100%;
}
.branch_list li {
  position: absolute;
  display: block;
  z-index: 3;
  background: #131313;
}
@media (min-width: 640px) {
  .branch_list li {
    width: 19%;
  }
}
@media (min-width: 960px) {
  .branch_list li {
    width: 18%;
  }
}
@media (min-width: 1280px) {
  .branch_list li {
    width: 16%;
  }
}
@media (min-width: 1681px) {
  .branch_list li {
    width: 15%;
  }
}
@media (min-width: 640px) {
  .branch_list .branch_list_iwate {
    top: 17%;
    left: 75%;
  }
}
@media (min-width: 960px) {
  .branch_list .branch_list_iwate {
    right: 6%;
  }
}
@media (min-width: 1280px) {
  .branch_list .branch_list_iwate {
    top: 12%;
    left: 75%;
  }
}
@media (min-width: 1681px) {
  .branch_list .branch_list_iwate {
    top: 13%;
  }
}
@media (min-width: 640px) {
  .branch_list .branch_list_gunma {
    top: 35%;
    right: 3%;
  }
}
@media (min-width: 960px) {
  .branch_list .branch_list_gunma {
    top: 36%;
    left: 71%;
  }
}
@media (min-width: 1280px) {
  .branch_list .branch_list_gunma {
    left: 71%;
  }
}
@media (min-width: 640px) {
  .branch_list .branch_list_saitama {
    top: 55%;
    right: 3%;
  }
}
@media (min-width: 960px) {
  .branch_list .branch_list_saitama {
    top: 52%;
    left: 71%;
  }
}
@media (min-width: 1280px) {
  .branch_list .branch_list_saitama {
    top: 54%;
  }
}
@media (min-width: 640px) {
  .branch_list .branch_list_kumamoto {
    top: 82%;
    left: 40%;
  }
}
@media (min-width: 640px) {
  .branch_list .branch_list_fukui {
    top: 42%;
    left: 21%;
  }
}
@media (min-width: 960px) {
  .branch_list .branch_list_fukui {
    top: 42%;
    left: 23%;
  }
}
@media (min-width: 1280px) {
  .branch_list .branch_list_fukui {
    top: 43%;
    left: 28%;
  }
}
@media (min-width: 1681px) {
  .branch_list .branch_list_fukui {
    left: 30%;
  }
}
@media (min-width: 640px) {
  .branch_list .branch_list_parts_fukui {
    top: 42%;
    left: 1%;
  }
}
@media (min-width: 960px) {
  .branch_list .branch_list_parts_fukui {
    top: 42%;
    left: 4%;
  }
}
@media (min-width: 1280px) {
  .branch_list .branch_list_parts_fukui {
    top: 43%;
    left: 11.5%;
  }
}
@media (min-width: 1681px) {
  .branch_list .branch_list_parts_fukui {
    left: 14.5%;
  }
}
@media (min-width: 640px) {
  .branch_list .branch_list_fukuoka {
    top: 60%;
    left: 5%;
  }
}
@media (min-width: 960px) {
  .branch_list .branch_list_fukuoka {
    top: 58%;
    left: 13%;
  }
}
@media (min-width: 1280px) {
  .branch_list .branch_list_fukuoka {
    top: 60%;
    left: 14.5%;
  }
}
@media (min-width: 640px) {
  .branch_list .branch_list_nagoya {
    top: 80%;
    left: 60%;
  }
}
@media (min-width: 640px) {
  .branch_list .branch_list_parts_ishikawa {
    top: 25%;
    left: 43%;
  }
}
@media (min-width: 960px) {
  .branch_list .branch_list_parts_ishikawa {
    top: 30%;
    left: 42%;
  }
}
@media (min-width: 1280px) {
  .branch_list .branch_list_parts_ishikawa {
    top: 23%;
    left: 41%;
  }
}
@media (min-width: 1681px) {
  .branch_list .branch_list_parts_ishikawa {
    left: 42%;
  }
}
@media (min-width: 640px) {
  .branch_list .branch_list_okinawa {
    top: 24%;
    left: 1%;
  }
}
@media (min-width: 960px) {
  .branch_list .branch_list_okinawa {
    top: 24%;
    left: 9%;
  }
}
@media (min-width: 1280px) {
  .branch_list .branch_list_okinawa {
    top: 22%;
    left: 11.5%;
  }
}
@media (min-width: 1681px) {
  .branch_list .branch_list_okinawa {
    top: 20%;
    left: 14.5%;
  }
}
@media (min-width: 640px) {
  .branch_list .branch_list_hokkaido {
    top: 10%;
    left: 45.5%;
  }
}
@media (min-width: 960px) {
  .branch_list .branch_list_hokkaido {
    top: 5%;
    left: 45.5%;
  }
}
@media (min-width: 1280px) {
  .branch_list .branch_list_hokkaido {
    top: 5%;
    left: 45.5%;
  }
}
@media (min-width: 1681px) {
  .branch_list .branch_list_hokkaido {
    top: 5%;
    left: 45.5%;
  }
}

.branch_phone {
  width: 100%;
  display: block;
  font-weight: 900;
  margin-bottom: 10px;
  font-size: 1.7rem;
}
@media (min-width: 360px) {
  .branch_phone {
    font-size: 1.8rem;
  }
}
@media (min-width: 960px) {
  .branch_phone {
    font-size: 1.05rem;
  }
}
@media (min-width: 1280px) {
  .branch_phone {
    font-size: 1.325rem;
  }
}
.branch_phone a, .branch_phone span {
  width: 100%;
}
.branch_phone a:link, .branch_phone a:active, .branch_phone a:hover, .branch_phone a:visited, .branch_phone span:link, .branch_phone span:active, .branch_phone span:hover, .branch_phone span:visited {
  color: #000;
}

.branch_detail_livecamera {
  float: left;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.branch_detail_livecamera img {
  width: 100%;
}
.branch_detail_livecamera video {
  width: 100%;
}

.branchdetail_image {
  width: 100%;
  padding: 20px;
  border-radius: 5px;
  background: #e6e6e6;
  text-align: center;
}
.branchdetail_image a {
  display: block;
  position: relative;
}
.branchdetail_image a:before, .branchdetail_image a:after {
  content: " ";
  display: table;
}
.branchdetail_image a:after {
  clear: both;
}
.branchdetail_image a:hover::before {
  transition: all 0.2s ease;
  background: rgba(0, 0, 0, 0.4);
}
.branchdetail_image a::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease;
  background: rgba(0, 0, 0, 0.2);
  vertical-align: middle;
}
.branchdetail_image a::after {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background: url("/res/images/icon_play.svg");
}
.branchdetail_image a img {
  width: 100%;
  display: block;
  text-align: center;
  margin: 0 auto;
  border: 5px solid #fff;
}

.branchdetail_contact_branch {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 20px;
  background: #fff3d8;
}
@media (min-width: 1280px) {
  .branchdetail_contact_branch {
    padding: 10px;
  }
}

.branchdetail_contact_branch_info {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  text-align: center;
  padding: 5px 0;
}
@media (min-width: 640px) {
  .branchdetail_contact_branch_info {
    font-size: 1.5rem;
  }
}
@media (min-width: 1280px) {
  .branchdetail_contact_branch_info {
    font-size: 1.25rem;
  }
}

.branchdetail_contact_tel {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  line-height: 1;
  padding: 5px;
  gap: 10px;
  width: 100%;
  font-family: "DIN Pro";
  font-size: 1.875rem;
}
@media (min-width: 414px) {
  .branchdetail_contact_tel {
    font-size: 2.25rem;
  }
}
@media (min-width: 768px) {
  .branchdetail_contact_tel {
    width: 50%;
  }
}
@media (min-width: 1180px) {
  .branchdetail_contact_tel {
    width: 100%;
  }
}
.branchdetail_contact_tel .branchdetail_contact_tel_label {
  text-align: center;
  background: #e47500;
  color: #fff;
  font-size: 1.5rem;
  width: 60px;
  padding: 5px;
  border-radius: 3px;
}

.branchdetail_branch_link {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  padding: 5px 0;
}
@media (min-width: 768px) {
  .branchdetail_branch_link {
    width: calc(33.3333333333% - 5px);
    padding: 5px;
  }
}
@media (min-width: 1180px) {
  .branchdetail_branch_link {
    width: 100%;
  }
}

/*
//////////////////////////////////////////////////////////////////

// News Page
// ニュースページ

//////////////////////////////////////////////////////////////////
*/
.news_index {
  width: 100%;
  float: left;
  margin: 30px 0;
}
.news_index .news_index_list {
  position: relative;
  z-index: 2;
  width: 100%;
  float: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
.news_index .news_index_list:hover {
  color: #333;
}
.news_index .news_index_list:active {
  color: #333;
}
.news_index .news_index_list:link {
  color: #333;
}
.news_index .news_index_list:visited {
  color: #333;
}
.news_index .news_index_list::after {
  transition: all 0.2s ease;
  position: absolute;
  content: "";
  border-color: #fff;
  border-top: 1px solid;
  border-right: 1px solid;
  width: 6px;
  height: 6px;
  right: 20px;
  top: 50%;
  transform: rotate(45deg);
}
.news_index .news_index_list:hover {
  background: #f0f0f0;
}
.news_index .news_index_list:hover::after {
  transition: all 0.2s ease;
  position: absolute;
  content: "";
  border-color: #fff;
  border-top: 1px solid;
  border-right: 1px solid;
  width: 6px;
  height: 6px;
  right: 10px;
  top: 50%;
  transform: rotate(45deg);
}
.news_index .news_index_list > div {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.75rem;
  z-index: 3;
}
@media (min-width: 960px) {
  .news_index .news_index_list > div {
    font-size: 0.875rem;
  }
}
.news_index .news_index_list a {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  display: block;
}

.news_index_list_head {
  width: 18%;
  padding: 15px;
}
@media (min-width: 360px) {
  .news_index_list_head {
    width: 50%;
  }
}
@media (min-width: 640px) {
  .news_index_list_head {
    width: 22%;
  }
}
@media (min-width: 960px) {
  .news_index_list_head {
    width: 19%;
  }
}
@media (min-width: 1280px) {
  .news_index_list_head {
    width: 18%;
  }
}

.news_index_list_label {
  background: #125c9a;
  color: #fff;
  font-size: 0.75rem;
  position: relative;
  text-align: center;
  width: 100px;
  padding: 5px;
  height: 30px;
  border-radius: 3px;
}
.news_index_list_label[data-newslabel=media] {
  background: #009688;
}
.news_index_list_label[data-newslabel=media]::after {
  border-left-color: #009688;
}
.news_index_list_label[data-newslabel=notice] {
  background: #db2929;
}
.news_index_list_label[data-newslabel=notice]::after {
  border-left-color: #db2929;
}
.news_index_list_label[data-newslabel=update] {
  background: #235daf;
}
.news_index_list_label[data-newslabel=update]::after {
  border-left-color: #235daf;
}
.news_index_list_label[data-newslabel=event] {
  background: #f79d16;
}
.news_index_list_label[data-newslabel=event]::after {
  border-left-color: #f79d16;
}
.news_index_list_label[data-newslabel=product] {
  background: #269963;
}
.news_index_list_label[data-newslabel=product]::after {
  border-left-color: #269963;
}
.news_index_list_label::after {
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  border: 15px solid transparent;
  border-left-color: #125c9a;
  top: 0;
  right: -29px;
}
.news_index_list_label > span {
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
}

.news_index_list_title {
  line-height: 1.4;
  padding: 15px;
  padding-right: 35px;
  padding-top: 5px;
}
@media (min-width: 640px) {
  .news_index_list_title {
    padding-left: 30px;
    padding-right: 15px;
    padding-top: 15px;
  }
}

.news_detail_index {
  width: 100%;
  float: left;
  background: #f0f0f0;
  padding: 10px 20px;
}
.news_detail_index .news_detail_index_head {
  float: left;
}
.news_detail_index .news_detail_index_head li {
  display: inline-block;
}
.news_detail_index .news_detail_index_btn {
  float: right;
}

.newtruck__title--selfcrane {
  position: relative;
  margin-top: 15px;
}
.newtruck__title--trailer {
  position: relative;
  margin-top: 15px;
}
.newtruck__newsimg {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  height: 62px;
}
@media (min-width: 640px) {
  .newtruck__newsimg {
    height: 133px;
  }
}
@media (min-width: 1280px) {
  .newtruck__newsimg {
    height: 166px;
  }
}
.newtruck__newsimg img {
  width: 24%;
}
.newtruck__subtitle {
  margin: 80px auto 35px;
  color: #666;
  font-size: 1.875rem;
  font-weight: 900;
  text-align: center;
}
.newtruck__subtitle:after {
  content: "▼";
  display: block;
  font-size: 1.25rem;
  font-weight: 900;
  text-align: center;
}
.newtruck__subtitle__cap {
  display: block;
  font-size: 1rem;
}
.newtruck__feature__item {
  float: none;
  padding: 16px;
  color: #666;
  font-size: 1.125rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 3px;
}
.newtruck__feature__item:not(:last-child) {
  border-bottom: 1px dotted #333;
}
.newtruck__table {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 65px;
  border-top: 1px solid #999;
}
@media (min-width: 640px) {
  .newtruck__table {
    flex-wrap: nowrap;
  }
}
.newtruck__table__left {
  width: 100%;
}
@media (min-width: 640px) {
  .newtruck__table__left {
    width: 48%;
  }
}
.newtruck__table__right {
  width: 100%;
  margin-top: 40px;
}
@media (min-width: 640px) {
  .newtruck__table__right {
    width: 48%;
    margin-top: 0;
  }
}
.newtruck__table__title {
  padding: 13px 0;
  color: #666;
  letter-spacing: 0.1em;
  border-bottom: 2px solid #999;
}
.newtruck__table__list {
  display: flex;
  padding: 13px 0;
  border-bottom: 1px solid #999;
}
.newtruck__table__list dt {
  width: 50%;
  text-align: left;
  letter-spacing: 2px;
}
.newtruck__table__list dd {
  width: 50%;
  text-align: left;
  letter-spacing: 2px;
}
.newtruck__attention {
  float: none;
  margin: 20px auto 80px;
  text-align: center;
}

.mwidth800 {
  width: 95%;
  max-width: 824px;
  margin: 0 auto;
}

.bg-blue {
  float: none;
  width: 100%;
  margin-bottom: 45px;
  padding: 20px;
  color: #fff;
  background-color: #235daf;
}
@media (min-width: 640px) {
  .bg-blue {
    padding: 25px 40px;
  }
}

/*
//////////////////////////////////////////////////////////////////

// Member Page
// 会員情報ページ

01:モジュール
02:レイアウト
03:メイン

//////////////////////////////////////////////////////////////////
*/
.btn-member {
  transition: all 0.2s ease;
  position: relative;
  border-radius: 100px;
  padding: 1.25em;
  padding-left: 2.5em;
  padding-right: 4.701em;
  text-align: center;
  border: 2px solid #fff;
  cursor: pointer;
  background: linear-gradient(180deg, #00c0fa 0%, #005eea 100%);
}
.btn-member:before {
  position: absolute;
  z-index: 1;
  content: "";
  left: auto;
  width: 2.4em;
  height: 2.4em;
  right: 0.9em;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.2s ease;
  border-radius: 100%;
  background: rgb(255, 255, 255);
}
.btn-member:after {
  position: absolute;
  z-index: 2;
  content: "";
  width: 0.7965em;
  height: 0.7965em;
  right: 1.7em;
  left: auto;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.2s ease;
  transform: rotate(45deg);
  background: url("/res/images/icon_new_win_bk.svg") center center/100% auto no-repeat;
}
.btn-member:hover {
  transform: scale(0.95);
}

.btn-primary {
  transition: all 0.2s ease;
  position: relative;
  border-radius: 100px;
  padding: 0.7em;
  padding-left: 1.7em;
  border: 2px solid #fff;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.btn-primary span:nth-child(2) {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  width: 2.4em;
  height: 2.4em;
}
.btn-primary:hover {
  transform: scale(0.95);
}

.member_create_account_btn {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: inline-block;
  width: 100%;
  padding: 15px;
  margin: 15px auto;
  border-radius: 5px;
  border-top: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-left: 1px;
  border-style: solid;
  border-color: #d4d4d4;
  font-size: 1.125rem;
  color: #333;
  background: #ededed;
  box-shadow: 0px 4px 0px 0px #878787;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.member_create_account_btn:hover {
  background: #d4d4d4;
  color: #333;
}
.member_create_account_btn:visited, .member_create_account_btn:active {
  color: #333;
}
.member_create_account_btn img {
  vertical-align: middle;
  margin-right: 5px;
}
.member_create_account_btn span {
  color: #333;
  vertical-align: middle;
}

.member_info_title {
  float: left;
  width: 100%;
  padding: 15px;
  background: #f0f0f0;
  display: table;
}
.member_info_title .member_info_title_left {
  width: 100%;
  float: left;
  display: table-cell;
}
@media (min-width: 640px) {
  .member_info_title .member_info_title_left {
    width: auto;
  }
}
.member_info_title .member_info_title_right {
  width: 100%;
  float: right;
  display: table-cell;
}
@media (min-width: 640px) {
  .member_info_title .member_info_title_right {
    width: auto;
  }
}
.member_info_title .member_info_title_text {
  vertical-align: middle;
  font-size: 1.125rem;
  font-weight: 900;
  text-align: center;
  padding-bottom: 10px;
}
@media (min-width: 640px) {
  .member_info_title .member_info_title_text {
    text-align: left;
    padding-bottom: auto;
  }
}
.member_info_title a {
  margin: 0 5px;
}

.member_login_block {
  width: 100%;
  margin: 100px 0 50px;
}

.member_login {
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 4px rgba(0, 0, 0, 0.2);
  padding: 40px 30px 30px 30px;
  background: #fff;
  border-bottom: 5px solid #c20000;
  width: 100%;
  margin: 0 auto;
  border-radius: 20px;
}
@media (min-width: 640px) {
  .member_login {
    width: 560px;
    padding: 50px 70px;
  }
}
.member_login a.link {
  display: block;
  width: 100%;
  margin: 10px 0;
  font-size: 0.875rem;
}

.member_head {
  width: 100%;
  float: left;
  padding-bottom: 10px;
  text-align: center;
}
.member_head img {
  width: 150px;
}
.member_head span {
  margin-top: 20px;
  width: 100%;
  display: block;
  font-size: 1.5rem;
  font-weight: 900;
}

.member_comment {
  margin: 15px 0;
  padding: 10px;
  width: 100%;
  float: left;
  background: whitesmoke;
  font-size: 0.875rem;
  text-align: left;
}
@media (min-width: 640px) {
  .member_comment {
    text-align: left;
    text-align: center;
  }
}

.member_id_pass_name {
  width: 100%;
  float: left;
  padding: 10px 0;
  font-weight: 900;
}

.member_input_block {
  width: 100%;
  padding: 10px 0;
}
.member_input_block input {
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.member_input_block label {
  padding: 15px 0;
  width: 100%;
}

.member_create_account_head {
  width: 100%;
  float: left;
  margin: 25px 0 10px;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5) 51%, rgb(255, 255, 255) 51%, rgb(255, 255, 255) 100%);
}
.member_create_account_head div {
  width: 30%;
  margin: 0 auto;
  background: #fff;
  text-align: center;
}

.member_regist_checkbox {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4%;
}
.member_regist_checkbox span.checkbox-icon {
  width: 100%;
  vertical-align: middle;
}
.member_regist_checkbox span.checkbox-icon span {
  text-align: left;
  vertical-align: middle;
  font-size: 0.64rem;
}
@media (min-width: 640px) {
  .member_regist_checkbox span.checkbox-icon span {
    font-size: 0.75rem;
  }
}

.member_no_trucklist {
  width: 100%;
  display: table;
  background: #f0f0f0;
  padding: 50px;
  text-align: center;
}
.member_no_trucklist .member_no_trucklist_attension {
  display: table-cell;
  font-size: 1.25rem;
  color: #a8a8a8;
  font-weight: 900;
  text-align: center;
}

.member_favorite_btn {
  display: table;
  margin: 0 auto;
  width: 100%;
}
.member_favorite_btn div {
  width: 50%;
  display: table-cell;
  padding: 10px;
  text-align: center;
}
.member_favorite_btn div a {
  width: 100%;
}

.member_exp {
  font-size: 0.875rem;
}

.contact-text {
  font-size: 1.5rem;
}
@media (min-width: 640px) {
  .contact-text {
    font-size: 1.875rem;
  }
}

.howtobuy-flow,
.step-flow1 {
  width: 100%;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  overflow: hidden;
  border-radius: 10px;
  font-weight: 900;
}
@media (min-width: 768px) {
  .howtobuy-flow,
  .step-flow1 {
    flex-direction: row;
  }
}
.howtobuy-flow > div,
.step-flow1 > div {
  width: 100%;
  font-size: 1rem;
  text-align: center;
}
@media (min-width: 768px) {
  .howtobuy-flow > div,
  .step-flow1 > div {
    width: 25%;
  }
}
.howtobuy-flow > div p,
.step-flow1 > div p {
  padding: 20px;
}
.howtobuy-flow div:nth-child(1),
.step-flow1 div:nth-child(1) {
  background: rgba(0, 0, 0, 0.1);
}
.howtobuy-flow div:nth-child(2),
.step-flow1 div:nth-child(2) {
  background: rgba(0, 0, 0, 0.075);
}
.howtobuy-flow div:nth-child(3),
.step-flow1 div:nth-child(3) {
  background: rgba(0, 0, 0, 0.05);
}
.howtobuy-flow div:nth-child(4),
.step-flow1 div:nth-child(4) {
  background: rgba(0, 0, 0, 0.025);
}
.howtobuy-flow > p,
.step-flow1 > p {
  padding: 20px;
}
@media (min-width: 768px) {
  .howtobuy-flow > p,
  .step-flow1 > p {
    width: 33.3333333333%;
  }
}

/*.flowbuy-text {
  text-align: left;
  float: none;
}
.fa-arrow-down {
  color: #98782c;
  margin: 10px auto;
}*/
.howtobuy-step1 {
  width: 100%;
  position: relative;
  color: #fff;
  text-align: center;
  background-color: #0e4987 !important;
}
.howtobuy-step1::after {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  left: 100%;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-width: 0;
}
@media (min-width: 768px) {
  .howtobuy-step1::after {
    border-width: 25px 0 25px 25px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 100%;
  }
}
.howtobuy-step1::after {
  border-color: transparent transparent transparent #0e4987;
}

.howtobuy-step2 {
  width: 100%;
  position: relative;
  color: #fff;
  text-align: center;
  background-color: #1565a0 !important;
}
.howtobuy-step2::after {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  left: 100%;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-width: 0;
}
@media (min-width: 768px) {
  .howtobuy-step2::after {
    border-width: 25px 0 25px 25px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 100%;
  }
}
.howtobuy-step2::after {
  border-color: transparent transparent transparent #1565a0;
}

.howtobuy-step3 {
  width: 100%;
  position: relative;
  color: #fff;
  text-align: center;
  background-color: #2297cd !important;
}
.howtobuy-step3::after {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  left: 100%;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-width: 0;
}
@media (min-width: 768px) {
  .howtobuy-step3::after {
    border-width: 25px 0 25px 25px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 100%;
  }
}
.howtobuy-step3::after {
  border-color: transparent transparent transparent #2297cd;
}

.howtobuy-step4 {
  width: 100%;
  position: relative;
  color: #fff;
  text-align: center;
  background-color: #29b3e7 !important;
}
.howtobuy-step4::after {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  left: 100%;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-width: 0;
}
@media (min-width: 768px) {
  .howtobuy-step4::after {
    border-width: 25px 0 25px 25px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 100%;
  }
}
.howtobuy-step4::after {
  border: none;
}

.step-flow1 {
  display: none;
  margin-bottom: 20px;
}
.step-flow1 > p:nth-child(1) {
  width: 100%;
  position: relative;
  color: #fff;
  text-align: center;
  background-color: #0e4987 !important;
}
.step-flow1 > p:nth-child(1)::after {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  left: 100%;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-width: 0;
}
@media (min-width: 768px) {
  .step-flow1 > p:nth-child(1)::after {
    border-width: 25px 0 25px 25px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 100%;
  }
}
.step-flow1 > p:nth-child(1)::after {
  border-color: transparent transparent transparent #0e4987;
}
.step-flow1 > p:nth-child(2) {
  width: 100%;
  position: relative;
  color: #fff;
  text-align: center;
  background-color: #1565a0 !important;
}
.step-flow1 > p:nth-child(2)::after {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  left: 100%;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-width: 0;
}
@media (min-width: 768px) {
  .step-flow1 > p:nth-child(2)::after {
    border-width: 25px 0 25px 25px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 100%;
  }
}
.step-flow1 > p:nth-child(2)::after {
  border-color: transparent transparent transparent #1565a0;
}
.step-flow1 > p:nth-child(3) {
  width: 100%;
  position: relative;
  color: #fff;
  text-align: center;
  background-color: #2297cd !important;
}
.step-flow1 > p:nth-child(3)::after {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  left: 100%;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-width: 0;
}
@media (min-width: 768px) {
  .step-flow1 > p:nth-child(3)::after {
    border-width: 25px 0 25px 25px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 100%;
  }
}
.step-flow1 > p:nth-child(3)::after {
  border-color: transparent transparent transparent #2297cd;
}

/*%step-flow {
  width: 100%;
  margin:35px auto;
  p{
    position: relative;
    display: block;
    float: none;
    width: 100%;
    font-weight: 500;
    margin-right: 0;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
    border-bottom: none !important;
    text-indent: 10px;
    z-index: 0;
    &:last-child {
      &::before {
        display: none;
      }
      &::after {
        display: none;
      }
    }
}
}*/
/*%step-flow-yazirusi {
  @include media (mpc){
    p {
      display: inline-block;
      width: 30%;
      margin-right: 3%;
      &::before, &::after{
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        width: 0;
        height: 0;
        margin: auto;
      }
      &::before {
        top: -4px;
        left: 100%;
        border-style: solid;
        border-width: 30px 0 32px 25px;
        border-radius: 7px;
        z-index: 9;
      }
      &::after {
        top: 0;
        left: 100%;
        border-style: solid;
        border-width: 26px 0 28px 21px;
        z-index: 10;
      }
    }
  }
}*/
.step-color1 {
  padding-left: 0 !important;
}
.step-color1::before {
  display: none;
}

.step-color1 {
  color: #29b3e7;
}

/*.step-flow1 {
  @extend %step-flow;
  @extend %step-flow-yazirusi;
  p{
    border: 2px solid #29b3e7;
    border-left: 10px solid #29b3e7;
    &:last-child {
      border-bottom: 2px solid #29b3e7 !important;
    }
  }
  @include media (mpc){
  p {
    border: 2px solid #29b3e7 !important;
    border-left: 10px solid #29b3e7 !important;
    &::before {
      border-color: transparent transparent transparent #29b3e7;
    }
    &::after {
      border-color: transparent transparent transparent #fff;
    }
  }
}
}

.step-color2 {
  @extend %step-color;
  color: #2297cd;
}

.step-flow2 {
  @extend %step-flow;
  @extend %step-flow-yazirusi;
  p{
    border: 2px solid #2297cd;
    border-left: 10px solid #2297cd;
    &:last-child {
      border-bottom: 2px solid #2297cd !important;
    }
  }
  @include media(mpc) {
    p {
      border: 2px solid #2297cd !important;
      border-left: 10px solid #2297cd !important;
    &::before {
      border-color: transparent transparent transparent #2297cd;
    }
    &::after {
      border-color: transparent transparent transparent #f5f5f5;
    }
  }
}
}

.step-color3 {
  @extend %step-color;
  color: #1565a0;
}

.step-flow3 {
  @extend %step-flow;
  @extend %step-flow-yazirusi;
  p{
    border: 2px solid #1565a0;
    border-left: 10px solid #1565a0;
    &:last-child {
      border-bottom: 2px solid #1565a0 !important;
    }
  }
  @include media(mpc) {
    p {
      border: 2px solid #1565a0 !important;
      border-left: 10px solid #1565a0 !important;
    &::before {
      border-color: transparent transparent transparent #1565a0;
    }
    &::after {
      border-color: transparent transparent transparent #fff;
    }
  }
}
}

.step-color4 {
  @extend %step-color;
  color: $corp_blue;
}

.step-flow4 {
  @extend %step-flow;
  @extend %step-flow-yazirusi;
  p{
    border: 2px solid $corp_blue;
    border-left: 10px solid $corp_blue;
    &:last-child {
      border-bottom: 2px solid $corp_blue !important;
    }
  }
  @include media(mpc) {
    p {
      border: 2px solid $corp_blue !important;
      border-left: 10px solid $corp_blue !important;
    &::before {
      border-color: transparent transparent transparent $corp_blue;
    }
    &::after {
      border-color: transparent transparent transparent #f5f5f5;
    }
  }
}
}*/
.step-photo {
  padding: 0;
}
@media (min-width: 960px) {
  .step-photo {
    padding: 3%;
  }
}

/*---- 必要書類ページ -----*/
.document-table {
  margin-bottom: 30px !important;
}

.document-table tr {
  display: table-row;
  width: 100%;
}
.document-table tr th {
  display: block;
  width: 100%;
}
@media (min-width: 640px) {
  .document-table tr th {
    display: table-cell;
  }
}
.document-table tr td {
  display: block;
  width: 100%;
}
@media (min-width: 640px) {
  .document-table tr td {
    display: table-cell;
    width: 33%;
    align-items: center;
  }
}

.sale-document-tab {
  overflow: hidden;
  margin-bottom: 50px;
}
.sale-document-tab a {
  display: block;
  width: 100%;
  float: none;
  color: #fff;
  padding: 2.5%;
  background-color: #197cd1;
  margin-bottom: 5%;
  border-radius: 5px;
  box-shadow: 0px 4px #0e4676;
}
.sale-document-tab a:hover {
  background-color: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
  border-bottom: none;
  box-shadow: 0px 4px #0e4676;
}
.sale-document-tab a:active {
  background-color: #29b3e7;
  -ms-transform: translateY(4px);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  border-bottom: none;
  box-shadow: none;
}
@media (min-width: 640px) {
  .sale-document-tab {
    margin: 0 auto 30px;
    width: 90%;
    max-width: 1000px;
  }
  .sale-document-tab a {
    display: inline-block;
    width: 48%;
    float: left;
    color: #fff;
    margin: 1%;
  }
}
@media (min-width: 960px) {
  .sale-document-tab a:hover {
    background-color: #29b3e7;
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    border-bottom: none;
    box-shadow: none;
  }
}

.target-link {
  margin-top: -73px;
  padding-top: 73px;
}
@media (min-width: 960px) {
  .target-link {
    margin-top: 0;
    padding-top: 0;
  }
}

.tank-lorry-attention {
  font-size: 1rem;
  margin-top: 20px;
}
.tank-lorry-attention p {
  padding-left: 15px;
}
.tank-lorry-attention span::before {
  top: 32.5% !important;
}
@media (min-width: 640px) {
  .tank-lorry-attention span::before {
    top: 45% !important;
  }
}

/*---- 買取の流れページ -----*/
.sellicon_block {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.sellicon_box {
  width: 25%;
  margin: 30px auto;
  background: #fff;
  border-radius: 10px;
}
@media screen and (max-width: 500px) {
  .sellicon_box {
    width: 50%;
  }
}
.sellicon_box img {
  display: block;
  margin: 0 auto;
  width: 50px;
  height: 50px;
}
@media (min-width: 640px) {
  .sellicon_box img {
    width: 80px;
    height: 80px;
  }
}

.sellicon_textbox {
  margin-top: 20px;
  padding: 0 !important;
  text-align: center;
  font-size: 0.75rem;
  height: 60px;
  display: block;
}
@media (min-width: 640px) {
  .sellicon_textbox {
    font-size: 0.875rem;
  }
}

.sellicon_textbox_point {
  display: block;
  color: #197cd1;
  font-size: 0.875rem;
  font-weight: 900;
  margin-bottom: -10px;
}
@media (min-width: 640px) {
  .sellicon_textbox_point {
    font-size: 0.975rem;
  }
}

.sell_trouble {
  background-color: #2988da;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #197cd1), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #197cd1), color-stop(0.75, #197cd1), color-stop(0.75, transparent), to(transparent));
  border-radius: 5px;
  padding: 10px;
}
.sell_trouble h2, .sell_trouble span {
  color: #fff;
  display: block;
  margin: 17px auto;
  text-align: left;
  font-size: 0.875rem;
}
@media (min-width: 360px) {
  .sell_trouble h2, .sell_trouble span {
    text-align: center;
  }
}
@media (min-width: 640px) {
  .sell_trouble h2, .sell_trouble span {
    font-size: 1rem;
    text-align: center;
  }
}
@media (min-width: 960px) {
  .sell_trouble h2, .sell_trouble span {
    font-size: 1.1rem;
  }
}

.sell_trouble_point {
  text-align: inherit !important;
  display: inline-block !important;
  color: #197cd1 !important;
  font-weight: bold !important;
  font-size: 1rem !important;
  margin: 0 !important;
}
@media (min-width: 640px) {
  .sell_trouble_point {
    font-weight: 900;
    font-size: 1.25rem !important;
  }
}

.sell_reason_block {
  display: block;
  margin: 20px auto;
  overflow: auto;
}
@media (min-width: 360px) {
  .sell_reason_block {
    display: flex;
    margin: 35px auto 10px;
  }
}

.sell_reason_number {
  display: block;
  color: #98782C;
  font-size: 1.875rem;
  font-style: italic;
  font-weight: 900;
  text-align: center;
  float: none;
  width: 100%;
  margin-bottom: 13px;
  padding-bottom: 5px;
  align-items: center;
  justify-content: center;
  border-right: none;
  border-bottom: 1px solid #707070;
}
@media (min-width: 360px) {
  .sell_reason_number {
    display: flex;
    float: left;
    width: 20%;
    margin: 0;
    padding: 0;
    border-right: 1px solid #707070;
    border-bottom: none;
  }
}

.sell_reason_text {
  float: none;
  width: 100%;
  padding: 0;
  margin-left: 0;
  font-size: 0.9rem;
  line-height: 1.7rem;
}
.sell_reason_text span {
  color: #98782C;
  font-size: 1.1rem;
  font-weight: 900;
  float: left;
}
@media (min-width: 360px) {
  .sell_reason_text {
    float: left;
    width: 77%;
    margin-left: 3%;
  }
}

.sell_reason_subtext {
  margin: 60px auto 20px;
  font-size: 0.9rem;
  line-height: 1.7rem;
}
@media (min-width: 640px) {
  .sell_reason_subtext {
    margin: 60px 0 20px 20%;
  }
}

.sell_bottom_text {
  color: #a1a1a1;
  font-size: 0.65rem;
  margin: 15px auto 0;
  padding: 20px 20px 10px 20px;
  background-color: #eee;
  border-radius: 10px;
}
.sell_bottom_text h1 {
  font-size: 0.75rem;
}
.sell_bottom_text p {
  float: none;
}

.howtosell-flow {
  font-size: 0;
  width: 100%;
  margin: 20px auto;
  display: block;
  border: 1px solid #a8a8a8;
  overflow: hidden;
}
.howtosell-flow div {
  font-size: 1rem;
  display: block;
  width: 100%;
  text-align: center;
  padding: 0 0 10px;
}
@media (min-width: 640px) {
  .howtosell-flow div {
    font-size: 15px;
    width: 20%;
    display: inline-block;
    padding: 15px 0 22px;
    box-shadow: 1px 0px 0px #a8a8a8;
  }
}
.howtosell-flow div p {
  float: none;
  font-weight: 500;
  font-size: 14px;
  padding: 10px 0 !important;
}
.howtosell-flow div:last-child {
  box-shadow: none;
}
@media (min-width: 640px) {
  .howtosell-flow {
    width: 100%;
  }
}

.howtosell-step4, .howtosell-step3, .howtosell-step2, .howtosell-step1 {
  width: 100%;
  position: relative;
  color: #fff;
  text-align: left;
  margin-bottom: 8px;
  box-shadow: 0px 3px 0px rgb(168, 168, 168);
}
.howtosell-step4::after, .howtosell-step3::after, .howtosell-step2::after, .howtosell-step1::after {
  border-width: 0;
}
@media (min-width: 640px) {
  .howtosell-step4::after, .howtosell-step3::after, .howtosell-step2::after, .howtosell-step1::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 100%;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-width: 17px 0 21px 20px;
    z-index: 1;
  }
}

.howtosell-step1 {
  background-color: #29b3e7;
  text-indent: 17px;
  z-index: 3;
}
@media (min-width: 640px) {
  .howtosell-step1::after {
    border-color: transparent transparent transparent #29b3e7;
  }
}

.howtosell-step2 {
  background-color: #2297cd;
  text-indent: 30px;
  z-index: 2;
}
@media (min-width: 640px) {
  .howtosell-step2::after {
    border-color: transparent transparent transparent #2297cd;
  }
}

.howtosell-step3 {
  background-color: #1565a0;
  text-indent: 30px;
}
@media (min-width: 640px) {
  .howtosell-step3::after {
    border-color: transparent transparent transparent #1565a0;
  }
}

.howtosell-step4 {
  background-color: #0e4987;
  text-indent: 30px;
}
@media (min-width: 640px) {
  .howtosell-step4::after {
    border-color: transparent transparent transparent #0e4987;
  }
}

.howtosell-step5 {
  width: 110%;
  color: #fff;
  background-color: #043569;
  text-align: left;
  text-indent: 30px;
  margin-bottom: 8px;
  box-shadow: 0px 3px 0px rgb(168, 168, 168);
}

.sell_flow_title5, .sell_flow_title4, .sell_flow_title3, .sell_flow_title2, .sell_flow_title1 {
  display: block;
  font-size: 1.1rem;
  font-weight: 900;
  margin-bottom: 5px;
}
.sell_flow_title5:before, .sell_flow_title4:before, .sell_flow_title3:before, .sell_flow_title2:before, .sell_flow_title1:before {
  content: "■";
  margin-right: 5px;
}

.sell_flow_title1 {
  color: #29b3e7;
}

.sell_flow_title2 {
  color: #2297cd;
}

.sell_flow_title3 {
  color: #1565a0;
}

.sell_flow_title4 {
  color: #0e4987;
}

.sell_flow_title5 {
  color: #043569;
}

.sell_side_contact {
  font-size: 0.81rem;
  text-align: center;
}

.sell_side_contact_title {
  display: block;
  margin-bottom: 5px;
  font-weight: 900;
}

.sell_side_contact_tel {
  font-size: 2.5rem;
  padding: 0 !important;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sell_side_contact_tel span {
  font-size: 1.125rem !important;
  font-weight: normal !important;
}
.sell_side_contact_tel a {
  font-size: 1.875rem !important;
}

.sell_side_contact_btn {
  margin: 5px auto 20px;
}

.sell_side_contact_attention {
  text-align: left !important;
}

.sell_contact {
  overflow: auto;
  font-size: 0.875rem;
}
.sell_contact p {
  text-align: center;
  font-size: 0.775rem;
  font-weight: 900;
  margin: 5px auto;
}
@media (min-width: 360px) {
  .sell_contact p {
    margin: 20px auto;
    font-size: 0.975rem;
  }
}
@media (min-width: 640px) {
  .sell_contact p {
    font-size: 1.25rem;
  }
}
@media (min-width: 640px) {
  .sell_contact {
    font-size: 0.975rem;
  }
}

.sell_contact_left {
  width: 100%;
  float: none;
  margin: 10px auto;
  text-align: center;
}
.sell_contact_left div {
  margin-bottom: 10px;
}
.sell_contact_left div span {
  font-size: 1.875rem;
  font-weight: 900;
}
@media (min-width: 640px) {
  .sell_contact_left {
    width: 45%;
    float: left;
    margin: 10px 2.5% 20px;
    text-align: left;
  }
}
@media (min-width: 960px) {
  .sell_contact_left {
    width: 35%;
    float: left;
    margin: 10px 5% 20px 10%;
    text-align: left;
  }
}

.sell_contact_right {
  width: 100%;
  float: none;
  margin: 20px auto;
  text-align: center;
}
@media (min-width: 640px) {
  .sell_contact_right {
    width: 45%;
    float: right;
    margin: 10px 2.5% 20px;
    text-align: left;
  }
}
@media (min-width: 960px) {
  .sell_contact_right {
    width: 35%;
    float: right;
    margin: 10px 10% 20px 5%;
    text-align: left;
  }
}

.sell_contact_btn {
  margin-top: 12px;
}

/*---査定シートsell_form.asp---*/
.entry_year {
  width: 80px !important;
  margin-right: 5px;
}
@media (min-width: 640px) {
  .entry_year {
    width: 170px !important;
  }
}
@media (min-width: 960px) {
  .entry_year {
    width: auto !important;
  }
}

.entry_month {
  width: 60px !important;
  margin: 0 5px;
}
@media (min-width: 640px) {
  .entry_month {
    width: 140px !important;
  }
}
@media (min-width: 960px) {
  .entry_month {
    width: auto !important;
  }
}

.wareki {
  width: auto !important;
  margin-right: 5px;
}

.inspection_year {
  width: 80px !important;
  margin-right: 5px;
}
@media (min-width: 640px) {
  .inspection_year {
    width: 170px !important;
  }
}
@media (min-width: 960px) {
  .inspection_year {
    width: auto !important;
  }
}

.inspection_month {
  width: 60px !important;
  margin: 0 5px;
}
@media (min-width: 640px) {
  .inspection_month {
    width: 140px !important;
  }
}
@media (min-width: 960px) {
  .inspection_month {
    width: auto !important;
  }
}

.radiobutton:checked + .radiobutton-icon-more::before {
  background: radial-gradient(#666 0, #666 50%, #fff 60%, #fff 100%) !important;
}

.body_shape {
  display: block;
  width: 100%;
  float: none;
  margin: 15px auto;
}
.body_shape label {
  float: none;
}
@media (min-width: 640px) {
  .body_shape {
    display: inline-block;
    width: 49%;
    margin: 8px auto;
  }
}
@media (min-width: 960px) {
  .body_shape {
    display: inline-block;
    width: 32%;
  }
}

.small_category_size {
  display: block !important;
}

.small_category_block {
  display: block !important;
  text-align: right;
  font-size: 0.775rem;
  float: none;
  margin-bottom: -17px !important;
}
.small_category_block input {
  display: inline-block !important;
  width: 48% !important;
  margin: 1px !important;
  padding: 3px !important;
}
@media (min-width: 640px) {
  .small_category_block input {
    width: 108px !important;
  }
}
@media (min-width: 960px) {
  .small_category_block input {
    width: 80px !important;
  }
}
@media (min-width: 1280px) {
  .small_category_block input {
    width: 101px !important;
  }
}
@media (min-width: 640px) {
  .small_category_block {
    float: right;
    display: inline-block !important;
    margin-bottom: 0 !important;
  }
}
@media (min-width: 1280px) {
  .small_category_block {
    margin-left: 34px !important;
  }
}

.small_checkbox {
  display: block !important;
  font-size: 0.775rem;
  float: none !important;
  text-align: right;
  margin-top: 10px !important;
  margin-left: 29px !important;
}
.small_checkbox label {
  float: right !important;
}
.small_checkbox label span {
  margin: 0 1px !important;
}
@media (min-width: 360px) {
  .small_checkbox {
    float: none !important;
    margin-top: 6px !important;
    margin-left: 10px !important;
  }
}
@media (min-width: 640px) {
  .small_checkbox {
    display: inline-block !important;
    float: right !important;
    margin-left: 20px !important;
  }
}
@media (min-width: 960px) {
  .small_checkbox {
    margin-left: 0 !important;
  }
}
@media (min-width: 1280px) {
  .small_checkbox {
    margin-left: 34px !important;
  }
}

.sm_width100 th {
  display: block;
  width: 100%;
}
@media (min-width: 640px) {
  .sm_width100 th {
    display: table-cell;
    width: 30%;
  }
}
.sm_width100 td {
  display: block;
  width: 100%;
  overflow: auto;
}
@media (min-width: 640px) {
  .sm_width100 td {
    display: table-cell;
    width: auto;
  }
}

.sellicon_box2 {
  float: left;
  width: 25%;
  margin: 30px auto;
  height: 200px;
}
@media screen and (max-width: 500px) {
  .sellicon_box2 {
    width: 50%;
  }
}
.sellicon_box2 img {
  display: block;
  width: 90%;
  margin: 0 auto;
}

.sell_car_img {
  max-width: 800px;
  margin: 0 auto;
}

.top_image_LP {
  display: flex;
  width: 100vw;
  height: 100vh;
  background: url(/res/images/howto/lp/top.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.top_image_text {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  color: #fff;
  background: rgba(25, 124, 209, 0.5);
}
@media screen and (max-width: 480px) {
  .top_image_text {
    display: block;
  }
}
.top_image_text p {
  float: none;
  vertical-align: middle;
  font-weight: 900;
  line-height: normal;
  padding: 0;
  text-shadow: 1px 1px 1px #333;
}
.top_image_text p:first-child {
  width: auto;
  margin: 0;
  display: inline-block;
  text-align: left;
  font-size: 2.25rem;
  font-style: italic;
  letter-spacing: 6px;
  line-height: 45px;
}
@media screen and (max-width: 480px) {
  .top_image_text p:first-child {
    width: 60%;
    margin: 6% 1% 6% 10%;
    font-size: 1.875rem;
  }
}
.top_image_text p:first-child span {
  font-size: 4.125rem;
  letter-spacing: -11px;
  margin-left: -7px;
}
@media screen and (max-width: 480px) {
  .top_image_text p:first-child span {
    font-size: 3.625rem;
  }
}
.top_image_text p:nth-child(2) {
  display: inline-block;
  width: auto;
  font-size: 8.125rem;
  font-style: italic;
  margin: -19px 35px 0 0px;
}
@media screen and (max-width: 480px) {
  .top_image_text p:nth-child(2) {
    font-size: 6.125rem;
    margin: 0;
  }
}
.top_image_text p:nth-child(3) {
  display: inline-block;
  width: auto;
  font-size: 1.25rem;
  text-align: left;
  line-height: 2.2rem;
  margin-top: -15px;
  margin-left: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 480px) {
  .top_image_text p:nth-child(3) {
    display: block;
    width: 80%;
    margin: 0 auto 15px;
  }
}

.lp_top_contact {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto 20px;
}
.lp_top_contact div {
  display: inline-block;
}
.lp_top_contact div:first-child {
  width: 20%;
  vertical-align: text-bottom;
}
@media (min-width: 640px) {
  .lp_top_contact div:first-child {
    width: 15%;
    vertical-align: baseline;
  }
}
@media screen and (max-width: 500px) {
  .lp_top_contact div:first-child {
    display: block;
    width: 30%;
    margin: 15px auto 0;
    text-align: center;
  }
}
.lp_top_contact div:nth-child(2) {
  width: 45%;
  text-align: center;
  font-weight: 900;
  color: #333;
}
@media (min-width: 640px) {
  .lp_top_contact div:nth-child(2) {
    width: 55%;
  }
}
@media (min-width: 960px) {
  .lp_top_contact div:nth-child(2) {
    width: 61%;
  }
}
@media screen and (max-width: 500px) {
  .lp_top_contact div:nth-child(2) {
    width: 50%;
  }
}
.lp_top_contact div:nth-child(2) span {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  font-size: 0.875rem;
}
@media (min-width: 960px) {
  .lp_top_contact div:nth-child(2) span {
    font-size: 0.975rem;
  }
}
@media screen and (max-width: 500px) {
  .lp_top_contact div:nth-child(2) span {
    font-size: 0.75rem;
  }
}
.lp_top_contact div:nth-child(2) span:nth-child(2) {
  margin-left: 5px;
  font-size: 1.35rem;
}
@media (min-width: 640px) {
  .lp_top_contact div:nth-child(2) span:nth-child(2) {
    font-size: 1.875rem;
  }
}
@media (min-width: 960px) {
  .lp_top_contact div:nth-child(2) span:nth-child(2) {
    margin-left: 25px;
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 500px) {
  .lp_top_contact div:nth-child(2) span:nth-child(2) {
    font-size: 1.125rem;
    margin-left: 0;
  }
}
.lp_top_contact div:nth-child(3) {
  width: 32%;
  vertical-align: text-bottom;
  font-size: 0.875rem;
}
@media (min-width: 640px) {
  .lp_top_contact div:nth-child(3) {
    width: 28%;
    vertical-align: baseline;
  }
}
@media (min-width: 960px) {
  .lp_top_contact div:nth-child(3) {
    font-size: 1rem;
    width: 23%;
  }
}
@media screen and (max-width: 500px) {
  .lp_top_contact div:nth-child(3) {
    width: 48%;
  }
}
.lp_top_contact div:nth-child(3) a {
  padding: 6% 2%;
}
.lp_top_contact div:nth-child(3) a img {
  display: none;
}
@media (min-width: 960px) {
  .lp_top_contact div:nth-child(3) a img {
    display: inline-block;
  }
}

.topimage_LP2 {
  width: 100%;
  margin-top: 0;
}
@media screen and (max-width: 500px) {
  .topimage_LP2 {
    margin-top: 100px;
  }
}

.lp_top_contact2 {
  width: 100%;
  position: fixed;
  margin: 0 auto 20px;
  padding: 0% 10% 1%;
  top: 0;
  background-color: #fff;
  z-index: 999;
  border-bottom: 5px solid #197cd1;
}
@media (min-width: 640px) {
  .lp_top_contact2 {
    padding: 0% 10% 0.5%;
  }
}
.lp_top_contact2 div {
  display: inline-block;
}
.lp_top_contact2 div:first-child {
  width: 20%;
  vertical-align: text-bottom;
}
@media (min-width: 640px) {
  .lp_top_contact2 div:first-child {
    width: 15%;
    vertical-align: baseline;
  }
}
@media screen and (max-width: 500px) {
  .lp_top_contact2 div:first-child {
    display: block;
    width: 30%;
    margin: 15px auto 0;
    text-align: center;
  }
}
.lp_top_contact2 div:nth-child(2) {
  width: 45%;
  text-align: center;
  font-weight: 900;
  color: #333;
}
@media (min-width: 640px) {
  .lp_top_contact2 div:nth-child(2) {
    width: 55%;
  }
}
@media (min-width: 960px) {
  .lp_top_contact2 div:nth-child(2) {
    width: 61%;
  }
}
@media screen and (max-width: 500px) {
  .lp_top_contact2 div:nth-child(2) {
    width: 50%;
  }
}
.lp_top_contact2 div:nth-child(2) span {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  font-size: 0.875rem;
}
@media (min-width: 960px) {
  .lp_top_contact2 div:nth-child(2) span {
    font-size: 0.975rem;
  }
}
@media screen and (max-width: 500px) {
  .lp_top_contact2 div:nth-child(2) span {
    font-size: 0.75rem;
  }
}
.lp_top_contact2 div:nth-child(2) span:nth-child(2) {
  margin-left: 5px;
  font-size: 1.35rem;
}
@media (min-width: 640px) {
  .lp_top_contact2 div:nth-child(2) span:nth-child(2) {
    font-size: 1.875rem;
  }
}
@media (min-width: 960px) {
  .lp_top_contact2 div:nth-child(2) span:nth-child(2) {
    margin-left: 25px;
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 500px) {
  .lp_top_contact2 div:nth-child(2) span:nth-child(2) {
    font-size: 1.125rem;
    margin-left: 0;
  }
}
.lp_top_contact2 div:nth-child(3) {
  width: 32%;
  vertical-align: text-bottom;
  font-size: 0.875rem;
}
@media (min-width: 640px) {
  .lp_top_contact2 div:nth-child(3) {
    width: 28%;
    vertical-align: baseline;
  }
}
@media (min-width: 960px) {
  .lp_top_contact2 div:nth-child(3) {
    font-size: 1rem;
    width: 23%;
  }
}
@media screen and (max-width: 500px) {
  .lp_top_contact2 div:nth-child(3) {
    width: 48%;
  }
}
.lp_top_contact2 div:nth-child(3) a {
  padding: 6% 2%;
}
.lp_top_contact2 div:nth-child(3) a img {
  display: none;
}
@media (min-width: 960px) {
  .lp_top_contact2 div:nth-child(3) a img {
    display: inline-block;
  }
}

.lp_top_line {
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.lp_car_div div {
  text-align: center;
}
.lp_car_div span {
  display: inline-block;
  margin-top: 15px;
  color: #197cd1;
  font-weight: 900;
}

.lp_section {
  margin: 30px auto 0;
  max-width: 800px;
}
.lp_section h2 {
  color: #197cd1;
  font-size: 1.125rem;
  font-weight: 900;
  text-align: center;
  margin: 10px auto;
}
@media (min-width: 640px) {
  .lp_section h2 {
    font-size: 1.25rem;
  }
}
@media (min-width: 960px) {
  .lp_section h2 {
    font-size: 1.45rem;
  }
}
.lp_section p {
  text-align: left;
  margin: 20px auto;
}
@media (min-width: 640px) {
  .lp_section p {
    text-align: center;
  }
}

.lp_section2 {
  margin: 30px auto 0;
  max-width: 800px;
}

.lp_section_textblock {
  display: block;
  margin-bottom: 30px;
}
@media (min-width: 640px) {
  .lp_section_textblock {
    display: flex;
    align-items: center;
  }
}
.lp_section_textblock p {
  text-align: left;
  float: none;
  margin: 20px auto;
  padding: 0 20px;
  font-weight: 900;
  line-height: 43px;
}
.lp_section_textblock p img {
  padding-left: 0;
}
.lp_section_textblock p span {
  font-size: 2rem;
  font-weight: 900;
  color: #dc2129;
}

.lp_section_textblock_right {
  display: block;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 640px) {
  .lp_section_textblock_right {
    display: inline-block;
    width: 70%;
  }
}

.goldlabel-div {
  display: block;
  width: 50%;
  margin: 0 auto;
}
@media (min-width: 640px) {
  .goldlabel-div {
    display: inline-block;
    width: 26%;
  }
}
.goldlabel-div img {
  width: 100%;
}

.gold-midashi {
  width: 100%;
}

.lp_sell_trouble {
  background-color: #2988da;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #197cd1), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #197cd1), color-stop(0.75, #197cd1), color-stop(0.75, transparent), to(transparent));
  padding: 10px;
}
.lp_sell_trouble h2, .lp_sell_trouble span {
  color: #fff;
  display: block;
  margin: 17px auto;
  text-align: left;
  font-size: 0.875rem;
}
@media (min-width: 360px) {
  .lp_sell_trouble h2, .lp_sell_trouble span {
    text-align: center;
  }
}
@media (min-width: 640px) {
  .lp_sell_trouble h2, .lp_sell_trouble span {
    font-size: 1rem;
    text-align: center;
  }
}
@media (min-width: 960px) {
  .lp_sell_trouble h2, .lp_sell_trouble span {
    font-size: 1.1rem;
  }
}

.lp_sell_trouble2 {
  background-color: #2988da;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #197cd1), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #197cd1), color-stop(0.75, #197cd1), color-stop(0.75, transparent), to(transparent));
  padding: 10px;
}
.lp_sell_trouble2 img {
  display: block;
  width: 50%;
  max-width: 800px;
  min-width: 300px;
  margin: 30px auto;
}
.lp_sell_trouble2 span {
  color: #fff;
  display: block;
  margin: 17px auto;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 700;
}
@media (min-width: 640px) {
  .lp_sell_trouble2 span {
    font-size: 1rem;
  }
}
@media (min-width: 960px) {
  .lp_sell_trouble2 span {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}

.lp_sell_trouble_point {
  text-align: inherit !important;
  display: inline-block !important;
  color: #197cd1 !important;
  font-weight: bold !important;
  font-size: 1rem !important;
  margin: 0 !important;
}
@media (min-width: 640px) {
  .lp_sell_trouble_point {
    font-weight: 900;
    font-size: 1.25rem !important;
  }
}

.lp_sell_trouble_box3, .lp_sell_trouble_box2, .lp_sell_trouble_box1 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 640px) {
  .lp_sell_trouble_box3, .lp_sell_trouble_box2, .lp_sell_trouble_box1 {
    width: 80%;
  }
}

.lp_sell_trouble_box2 {
  display: none;
}
.lp_sell_trouble_box2 img {
  width: 22%;
  margin: 2%;
}
@media (min-width: 640px) {
  .lp_sell_trouble_box2 {
    display: block;
  }
}

.lp_sell_reason_bg {
  width: 100%;
  background: url(/res/images/howto/lp/lp_reason_bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.lp_sell_reason_bg2 {
  width: 100%;
  background: url(/res/images/howto/lp/ver2/reason-bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: repeat-y;
  padding-top: 0;
}
.lp_sell_reason_bg2 img {
  width: 100%;
  margin-bottom: 30px;
}

.lp_sell_reason {
  width: 90%;
  max-width: 900px;
  margin: 20px auto;
}
.lp_sell_reason h2 {
  text-align: center;
  font-size: 1.175rem;
  margin: 60px auto;
  color: #98782c;
  text-shadow: 2px 2px 0px rgb(255, 255, 255);
}
@media (min-width: 640px) {
  .lp_sell_reason h2 {
    font-size: 1.775rem;
  }
}

.lp_sell_reason_div {
  display: block;
}
@media (min-width: 960px) {
  .lp_sell_reason_div {
    display: flex;
  }
}

.lp_sell_reason_block {
  display: inline-block;
  width: 100%;
  height: auto;
  margin: 0.2% 0.5%;
  padding: 6%;
  background-image: url(/res/images/howto/lp/lp_sell_reason_frame.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  border-bottom: 2px solid #98782c;
}
@media screen and (max-width: 500px) {
  .lp_sell_reason_block {
    background: #fff;
    border: 3px solid #98782c;
    margin: 1px;
  }
}
@media (min-width: 960px) {
  .lp_sell_reason_block {
    display: inline-block;
    width: 50%;
    height: 410px;
    margin: -0.5% 0.5%;
    padding: 3%;
    background-size: 100%;
    border-bottom: none;
  }
}
@media (min-width: 1280px) {
  .lp_sell_reason_block {
    padding: 3% 4%;
  }
}
.lp_sell_reason_block p {
  display: block;
  align-items: baseline;
  float: none;
  padding: 0;
  width: auto;
  margin: 1%;
}
@media (min-width: 640px) {
  .lp_sell_reason_block p {
    display: flex;
  }
}
.lp_sell_reason_block p:first-child {
  font-size: 1.125rem;
  font-weight: 900;
  color: #98782c;
  margin-bottom: 10px;
}
@media (min-width: 640px) {
  .lp_sell_reason_block p:first-child {
    font-size: 1.25rem;
  }
}
.lp_sell_reason_block p:first-child span {
  font-size: 1.875rem;
  margin-right: 15px;
}
.lp_sell_reason_block p:nth-child(2) {
  display: block;
  margin-left: auto;
  font-size: 0.875rem;
  line-height: 1.675rem;
  letter-spacing: 0.05rem;
}
.lp_sell_reason_block p:nth-child(2) span {
  border-bottom: 1px dashed #98782c;
  padding-bottom: 2px;
}
@media (min-width: 640px) {
  .lp_sell_reason_block p:nth-child(2) {
    margin-left: 46px;
  }
}

.lp_sell_reason_block2 {
  display: block;
  width: 100%;
  max-width: 800px;
  min-width: 300px;
  margin: 0 auto;
}

.lp_sell_reason_subtext {
  text-align: left;
  margin: 50px auto 70px;
  line-height: 1.7rem;
  font-weight: 900;
  color: #333;
}
@media (min-width: 640px) {
  .lp_sell_reason_subtext {
    line-height: 2rem;
    text-align: center;
  }
}

.lp_sell_reason_subtext2 {
  text-align: left;
  margin: 20px auto 70px;
  padding: 1%;
  line-height: 2.6rem;
  font-size: 1.1rem;
  font-weight: 800;
  color: #333;
}
@media (min-width: 640px) {
  .lp_sell_reason_subtext2 {
    text-align: center;
  }
}

.orange-back {
  color: #333 !important;
  background-color: #ffd67a;
}

.lp_truckdetail_contact {
  background: url(/res/images/howto/lp/waveline.svg) repeat-x;
  background-size: auto 100%;
  color: #472803;
  margin-top: -17px;
  padding: 45px 10px 40px;
}
.lp_truckdetail_contact h2 {
  font-size: 1.25rem;
  text-align: center;
}
@media (min-width: 640px) {
  .lp_truckdetail_contact h2 {
    font-size: 1.875rem;
  }
}
.lp_truckdetail_contact h2 img {
  margin-top: -8px;
  margin-right: 12px;
}

.lp_truckdetail_contact2 {
  background-image: url(/res/images/howto/lp/ver2/contact-block.png);
  background-repeat: repeat-x;
  background-size: auto 100%;
  color: #472803;
  margin-top: -30px;
  padding: 45px 10px 40px;
  font-weight: 900;
}
@media (min-width: 640px) {
  .lp_truckdetail_contact2 {
    background-image: url(/res/images/howto/lp/ver2/woman.png), url(/res/images/howto/lp/ver2/contact-block.png);
    background-repeat: no-repeat, repeat-x;
    background-position: right top, left top;
    background-size: auto auto, auto 100%;
  }
}
.lp_truckdetail_contact2 h2 {
  font-size: 1.25rem;
  font-weight: 800;
  text-align: center;
}
@media (min-width: 640px) {
  .lp_truckdetail_contact2 h2 {
    font-size: 1.875rem;
  }
}
.lp_truckdetail_contact2 h2 img {
  margin-top: -8px;
  margin-right: 12px;
}

.lp_truckdetail_contact2_man {
  background-image: url(/res/images/howto/lp/ver2/contact-block.png);
  background-repeat: repeat-x;
  background-size: auto 100%;
  color: #472803;
  margin-top: -30px;
  padding: 45px 10px 40px;
  font-weight: 900;
}
@media (min-width: 640px) {
  .lp_truckdetail_contact2_man {
    background-image: url(/res/images/howto/lp/ver2/man.png), url(/res/images/howto/lp/ver2/contact-block.png);
    background-repeat: no-repeat, repeat-x;
    background-position: right top, left top;
    background-size: auto auto, auto 100%;
  }
}
.lp_truckdetail_contact2_man h2 {
  font-size: 1.25rem;
  font-weight: 800;
  text-align: center;
}
@media (min-width: 640px) {
  .lp_truckdetail_contact2_man h2 {
    font-size: 1.875rem;
  }
}
.lp_truckdetail_contact2_man h2 img {
  margin-top: -8px;
  margin-right: 12px;
}

.lp_truckdetail_contact2_woman {
  background-image: url(/res/images/howto/lp/ver2/contact-block.png);
  background-repeat: repeat-x;
  background-size: auto 100%;
  color: #472803;
  margin-top: -30px;
  padding: 45px 10px 40px;
  font-weight: 900;
}
@media (min-width: 640px) {
  .lp_truckdetail_contact2_woman {
    background-image: url(/res/images/howto/lp/ver2/woman2.png), url(/res/images/howto/lp/ver2/contact-block.png);
    background-repeat: no-repeat, repeat-x;
    background-position: right top, left top;
    background-size: auto auto, auto 100%;
  }
}
.lp_truckdetail_contact2_woman h2 {
  font-size: 1.25rem;
  font-weight: 800;
  text-align: center;
}
@media (min-width: 640px) {
  .lp_truckdetail_contact2_woman h2 {
    font-size: 1.875rem;
  }
}
.lp_truckdetail_contact2_woman h2 img {
  margin-top: -8px;
  margin-right: 12px;
}

.lp_sell_contact {
  overflow: auto;
  font-size: 0.875rem;
  width: 96%;
  max-width: 900px;
  margin: 0 auto;
}
.lp_sell_contact p {
  text-align: center;
  font-size: 0.775rem;
  font-weight: 900;
  margin: 5px auto;
  float: none;
}
@media (min-width: 360px) {
  .lp_sell_contact p {
    margin: 10px auto;
    font-size: 0.975rem;
  }
}
@media (min-width: 640px) {
  .lp_sell_contact p {
    margin: 20px auto;
    font-size: 1.25rem;
  }
}
@media (min-width: 360px) {
  .lp_sell_contact {
    width: 96%;
    font-size: 1.025rem;
  }
}
@media (min-width: 640px) {
  .lp_sell_contact {
    width: 90%;
    font-size: 0.975rem;
  }
}

.lp_sell_contact_left {
  width: 100%;
  float: none;
  margin: 10px auto;
  text-align: center;
}
.lp_sell_contact_left div {
  margin-bottom: 25px;
}
.lp_sell_contact_left div span {
  font-size: 1.875rem;
  font-weight: 900;
}
@media (min-width: 640px) {
  .lp_sell_contact_left {
    width: 45%;
    float: left;
    margin: 10px 2.5% 20px;
    text-align: left;
  }
}
@media (min-width: 960px) {
  .lp_sell_contact_left {
    width: 35%;
    float: left;
    margin: 10px 5% 20px 10%;
    text-align: left;
  }
}

.lp_sell_contact_left2 {
  width: 100%;
  float: none;
  margin: 10px auto;
  text-align: center;
}
.lp_sell_contact_left2 div {
  margin-bottom: 25px;
}
.lp_sell_contact_left2 div span {
  font-size: 1.875rem;
  font-weight: 900;
}
@media (min-width: 640px) {
  .lp_sell_contact_left2 {
    width: 45%;
    float: left;
    margin: 10px 2.5% 20px;
    text-align: left;
  }
}
@media (min-width: 960px) {
  .lp_sell_contact_left2 {
    width: 37%;
    float: left;
    margin: 10px 5% 20px 7%;
    text-align: left;
  }
}

.lp_sell_contact_right {
  width: 100%;
  float: none;
  margin: 20px auto;
  text-align: center;
}
@media (min-width: 640px) {
  .lp_sell_contact_right {
    width: 45%;
    float: right;
    margin: 10px 2.5% 20px;
    text-align: left;
  }
}
@media (min-width: 960px) {
  .lp_sell_contact_right {
    width: 35%;
    float: right;
    margin: 10px 10% 20px 5%;
    text-align: left;
  }
}

.lp_sell_contact_right2 {
  width: 100%;
  float: none;
  margin: 20px auto;
  padding: 0;
  background-color: inherit;
  border-radius: 0;
  text-align: center;
}
@media (min-width: 640px) {
  .lp_sell_contact_right2 {
    width: 45%;
    float: right;
    margin: 10px 2.5% 20px;
    text-align: left;
    padding: 1% 2% 2%;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
  }
}
@media (min-width: 960px) {
  .lp_sell_contact_right2 {
    width: 36%;
    float: right;
    margin: 10px 10% 20px 5%;
    text-align: left;
  }
}

.lp_sell_contact_btn {
  display: block;
  margin-top: 12px;
  background-color: #f88000;
  text-align: center;
  padding: 30px;
  border-radius: 5px;
  color: #fff;
  margin-top: 30px;
  box-shadow: 0px 4px 0px 0px #924b00;
}
.lp_sell_contact_btn:hover {
  background-color: #c56600;
}
@media (min-width: 640px) {
  .lp_sell_contact_btn {
    margin-top: 22px;
  }
}
.lp_sell_contact_btn img {
  width: 30px;
  height: 30px;
}

.lp_sell_contact_btn2 {
  display: block;
  margin-top: 12px;
  background-color: #f88000;
  text-align: center;
  padding: 30px;
  border-radius: 5px;
  color: #fff;
  box-shadow: 0px 4px 0px 0px #924b00;
}
.lp_sell_contact_btn2:hover {
  background-color: #c56600;
}
.lp_sell_contact_btn2 img {
  width: 30px;
  height: 30px;
}

.lp_buy_flow {
  position: relative;
  background: url(/res/images/howto/lp/buy_flow_bg.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 1460px;
  height: auto;
  text-align: center;
  margin: 100px auto 0px;
}
@media (min-width: 960px) {
  .lp_buy_flow {
    height: 1420px;
  }
}
.lp_buy_flow h2 {
  text-align: center;
  font-size: 1.35rem;
  font-weight: 900;
  color: #197cd1;
}
@media (min-width: 640px) {
  .lp_buy_flow h2 {
    font-size: 1.875rem;
  }
}

.lp_buy_flowblock2 {
  position: relative;
  background: url(/res/images/howto/lp/ver2/flow-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: auto;
  text-align: center;
  margin: 0 auto 75px;
}
.lp_buy_flowblock2 h2 {
  text-align: center;
  font-size: 1.35rem;
  font-weight: 900;
  color: #fff;
  margin-top: 50px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
@media (min-width: 640px) {
  .lp_buy_flowblock2 h2 {
    font-size: 1.875rem;
  }
}
.lp_buy_flowblock2 a:hover {
  opacity: 0.7;
  transition: opacity 0.5s;
}

.lp_buy_block {
  width: 80%;
  max-width: 1000px;
  margin: 60px auto;
}

.lp_buy_block2 {
  width: 90%;
  max-width: 1000px;
  margin: 60px auto;
}
@media (min-width: 640px) {
  .lp_buy_block2 {
    width: 80%;
  }
}

.lp_buy_flow5, .lp_buy_flow4, .lp_buy_flow3, .lp_buy_flow2, .lp_buy_flow1 {
  position: relative;
  top: auto;
  left: 5%;
  margin-top: 53px;
}
@media (min-width: 640px) {
  .lp_buy_flow5, .lp_buy_flow4, .lp_buy_flow3, .lp_buy_flow2, .lp_buy_flow1 {
    left: 0;
  }
}
.lp_buy_flow5 div, .lp_buy_flow4 div, .lp_buy_flow3 div, .lp_buy_flow2 div, .lp_buy_flow1 div {
  position: absolute;
  top: -40px;
  left: -40px;
  color: #fff;
  text-align: center;
  background-color: #f88000;
  padding: 8px 20px;
  border-radius: 60px;
  font-size: 0.75rem;
  border: 3px solid #fff;
}
.lp_buy_flow5 div span, .lp_buy_flow4 div span, .lp_buy_flow3 div span, .lp_buy_flow2 div span, .lp_buy_flow1 div span {
  display: block;
  margin-top: -5px;
  font-size: 1.875rem;
}
.lp_buy_flow5 p, .lp_buy_flow4 p, .lp_buy_flow3 p, .lp_buy_flow2 p, .lp_buy_flow1 p {
  float: none;
  width: 100%;
  border: 5px solid #197cd1;
  border-radius: 5px;
  text-align: left;
  padding: 20px;
  background-color: #fff;
  color: #333;
}
@media (min-width: 960px) {
  .lp_buy_flow5 p, .lp_buy_flow4 p, .lp_buy_flow3 p, .lp_buy_flow2 p, .lp_buy_flow1 p {
    width: 34%;
  }
}
.lp_buy_flow5 p span, .lp_buy_flow4 p span, .lp_buy_flow3 p span, .lp_buy_flow2 p span, .lp_buy_flow1 p span {
  display: block;
  margin-bottom: 5px;
  font-size: 1.25rem;
  font-weight: 900;
  color: #197cd1;
}

@media (min-width: 960px) {
  .lp_buy_flow1 {
    position: relative;
    top: 23px;
    left: 3%;
  }
}

@media (min-width: 960px) {
  .lp_buy_flow2 {
    position: relative;
    top: -193px;
    left: 57%;
  }
}

@media (min-width: 960px) {
  .lp_buy_flow3 {
    position: relative;
    top: -112px;
    left: 33%;
  }
}

@media (min-width: 960px) {
  .lp_buy_flow4 {
    position: relative;
    top: -40px;
    left: 10%;
  }
}

@media (min-width: 960px) {
  .lp_buy_flow5 {
    position: relative;
    top: -110px;
    left: 55%;
  }
}

.lp_buy_flow-k2 {
  width: 100%;
  max-width: 800px;
  min-width: 300px;
  margin: 0 auto;
}
.lp_buy_flow-k2 img {
  width: 100%;
}

.lp_buy_attention {
  width: 90%;
  max-width: 900px;
  margin: 0px auto 120px;
  padding: 30px 20px 30px;
  border: 5px solid #ba2e38;
  border-radius: 10px;
  font-size: 1rem;
}
@media (min-width: 640px) {
  .lp_buy_attention {
    padding: 30px 20px 30px 10px;
  }
}
.lp_buy_attention div {
  display: inline-block;
  vertical-align: middle;
}
.lp_buy_attention div:first-child {
  display: none;
}
@media (min-width: 640px) {
  .lp_buy_attention div:first-child {
    display: inline-block;
    width: 30%;
    text-align: center;
  }
}
.lp_buy_attention div:first-child img {
  width: 125px;
  height: 125px;
}
.lp_buy_attention div:nth-child(2) {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 640px) {
  .lp_buy_attention div:nth-child(2) {
    width: 69%;
  }
}
.lp_buy_attention div:nth-child(2) h1 {
  font-size: 1.2rem;
  color: #ba2e38;
}
.lp_buy_attention div:nth-child(2) h1 img {
  display: none;
  margin-right: 15px;
}
@media (min-width: 640px) {
  .lp_buy_attention div:nth-child(2) h1 img {
    display: inline-block;
  }
}
.lp_buy_attention div:nth-child(2) p {
  float: none;
  margin: 10px 0 15px;
}

.lp_sell_bottom_text_block {
  font-size: 0.75rem;
  margin: -10px auto 0;
  background-color: #eee;
}

.lp_sell_bottom_text {
  width: 90%;
  max-width: 900px;
  margin: 20px auto;
  color: #a1a1a1;
}
.lp_sell_bottom_text p {
  float: none;
}

.red-midashi {
  box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.2);
}

.red-contact {
  border-bottom: 5px solid #c0272d !important;
}

.red-trouble {
  background-color: #b5272f !important;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #c0272d), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #c0272d), color-stop(0.75, #c0272d), color-stop(0.75, transparent), to(transparent)) !important;
}

.truckshape {
  width: 90%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 16px auto;
}
.truckshape__box {
  width: 48%;
  max-width: 300px;
  margin: 0 1% 32px;
  text-align: center;
  border: 1px solid #a0a0a0;
  border-radius: 3px;
  box-shadow: 0 5px 0 0 #a0a0a0;
  transition: all 0.2s;
}
.truckshape__box img {
  max-height: 70px;
  min-height: 70px;
  margin: 40px;
}
.truckshape__box__text {
  width: 100%;
  text-align: left;
  border-top: 1px solid #a0a0a0;
  padding: 16px;
}
.truckshape__box__text dt {
  color: #333333;
  font-weight: 900;
  margin-bottom: 16px;
  letter-spacing: -0.02em;
}
.truckshape__box__text dd {
  position: relative;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.7;
  max-height: 44px;
  overflow: hidden;
}
.truckshape__box__text dd:after {
  width: 20px;
  content: "...";
  position: absolute;
  right: 0;
  bottom: 0;
  padding-left: 5px;
  background: #ffffff;
  z-index: 999;
}
.truckshape__box:hover {
  max-width: 300px;
}
@media (min-width: 960px) {
  .truckshape__box:hover {
    transform: translateY(5px);
    border: 0;
    box-shadow: none;
    background: #197cd1;
  }
  .truckshape__box:hover .truckshape__box__text {
    border-top: 1px solid #fff;
  }
  .truckshape__box:hover .truckshape__box__text dt, .truckshape__box:hover .truckshape__box__text dd {
    color: #ffffff;
  }
  .truckshape__box:hover .truckshape__box__text dt:after, .truckshape__box:hover .truckshape__box__text dd:after {
    background-color: #197cd1;
  }
}
@media (min-width: 640px) {
  .truckshape {
    width: 80%;
    margin: 64px auto;
  }
  .truckshape__box {
    width: 48%;
    margin: 0 1% 32px;
  }
  .truckshape__box img {
    max-height: 110px;
    min-height: 110px;
  }
  .truckshape__box__text dd {
    max-height: 90px;
  }
  .truckshape__box__text dd:after {
    display: none;
  }
}
@media (min-width: 960px) {
  .truckshape__box {
    width: 30%;
    margin: 0 12px 32px 12px;
  }
}
@media (min-width: 1280px) {
  .truckshape__box {
    width: 30%;
    margin: 0 12px 32px 12px;
  }
}

/*--詳細ページ--*/
.shapedetail {
  width: 90%;
  max-width: 800px;
  margin: 16px auto;
}
.shapedetail__image {
  width: 100%;
  max-width: 800px;
}
.shapedetail__text {
  margin-top: 24px;
}
.shapedetail__text h1 {
  font-size: 1.25rem;
  margin-bottom: 0;
}
.shapedetail__text h1 span {
  display: block;
  font-size: 1.5rem;
  margin-bottom: 5px;
}
.shapedetail__text p {
  line-height: 1.7;
  text-align: justify;
}
@media (min-width: 640px) {
  .shapedetail__text p {
    line-height: 1.9;
  }
}
@media (min-width: 640px) {
  .shapedetail__text {
    margin-top: 80px;
  }
  .shapedetail__text h1 {
    font-size: 1.5rem;
    margin-bottom: 16px;
  }
  .shapedetail__text h1 span {
    display: inline;
    font-size: 2.25rem;
    margin-bottom: 0;
  }
}
@media (min-width: 640px) {
  .shapedetail {
    margin: 64px auto;
  }
}

.shapedetail-feature {
  padding: 0;
  background-image: url(/res/images/shape/feature-bg.jpg);
  background-size: 100%;
  background-repeat: repeat-y;
}
.shapedetail-feature__title {
  margin-bottom: 40px;
  font-size: 1.075rem;
  color: #ffffff;
  text-align: center;
  padding: 24px 10px;
  background-color: #197cd1;
}
@media (min-width: 640px) {
  .shapedetail-feature__title {
    margin-bottom: 80px;
    font-size: 1.5rem;
  }
}
.shapedetail-feature__block1 {
  width: 90%;
  max-width: 880px;
  margin: 40px auto 0;
  background-image: url(/res/images/shape/armroll/armroll-feature1.png);
  background-size: 85%;
  background-repeat: no-repeat;
  background-position: 16px bottom;
}
.shapedetail-feature__block1__text {
  width: 95%;
  max-width: none;
  margin: 0 auto;
  padding-bottom: 70%;
}
@media (min-width: 640px) {
  .shapedetail-feature__block1__text {
    width: 50%;
    max-width: 364px;
    margin: 0 0 106px auto;
    padding-bottom: 206px;
  }
}
.shapedetail-feature__block1__text h3 {
  font-size: 1.25rem;
  letter-spacing: 0.02em;
  text-shadow: 0 1px 0 rgb(255, 255, 255);
}
.shapedetail-feature__block1__text h3 span {
  font-size: 1.5rem;
  color: #197cd1;
}
.shapedetail-feature__block1__text h3:after {
  content: "";
  display: block;
  height: 6px;
  margin: 8px 0 0;
  background-image: url(/res/images/shape/feature-line.png);
  background-repeat: repeat-x;
}
@media (min-width: 640px) {
  .shapedetail-feature__block1__text h3:after {
    margin: 16px 0 8px;
  }
}
@media (min-width: 640px) {
  .shapedetail-feature__block1__text h3 {
    font-size: 1.5rem;
  }
  .shapedetail-feature__block1__text h3 span {
    font-size: 1.875rem;
  }
}
.shapedetail-feature__block1__text p {
  float: none;
  line-height: 1.7;
  text-align: justify;
}
@media (min-width: 640px) {
  .shapedetail-feature__block1__text p {
    line-height: 1.9;
  }
}
@media (min-width: 640px) {
  .shapedetail-feature__block1 {
    margin: 100px auto 0;
    background-position: left bottom;
  }
}
.shapedetail-feature__block1_reverse {
  width: 90%;
  max-width: 880px;
  margin: 40px auto 0;
}
.shapedetail-feature__block1_reverse__text {
  width: 95%;
  max-width: none;
  margin: 0 auto 40px;
  padding-bottom: 75%;
}
@media (min-width: 640px) {
  .shapedetail-feature__block1_reverse__text {
    width: 50%;
    max-width: 400px;
    margin: 0 auto 56px 0;
    padding-bottom: 0;
  }
}
.shapedetail-feature__block1_reverse__text h3 {
  font-size: 1.25rem;
  letter-spacing: 0.02em;
  text-shadow: 0 1px 0 rgb(255, 255, 255);
}
.shapedetail-feature__block1_reverse__text h3 span {
  font-size: 1.5rem;
  color: #197cd1;
}
.shapedetail-feature__block1_reverse__text h3:after {
  content: "";
  display: block;
  height: 6px;
  margin: 8px 0 0;
  background-image: url(/res/images/shape/feature-line.png);
  background-repeat: repeat-x;
}
@media (min-width: 640px) {
  .shapedetail-feature__block1_reverse__text h3:after {
    margin: 16px 0 8px;
  }
}
@media (min-width: 640px) {
  .shapedetail-feature__block1_reverse__text h3 {
    font-size: 1.5rem;
  }
  .shapedetail-feature__block1_reverse__text h3 span {
    font-size: 1.875rem;
  }
}
.shapedetail-feature__block1_reverse__text p {
  float: none;
  line-height: 1.7;
  text-align: justify;
}
@media (min-width: 640px) {
  .shapedetail-feature__block1_reverse__text p {
    line-height: 1.9;
  }
}
@media (min-width: 640px) {
  .shapedetail-feature__block1_reverse {
    margin: 80px auto 0;
    background-position: left bottom;
  }
}
.shapedetail-feature__block2 {
  width: 90%;
  max-width: 880px;
  margin: 0 auto;
  background-image: url(/res/images/shape/armroll/armroll-feature2.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right bottom;
}
.shapedetail-feature__block2__text {
  width: 95%;
  max-width: none;
  margin: 32px auto;
  padding-bottom: 50%;
}
@media (min-width: 640px) {
  .shapedetail-feature__block2__text {
    width: 50%;
    max-width: 400px;
    margin: 0 auto 150px 44px;
    padding-bottom: 134px;
  }
}
.shapedetail-feature__block2__text h3 {
  font-size: 1.25rem;
  letter-spacing: 0.02em;
  text-shadow: 0 1px 0 rgb(255, 255, 255);
}
.shapedetail-feature__block2__text h3 span {
  font-size: 1.5rem;
  color: #197cd1;
}
.shapedetail-feature__block2__text h3:after {
  content: "";
  display: block;
  height: 6px;
  margin: 8px 0 0;
  background-image: url(/res/images/shape/feature-line.png);
  background-repeat: repeat-x;
}
@media (min-width: 640px) {
  .shapedetail-feature__block2__text h3:after {
    margin: 16px 0 8px;
  }
}
@media (min-width: 640px) {
  .shapedetail-feature__block2__text h3 {
    font-size: 1.5rem;
  }
  .shapedetail-feature__block2__text h3 span {
    font-size: 1.875rem;
  }
}
.shapedetail-feature__block2__text p {
  float: none;
  line-height: 1.7;
  text-align: justify;
}
@media (min-width: 640px) {
  .shapedetail-feature__block2__text p {
    line-height: 1.9;
  }
}
@media (min-width: 640px) {
  .shapedetail-feature__block2 {
    background-position: -33px bottom;
  }
}
.shapedetail-feature__block2_reverse {
  width: 90%;
  max-width: 880px;
  margin: 0 auto;
}
.shapedetail-feature__block2_reverse__text {
  width: 95%;
  max-width: none;
  margin: 32px auto;
  padding-bottom: 75%;
}
@media (min-width: 640px) {
  .shapedetail-feature__block2_reverse__text {
    width: 50%;
    max-width: 488px;
    margin: 0 0 54px auto;
    padding-bottom: 24px;
  }
}
.shapedetail-feature__block2_reverse__text h3 {
  font-size: 1.25rem;
  letter-spacing: 0.02em;
  text-shadow: 0 1px 0 rgb(255, 255, 255);
}
.shapedetail-feature__block2_reverse__text h3 span {
  font-size: 1.5rem;
  color: #197cd1;
}
.shapedetail-feature__block2_reverse__text h3:after {
  content: "";
  display: block;
  height: 6px;
  margin: 8px 0 0;
  background-image: url(/res/images/shape/feature-line.png);
  background-repeat: repeat-x;
}
@media (min-width: 640px) {
  .shapedetail-feature__block2_reverse__text h3:after {
    margin: 16px 0 8px;
  }
}
@media (min-width: 640px) {
  .shapedetail-feature__block2_reverse__text h3 {
    font-size: 1.5rem;
  }
  .shapedetail-feature__block2_reverse__text h3 span {
    font-size: 1.875rem;
  }
}
.shapedetail-feature__block2_reverse__text p {
  float: none;
  line-height: 1.7;
  text-align: justify;
}
@media (min-width: 640px) {
  .shapedetail-feature__block2_reverse__text p {
    line-height: 1.9;
  }
}
@media (min-width: 640px) {
  .shapedetail-feature__block2_reverse {
    background-position: -33px bottom;
  }
}
.shapedetail-feature__block3 {
  width: 90%;
  max-width: 880px;
  margin: 56px auto 80px;
  background-image: url(/res/images/shape/armroll/armroll-feature3.png);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.shapedetail-feature__block3__text {
  width: 95%;
  max-width: none;
  margin: 0 auto;
  padding-bottom: 55%;
}
@media (min-width: 640px) {
  .shapedetail-feature__block3__text {
    width: 50%;
    max-width: 400px;
    margin: 0 0 0 auto;
    padding-bottom: 80px;
  }
}
.shapedetail-feature__block3__text h3 {
  font-size: 1.25rem;
  letter-spacing: 0.02em;
  text-shadow: 0 1px 0 rgb(255, 255, 255);
}
.shapedetail-feature__block3__text h3 span {
  font-size: 1.5rem;
  color: #197cd1;
}
.shapedetail-feature__block3__text h3:after {
  content: "";
  display: block;
  height: 6px;
  margin: 8px 0 0;
  background-image: url(/res/images/shape/feature-line.png);
  background-repeat: repeat-x;
}
@media (min-width: 640px) {
  .shapedetail-feature__block3__text h3:after {
    margin: 16px 0 8px;
  }
}
@media (min-width: 640px) {
  .shapedetail-feature__block3__text h3 {
    font-size: 1.5rem;
  }
  .shapedetail-feature__block3__text h3 span {
    font-size: 1.875rem;
  }
}
.shapedetail-feature__block3__text p {
  float: none;
  line-height: 1.7;
  text-align: justify;
}
@media (min-width: 640px) {
  .shapedetail-feature__block3__text p {
    line-height: 1.9;
  }
}
@media (min-width: 640px) {
  .shapedetail-feature__block3 {
    margin: 120px auto 0;
    background-size: 35%;
    background-position: 15px top;
  }
}
.shapedetail-feature__block3_reverse {
  width: 90%;
  max-width: 880px;
  margin: 56px auto 80px;
}
.shapedetail-feature__block3_reverse__text {
  width: 95%;
  max-width: none;
  margin: 0 auto;
}
@media (min-width: 640px) {
  .shapedetail-feature__block3_reverse__text {
    width: 100%;
    max-width: 880px;
    margin: 0 auto 80px 0;
  }
}
.shapedetail-feature__block3_reverse__text h3 {
  font-size: 1.25rem;
  letter-spacing: 0.02em;
  text-shadow: 0 1px 0 rgb(255, 255, 255);
}
.shapedetail-feature__block3_reverse__text h3 span {
  font-size: 1.5rem;
  color: #197cd1;
}
.shapedetail-feature__block3_reverse__text h3:after {
  content: "";
  display: block;
  height: 6px;
  margin: 8px 0 0;
  background-image: url(/res/images/shape/feature-line.png);
  background-repeat: repeat-x;
}
@media (min-width: 640px) {
  .shapedetail-feature__block3_reverse__text h3:after {
    margin: 16px 0 8px;
  }
}
@media (min-width: 640px) {
  .shapedetail-feature__block3_reverse__text h3 {
    font-size: 1.5rem;
  }
  .shapedetail-feature__block3_reverse__text h3 span {
    font-size: 1.875rem;
  }
}
.shapedetail-feature__block3_reverse__text h4 {
  width: 100%;
  margin: 24px auto 0;
  padding: 20px;
  color: #197cd1;
  background-color: rgba(25, 124, 209, 0.2);
  border-radius: 5px;
}
.shapedetail-feature__block3_reverse__text h5 {
  margin-top: 24px;
}
.shapedetail-feature__block3_reverse__text p {
  float: none;
  line-height: 1.7;
  text-align: justify;
}
@media (min-width: 640px) {
  .shapedetail-feature__block3_reverse__text p {
    line-height: 1.9;
  }
}
@media (min-width: 640px) {
  .shapedetail-feature__block3_reverse {
    margin: 0 auto;
    background-size: 40%;
    background-position: 15px top;
  }
}
.shapedetail-feature__block3_reverse_ver2 {
  width: 95%;
  max-width: 880px;
  margin: 56px auto 80px;
}
.shapedetail-feature__block3_reverse_ver2__text {
  width: 95%;
  max-width: none;
  margin: 0 auto;
  padding-bottom: 88%;
}
@media (min-width: 640px) {
  .shapedetail-feature__block3_reverse_ver2__text {
    width: 100%;
    max-width: 880px;
    margin: 0 auto 104px 0;
    padding-bottom: 25%;
  }
}
.shapedetail-feature__block3_reverse_ver2__text h3 {
  font-size: 1.25rem;
  letter-spacing: 0.02em;
  text-shadow: 0 1px 0 rgb(255, 255, 255);
}
.shapedetail-feature__block3_reverse_ver2__text h3 span {
  font-size: 1.5rem;
  color: #197cd1;
}
.shapedetail-feature__block3_reverse_ver2__text h3:after {
  content: "";
  display: block;
  height: 6px;
  margin: 8px 0 0;
  background-image: url(/res/images/shape/feature-line.png);
  background-repeat: repeat-x;
}
@media (min-width: 640px) {
  .shapedetail-feature__block3_reverse_ver2__text h3:after {
    margin: 16px 0 8px;
  }
}
@media (min-width: 640px) {
  .shapedetail-feature__block3_reverse_ver2__text h3 {
    font-size: 1.5rem;
  }
  .shapedetail-feature__block3_reverse_ver2__text h3 span {
    font-size: 1.875rem;
  }
}
.shapedetail-feature__block3_reverse_ver2__text p {
  float: none;
  line-height: 1.7;
  text-align: justify;
}
@media (min-width: 640px) {
  .shapedetail-feature__block3_reverse_ver2__text p {
    line-height: 1.9;
  }
}
@media (min-width: 640px) {
  .shapedetail-feature__block3_reverse_ver2 {
    margin: 120px auto 0;
    background-size: 35%;
    background-position: 15px top;
  }
}
.shapedetail-feature .shapebutton {
  width: 95%;
  max-width: 880px;
  margin: 40px auto 64px;
  text-align: center;
}
.shapedetail-feature .shapebutton__oranzi {
  width: 100%;
  display: block;
  margin-bottom: 24px;
  padding: 24px;
  color: #fff;
  font-weight: 900;
  border-radius: 10px;
  background-color: #f88000;
  box-shadow: 0 4px 0 #924b00;
  transition: all 0.2s;
}
@media (min-width: 960px) {
  .shapedetail-feature .shapebutton__oranzi:hover {
    transform: translateY(4px);
    box-shadow: none;
    opacity: 0.5;
  }
}
.shapedetail-feature .shapebutton__gray {
  width: 100%;
  display: block;
  padding: 24px;
  color: #333333;
  border: 1px solid #333333;
  border-radius: 10px;
  transition: all 0.2s;
}
@media (min-width: 960px) {
  .shapedetail-feature .shapebutton__gray:hover {
    color: #fff;
    background-color: #333333;
  }
}
@media (min-width: 640px) {
  .shapedetail-feature .shapebutton {
    margin: 124px auto 176px;
  }
}

/*ウイング車*/
.wingblock1 {
  background-image: url(/res/images/shape/wing/wing-kind1.png);
  background-repeat: no-repeat;
  background-size: 65%;
  background-position: center bottom;
}
@media (min-width: 640px) {
  .wingblock1 {
    background-size: 37%;
    background-position: right center;
  }
}

.wingblock2 {
  background-image: url(/res/images/shape/wing/wing-kind2.png);
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media (min-width: 640px) {
  .wingblock2 {
    background-size: 35%;
    background-position: left center;
  }
}

/*キャリアカー*/
.carryblock1 {
  background-image: url(/res/images/shape/carry/carry-detail1-sm.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media (min-width: 640px) {
  .carryblock1 {
    background-image: url(/res/images/shape/carry/carry-detail1-pc.png);
  }
}

.carryblock2 {
  background-image: url(/res/images/shape/carry/carry-detail2-sm.png);
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media (min-width: 640px) {
  .carryblock2 {
    background-image: url(/res/images/shape/carry/carry-detail2-pc.png);
    background-position: center bottom;
  }
}

/*クレーン付き*/
.craneblock2 {
  background-image: url(/res/images/shape/crane/crane-kind2.png);
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media (min-width: 640px) {
  .craneblock2 {
    background-size: 33%;
    background-position: right center;
  }
}

.craneblock4 {
  background-image: url(/res/images/shape/crane/crane-kind4.png);
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media (min-width: 640px) {
  .craneblock4 {
    background-size: 30%;
    background-position: right center;
  }
}

/*セルフ・セーフティローダー*/
.selfblock1 {
  background-image: url(/res/images/shape/self/self-detail1-sm.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media (min-width: 640px) {
  .selfblock1 {
    background-image: url(/res/images/shape/self/self-detail1-pc.png);
    background-size: 100%;
  }
}

.selfblock2 {
  background-image: url(/res/images/shape/self/self-detail2.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center bottom;
}
@media (min-width: 640px) {
  .selfblock2 {
    background-size: 35%;
    background-position: right center;
  }
}

/*ダンプ*/
.dumpblock1 {
  background-image: url(/res/images/shape/dump/dump-detail1.png);
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: center bottom;
}
@media (min-width: 640px) {
  .dumpblock1 {
    background-size: 32%;
    background-position: right center;
  }
}

.dumpblock2 {
  background-image: url(/res/images/shape/dump/dump-detail2.png);
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media (min-width: 640px) {
  .dumpblock2 {
    background-size: 35%;
    background-position: right center;
  }
}

.dumpblock3 {
  background-image: url(/res/images/shape/dump/dump-detail3.png);
  background-repeat: no-repeat;
  background-size: 88%;
  background-position: center bottom;
}
@media (min-width: 640px) {
  .dumpblock3 {
    background-size: 33%;
    background-position: right center;
  }
}

.dumpblock4 {
  background-image: url(/res/images/shape/dump/dump-detail4.png);
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media (min-width: 640px) {
  .dumpblock4 {
    background-size: 33%;
    background-position: right center;
  }
}

.dumpblock5 {
  background-image: url(/res/images/shape/dump/dump-detail5-sm.png);
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media (min-width: 640px) {
  .dumpblock5 {
    background-image: url(/res/images/shape/dump/dump-detail5-pc.png);
    background-size: 100%;
  }
}

/*トラクタ*/
.tractorblock1 {
  background-image: url(/res/images/shape/tractor/tractor-detail1.png);
  background-repeat: no-repeat;
  background-size: 90%;
  background-position: center bottom;
}
@media (min-width: 640px) {
  .tractorblock1 {
    background-size: 37%;
    background-position: right center;
  }
}

/*トレーラー*/
.trailerblock1 {
  background-image: url(/res/images/shape/trailer/trailer-detail1-sm.png);
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: center bottom;
}
@media (min-width: 640px) {
  .trailerblock1 {
    background-image: url(/res/images/shape/trailer/trailer-detail1-pc.png);
    background-size: 100%;
  }
}

.trailerblock3 {
  background-image: url(/res/images/shape/trailer/trailer-detail3.png);
  background-repeat: no-repeat;
  background-size: 90%;
  background-position: center bottom;
}
@media (min-width: 640px) {
  .trailerblock3 {
    background-size: 35%;
    background-position: right center;
  }
}

/*パッカー車*/
.packer-block1 {
  background-image: url(/res/images/shape/packer/packer-detail1-sm.png);
  background-repeat: no-repeat;
  background-size: 90%;
  background-position: center bottom;
}
@media (min-width: 640px) {
  .packer-block1 {
    background-image: url(/res/images/shape/packer/packer-detail1-pc.png);
    background-size: 30%;
    background-position: right center;
  }
}

.packer-block2 {
  background-image: url(/res/images/shape/packer/packer-detail2-sm.png);
  background-repeat: no-repeat;
  background-size: 90%;
  background-position: center bottom;
}
@media (min-width: 640px) {
  .packer-block2 {
    background-image: url(/res/images/shape/packer/packer-detail2-pc.png);
    background-size: 28%;
    background-position: right center;
  }
}

/*バン*/
.vansblock1 {
  background-image: url(/res/images/shape/vans/vans-detail1.png);
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: center bottom;
}
@media (min-width: 640px) {
  .vansblock1 {
    background-size: 40%;
    background-position: right center;
  }
}

/*ミキサー車*/
.mixierblock1 {
  background-image: url(/res/images/shape/mixier/mixier-detail1.png);
  background-repeat: no-repeat;
  background-size: 65%;
  background-position: center bottom;
}
@media (min-width: 640px) {
  .mixierblock1 {
    background-size: 35%;
    background-position: right center;
  }
}

/*平ボディ*/
.flatbodyblock1 {
  background-image: url(/res/images/shape/flatbody/flatbody-detail1.png);
  background-repeat: no-repeat;
  background-size: 65%;
  background-position: center bottom;
}
@media (min-width: 640px) {
  .flatbodyblock1 {
    background-size: 42%;
    background-position: right center;
  }
}

/*冷凍ウイング*/
.coldblock2 {
  background-image: url(/res/images/shape/cold/cold-detail2.png);
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center bottom;
}
@media (min-width: 640px) {
  .coldblock2 {
    background-size: 35%;
    background-position: right center;
  }
}

.coldblock3 {
  background-image: url(/res/images/shape/cold/cold-detail3.png);
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center bottom;
}
@media (min-width: 640px) {
  .coldblock3 {
    background-size: 35%;
    background-position: right center;
  }
}

.truckname {
  width: 100%;
  max-width: 1200px;
  margin: 20px auto 40px;
}

.trucknameBlock {
  display: block;
  margin: 40px 20px;
}
.trucknameBlock__title {
  font-size: 1.125rem;
  margin-bottom: 16px;
}

.trucknameList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (min-width: 960px) {
  .trucknameList {
    flex-wrap: nowrap;
  }
}
.trucknameList__item {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px;
  color: #333;
  border: 1px solid #a0a0a0;
  border-radius: 3px;
  box-shadow: 0 5px 0 0 #a0a0a0;
  transition: all 0.2s;
}
@media (min-width: 640px) {
  .trucknameList__item {
    width: 49%;
  }
}
@media (min-width: 960px) {
  .trucknameList__item {
    width: 32%;
  }
}
.trucknameList__item:nth-of-type(2n) {
  margin-right: 0;
}
@media (min-width: 640px) {
  .trucknameList__item:nth-of-type(2n) {
    margin-right: 2%;
  }
}
@media (min-width: 960px) {
  .trucknameList__item:nth-of-type(2n) {
    margin-right: 0;
  }
}
.trucknameList__item:not(:last-of-type) {
  margin-right: 0;
  margin-bottom: 16px;
}
@media (min-width: 960px) {
  .trucknameList__item:not(:last-of-type) {
    margin-right: 2%;
    margin-bottom: 0;
  }
}
.trucknameList__item:hover {
  color: #fff;
  transform: translateY(5px);
  border: 0;
  box-shadow: none;
  background: #197cd1;
}
.trucknameList__img {
  width: 20%;
  float: none;
  padding: 0;
}
.trucknameList__img img {
  width: 100%;
  border-radius: 3px;
}
.trucknameList__txt {
  width: calc(80% - 10px);
  margin-left: 10px;
  font-size: 1rem;
}
.trucknameList__txt p {
  float: none;
  padding: 0;
  font-weight: 900;
}
.trucknameList__txt p:first-of-type {
  font-size: 0.75rem;
  font-weight: normal;
  margin-bottom: 8px;
}

.trucknamedetail {
  width: 95%;
  max-width: 800px;
  margin: 80px auto 20px;
}
@media (min-width: 640px) {
  .trucknamedetail {
    margin: 106px auto 40px;
  }
}
.trucknamedetail__title {
  margin-bottom: 48px;
  font-size: 1.125rem;
  font-weight: 900;
  text-align: center;
}
@media (min-width: 640px) {
  .trucknamedetail__title {
    font-size: 1.875rem;
  }
}
.trucknamedetail__subtitle {
  margin-top: 40px;
  margin-bottom: 24px;
  font-size: 1.125rem;
  font-weight: 900;
  text-align: center;
}
@media (min-width: 640px) {
  .trucknamedetail__subtitle {
    margin-top: 64px;
    font-size: 1.25rem;
  }
}
.trucknamedetail__text {
  margin-bottom: 40px;
  font-size: 0.875rem;
  text-align: center;
}
@media (min-width: 640px) {
  .trucknamedetail__text {
    margin-bottom: 64px;
    font-size: 1rem;
  }
}
.trucknamedetail__text p {
  float: none;
  padding: 0;
}
.trucknamedetail__twoblock {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.trucknamedetail__twoblock:not(:nth-of-type(2n)) {
  margin-right: 6%;
}
.trucknamedetail__twoblock__item {
  width: 100%;
  margin-bottom: 40px;
}
@media (min-width: 640px) {
  .trucknamedetail__twoblock__item {
    width: 47%;
  }
}
.trucknamedetail__twoblock__item p {
  float: none;
  padding: 0;
  font-size: 0.875rem;
}
@media (min-width: 640px) {
  .trucknamedetail__twoblock__item p {
    font-size: 1rem;
  }
}
.trucknamedetail__twoblock__img {
  width: 100%;
}
.trucknamedetail__twoblock__txt {
  float: none;
  padding: 0;
  margin-top: 8px;
}
.trucknamedetail__ability {
  width: 95%;
  max-width: 800px;
  margin: 0 auto;
}
.trucknamedetail__ability__item {
  margin-bottom: 40px;
}
.trucknamedetail__ability__title {
  margin-bottom: 16px;
  padding-bottom: 10px;
  font-size: 1.125rem;
  border-bottom: 1px solid #999;
}
.trucknamedetail__ability__title:before {
  display: inline-block;
  width: 24px;
  background-image: url();
  margin-right: 10px;
}
.trucknamedetail__ability__icon {
  width: 24px;
  margin-right: 8px;
  vertical-align: bottom;
}

.abilityList__item {
  list-style-type: disc;
  margin-bottom: 8px;
  margin-left: 24px;
  font-size: 0.875rem;
}
@media (min-width: 640px) {
  .abilityList__item {
    font-size: 1rem;
  }
}

.smtext {
  font-size: 0.875rem;
  float: none;
  margin-top: 20px;
  padding: 0;
}

.entext {
  margin-left: 20px;
  font-size: 0.875rem;
  color: #999;
  font-weight: normal;
}

.notlisttype {
  list-style-type: none;
  margin-left: 0;
}

.sitemap_list {
  float: left;
  margin: 20px 0;
}
.sitemap_list li {
  margin: 5px;
  float: left;
  position: relative;
}
.sitemap_list li a {
  padding: 10px;
  width: 100%;
  float: left;
  background: #fafafa;
  border-radius: 5px;
}
.sitemap_list li a:link, .sitemap_list li a:active, .sitemap_list li a:visited {
  color: #333;
}
.sitemap_list li a:hover {
  background: #f0f0f0;
}
.sitemap_list li a::after {
  position: absolute;
  content: "";
  border-color: #ba2e38;
  border-top: 2px solid;
  border-right: 2px solid;
  width: 7px;
  height: 7px;
  right: 15px;
  top: 45%;
  transform: rotate(45deg);
}
.sitemap_list li a span {
  padding-right: 30px;
}

/*
//////////////////////////////////////////////////////////////////

// Current
// 2024年以降追加・更新分

//////////////////////////////////////////////////////////////////
*/

.fs1 {
  font-size: 10px;
}

.fs2 {
  font-size: 12px;
}

.fs3 {
  font-size: 14px;
}

.fs4 {
  font-size: 16px;
}

.fs5 {
  font-size: 18px;
}

.fs6 {
  font-size: 20px;
}

.fs7 {
  font-size: 24px;
}

.fs8 {
  font-size: 28px;
}

.fs9 {
  font-size: 32px;
}

.fs10 {
  font-size: 36px;
}

.fs12 {
  font-size: 50px;
}

@media (min-width: 360px) {
  .fs2-xs {
    font-size: 12px;
  }
}

@media (min-width: 360px) {
  .fs3-xs {
    font-size: 14px;
  }
}

@media (min-width: 360px) {
  .fs4-xs {
    font-size: 16px;
  }
}

@media (min-width: 360px) {
  .fs5-xs {
    font-size: 18px;
  }
}

@media (min-width: 360px) {
  .fs6-xs {
    font-size: 20px;
  }
}

@media (min-width: 360px) {
  .fs7-xs {
    font-size: 24px;
  }
}

@media (min-width: 360px) {
  .fs8-xs {
    font-size: 28px;
  }
}

@media (min-width: 360px) {
  .fs9-xs {
    font-size: 32px;
  }
}

@media (min-width: 360px) {
  .fs10-xs {
    font-size: 36px;
  }
}

@media (min-width: 360px) {
  .fs15e-xs {
    font-size: 1.5em;
  }
}

@media (min-width: 360px) {
  .fs18e-xs {
    font-size: 1.8em;
  }
}

@media (min-width: 360px) {
  .fs20e-xs {
    font-size: 2em;
  }
}

@media (min-width: 360px) {
  .fs30e-xs {
    font-size: 3em;
  }
}

@media (min-width: 414px) {
  .fs8-sm {
    font-size: 28px;
  }
}

@media (min-width: 414px) {
  .fs9-sm {
    font-size: 32px;
  }
}

@media (min-width: 768px) {
  .fs2-md {
    font-size: 12px;
  }
}

@media (min-width: 768px) {
  .fs3-md {
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  .fs4-md {
    font-size: 16px;
  }
}

@media (min-width: 768px) {
  .fs5-md {
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .fs6-md {
    font-size: 20px;
  }
}

@media (min-width: 768px) {
  .fs7-md {
    font-size: 24px;
  }
}

@media (min-width: 768px) {
  .fs8-md {
    font-size: 28px;
  }
}

@media (min-width: 768px) {
  .fs9-md {
    font-size: 32px;
  }
}

@media (min-width: 768px) {
  .fs10-md {
    font-size: 36px;
  }
}

@media (min-width: 768px) {
  .fs11-md {
    font-size: 40px;
  }
}

@media (min-width: 768px) {
  .fs22e-md {
    font-size: 2.2em;
  }
}

@media (min-width: 768px) {
  .fs27e-md {
    font-size: 2.7em;
  }
}

@media (min-width: 768px) {
  .fs30e-md {
    font-size: 3em;
  }
}

@media (min-width: 1024px) {
  .fs2-lg {
    font-size: 12px;
  }
}

@media (min-width: 1024px) {
  .fs3-lg {
    font-size: 14px;
  }
}

@media (min-width: 1024px) {
  .fs4-lg {
    font-size: 16px;
  }
}

@media (min-width: 1024px) {
  .fs6-lg {
    font-size: 20px;
  }
}

@media (min-width: 1024px) {
  .fs7-lg {
    font-size: 24px;
  }
}

@media (min-width: 1024px) {
  .fs8-lg {
    font-size: 28px;
  }
}

@media (min-width: 1024px) {
  .fs9-lg {
    font-size: 32px;
  }
}

@media (min-width: 1024px) {
  .fs10-lg {
    font-size: 36px;
  }
}

@media (min-width: 1024px) {
  .fs11-lg {
    font-size: 40px;
  }
}

@media (min-width: 1180px) {
  .fs3-xl {
    font-size: 14px;
  }
}

@media (min-width: 1180px) {
  .fs4-xl {
    font-size: 16px;
  }
}

@media (min-width: 1180px) {
  .fs5-xl {
    font-size: 18px;
  }
}

@media (min-width: 1180px) {
  .fs6-xl {
    font-size: 20px;
  }
}

@media (min-width: 1180px) {
  .fs7-xl {
    font-size: 24px;
  }
}

@media (min-width: 1180px) {
  .fs8-xl {
    font-size: 28px;
  }
}

@media (min-width: 1180px) {
  .fs9-xl {
    font-size: 32px;
  }
}

@media (min-width: 1180px) {
  .fs10-xl {
    font-size: 36px;
  }
}

@media (min-width: 1180px) {
  .fs11-xl {
    font-size: 40px;
  }
}

@media (min-width: 1180px) {
  .fs29e-xl {
    font-size: 2.9em;
  }
}

@media (min-width: 1180px) {
  .fs30e-xl {
    font-size: 3em;
  }
}

@media (min-width: 1400px) {
  .fs4-3l {
    font-size: 16px;
  }
}

@media (min-width: 1400px) {
  .fs6-3l {
    font-size: 20px;
  }
}

.fw9 {
  font-weight: 900;
}

.fw7 {
  font-weight: 700;
}

.lh3 {
  margin: 0;
  line-height: 1 !important;
}

.lh4 {
  margin: 0;
  line-height: 1.2 !important;
}

.lh5 {
  margin: 0;
  line-height: 1.4 !important;
}

.lh6 {
  margin: 0;
  line-height: 1.6 !important;
}

.lh8 {
  margin: 0;
  line-height: 2 !important;
}

.ls1 {
  letter-spacing: 0.025em !important;
}

.fc-wht {
  color: #ffffff !important;
}

.fc-blk {
  color: #000000 !important;
}

.fc-cherryred {
  color: rgb(247, 42, 72) !important;
}

.fc-gry {
  color: gray !important;
}

.fc-cblu {
  color: #0068b7 !important;
}

.fc-dgblu {
  color: #1e489d !important;
}

.fc-lgrn {
  color: #00b900 !important;
}

.bg-wht {
  background-color: #fff !important;
}

.bg-blk10 {
  background-color: rgba(0, 0, 0, 0.1);
}

.bg-blk20 {
  background-color: rgba(0, 0, 0, 0.2);
}

.bg-blk30 {
  background-color: rgba(0, 0, 0, 0.3);
}

.bg-drkgry {
  background-color: #202020;
}

.bg-wht {
  background: rgb(255, 255, 255);
}

.bg-gry5 {
  background: rgb(242, 242, 242);
}

.bg-gry10 {
  background: rgb(230, 230, 230);
}

.bg-blk {
  background: rgb(0, 0, 0);
}

.bg-blk {
  background: #000;
}

.bg-cred {
  background-color: #c00;
}

.bg-sred {
  background-color: #e7242e;
}

.bg-cherryred {
  background-color: rgb(247, 42, 72);
}

.bg-gblu {
  background-color: #f1f5f9;
}

.bg-sblu {
  background-color: #5ab5fc;
}

.bg-lgrn {
  background-color: #00b900;
}

.bg-grd-wht {
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(236, 236, 236) 80%, rgb(204, 204, 204));
}

.bg-grd01 {
  background: linear-gradient(90deg, rgb(231, 33, 71) 0%, rgb(236, 105, 62) 80%, rgb(236, 105, 62));
}

.bg-grd02 {
  background: linear-gradient(0deg, #33cc99 0%, #00cccc 100%);
}

.bg-grd03 {
  background: linear-gradient(90deg, rgba(169, 236, 252, 0.5), rgba(236, 218, 248, 0.5) 45.81%, rgba(234, 245, 240, 0.5) 82.76%, rgba(255, 255, 207, 0.5));
}

.bg-grd04 {
  background: linear-gradient(90deg, #a9ecfc, #ecdaf8 45.81%, #eaf5f0 82.76%, #ffffcf);
}

.bg-grd05 {
  background: linear-gradient(45deg, rgb(147, 112, 219), #00c0fa 30%, #005eea 60%, rgba(255, 0, 110, 0.5) 100%);
}

.bg-grd06 {
  background: linear-gradient(180deg, #00c0fa 0%, #005eea 100%);
}

.bg-grd08 {
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(169, 236, 252, 0.5) 20%, rgba(236, 218, 248, 0.5) 45.81%, rgba(234, 245, 240, 0.5) 82.76%, rgba(255, 255, 207, 0.5));
}

.b1 {
  border: 1px solid;
}

.b2 {
  border: 2px solid;
}

.b3 {
  border: 3px solid;
}

.b4 {
  border: 4px solid;
}

.b6 {
  border: 6px solid;
}

.b8 {
  border: 8px solid;
}

.bt1 {
  border-top: 1px solid;
}

.bt2 {
  border-top: 2px solid;
}

.bt4 {
  border-top: 4px solid;
}

.bc-blk10 {
  border-color: rgba(0, 0, 0, 0.1);
}

.bc-blk20 {
  border-color: rgba(0, 0, 0, 0.2);
}

.bc-wht {
  border-color: rgb(255, 255, 255);
}

.bc-wht30 {
  border-color: rgba(255, 255, 255, 0.3);
}

.bc-cherryred {
  border-color: rgb(247, 42, 72);
}

.bc-wht {
  border-color: rgb(255, 255, 255) !important;
}

.bc-gry10 {
  border-color: rgb(230, 230, 230) !important;
}

.bc-gry20 {
  border-color: rgb(204, 204, 204) !important;
}

.dshdw3 {
  box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);
}

.dshdw6 {
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.075), 10px 10px 40px 0 rgba(0, 0, 0, 0.075);
}

.dshdw6 {
  box-shadow: 0px 60px 40px 0px rgba(0, 0, 0, 0.4);
}

.mx20 {
  margin-left: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
  margin-right: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
}
@media screen and (min-width: 1460px) {
  .mx20 {
    margin-left: 20px;
    margin-right: 20px;
  }
}

.mxauto {
  margin-left: auto;
  margin-right: auto;
}

.my10 {
  margin-top: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
  margin-bottom: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
}
@media screen and (min-width: 1460px) {
  .my10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.my15 {
  margin-top: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
  margin-bottom: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
}
@media screen and (min-width: 1460px) {
  .my15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

.my20 {
  margin-top: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
  margin-bottom: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
}
@media screen and (min-width: 1460px) {
  .my20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.my30 {
  margin-top: calc( 15px + ((1vw - 320px / 100) * 1.3392857143) );
  margin-bottom: calc( 15px + ((1vw - 320px / 100) * 1.3392857143) );
}
@media screen and (min-width: 1460px) {
  .my30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.my40 {
  margin-top: calc( 20px + ((1vw - 320px / 100) * 1.7857142857) );
  margin-bottom: calc( 20px + ((1vw - 320px / 100) * 1.7857142857) );
}
@media screen and (min-width: 1460px) {
  .my40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.my60 {
  margin-top: calc( 30px + ((1vw - 320px / 100) * 2.6785714286) );
  margin-bottom: calc( 30px + ((1vw - 320px / 100) * 2.6785714286) );
}
@media screen and (min-width: 1460px) {
  .my60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

.my80 {
  margin-top: calc( 40px + ((1vw - 320px / 100) * 3.5714285714) );
  margin-bottom: calc( 40px + ((1vw - 320px / 100) * 3.5714285714) );
}
@media screen and (min-width: 1460px) {
  .my80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}

@media (min-width: 360px) {
  .my20-xs {
    margin-top: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
    margin-bottom: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .my20-xs {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (min-width: 360px) {
  .my25-xs {
    margin-top: calc( 12.5px + ((1vw - 320px / 100) * 1.1160714286) );
    margin-bottom: calc( 12.5px + ((1vw - 320px / 100) * 1.1160714286) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .my25-xs {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}

@media (min-width: 360px) {
  .my40-xs {
    margin-top: calc( 20px + ((1vw - 320px / 100) * 1.7857142857) );
    margin-bottom: calc( 20px + ((1vw - 320px / 100) * 1.7857142857) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .my40-xs {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .my10-md {
    margin-top: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
    margin-bottom: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
  }
}
@media screen and (min-width: 768px) and (min-width: 1460px) {
  .my10-md {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

@media (min-width: 1024px) {
  .my20-lg {
    margin-top: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
    margin-bottom: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
  }
}
@media screen and (min-width: 1024px) and (min-width: 1460px) {
  .my20-lg {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (min-width: 1180px) {
  .my10-xl {
    margin-top: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
    margin-bottom: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
  }
}
@media screen and (min-width: 1180px) and (min-width: 1460px) {
  .my10-xl {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.mt10 {
  margin-top: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
}
@media screen and (min-width: 1460px) {
  .mt10 {
    margin-top: 10px;
  }
}

.mt15 {
  margin-top: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
}
@media screen and (min-width: 1460px) {
  .mt15 {
    margin-top: 15px;
  }
}

.mt20 {
  margin-top: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
}
@media screen and (min-width: 1460px) {
  .mt20 {
    margin-top: 20px;
  }
}

.mt25 {
  margin-top: calc( 12.5px + ((1vw - 320px / 100) * 1.1160714286) );
}
@media screen and (min-width: 1460px) {
  .mt25 {
    margin-top: 25px;
  }
}

.mt30 {
  margin-top: calc( 15px + ((1vw - 320px / 100) * 1.3392857143) );
}
@media screen and (min-width: 1460px) {
  .mt30 {
    margin-top: 30px;
  }
}

.mt40 {
  margin-top: calc( 20px + ((1vw - 320px / 100) * 1.7857142857) );
}
@media screen and (min-width: 1460px) {
  .mt40 {
    margin-top: 40px;
  }
}

.mt60 {
  margin-top: calc( 30px + ((1vw - 320px / 100) * 2.6785714286) );
}
@media screen and (min-width: 1460px) {
  .mt60 {
    margin-top: 60px;
  }
}

.mt70 {
  margin-top: calc( 35px + ((1vw - 320px / 100) * 3.125) );
}
@media screen and (min-width: 1460px) {
  .mt70 {
    margin-top: 70px;
  }
}

.mt80 {
  margin-top: calc( 40px + ((1vw - 320px / 100) * 3.5714285714) );
}
@media screen and (min-width: 1460px) {
  .mt80 {
    margin-top: 80px;
  }
}

.mt100 {
  margin-top: calc( 50px + ((1vw - 320px / 100) * 4.4642857143) );
}
@media screen and (min-width: 1460px) {
  .mt100 {
    margin-top: 100px;
  }
}

@media (min-width: 360px) {
  .mt0-xs {
    margin-top: calc( 0px + ((1vw - 320px / 100) * 0) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .mt0-xs {
    margin-top: 0px;
  }
}

@media (min-width: 360px) {
  .mt20-xs {
    margin-top: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .mt20-xs {
    margin-top: 20px;
  }
}

@media (min-width: 360px) {
  .mt30-xs {
    margin-top: calc( 15px + ((1vw - 320px / 100) * 1.3392857143) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .mt30-xs {
    margin-top: 30px;
  }
}

@media (min-width: 360px) {
  .mt40-xs {
    margin-top: calc( 20px + ((1vw - 320px / 100) * 1.7857142857) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .mt40-xs {
    margin-top: 40px;
  }
}

@media (min-width: 360px) {
  .mt80-xs {
    margin-top: calc( 40px + ((1vw - 320px / 100) * 3.5714285714) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .mt80-xs {
    margin-top: 80px;
  }
}

@media (min-width: 768px) {
  .mt0-md {
    margin-top: calc( 0px + ((1vw - 320px / 100) * 0) );
  }
}
@media screen and (min-width: 768px) and (min-width: 1460px) {
  .mt0-md {
    margin-top: 0px;
  }
}

@media (min-width: 768px) {
  .mt25-md {
    margin-top: calc( 12.5px + ((1vw - 320px / 100) * 1.1160714286) );
  }
}
@media screen and (min-width: 768px) and (min-width: 1460px) {
  .mt25-md {
    margin-top: 25px;
  }
}

@media (min-width: 1024px) {
  .mt0-lg {
    margin-top: calc( 0px + ((1vw - 320px / 100) * 0) );
  }
}
@media screen and (min-width: 1024px) and (min-width: 1460px) {
  .mt0-lg {
    margin-top: 0px;
  }
}

@media (min-width: 1024px) {
  .mt60-lg {
    margin-top: calc( 30px + ((1vw - 320px / 100) * 2.6785714286) );
  }
}
@media screen and (min-width: 1024px) and (min-width: 1460px) {
  .mt60-lg {
    margin-top: 60px;
  }
}

@media (min-width: 1180px) {
  .mt0-xl {
    margin-top: calc( 0px + ((1vw - 320px / 100) * 0) );
  }
}
@media screen and (min-width: 1180px) and (min-width: 1460px) {
  .mt0-xl {
    margin-top: 0px;
  }
}

@media (min-width: 1180px) {
  .mt20-xl {
    margin-top: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
  }
}
@media screen and (min-width: 1180px) and (min-width: 1460px) {
  .mt20-xl {
    margin-top: 20px;
  }
}

.mb10 {
  margin-bottom: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
}
@media screen and (min-width: 1460px) {
  .mb10 {
    margin-bottom: 10px;
  }
}

.mb15 {
  margin-bottom: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
}
@media screen and (min-width: 1460px) {
  .mb15 {
    margin-bottom: 15px;
  }
}

.mb20 {
  margin-bottom: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
}
@media screen and (min-width: 1460px) {
  .mb20 {
    margin-bottom: 20px;
  }
}

.mb25 {
  margin-bottom: calc( 12.5px + ((1vw - 320px / 100) * 1.1160714286) );
}
@media screen and (min-width: 1460px) {
  .mb25 {
    margin-bottom: 25px;
  }
}

.mb30 {
  margin-bottom: calc( 15px + ((1vw - 320px / 100) * 1.3392857143) );
}
@media screen and (min-width: 1460px) {
  .mb30 {
    margin-bottom: 30px;
  }
}

.mb35 {
  margin-bottom: calc( 17.5px + ((1vw - 320px / 100) * 1.5625) );
}
@media screen and (min-width: 1460px) {
  .mb35 {
    margin-bottom: 35px;
  }
}

.mb40 {
  margin-bottom: calc( 20px + ((1vw - 320px / 100) * 1.7857142857) );
}
@media screen and (min-width: 1460px) {
  .mb40 {
    margin-bottom: 40px;
  }
}

.mb50 {
  margin-bottom: calc( 25px + ((1vw - 320px / 100) * 2.2321428571) );
}
@media screen and (min-width: 1460px) {
  .mb50 {
    margin-bottom: 50px;
  }
}

.mb60 {
  margin-bottom: calc( 30px + ((1vw - 320px / 100) * 2.6785714286) );
}
@media screen and (min-width: 1460px) {
  .mb60 {
    margin-bottom: 60px;
  }
}

.mb70 {
  margin-bottom: calc( 35px + ((1vw - 320px / 100) * 3.125) );
}
@media screen and (min-width: 1460px) {
  .mb70 {
    margin-bottom: 70px;
  }
}

.mb100 {
  margin-bottom: calc( 50px + ((1vw - 320px / 100) * 4.4642857143) );
}
@media screen and (min-width: 1460px) {
  .mb100 {
    margin-bottom: 100px;
  }
}

@media (min-width: 360px) {
  .mb10-xs {
    margin-bottom: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .mb10-xs {
    margin-bottom: 10px;
  }
}

@media (min-width: 360px) {
  .mb15-xs {
    margin-bottom: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .mb15-xs {
    margin-bottom: 15px;
  }
}

@media (min-width: 360px) {
  .mb20-xs {
    margin-bottom: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .mb20-xs {
    margin-bottom: 20px;
  }
}

@media (min-width: 360px) {
  .mb30-xs {
    margin-bottom: calc( 15px + ((1vw - 320px / 100) * 1.3392857143) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .mb30-xs {
    margin-bottom: 30px;
  }
}

@media (min-width: 360px) {
  .mb60-xs {
    margin-bottom: calc( 30px + ((1vw - 320px / 100) * 2.6785714286) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .mb60-xs {
    margin-bottom: 60px;
  }
}

@media (min-width: 360px) {
  .mb90-xs {
    margin-bottom: calc( 45px + ((1vw - 320px / 100) * 4.0178571429) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .mb90-xs {
    margin-bottom: 90px;
  }
}

@media (min-width: 360px) {
  .mb100-xs {
    margin-bottom: calc( 50px + ((1vw - 320px / 100) * 4.4642857143) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .mb100-xs {
    margin-bottom: 100px;
  }
}

@media (min-width: 768px) {
  .mb0-md {
    margin-bottom: calc( 0px + ((1vw - 320px / 100) * 0) );
  }
}
@media screen and (min-width: 768px) and (min-width: 1460px) {
  .mb0-md {
    margin-bottom: 0px;
  }
}

@media (min-width: 768px) {
  .mb15-md {
    margin-bottom: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
  }
}
@media screen and (min-width: 768px) and (min-width: 1460px) {
  .mb15-md {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .mb40-md {
    margin-bottom: calc( 20px + ((1vw - 320px / 100) * 1.7857142857) );
  }
}
@media screen and (min-width: 768px) and (min-width: 1460px) {
  .mb40-md {
    margin-bottom: 40px;
  }
}

@media (min-width: 1024px) {
  .mb10-lg {
    margin-bottom: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
  }
}
@media screen and (min-width: 1024px) and (min-width: 1460px) {
  .mb10-lg {
    margin-bottom: 10px;
  }
}

@media (min-width: 1024px) {
  .mb30-lg {
    margin-bottom: calc( 15px + ((1vw - 320px / 100) * 1.3392857143) );
  }
}
@media screen and (min-width: 1024px) and (min-width: 1460px) {
  .mb30-lg {
    margin-bottom: 30px;
  }
}

@media (min-width: 1180px) {
  .mb0-xl {
    margin-bottom: calc( 0px + ((1vw - 320px / 100) * 0) );
  }
}
@media screen and (min-width: 1180px) and (min-width: 1460px) {
  .mb0-xl {
    margin-bottom: 0px;
  }
}

@media (min-width: 1180px) {
  .mb10-xl {
    margin-bottom: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
  }
}
@media screen and (min-width: 1180px) and (min-width: 1460px) {
  .mb10-xl {
    margin-bottom: 10px;
  }
}

.ml5 {
  margin-left: calc( 2.5px + ((1vw - 320px / 100) * 0.2232142857) );
}
@media screen and (min-width: 1460px) {
  .ml5 {
    margin-left: 5px;
  }
}

.ml20 {
  margin-left: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
}
@media screen and (min-width: 1460px) {
  .ml20 {
    margin-left: 20px;
  }
}

.mr5 {
  margin-right: calc( 2.5px + ((1vw - 320px / 100) * 0.2232142857) );
}
@media screen and (min-width: 1460px) {
  .mr5 {
    margin-right: 5px;
  }
}

@media (min-width: 360px) {
  .mr10-xs {
    margin-right: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .mr10-xs {
    margin-right: 10px;
  }
}

@media (min-width: 768px) {
  .mr5-md {
    margin-right: calc( 2.5px + ((1vw - 320px / 100) * 0.2232142857) );
  }
}
@media screen and (min-width: 768px) and (min-width: 1460px) {
  .mr5-md {
    margin-right: 5px;
  }
}

.nmt25 {
  margin-top: calc( -12.5px + ((1vw - 320px / 100) * -1.1160714286) );
}
@media screen and (min-width: 1460px) {
  .nmt25 {
    margin-top: -25px;
  }
}

.p0 {
  padding-top: calc( 0px + ((1vw - 320px / 100) * 0) );
  padding-bottom: calc( 0px + ((1vw - 320px / 100) * 0) );
  padding-left: calc( 0px + ((1vw - 320px / 100) * 0) );
  padding-right: calc( 0px + ((1vw - 320px / 100) * 0) );
}
@media screen and (min-width: 1460px) {
  .p0 {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.p10 {
  padding-top: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
  padding-bottom: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
  padding-left: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
  padding-right: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
}
@media screen and (min-width: 1460px) {
  .p10 {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.p15 {
  padding-top: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
  padding-bottom: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
  padding-left: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
  padding-right: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
}
@media screen and (min-width: 1460px) {
  .p15 {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.p20 {
  padding-top: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
  padding-bottom: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
  padding-left: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
  padding-right: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
}
@media screen and (min-width: 1460px) {
  .p20 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.p30 {
  padding-top: calc( 15px + ((1vw - 320px / 100) * 1.3392857143) );
  padding-bottom: calc( 15px + ((1vw - 320px / 100) * 1.3392857143) );
  padding-left: calc( 15px + ((1vw - 320px / 100) * 1.3392857143) );
  padding-right: calc( 15px + ((1vw - 320px / 100) * 1.3392857143) );
}
@media screen and (min-width: 1460px) {
  .p30 {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
}

.p35 {
  padding-top: calc( 17.5px + ((1vw - 320px / 100) * 1.5625) );
  padding-bottom: calc( 17.5px + ((1vw - 320px / 100) * 1.5625) );
  padding-left: calc( 17.5px + ((1vw - 320px / 100) * 1.5625) );
  padding-right: calc( 17.5px + ((1vw - 320px / 100) * 1.5625) );
}
@media screen and (min-width: 1460px) {
  .p35 {
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 35px;
    padding-right: 35px;
  }
}

.p40 {
  padding-top: calc( 20px + ((1vw - 320px / 100) * 1.7857142857) );
  padding-bottom: calc( 20px + ((1vw - 320px / 100) * 1.7857142857) );
  padding-left: calc( 20px + ((1vw - 320px / 100) * 1.7857142857) );
  padding-right: calc( 20px + ((1vw - 320px / 100) * 1.7857142857) );
}
@media screen and (min-width: 1460px) {
  .p40 {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

.p60 {
  padding-top: calc( 30px + ((1vw - 320px / 100) * 2.6785714286) );
  padding-bottom: calc( 30px + ((1vw - 320px / 100) * 2.6785714286) );
  padding-left: calc( 30px + ((1vw - 320px / 100) * 2.6785714286) );
  padding-right: calc( 30px + ((1vw - 320px / 100) * 2.6785714286) );
}
@media screen and (min-width: 1460px) {
  .p60 {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 60px;
    padding-right: 60px;
  }
}

@media (min-width: 360px) {
  .p15-xs {
    padding-top: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
    padding-bottom: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
    padding-left: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
    padding-right: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .p15-xs {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 360px) {
  .p40-xs {
    padding-top: calc( 20px + ((1vw - 320px / 100) * 1.7857142857) );
    padding-bottom: calc( 20px + ((1vw - 320px / 100) * 1.7857142857) );
    padding-left: calc( 20px + ((1vw - 320px / 100) * 1.7857142857) );
    padding-right: calc( 20px + ((1vw - 320px / 100) * 1.7857142857) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .p40-xs {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (min-width: 768px) {
  .p10-md {
    padding-top: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
    padding-bottom: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
    padding-left: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
    padding-right: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
  }
}
@media screen and (min-width: 768px) and (min-width: 1460px) {
  .p10-md {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 768px) {
  .p20-md {
    padding-top: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
    padding-bottom: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
    padding-left: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
    padding-right: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
  }
}
@media screen and (min-width: 768px) and (min-width: 1460px) {
  .p20-md {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (min-width: 1024px) {
  .p15-lg {
    padding-top: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
    padding-bottom: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
    padding-left: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
    padding-right: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
  }
}
@media screen and (min-width: 1024px) and (min-width: 1460px) {
  .p15-lg {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 1024px) {
  .p20-lg {
    padding-top: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
    padding-bottom: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
    padding-left: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
    padding-right: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
  }
}
@media screen and (min-width: 1024px) and (min-width: 1460px) {
  .p20-lg {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.px10 {
  padding-left: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
  padding-right: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
}
@media screen and (min-width: 1460px) {
  .px10 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.px15 {
  padding-left: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
  padding-right: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
}
@media screen and (min-width: 1460px) {
  .px15 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.px20 {
  padding-left: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
  padding-right: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
}
@media screen and (min-width: 1460px) {
  .px20 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.px30 {
  padding-left: calc( 15px + ((1vw - 320px / 100) * 1.3392857143) );
  padding-right: calc( 15px + ((1vw - 320px / 100) * 1.3392857143) );
}
@media screen and (min-width: 1460px) {
  .px30 {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.px40 {
  padding-left: calc( 20px + ((1vw - 320px / 100) * 1.7857142857) );
  padding-right: calc( 20px + ((1vw - 320px / 100) * 1.7857142857) );
}
@media screen and (min-width: 1460px) {
  .px40 {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.px50 {
  padding-left: calc( 25px + ((1vw - 320px / 100) * 2.2321428571) );
  padding-right: calc( 25px + ((1vw - 320px / 100) * 2.2321428571) );
}
@media screen and (min-width: 1460px) {
  .px50 {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media (min-width: 360px) {
  .px15-xs {
    padding-left: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
    padding-right: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .px15-xs {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 360px) {
  .px20-xs {
    padding-left: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
    padding-right: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .px20-xs {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (min-width: 360px) {
  .px30-xs {
    padding-left: calc( 15px + ((1vw - 320px / 100) * 1.3392857143) );
    padding-right: calc( 15px + ((1vw - 320px / 100) * 1.3392857143) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .px30-xs {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 360px) {
  .px35-xs {
    padding-left: calc( 17.5px + ((1vw - 320px / 100) * 1.5625) );
    padding-right: calc( 17.5px + ((1vw - 320px / 100) * 1.5625) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .px35-xs {
    padding-left: 35px;
    padding-right: 35px;
  }
}

@media (min-width: 360px) {
  .px40-xs {
    padding-left: calc( 20px + ((1vw - 320px / 100) * 1.7857142857) );
    padding-right: calc( 20px + ((1vw - 320px / 100) * 1.7857142857) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .px40-xs {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (min-width: 360px) {
  .px45-xs {
    padding-left: calc( 22.5px + ((1vw - 320px / 100) * 2.0089285714) );
    padding-right: calc( 22.5px + ((1vw - 320px / 100) * 2.0089285714) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .px45-xs {
    padding-left: 45px;
    padding-right: 45px;
  }
}

@media (min-width: 360px) {
  .px50-xs {
    padding-left: calc( 25px + ((1vw - 320px / 100) * 2.2321428571) );
    padding-right: calc( 25px + ((1vw - 320px / 100) * 2.2321428571) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .px50-xs {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media (min-width: 360px) {
  .px60-xs {
    padding-left: calc( 30px + ((1vw - 320px / 100) * 2.6785714286) );
    padding-right: calc( 30px + ((1vw - 320px / 100) * 2.6785714286) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .px60-xs {
    padding-left: 60px;
    padding-right: 60px;
  }
}

@media (min-width: 414px) {
  .px45-sm {
    padding-left: calc( 22.5px + ((1vw - 320px / 100) * 2.0089285714) );
    padding-right: calc( 22.5px + ((1vw - 320px / 100) * 2.0089285714) );
  }
}
@media screen and (min-width: 414px) and (min-width: 1460px) {
  .px45-sm {
    padding-left: 45px;
    padding-right: 45px;
  }
}

@media (min-width: 768px) {
  .px0-md {
    padding-left: calc( 0px + ((1vw - 320px / 100) * 0) );
    padding-right: calc( 0px + ((1vw - 320px / 100) * 0) );
  }
}
@media screen and (min-width: 768px) and (min-width: 1460px) {
  .px0-md {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 768px) {
  .px10-md {
    padding-left: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
    padding-right: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
  }
}
@media screen and (min-width: 768px) and (min-width: 1460px) {
  .px10-md {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 768px) {
  .px20-md {
    padding-left: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
    padding-right: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
  }
}
@media screen and (min-width: 768px) and (min-width: 1460px) {
  .px20-md {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (min-width: 768px) {
  .px25-md {
    padding-left: calc( 12.5px + ((1vw - 320px / 100) * 1.1160714286) );
    padding-right: calc( 12.5px + ((1vw - 320px / 100) * 1.1160714286) );
  }
}
@media screen and (min-width: 768px) and (min-width: 1460px) {
  .px25-md {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media (min-width: 768px) {
  .px30-md {
    padding-left: calc( 15px + ((1vw - 320px / 100) * 1.3392857143) );
    padding-right: calc( 15px + ((1vw - 320px / 100) * 1.3392857143) );
  }
}
@media screen and (min-width: 768px) and (min-width: 1460px) {
  .px30-md {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 768px) {
  .px55-md {
    padding-left: calc( 27.5px + ((1vw - 320px / 100) * 2.4553571429) );
    padding-right: calc( 27.5px + ((1vw - 320px / 100) * 2.4553571429) );
  }
}
@media screen and (min-width: 768px) and (min-width: 1460px) {
  .px55-md {
    padding-left: 55px;
    padding-right: 55px;
  }
}

@media (min-width: 768px) {
  .px60-md {
    padding-left: calc( 30px + ((1vw - 320px / 100) * 2.6785714286) );
    padding-right: calc( 30px + ((1vw - 320px / 100) * 2.6785714286) );
  }
}
@media screen and (min-width: 768px) and (min-width: 1460px) {
  .px60-md {
    padding-left: 60px;
    padding-right: 60px;
  }
}

@media (min-width: 1024px) {
  .px0-lg {
    padding-left: calc( 0px + ((1vw - 320px / 100) * 0) );
    padding-right: calc( 0px + ((1vw - 320px / 100) * 0) );
  }
}
@media screen and (min-width: 1024px) and (min-width: 1460px) {
  .px0-lg {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 1024px) {
  .px10-lg {
    padding-left: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
    padding-right: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
  }
}
@media screen and (min-width: 1024px) and (min-width: 1460px) {
  .px10-lg {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 1024px) {
  .px15-lg {
    padding-left: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
    padding-right: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
  }
}
@media screen and (min-width: 1024px) and (min-width: 1460px) {
  .px15-lg {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 1024px) {
  .px20-lg {
    padding-left: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
    padding-right: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
  }
}
@media screen and (min-width: 1024px) and (min-width: 1460px) {
  .px20-lg {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (min-width: 1024px) {
  .px65-lg {
    padding-left: calc( 32.5px + ((1vw - 320px / 100) * 2.9017857143) );
    padding-right: calc( 32.5px + ((1vw - 320px / 100) * 2.9017857143) );
  }
}
@media screen and (min-width: 1024px) and (min-width: 1460px) {
  .px65-lg {
    padding-left: 65px;
    padding-right: 65px;
  }
}

@media (min-width: 1180px) {
  .px45-xl {
    padding-left: calc( 22.5px + ((1vw - 320px / 100) * 2.0089285714) );
    padding-right: calc( 22.5px + ((1vw - 320px / 100) * 2.0089285714) );
  }
}
@media screen and (min-width: 1180px) and (min-width: 1460px) {
  .px45-xl {
    padding-left: 45px;
    padding-right: 45px;
  }
}

@media (min-width: 1400px) {
  .px0-3l {
    padding-left: calc( 0px + ((1vw - 320px / 100) * 0) );
    padding-right: calc( 0px + ((1vw - 320px / 100) * 0) );
  }
}
@media screen and (min-width: 1400px) and (min-width: 1460px) {
  .px0-3l {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 768px) {
  .px0-md {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1024px) {
  .px0-lg {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1400px) {
  .px0-3l {
    padding-left: 0;
    padding-right: 0;
  }
}

.py5 {
  padding-top: calc( 2.5px + ((1vw - 320px / 100) * 0.2232142857) );
  padding-bottom: calc( 2.5px + ((1vw - 320px / 100) * 0.2232142857) );
}
@media screen and (min-width: 1460px) {
  .py5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

.py10 {
  padding-top: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
  padding-bottom: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
}
@media screen and (min-width: 1460px) {
  .py10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.py15 {
  padding-top: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
  padding-bottom: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
}
@media screen and (min-width: 1460px) {
  .py15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.py20 {
  padding-top: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
  padding-bottom: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
}
@media screen and (min-width: 1460px) {
  .py20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.py30 {
  padding-top: calc( 15px + ((1vw - 320px / 100) * 1.3392857143) );
  padding-bottom: calc( 15px + ((1vw - 320px / 100) * 1.3392857143) );
}
@media screen and (min-width: 1460px) {
  .py30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.py40 {
  padding-top: calc( 20px + ((1vw - 320px / 100) * 1.7857142857) );
  padding-bottom: calc( 20px + ((1vw - 320px / 100) * 1.7857142857) );
}
@media screen and (min-width: 1460px) {
  .py40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.py45 {
  padding-top: calc( 22.5px + ((1vw - 320px / 100) * 2.0089285714) );
  padding-bottom: calc( 22.5px + ((1vw - 320px / 100) * 2.0089285714) );
}
@media screen and (min-width: 1460px) {
  .py45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

.py60 {
  padding-top: calc( 30px + ((1vw - 320px / 100) * 2.6785714286) );
  padding-bottom: calc( 30px + ((1vw - 320px / 100) * 2.6785714286) );
}
@media screen and (min-width: 1460px) {
  .py60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.py70 {
  padding-top: calc( 35px + ((1vw - 320px / 100) * 3.125) );
  padding-bottom: calc( 35px + ((1vw - 320px / 100) * 3.125) );
}
@media screen and (min-width: 1460px) {
  .py70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.py80 {
  padding-top: calc( 40px + ((1vw - 320px / 100) * 3.5714285714) );
  padding-bottom: calc( 40px + ((1vw - 320px / 100) * 3.5714285714) );
}
@media screen and (min-width: 1460px) {
  .py80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.py130 {
  padding-top: calc( 65px + ((1vw - 320px / 100) * 5.8035714286) );
  padding-bottom: calc( 65px + ((1vw - 320px / 100) * 5.8035714286) );
}
@media screen and (min-width: 1460px) {
  .py130 {
    padding-top: 130px;
    padding-bottom: 130px;
  }
}

@media (min-width: 360px) {
  .py20-xs {
    padding-top: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
    padding-bottom: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .py20-xs {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media (min-width: 360px) {
  .py30-xs {
    padding-top: calc( 15px + ((1vw - 320px / 100) * 1.3392857143) );
    padding-bottom: calc( 15px + ((1vw - 320px / 100) * 1.3392857143) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .py30-xs {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media (min-width: 360px) {
  .py100-xs {
    padding-top: calc( 50px + ((1vw - 320px / 100) * 4.4642857143) );
    padding-bottom: calc( 50px + ((1vw - 320px / 100) * 4.4642857143) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .py100-xs {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (min-width: 768px) {
  .py10-md {
    padding-top: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
    padding-bottom: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
  }
}
@media screen and (min-width: 768px) and (min-width: 1460px) {
  .py10-md {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media (min-width: 768px) {
  .py15-md {
    padding-top: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
    padding-bottom: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
  }
}
@media screen and (min-width: 768px) and (min-width: 1460px) {
  .py15-md {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .py20-md {
    padding-top: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
    padding-bottom: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
  }
}
@media screen and (min-width: 768px) and (min-width: 1460px) {
  .py20-md {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .py70-md {
    padding-top: calc( 35px + ((1vw - 320px / 100) * 3.125) );
    padding-bottom: calc( 35px + ((1vw - 320px / 100) * 3.125) );
  }
}
@media screen and (min-width: 768px) and (min-width: 1460px) {
  .py70-md {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

@media (min-width: 1024px) {
  .py10-lg {
    padding-top: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
    padding-bottom: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
  }
}
@media screen and (min-width: 1024px) and (min-width: 1460px) {
  .py10-lg {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media (min-width: 1024px) {
  .py15-lg {
    padding-top: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
    padding-bottom: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
  }
}
@media screen and (min-width: 1024px) and (min-width: 1460px) {
  .py15-lg {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

@media (min-width: 1024px) {
  .py70-lg {
    padding-top: calc( 35px + ((1vw - 320px / 100) * 3.125) );
    padding-bottom: calc( 35px + ((1vw - 320px / 100) * 3.125) );
  }
}
@media screen and (min-width: 1024px) and (min-width: 1460px) {
  .py70-lg {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

@media (min-width: 1180px) {
  .py10-xl {
    padding-top: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
    padding-bottom: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
  }
}
@media screen and (min-width: 1180px) and (min-width: 1460px) {
  .py10-xl {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media (min-width: 1180px) {
  .py70-xl {
    padding-top: calc( 35px + ((1vw - 320px / 100) * 3.125) );
    padding-bottom: calc( 35px + ((1vw - 320px / 100) * 3.125) );
  }
}
@media screen and (min-width: 1180px) and (min-width: 1460px) {
  .py70-xl {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.pt40 {
  padding-top: calc( 20px + ((1vw - 320px / 100) * 1.7857142857) );
}
@media screen and (min-width: 1460px) {
  .pt40 {
    padding-top: 40px;
  }
}

.pt45 {
  padding-top: calc( 22.5px + ((1vw - 320px / 100) * 2.0089285714) );
}
@media screen and (min-width: 1460px) {
  .pt45 {
    padding-top: 45px;
  }
}

.pt60 {
  padding-top: calc( 30px + ((1vw - 320px / 100) * 2.6785714286) );
}
@media screen and (min-width: 1460px) {
  .pt60 {
    padding-top: 60px;
  }
}

.pt70 {
  padding-top: calc( 35px + ((1vw - 320px / 100) * 3.125) );
}
@media screen and (min-width: 1460px) {
  .pt70 {
    padding-top: 70px;
  }
}

@media (min-width: 360px) {
  .pt20-xs {
    padding-top: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .pt20-xs {
    padding-top: 20px;
  }
}

@media (min-width: 360px) {
  .pt30-xs {
    padding-top: calc( 15px + ((1vw - 320px / 100) * 1.3392857143) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .pt30-xs {
    padding-top: 30px;
  }
}

@media (min-width: 360px) {
  .pt200-xs {
    padding-top: calc( 100px + ((1vw - 320px / 100) * 8.9285714286) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .pt200-xs {
    padding-top: 200px;
  }
}

@media (min-width: 360px) {
  .pt300-xs {
    padding-top: calc( 150px + ((1vw - 320px / 100) * 13.3928571429) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .pt300-xs {
    padding-top: 300px;
  }
}

@media (min-width: 768px) {
  .pt100-md {
    padding-top: calc( 50px + ((1vw - 320px / 100) * 4.4642857143) );
  }
}
@media screen and (min-width: 768px) and (min-width: 1460px) {
  .pt100-md {
    padding-top: 100px;
  }
}

@media (min-width: 768px) {
  .pt220-md {
    padding-top: calc( 110px + ((1vw - 320px / 100) * 9.8214285714) );
  }
}
@media screen and (min-width: 768px) and (min-width: 1460px) {
  .pt220-md {
    padding-top: 220px;
  }
}

@media (min-width: 1024px) {
  .pt20-lg {
    padding-top: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
  }
}
@media screen and (min-width: 1024px) and (min-width: 1460px) {
  .pt20-lg {
    padding-top: 20px;
  }
}

@media (min-width: 1024px) {
  .pt60-lg {
    padding-top: calc( 30px + ((1vw - 320px / 100) * 2.6785714286) );
  }
}
@media screen and (min-width: 1024px) and (min-width: 1460px) {
  .pt60-lg {
    padding-top: 60px;
  }
}

@media (min-width: 1024px) {
  .pt100-lg {
    padding-top: calc( 50px + ((1vw - 320px / 100) * 4.4642857143) );
  }
}
@media screen and (min-width: 1024px) and (min-width: 1460px) {
  .pt100-lg {
    padding-top: 100px;
  }
}

@media (min-width: 1024px) {
  .pt150-lg {
    padding-top: calc( 75px + ((1vw - 320px / 100) * 6.6964285714) );
  }
}
@media screen and (min-width: 1024px) and (min-width: 1460px) {
  .pt150-lg {
    padding-top: 150px;
  }
}

@media (min-width: 1024px) {
  .pt190-lg {
    padding-top: calc( 95px + ((1vw - 320px / 100) * 8.4821428571) );
  }
}
@media screen and (min-width: 1024px) and (min-width: 1460px) {
  .pt190-lg {
    padding-top: 190px;
  }
}

@media (min-width: 1180px) {
  .pt10-xl {
    padding-top: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
  }
}
@media screen and (min-width: 1180px) and (min-width: 1460px) {
  .pt10-xl {
    padding-top: 10px;
  }
}

@media (min-width: 1180px) {
  .pt160-xl {
    padding-top: calc( 80px + ((1vw - 320px / 100) * 7.1428571429) );
  }
}
@media screen and (min-width: 1180px) and (min-width: 1460px) {
  .pt160-xl {
    padding-top: 160px;
  }
}

@media (min-width: 1400px) {
  .pt150-3l {
    padding-top: calc( 75px + ((1vw - 320px / 100) * 6.6964285714) );
  }
}
@media screen and (min-width: 1400px) and (min-width: 1460px) {
  .pt150-3l {
    padding-top: 150px;
  }
}

.pb15 {
  padding-bottom: calc( 7.5px + ((1vw - 320px / 100) * 0.6696428571) );
}
@media screen and (min-width: 1460px) {
  .pb15 {
    padding-bottom: 15px;
  }
}

.pb40 {
  padding-bottom: calc( 20px + ((1vw - 320px / 100) * 1.7857142857) );
}
@media screen and (min-width: 1460px) {
  .pb40 {
    padding-bottom: 40px;
  }
}

.pb100 {
  padding-bottom: calc( 50px + ((1vw - 320px / 100) * 4.4642857143) );
}
@media screen and (min-width: 1460px) {
  .pb100 {
    padding-bottom: 100px;
  }
}

.pb150 {
  padding-bottom: calc( 75px + ((1vw - 320px / 100) * 6.6964285714) );
}
@media screen and (min-width: 1460px) {
  .pb150 {
    padding-bottom: 150px;
  }
}

@media (min-width: 360px) {
  .pb20-xs {
    padding-bottom: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .pb20-xs {
    padding-bottom: 20px;
  }
}

@media (min-width: 360px) {
  .pb40-xs {
    padding-bottom: calc( 20px + ((1vw - 320px / 100) * 1.7857142857) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .pb40-xs {
    padding-bottom: 40px;
  }
}

@media (min-width: 360px) {
  .pb100-xs {
    padding-bottom: calc( 50px + ((1vw - 320px / 100) * 4.4642857143) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .pb100-xs {
    padding-bottom: 100px;
  }
}

@media (min-width: 360px) {
  .pb200-xs {
    padding-bottom: calc( 100px + ((1vw - 320px / 100) * 8.9285714286) );
  }
}
@media screen and (min-width: 360px) and (min-width: 1460px) {
  .pb200-xs {
    padding-bottom: 200px;
  }
}

@media (min-width: 768px) {
  .pb20-md {
    padding-bottom: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
  }
}
@media screen and (min-width: 768px) and (min-width: 1460px) {
  .pb20-md {
    padding-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .pb70-md {
    padding-bottom: calc( 35px + ((1vw - 320px / 100) * 3.125) );
  }
}
@media screen and (min-width: 768px) and (min-width: 1460px) {
  .pb70-md {
    padding-bottom: 70px;
  }
}

@media (min-width: 768px) {
  .pb100-md {
    padding-bottom: calc( 50px + ((1vw - 320px / 100) * 4.4642857143) );
  }
}
@media screen and (min-width: 768px) and (min-width: 1460px) {
  .pb100-md {
    padding-bottom: 100px;
  }
}

@media (min-width: 1024px) {
  .pb20-lg {
    padding-bottom: calc( 10px + ((1vw - 320px / 100) * 0.8928571429) );
  }
}
@media screen and (min-width: 1024px) and (min-width: 1460px) {
  .pb20-lg {
    padding-bottom: 20px;
  }
}

@media (min-width: 1180px) {
  .pb10-xl {
    padding-bottom: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
  }
}
@media screen and (min-width: 1180px) and (min-width: 1460px) {
  .pb10-xl {
    padding-bottom: 10px;
  }
}

@media (min-width: 1180px) {
  .pb60-xl {
    padding-bottom: calc( 30px + ((1vw - 320px / 100) * 2.6785714286) );
  }
}
@media screen and (min-width: 1180px) and (min-width: 1460px) {
  .pb60-xl {
    padding-bottom: 60px;
  }
}

@media (min-width: 1180px) {
  .pb70-xl {
    padding-bottom: calc( 35px + ((1vw - 320px / 100) * 3.125) );
  }
}
@media screen and (min-width: 1180px) and (min-width: 1460px) {
  .pb70-xl {
    padding-bottom: 70px;
  }
}

@media (min-width: 1180px) {
  .pl30-xl {
    padding-left: calc( 15px + ((1vw - 320px / 100) * 1.3392857143) );
  }
}
@media screen and (min-width: 1180px) and (min-width: 1460px) {
  .pl30-xl {
    padding-left: 30px;
  }
}

.pr10 {
  padding-right: calc( 5px + ((1vw - 320px / 100) * 0.4464285714) );
}
@media screen and (min-width: 1460px) {
  .pr10 {
    padding-right: 10px;
  }
}

.pr30 {
  padding-right: calc( 15px + ((1vw - 320px / 100) * 1.3392857143) );
}
@media screen and (min-width: 1460px) {
  .pr30 {
    padding-right: 30px;
  }
}

.posi-r {
  position: relative;
}

.z1 {
  z-index: 1;
}

.z2 {
  z-index: 2;
}

.z3 {
  z-index: 4;
}

.opacity5 {
  opacity: 0.05;
}

.d-blck {
  display: block;
}

.d-inblck {
  display: inline-block;
}

.ovrf-h {
  overflow: hidden;
}

.hide {
  display: none;
}

@media (min-width: 360px) {
  .hide-xs {
    display: none;
  }
}

@media (min-width: 360px) {
  .show-xs {
    display: inline-block;
  }
}

@media (min-width: 414px) {
  .show-sm {
    display: inline-block;
  }
}

@media (min-width: 768px) {
  .hide-md {
    display: none;
  }
}

@media (min-width: 768px) {
  .show-md {
    display: inline-block;
  }
}

@media (min-width: 1024px) {
  .show-lg {
    display: inline-block;
  }
}

@media (min-width: 1180px) {
  .hide-xl {
    display: none;
  }
}

@media (min-width: 1180px) {
  .show-xl {
    display: inline-block;
  }
}

@media (min-width: 1400px) {
  .show-3l {
    display: inline-block;
  }
}

.d-flx {
  display: flex;
}

.f-wrp {
  flex-wrap: wrap;
}

@media (min-width: 360px) {
  .f-wrp-xs {
    flex-wrap: wrap;
  }
}

@media (min-width: 768px) {
  .f-nowrp-md {
    flex-wrap: nowrap;
  }
}

@media (min-width: 1024px) {
  .f-nowrp-lg {
    flex-wrap: nowrap;
  }
}

@media (min-width: 1180px) {
  .f-nowrp-xl {
    flex-wrap: nowrap;
  }
}

.f-row {
  flex-direction: row;
}

.f-col {
  flex-direction: column;
}

@media (min-width: 360px) and (max-width: 413px) {
  .f-col-xs {
    flex-direction: column;
  }
}

@media (min-width: 414px) and (max-width: 767px) {
  .f-col-sm {
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .f-col-lg {
    flex-direction: column;
  }
}

.f-mid {
  align-items: center;
}

.f-btm {
  align-items: flex-end;
}

.f-hgt {
  align-items: stretch;
}

.f-ctr {
  justify-content: center;
}

@media (min-width: 1920px) {
  .f-ctr-5l {
    justify-content: center;
  }
}

.f-spb {
  justify-content: space-between;
}

.f-rev {
  flex-direction: row-reverse;
}

@media (min-width: 1024px) {
  .f-rev-lg {
    flex-direction: row-reverse;
  }
}

.f-lft {
  justify-content: flex-start;
}

.f-rgt {
  justify-content: flex-end;
}

@media (min-width: 360px) and (max-width: 413px) {
  .f-lft-r-xs {
    justify-content: flex-start;
  }
}

@media (min-width: 414px) and (max-width: 767px) {
  .f-lft-r-sm {
    justify-content: flex-start;
  }
}

.f-grw1 {
  flex-grow: 1;
}

.span {
  flex: 1 0 0%;
}

.span1 {
  width: calc( 100% / 12 * 1 );
}

.span3 {
  width: calc( 100% / 12 * 3 );
}

.span4 {
  width: calc( 100% / 12 * 4 );
}

.span5 {
  width: calc( 100% / 12 * 5 );
}

.span6 {
  width: calc( 100% / 12 * 6 );
}

.span7 {
  width: calc( 100% / 12 * 7 );
}

@media (min-width: 360px) {
  .span-xs {
    flex: 1 0 0%;
  }
}

@media (min-width: 360px) {
  .span4-xs {
    width: calc( 100% / 12 * 4 );
  }
}

@media (min-width: 360px) {
  .span5-xs {
    width: calc( 100% / 12 * 5 );
  }
}

@media (min-width: 360px) {
  .span6-xs {
    width: calc( 100% / 12 * 6 );
  }
}

@media (min-width: 360px) {
  .span12-xs {
    width: calc( 100% / 12 * 12 );
  }
}

@media (min-width: 768px) {
  .span-md {
    flex: 1 0 0%;
  }
}

@media (min-width: 768px) {
  .span2-md {
    width: calc( 100% / 12 * 2 );
  }
}

@media (min-width: 768px) {
  .span3-md {
    width: calc( 100% / 12 * 3 );
  }
}

@media (min-width: 768px) {
  .span4-md {
    width: calc( 100% / 12 * 4 );
  }
}

@media (min-width: 768px) {
  .span5-md {
    width: calc( 100% / 12 * 5 );
  }
}

@media (min-width: 768px) {
  .span6-md {
    width: calc( 100% / 12 * 6 );
  }
}

@media (min-width: 768px) {
  .span7-md {
    width: calc( 100% / 12 * 7 );
  }
}

@media (min-width: 768px) {
  .span8-md {
    width: calc( 100% / 12 * 8 );
  }
}

@media (min-width: 768px) {
  .span9-md {
    width: calc( 100% / 12 * 9 );
  }
}

@media (min-width: 768px) {
  .span12-md {
    width: calc( 100% / 12 * 12 );
  }
}

@media (min-width: 1024px) {
  .span-lg {
    flex: 1 0 0%;
  }
}

@media (min-width: 1024px) {
  .span3-lg {
    width: calc( 100% / 12 * 3 );
  }
}

@media (min-width: 1024px) {
  .span4-lg {
    width: calc( 100% / 12 * 4 );
  }
}

@media (min-width: 1024px) {
  .span5-lg {
    width: calc( 100% / 12 * 5 );
  }
}

@media (min-width: 1024px) {
  .span6-lg {
    width: calc( 100% / 12 * 6 );
  }
}

@media (min-width: 1024px) {
  .span12-lg {
    width: calc( 100% / 12 * 12 );
  }
}

@media (min-width: 1180px) {
  .span-xl {
    flex: 1 0 0%;
  }
}

@media (min-width: 1180px) {
  .span3-xl {
    width: calc( 100% / 12 * 3 );
  }
}

@media (min-width: 1180px) {
  .span5-xl {
    width: calc( 100% / 12 * 5 );
  }
}

@media (min-width: 1180px) {
  .span7-xl {
    width: calc( 100% / 12 * 7 );
  }
}

@media (min-width: 1180px) {
  .span12-xl {
    width: calc( 100% / 12 * 12 );
  }
}

@media (min-width: 1400px) {
  .span4-3l {
    width: calc( 100% / 12 * 4 );
  }
}

.gap5 {
  gap: 5px;
}

.gap10 {
  gap: 10px;
}

.gap15 {
  gap: 15px;
}

.gap20 {
  gap: 20px;
}

.gap30 {
  gap: 30px;
}

.gap40 {
  gap: 40px;
}

.gapx10 {
  column-gap: 10px;
}

@media (min-width: 360px) {
  .gap20-xs {
    gap: 20px;
  }
}

@media (min-width: 768px) {
  .gap20-md {
    gap: 20px;
  }
}

@media (min-width: 1024px) {
  .gap40-lg {
    gap: 40px;
  }
}

@media (min-width: 1024px) {
  .gap0-lg {
    gap: 0px;
  }
}

.g10 > * {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.g15 > * {
  margin-top: 7.5px;
  margin-bottom: 7.5px;
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.g20 > * {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.g30 > * {
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 360px) {
  .g30-xs > * {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 1024px) {
  .g5-lg > * {
    margin-top: 2.5px;
    padding-left: 2.5px;
    padding-right: 2.5px;
  }
}

@media (min-width: 768px) {
  .gx40-md > * {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.gy40 > * {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (min-width: 360px) {
  .gy85-xs > * {
    margin-top: 42.5px;
    margin-bottom: 42.5px;
  }
}

@media (min-width: 768px) {
  .gy40-md > * {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

/*@for $i from 0 through 20 { .w50px     { width: 5px*$i; }}
@for $i from 0 through 19 { .w150px { width: 5px*$i+100; }}
@for $i from 2 through 5  { .w1000px   { width: 10px*$i; }}
// xs
@for $i from 0 through 20 { .w50px-xs     { @include mq('xs') { width: 5%*$i; }}}
@for $i from 0 through 19 { .w150px-xs { @include mq('xs') { width: 5%*$i+100; }}}
@for $i from 2 through 5  { .w1000px-xs   { @include mq('xs') { width: 10%*$i; }}}
// sm
@for $i from 0 through 20 { .w50px-sm     { @include mq('sm') { width: 10%*$i; }}}
@for $i from 0 through 19 { .w150px-sm { @include mq('sm') { width: 5%*$i+100; }}}
@for $i from 2 through 5  { .w1000px-sm   { @include mq('sm') { width: 100%*$i; }}}
// md
@for $i from 0 through 20 { .w50px-md     { @include mq('md') { width: 5%*$i; }}}
@for $i from 0 through 19 { .w150px-md { @include mq('md') { width: 5%*$i+100; }}}
@for $i from 2 through 5  { .w1000px-md   { @include mq('md') { width: 100%*$i; }}}
// lg
@for $i from 0 through 20 { .w50px-lg     { @include mq('lg') { width: 5%*$i; }}}
@for $i from 0 through 19 { .w150px-lg { @include mq('lg') { width: 5%*$i+100; }}}
@for $i from 2 through 5  { .w1000px-lg   { @include mq('lg') { width: 100%*$i; }}}
// xl
@for $i from 0 through 20 { .w50px-xl     { @include mq('xl') { width: 5%*$i; }}}
@for $i from 0 through 19 { .w150px-xl { @include mq('xl') { width: 5%*$i+100; }}}
@for $i from 2 through 5  { .w1000px-xl   { @include mq('xl') { width: 100%*$i; }}}
// 3l
@for $i from 0 through 20 { .w50px-3l     { @include mq('3l') { width: 5%*$i; }}}
@for $i from 0 through 19 { .w150px-3l { @include mq('3l') { width: 5%*$i+100; }}}
@for $i from 2 through 5  { .w1000px-3l   { @include mq('3l') { width: 100%*$i; }}}
// 4l
@for $i from 0 through 20 { .w50px-4l     { @include mq('4l') { width: 5%*$i; }}}
@for $i from 0 through 19 { .w150px-4l { @include mq('4l') { width: 5%*$i+100; }}}
@for $i from 2 through 5  { .w1000px-4l   { @include mq('4l') { width: 100%*$i; }}}
// 5l
@for $i from 0 through 20 { .w50px-5l     { @include mq('5l') { width: 5%*$i; }}}
@for $i from 0 through 19 { .w150px-5l { @include mq('5l') { width: 5%*$i+100; }}}
@for $i from 2 through 5  { .w1000px-5l   { @include mq('5l') { width: 100%*$i; }}}*/

.w20 {
  width: 20%;
}

.w25 {
  width: 25%;
}

.w30 {
  width: 30%;
}

.w40 {
  width: 40%;
}

.w50 {
  width: 50%;
}

.w55 {
  width: 55%;
}

.w60 {
  width: 60%;
}

.w65 {
  width: 65%;
}

.w70 {
  width: 70%;
}

.w80 {
  width: 80%;
}

.w85 {
  width: 85%;
}

.w90 {
  width: 90%;
}

.w100 {
  width: 100%;
}

.w100 {
  width: 100%;
}

@media (min-width: 360px) {
  .w50-xs {
    width: 50%;
  }
}

@media (min-width: 360px) {
  .w60-xs {
    width: 60%;
  }
}

@media (min-width: 360px) {
  .w70-xs {
    width: 70%;
  }
}

@media (min-width: 360px) {
  .w80-xs {
    width: 80%;
  }
}

@media (min-width: 360px) {
  .w90-xs {
    width: 90%;
  }
}

@media (min-width: 360px) {
  .w100-xs {
    width: 100%;
  }
}

@media (min-width: 360px) {
  .w100-xs {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .w25-md {
    width: 25%;
  }
}

@media (min-width: 768px) {
  .w30-md {
    width: 30%;
  }
}

@media (min-width: 768px) {
  .w35-md {
    width: 35%;
  }
}

@media (min-width: 768px) {
  .w40-md {
    width: 40%;
  }
}

@media (min-width: 768px) {
  .w45-md {
    width: 45%;
  }
}

@media (min-width: 768px) {
  .w50-md {
    width: 50%;
  }
}

@media (min-width: 768px) {
  .w55-md {
    width: 55%;
  }
}

@media (min-width: 768px) {
  .w60-md {
    width: 60%;
  }
}

@media (min-width: 768px) {
  .w65-md {
    width: 65%;
  }
}

@media (min-width: 768px) {
  .w70-md {
    width: 70%;
  }
}

@media (min-width: 768px) {
  .w75-md {
    width: 75%;
  }
}

@media (min-width: 768px) {
  .w80-md {
    width: 80%;
  }
}

@media (min-width: 768px) {
  .w90-md {
    width: 90%;
  }
}

@media (min-width: 768px) {
  .w100-md {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .w100-md {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .w20-lg {
    width: 20%;
  }
}

@media (min-width: 1024px) {
  .w25-lg {
    width: 25%;
  }
}

@media (min-width: 1024px) {
  .w45-lg {
    width: 45%;
  }
}

@media (min-width: 1024px) {
  .w50-lg {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .w55-lg {
    width: 55%;
  }
}

@media (min-width: 1024px) {
  .w60-lg {
    width: 60%;
  }
}

@media (min-width: 1024px) {
  .w70-lg {
    width: 70%;
  }
}

@media (min-width: 1024px) {
  .w80-lg {
    width: 80%;
  }
}

@media (min-width: 1024px) {
  .w95-lg {
    width: 95%;
  }
}

@media (min-width: 1024px) {
  .w100-lg {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .w100-lg {
    width: 100%;
  }
}

@media (min-width: 1180px) {
  .w15-xl {
    width: 15%;
  }
}

@media (min-width: 1180px) {
  .w20-xl {
    width: 20%;
  }
}

@media (min-width: 1180px) {
  .w25-xl {
    width: 25%;
  }
}

@media (min-width: 1180px) {
  .w40-xl {
    width: 40%;
  }
}

@media (min-width: 1180px) {
  .w50-xl {
    width: 50%;
  }
}

@media (min-width: 1180px) {
  .w60-xl {
    width: 60%;
  }
}

@media (min-width: 1180px) {
  .w90-xl {
    width: 90%;
  }
}

@media (min-width: 1180px) {
  .w100-xl {
    width: 100%;
  }
}

@media (min-width: 1180px) {
  .w100-xl {
    width: 100%;
  }
}

@media (min-width: 1920px) {
  .w40-5l {
    width: 40%;
  }
}

.wpx25 {
  width: 25px !important;
}

.wpx40 {
  width: 40px !important;
}

.wpx50 {
  width: 50px !important;
}

.wpx70 {
  width: 70px !important;
}

.wpx80 {
  width: 80px !important;
}

.wpx120 {
  width: 120px !important;
}

.wpx150 {
  width: 150px !important;
}

.wpx200 {
  width: 200px !important;
}

.hpx25 {
  height: 25px !important;
}

.hpx70 {
  height: 70px !important;
}

.hpx80 {
  height: 80px !important;
}

@media (min-width: 1400px) {
  .wpx1300-3l {
    width: 1300px;
  }
}

.vh80 {
  height: 80vh;
}

.txt-ctr {
  text-align: center;
}

.txt-lft {
  text-align: left;
}

.item-ctr {
  display: block;
  margin: initial;
  margin: 0 auto;
}

.r5 {
  border-radius: 5px;
}

.r10 {
  border-radius: 10px;
}

.r15 {
  border-radius: 15px;
}

.r20 {
  border-radius: 20px;
}

.r30 {
  border-radius: 30px;
}

.r40 {
  border-radius: 40px;
}

.r60 {
  border-radius: 60px;
}

.r100 {
  border-radius: 100px;
}

@media (min-width: 360px) {
  .r30-xs {
    border-radius: 30px;
  }
}

@media (min-width: 360px) {
  .r35-xs {
    border-radius: 35px;
  }
}

@media (min-width: 768px) {
  .r35-md {
    border-radius: 35px;
  }
}

@media (min-width: 768px) {
  .r45-md {
    border-radius: 45px;
  }
}

@media (min-width: 1024px) {
  .r20-lg {
    border-radius: 20px;
  }
}

@media (min-width: 1024px) {
  .r50-lg {
    border-radius: 50px;
  }
}

@media (min-width: 1024px) {
  .r55-lg {
    border-radius: 55px;
  }
}

@media (min-width: 1180px) {
  .r30-xl {
    border-radius: 30px;
  }
}

.rbl0 {
  border-bottom-left-radius: 0px;
}

.rtr0 {
  border-top-right-radius: 0px;
}

.rrb0 {
  border-bottom-right-radius: 0px;
}

.mixb-multiply {
  mix-blend-mode: multiply;
}

.circ-outer {
  overflow: hidden;
  border-radius: 50%;
}
.circ-outer .circ-inner {
  position: relative;
  padding-top: 100%;
  height: 0;
}
.circ-outer .circ-inner img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/* 下向き ▼ */
.arw-dwn-wpx50 {
  height: calc(20px * tan(60deg));
  width: 50px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.arw-dwn-wpx100 {
  height: calc(30px * tan(60deg));
  width: 100px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.txt-hl-yellow {
  color: #333 !important;
  all: unset;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 0)), to(var(rgb(255, 255, 0))));
  background-image: linear-gradient(rgb(255, 255, 0), rgb(255, 255, 0));
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 50%;
  -webkit-animation: highlight 800ms 1 ease-out;
  animation: highlight 800ms 1 ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
@-webkit-keyframes highlight {
  to {
    background-size: 100% 50%;
  }
}
@keyframes highlight {
  to {
    background-size: 100% 50%;
  }
}
@-webkit-keyframes highlight {
  to {
    background-size: 100% 15%;
  }
}
@keyframes highlight {
  to {
    background-size: 100% 15%;
  }
}

.list-disc {
  padding-left: 1em;
}
.list-disc > li {
  list-style-type: disc;
  padding: 0.3em;
}

.list-num {
  padding-left: 1em;
}
.list-num > li {
  list-style-type: decimal;
  padding: 0.3em;
}

.notes {
  font-size: 0.75rem;
  line-height: 1.6;
}

.btn {
  transition: all 0.2s ease;
  position: relative;
  border-radius: 100px;
  padding: 1.25em;
  padding-left: 2em;
  padding-right: 4em;
  text-align: center;
}
.btn:before {
  position: absolute;
  z-index: 1;
  content: "";
  width: 2em;
  height: 2em;
  left: auto;
  right: 0.8em;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.2s ease;
  border-radius: 100%;
}
.btn:after {
  position: absolute;
  z-index: 2;
  content: "";
  width: 0.664em;
  height: 0.664em;
  left: auto;
  right: 1.5em;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.2s ease;
}
.btn:hover {
  transform: scale(0.95);
}

button.btn {
  padding: 1.25em;
  padding-left: 2.5em;
  padding-right: 4.701em;
}
button.btn:before {
  width: 2.4em;
  height: 2.4em;
  right: 0.9em;
}
button.btn:after {
  width: 0.7965em;
  height: 0.7965em;
  right: 1.7em;
}

.btn-arw-rgt-bk:before {
  background: rgb(255, 255, 255);
}
.btn-arw-rgt-bk:after {
  background: url("/res/images/icon_new_win_bk.svg") center center/100% auto no-repeat;
}
.btn-arw-rgt-bk:after {
  transform: rotate(45deg);
}

.btn-arw-lft-bk {
  padding-left: 4em;
  padding-right: 2em;
}
.btn-arw-lft-bk:before {
  background: rgb(255, 255, 255);
}
.btn-arw-lft-bk:after {
  background: url("/res/images/icon_new_win_bk.svg") center center/100% auto no-repeat;
}
.btn-arw-lft-bk:before {
  right: auto;
  left: 0.8em;
}
.btn-arw-lft-bk:after {
  transform: rotate(-135deg);
  right: auto;
  left: 1.5em;
}

button.btn-arw-lft-bk {
  padding-left: 4.701em;
  padding-right: 2.5em;
}
button.btn-arw-lft-bk:before {
  right: auto;
  left: 0.9em;
}
button.btn-arw-lft-bk:after {
  transform: rotate(-135deg);
  right: auto;
  left: 1.7em;
}

.btn-input-file::file-selector-button {
  font-weight: bold;
  color: white;
  background: red;
  border: 0;
  border-radius: 10em;
  padding: 8px 16px;
  text-align: center;
  display: block;
  margin-bottom: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
  transform: scale(1);
}
.btn-input-file::file-selector-button:hover {
  transition: all 0.2s ease;
  transform: scale(0.95);
}

.para {
  margin: 1rem 0;
  text-indent: 1em;
}

.indnt {
  text-indent: 1em;
}

.ttl-vline {
  position: relative;
  width: 100%;
  padding-left: 1.4em;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .ttl-vline {
    line-height: 1.6;
  }
}
.ttl-vline::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0.3em;
  height: 100%;
  background: rgb(247, 42, 72);
}

.table-line {
  width: 100%;
}
.table-line table {
  position: relative;
  border: 0;
  border-collapse: collapse;
}
.table-line table caption {
  text-align: center;
  padding: 0.625rem;
  background: #f9f9f9;
  font-weight: 900;
}
.table-line table thead {
  background: #f9f9f9;
}
.table-line table thead td {
  background: #f9f9f9;
}
.table-line table tr {
  transition: all 0.2s ease;
  margin-top: -1px;
}
.table-line table tr:hover {
  transition: all 0.2s ease;
  background: #e0e0e0;
}
.table-line table tr:hover td, .table-line table tr:hover th {
  transition: all 0.2s ease;
  background: #e0e0e0;
}
.table-line table tr:nth-child(even) {
  background: #f9f9f9;
}
.table-line table th {
  text-align: left;
  padding: 10px;
  border-width: 1px 0px 1px 0;
  border-style: solid;
  border-color: #ccc;
}
.table-line table th a {
  float: right;
}
.table-line table td {
  text-align: left;
  padding: 10px;
  border-width: 1px 0px 1px 0;
  border-style: solid;
  border-color: #ccc;
}
.table-line table label {
  margin: 5px;
}

.table-layout-fixed {
  table-layout: fixed;
}

.flip-horizontal {
  transform: scale(-1, 1);
}

/*
//////////////////////////////////////////////////////////////////

// Current
// 2024年以降更新分

//////////////////////////////////////////////////////////////////
*/
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeInTop {
  0% {
    opacity: 0;
    transform: translate(0, 5px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes fadeInBottom {
  0% {
    opacity: 0;
    transform: translate(0, -5px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes slideRight {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(100%, 0);
  }
}
@keyframes lftRgt {
  0% {
    transform: translate(-100%, 0);
  }
  100% {
    transform: translate(100%, 0);
  }
}
@keyframes backTop {
  0% {
    transform: translate(0, -100%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes backBottom {
  0% {
    transform: translate(0, 100%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes backRight {
  0% {
    transform: translate(-100%, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes backLeft {
  0% {
    transform: translate(100%, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes prevRight {
  100% {
    transform: translate(0, 0);
  }
  0% {
    transform: translate(-100%, 0);
  }
}
@keyframes prevLeft {
  100% {
    transform: translate(0, 0);
  }
  0% {
    transform: translate(100%, 0);
  }
}
@keyframes fadeInTop {
  0% {
    opacity: 0;
    transform: translate(0, 5px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.fdintop {
  opacity: 0;
}

.fx.fdintop.scrollin {
  animation: fadeInTop 0.3s ease-in 1 alternate forwards running;
}

.fdinbtm {
  opacity: 0;
}

.fx.fdinbtm.scrollin {
  animation: fadeInBottom 0.3s ease-in 1 alternate forwards running;
}

@keyframes fadeScale {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  60% {
    opacity: 1;
    transform: scale(1.2);
  }
  80% {
    opacity: 1;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.fdinscale {
  opacity: 0;
}

.fx.fdinscale.scrollin {
  animation: fadeScale 0.6s ease-in-out 1 alternate forwards running;
}

.fwafwa {
  animation: fwafwa ease-in-out 2s infinite alternate;
  -webkit-animation: fwafwa ease-in-out 2s infinite alternate;
  -moz-animation: fwafwa ease-in-out 2s infinite alternate;
}

@keyframes fwafwa {
  0% {
    transform: translate(0%, 0%);
  }
  100% {
    transform: translate(0%, -10px);
  }
}
@-webkit-keyframes fwafwa {
  0% {
    -webkit-transform: translate(0%, 0%);
  }
  100% {
    -webkit-transform: translate(0%, -10px);
  }
}
@-moz-keyframes fwafwa {
  0% {
    -moz-transform: translate(0%, 0%);
  }
  100% {
    -moz-transform: translate(0%, -10px);
  }
}
.delay1 {
  animation-delay: 1s;
}

.delay2 {
  animation-delay: -2s;
}

.delay4 {
  animation-delay: -4s;
}

@keyframes bar-passing1 {
  0% {
    left: 0;
    width: 0;
  }
  50% {
    left: 0;
    width: 100%;
  }
  51% {
    left: 0;
    width: 100%;
  }
  100% {
    left: 100%;
    width: 0;
  }
}
@keyframes bar-passing1-txt {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes bar-strech-rgt {
  0% {
    left: 0;
    width: 0;
  }
  100% {
    left: 0;
    width: 100%;
  }
}
@keyframes bar-strech-lft {
  0% {
    right: 0;
    width: 0;
  }
  100% {
    right: 0;
    width: 100%;
  }
}
@keyframes bar-strech-50-rgt {
  0% {
    left: 0;
    width: 0;
  }
  100% {
    left: 0;
    width: 50%;
  }
}
@keyframes bar-strech-50-lft {
  0% {
    right: 0;
    width: 0;
  }
  100% {
    right: 0;
    width: 50%;
  }
}
.sldbar {
  transform: translate3d(0, 0, 0);
  display: inline-block;
  position: relative;
  opacity: 0;
}
.sldbar::before {
  transform: translate3d(0, 0, 0);
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 0;
  content: "";
  z-index: 1;
}
.sldbar .sldbar-inner {
  animation: fadeOut 0.3s ease-in 1 alternate forwards running;
  opacity: 0;
}

.sldbar.scrollin,
.fx.sldbar.scrollin {
  opacity: 1;
}
.sldbar.scrollin::before,
.fx.sldbar.scrollin::before {
  animation: bar-passing1 0.8s ease 0.5s 1 normal forwards;
  transform: translate3d(0, 0, 0);
}
.sldbar.scrollin .sldbar-inner,
.fx.sldbar.scrollin .sldbar-inner {
  animation: bar-passing1-txt 0s ease 0.9s 1 normal forwards;
  transform: translate3d(0, 0, 0);
  opacity: 0;
}

.sldbar-bg-wht::before {
  background: #fff;
}

.loop-txt {
  align-items: center;
  display: flex;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  z-index: 0;
  position: absolute;
  top: -100px;
}
.loop-txt div {
  animation: flowing 100s linear infinite;
  transform: translateX(100%);
  line-height: 1.1;
  font-size: 20em;
}

@keyframes flowing {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.focuswave {
  border-color: #f12 !important;
  box-shadow: 0 0 0 2px #f12;
  border-radius: 3px;
  animation-name: focus-wave;
  animation-duration: 1.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

@keyframes focus-wave {
  0% {
    box-shadow: 0 0 0 1px #f12, 0 0 0 1px #fff, 0 0 0 2px #FF5E28;
  }
  100% {
    box-shadow: 0 0 0 1px #f12, 0 0 0 8px rgba(255, 255, 255, 0), 0 0 0 10px rgba(100, 37, 16, 0);
  }
}
.pageheader {
  position: -webkit-sticky;
  position: sticky;
  z-index: 999;
  transition: all 0.3s ease;
}

.pageheader.up {
  transition: all 0.3s ease;
  top: 40px;
}

.pageheader.dw {
  transition: all 0.3s ease;
  top: 90px;
}

.tab-label {
  cursor: pointer;
  order: -1;
  position: relative;
  transition: cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
  user-select: none;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}

.tab-label:hover {
  opacity: 0.9;
}

.tab-switch:checked + .tab-label {
  color: white !important;
}

.tab-label::after {
  background: rgb(247, 42, 72);
  border-radius: 100px;
  position: absolute;
  z-index: -1;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transform: translateX(100%);
  transition: cubic-bezier(0.4, 0, 0.2, 1) 0.2s 80ms;
}

.tab-switch:checked ~ .tab-label::after {
  transform: translateX(-100%);
}

.tab-switch:checked + .tab-label::after {
  opacity: 1;
  transform: translateX(0);
}

.tab-content {
  height: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-30%);
  transition: transform 0.3s 80ms, opacity 0.3s 80ms;
  width: 100%;
}

.tab-switch:checked ~ .tab-content {
  transform: translateX(30%);
}

.tab-switch:checked + .tab-label + .tab-content {
  height: auto;
  opacity: 1;
  order: 1;
  pointer-events: auto;
  transform: translateX(0);
}

.tab-switch {
  display: none;
}

.hvr-scale {
  transition: all 0.2s ease;
  transform: scale(1);
}
.hvr-scale:hover {
  transition: all 0.2s ease;
  transform: scale(0.95);
}

.hvr-cursor {
  cursor: pointer;
}

.btn-hvr-scale {
  transition: all 0.2s ease;
  transform: scale(1);
  padding: 1em 2em;
}
.btn-hvr-scale:hover {
  transition: all 0.2s ease;
  transform: scale(0.95);
  opacity: 0.8;
}

.hvr-blk {
  text-decoration: none;
  transition: all 0.2s ease;
}
.hvr-blk:hover {
  color: #fff;
}
.hvr-blk:active {
  color: #fff;
}
.hvr-blk:link {
  color: #fff;
}
.hvr-blk:visited {
  color: #fff;
}
.hvr-blk:hover {
  transition: all 0.2s ease;
  background: rgba(0, 0, 0, 0.1);
}

.btn-arw-dwn-wh {
  padding-right: 1.5em;
  position: relative;
}
.btn-arw-dwn-wh:before {
  position: absolute;
  z-index: 2;
  content: "";
  width: 1.8em;
  height: 1.8em;
  left: auto;
  right: -1em;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.2s ease;
  border-radius: 100%;
  background: #fff;
}
.btn-arw-dwn-wh:after {
  position: absolute;
  z-index: 3;
  content: "";
  width: 0.7em;
  height: 0.7em;
  left: auto;
  right: -0.45em;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.2s ease;
  transform: rotate(135deg);
  background: url("/res/images/icon_new_win_bk.svg") center center/100% auto no-repeat;
}
.banner-announce {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  font-weight: 900;
  padding: 1.5em 0;
  color: #fff;
}
@media (min-width: 1180px) {
  .banner-announce {
    padding-left: 0;
    padding-right: 0;
  }
}

.banner_single_open365days {
  position: relative;
  z-index: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
  text-shadow: none;
}
.banner_single_open365days h2 {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}
.banner_single_open365days h3 {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

.set-bg1 {
  width: 100%;
}
.set-bg1::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  left: 0;
  z-index: -1;
  margin: auto;
  height: 100%;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 90%, rgb(236, 236, 236) 95%, rgb(204, 204, 204) 100%);
  background: url("/res/images/banner/banner_single_open365days_1.jpg") center center/cover no-repeat;
}
@media (min-width: 1180px) {
  .set-bg1::before {
    background-size: cover;
    background-position: center top;
  }
}

.set-bg2 {
  width: 100%;
}
.set-bg2::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  left: 0;
  z-index: -1;
  margin: auto;
  height: 100%;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 90%, rgb(236, 236, 236) 95%, rgb(204, 204, 204) 100%);
  background: url("/res/images/banner/banner_single_open365days_2.jpg") center center/cover no-repeat;
}
@media (min-width: 1180px) {
  .set-bg2::before {
    background-size: cover;
    background-position: center top;
  }
}

.set-bg3 {
  width: 100%;
}
.set-bg3::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  left: 0;
  z-index: -1;
  margin: auto;
  height: 100%;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 90%, rgb(236, 236, 236) 95%, rgb(204, 204, 204) 100%);
  background: url("/res/images/banner/banner_single_open365days_3.jpg") center center/cover no-repeat;
}
@media (min-width: 1180px) {
  .set-bg3::before {
    background-size: cover;
    background-position: center top;
  }
}

.set-bg4 {
  width: 100%;
}
.set-bg4::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  left: 0;
  z-index: -1;
  margin: auto;
  height: 100%;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 90%, rgb(236, 236, 236) 95%, rgb(204, 204, 204) 100%);
  background: url("/res/images/banner/banner_single_open365days_4.jpg") center center/cover no-repeat;
}
@media (min-width: 1180px) {
  .set-bg4::before {
    background-size: cover;
    background-position: center top;
  }
}

.set-bg5 {
  width: 100%;
}
.set-bg5::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  left: 0;
  z-index: -1;
  margin: auto;
  height: 100%;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 90%, rgb(236, 236, 236) 95%, rgb(204, 204, 204) 100%);
  background: url("/res/images/banner/banner_single_open365days_5.jpg") center center/cover no-repeat;
}
@media (min-width: 1180px) {
  .set-bg5::before {
    background-size: cover;
    background-position: center top;
  }
}

.set-bg6 {
  width: 100%;
}
.set-bg6::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  left: 0;
  z-index: -1;
  margin: auto;
  height: 100%;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 90%, rgb(236, 236, 236) 95%, rgb(204, 204, 204) 100%);
  background: url("/res/images/banner/banner_single_open365days_6.jpg") center center/cover no-repeat;
}
@media (min-width: 1180px) {
  .set-bg6::before {
    background-size: cover;
    background-position: center top;
  }
}

.set-bg7 {
  width: 100%;
}
.set-bg7::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  left: 0;
  z-index: -1;
  margin: auto;
  height: 100%;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 90%, rgb(236, 236, 236) 95%, rgb(204, 204, 204) 100%);
  background: url("/res/images/banner/banner_single_open365days_7.jpg") center center/cover no-repeat;
}
@media (min-width: 1180px) {
  .set-bg7::before {
    background-size: cover;
    background-position: center top;
  }
}

.set-bg8 {
  width: 100%;
}
.set-bg8::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  left: 0;
  z-index: -1;
  margin: auto;
  height: 100%;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 90%, rgb(236, 236, 236) 95%, rgb(204, 204, 204) 100%);
  background: url("/res/images/banner/banner_single_open365days_8.jpg") center center/cover no-repeat;
}
@media (min-width: 1180px) {
  .set-bg8::before {
    background-size: cover;
    background-position: center top;
  }
}

.set-bg9 {
  width: 100%;
}
.set-bg9::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  left: 0;
  z-index: -1;
  margin: auto;
  height: 100%;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 90%, rgb(236, 236, 236) 95%, rgb(204, 204, 204) 100%);
  background: url("/res/images/banner/banner_single_open365days_9.jpg") center center/cover no-repeat;
}
@media (min-width: 1180px) {
  .set-bg9::before {
    background-size: cover;
    background-position: center top;
  }
}

.set-bg10 {
  width: 100%;
}
.set-bg10::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  left: 0;
  z-index: -1;
  margin: auto;
  height: 100%;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 90%, rgb(236, 236, 236) 95%, rgb(204, 204, 204) 100%);
  background: url("/res/images/banner/banner_single_open365days_10.jpg") center center/cover no-repeat;
}
@media (min-width: 1180px) {
  .set-bg10::before {
    background-size: cover;
    background-position: center top;
  }
}

.set-bg11 {
  width: 100%;
}
.set-bg11::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  left: 0;
  z-index: -1;
  margin: auto;
  height: 100%;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 90%, rgb(236, 236, 236) 95%, rgb(204, 204, 204) 100%);
  background: url("/res/images/banner/banner_single_open365days_11.jpg") center center/cover no-repeat;
}
@media (min-width: 1180px) {
  .set-bg11::before {
    background-size: cover;
    background-position: center top;
  }
}

.set-bg6::before,
.set-bg8::before {
  background-size: cover;
  background-position: center center;
}

.set-bg9::before,
.set-bg10::before,
.set-bg11::before {
  background-size: cover;
  background-position: bottom center;
}

.banner_single_gw,
.banner_single_sv,
.banner_single_sw,
.banner_single_yearend,
.banner_single_newyear {
  position: relative;
  z-index: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}
.banner_single_gw::before,
.banner_single_sv::before,
.banner_single_sw::before,
.banner_single_yearend::before,
.banner_single_newyear::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  left: 0;
  z-index: -1;
  margin: auto;
  height: 100%;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 90%, rgb(236, 236, 236) 95%, rgb(204, 204, 204) 100%);
}
@media (min-width: 1180px) {
  .banner_single_gw::before,
  .banner_single_sv::before,
  .banner_single_sw::before,
  .banner_single_yearend::before,
  .banner_single_newyear::before {
    top: 3px;
    transform: scaleX(1.1) scaleY(1) perspective(3em) rotateX(-1.5deg);
    transform-origin: top left right;
    border-radius: 0 0 15px 15px;
  }
}
@media (min-width: 1180px) and (min-width: 320px) {
  .banner_single_gw::before,
  .banner_single_sv::before,
  .banner_single_sw::before,
  .banner_single_yearend::before,
  .banner_single_newyear::before {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1180px) and (min-width: 360px) {
  .banner_single_gw::before,
  .banner_single_sv::before,
  .banner_single_sw::before,
  .banner_single_yearend::before,
  .banner_single_newyear::before {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1180px) and (min-width: 640px) {
  .banner_single_gw::before,
  .banner_single_sv::before,
  .banner_single_sw::before,
  .banner_single_yearend::before,
  .banner_single_newyear::before {
    width: 100%;
  }
}
@media (min-width: 1180px) and (min-width: 960px) {
  .banner_single_gw::before,
  .banner_single_sv::before,
  .banner_single_sw::before,
  .banner_single_yearend::before,
  .banner_single_newyear::before {
    width: 960px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1180px) and (min-width: 1280px) {
  .banner_single_gw::before,
  .banner_single_sv::before,
  .banner_single_sw::before,
  .banner_single_yearend::before,
  .banner_single_newyear::before {
    width: 1160px;
  }
}
@media (min-width: 1180px) and (min-width: 1681px) {
  .banner_single_gw::before,
  .banner_single_sv::before,
  .banner_single_sw::before,
  .banner_single_yearend::before,
  .banner_single_newyear::before {
    width: 1160px;
  }
}
.banner_single_gw .banner-announce-ttl,
.banner_single_sv .banner-announce-ttl,
.banner_single_sw .banner-announce-ttl,
.banner_single_yearend .banner-announce-ttl,
.banner_single_newyear .banner-announce-ttl {
  margin-left: auto;
  margin-right: auto;
  letter-spacing: -0.05em;
  font-size: 1.35rem;
}
@media (min-width: 414px) {
  .banner_single_gw .banner-announce-ttl,
  .banner_single_sv .banner-announce-ttl,
  .banner_single_sw .banner-announce-ttl,
  .banner_single_yearend .banner-announce-ttl,
  .banner_single_newyear .banner-announce-ttl {
    font-size: 1.5rem;
  }
}
@media (min-width: 768px) {
  .banner_single_gw .banner-announce-ttl,
  .banner_single_sv .banner-announce-ttl,
  .banner_single_sw .banner-announce-ttl,
  .banner_single_yearend .banner-announce-ttl,
  .banner_single_newyear .banner-announce-ttl {
    letter-spacing: initial;
  }
}
.banner_single_gw .banner-announce-txt,
.banner_single_sv .banner-announce-txt,
.banner_single_sw .banner-announce-txt,
.banner_single_yearend .banner-announce-txt,
.banner_single_newyear .banner-announce-txt {
  margin-left: auto;
  margin-right: auto;
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .banner_single_gw .banner-announce-txt,
  .banner_single_sv .banner-announce-txt,
  .banner_single_sw .banner-announce-txt,
  .banner_single_yearend .banner-announce-txt,
  .banner_single_newyear .banner-announce-txt {
    font-size: 0.875rem;
  }
}
@media (min-width: 1180px) {
  .banner_single_gw .banner-announce-txt,
  .banner_single_sv .banner-announce-txt,
  .banner_single_sw .banner-announce-txt,
  .banner_single_yearend .banner-announce-txt,
  .banner_single_newyear .banner-announce-txt {
    width: 60%;
  }
}

.banner_single_gw::before {
  background: url("/res/images/banner/banner_single_gw.jpg") center center/cover no-repeat;
}

.banner_single_sv::before {
  background: url("/res/images/banner/banner_single_sv.jpg") center center/cover no-repeat;
}

.banner_single_sw::before {
  background: url("/res/images/banner/banner_single_sw.jpg") center center/cover no-repeat;
}

.banner_single_yearend::before {
  background: url("/res/images/banner/banner_single_yearend.jpg") center center/cover no-repeat;
}

.banner_single_newyear::before {
  background: url("/res/images/banner/banner_single_newyear.jpg") center center/cover no-repeat;
}

.banner-newtruck {
  position: relative;
  width: 100%;
  margin-bottom: 50px;
  margin-top: 10px;
}
@media (min-width: 1180px) {
  .banner-newtruck {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    margin-top: 5px;
  }
  .banner-newtruck:before, .banner-newtruck:after {
    content: " ";
    display: table;
  }
  .banner-newtruck:after {
    clear: both;
  }
}
@media (min-width: 1180px) and (min-width: 320px) {
  .banner-newtruck {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1180px) and (min-width: 360px) {
  .banner-newtruck {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1180px) and (min-width: 640px) {
  .banner-newtruck {
    width: 100%;
  }
}
@media (min-width: 1180px) and (min-width: 960px) {
  .banner-newtruck {
    width: 960px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1180px) and (min-width: 1280px) {
  .banner-newtruck {
    width: 1160px;
  }
}
@media (min-width: 1180px) and (min-width: 1681px) {
  .banner-newtruck {
    width: 1160px;
  }
}
.banner-newtruck::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  left: 0;
  z-index: -1;
  margin: auto;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  background: url("/res/images/banner/banner-newtruck-bg.png") center center/cover no-repeat;
}
@media (min-width: 768px) {
  .banner-newtruck::before {
    background-size: 100% auto;
    background-position: center top;
  }
}
.banner-newtruck .banner-newtruck-title {
  position: relative;
  z-index: 0;
  width: 100%;
  margin: 0 auto;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #fff;
  background: #0e4987;
  text-align: center;
  padding: 20px;
  font-size: 20px;
}
@media (min-width: 768px) {
  .banner-newtruck .banner-newtruck-title {
    width: 95%;
    font-size: 20px;
  }
}
@media (min-width: 1024px) {
  .banner-newtruck .banner-newtruck-title {
    font-size: 28px;
    background: none;
  }
}
.banner-newtruck .banner-newtruck-title::before {
  width: 100%;
}
@media (min-width: 1024px) {
  .banner-newtruck .banner-newtruck-title::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    left: 0;
    z-index: -1;
    margin: auto;
    height: 100%;
    background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 90%, rgb(236, 236, 236) 95%, rgb(204, 204, 204) 100%);
    transform: scaleX(1.1) scaleY(1) perspective(3em) rotateX(-1.5deg);
    transform-origin: top left right;
    border-radius: 0 0 15px 15px;
    background: #0e4987;
    transform: scaleX(1.1) scaleY(1) perspective(1.5em) rotateX(-1.5deg);
  }
}

.banner-newtruck-video {
  margin: 0 auto;
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 100px;
  box-shadow: 0px 60px 40px 0px rgba(0, 0, 0, 0.4);
  background: linear-gradient(90deg, rgb(231, 33, 71) 0%, rgb(236, 105, 62) 80%, rgb(236, 105, 62) 100%);
  transition: all 0.2s ease;
  transform: scale(1);
  width: 95%;
  padding: 1em 2em;
}
@media (min-width: 768px) {
  .banner-newtruck-video {
    width: 100%;
    padding: 1em 3em;
  }
}
.banner-newtruck-video:hover {
  transition: all 0.2s ease;
  transform: scale(0.95);
}
.banner-newtruck-video::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  left: 0;
  z-index: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  background: url("/res/images/banner/btn_moving_floor_bg.png") center center/cover no-repeat;
  mix-blend-mode: multiply;
  border-radius: 100px;
  overflow: hidden;
}
.banner-newtruck-video::after {
  content: "";
  position: absolute;
  top: -13px;
  left: 30%;
  right: auto;
  z-index: 0;
}
@media (min-width: 768px) {
  .banner-newtruck-video::after {
    background: rgb(231, 33, 71);
    top: -17px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    height: calc(10px * tan(60deg));
    width: 20px;
  }
}
.banner-newtruck-video .banner-newtruck-video-txt {
  position: relative;
  z-index: 1;
  font-size: 16px;
  font-weight: 900;
  color: #fff;
}
@media (min-width: 768px) {
  .banner-newtruck-video .banner-newtruck-video-txt {
    font-size: 30px;
  }
}
.banner-newtruck-video .banner-newtruck-video-img {
  position: relative;
  z-index: 1;
  width: 1.5em;
}
.banner-newtruck-video a {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  left: 0;
  z-index: 1;
  margin: auto;
  height: 100%;
  width: 100%;
  cursor: pointer;
}
article.line-sns-page {
  padding: initial;
}

.line-sns-page {
  font-family: "LINESeedJP" !important;
  position: relative;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: -100px;
}

.line-sns-topimg {
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  border-radius: 0 0 60px 60px;
  height: 500px;
}
@media (min-width: 414px) {
  .line-sns-topimg {
    height: 550px;
  }
}
@media (min-width: 768px) {
  .line-sns-topimg {
    height: 750px;
  }
}
@media (min-width: 1024px) {
  .line-sns-topimg {
    height: 450px;
  }
}
@media (min-width: 1400px) {
  .line-sns-topimg {
    height: 550px;
  }
}
@media (min-width: 1920px) {
  .line-sns-topimg {
    height: 600px;
  }
}
.line-sns-topimg::before {
  position: absolute;
  content: "";
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  mix-blend-mode: multiply;
  background-image: linear-gradient(0deg, #33cc99 0%, #00cccc 100%);
  border-radius: 0 0 60px 60px;
}
.line-sns-topimg::after {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  border-radius: 0 0 60px 60px;
  background: url("/res/images/sns/sns_line_topimg_bg_sm.png") center bottom/cover no-repeat;
}
@media (min-width: 768px) {
  .line-sns-topimg::after {
    background: url("/res/images/sns/sns_line_topimg_bg_sm.png") center bottom/cover no-repeat;
  }
}
@media (min-width: 1024px) {
  .line-sns-topimg::after {
    background: url("/res/images/sns/sns_line_topimg_bg_lg.png") center bottom/cover no-repeat;
  }
}
.line-sns-topimg .line-sns-topimg-container {
  width: 100%;
  padding: 0 15px;
}
@media (min-width: 768px) {
  .line-sns-topimg .line-sns-topimg-container {
    width: 90%;
  }
}
@media (min-width: 1024px) {
  .line-sns-topimg .line-sns-topimg-container {
    width: 100%;
  }
}
@media (min-width: 1180px) {
  .line-sns-topimg .line-sns-topimg-container {
    width: 85%;
  }
}
@media (min-width: 1400px) {
  .line-sns-topimg .line-sns-topimg-container {
    width: 100%;
  }
}
@media (min-width: 1536px) {
  .line-sns-topimg .line-sns-topimg-container {
    width: 90%;
  }
}
@media (min-width: 1920px) {
  .line-sns-topimg .line-sns-topimg-container {
    width: 80%;
  }
}
.line-sns-topimg .line-sns-topimg-container img {
  position: relative;
  z-index: 3;
}
.line-sns-topimg .line-sns-topimg-container .line-sns-topimg-sm {
  display: block;
}
.line-sns-topimg .line-sns-topimg-container .line-sns-topimg-md {
  display: none;
}
.line-sns-topimg .line-sns-topimg-container .line-sns-topimg-lg {
  display: none;
}
@media (min-width: 768px) {
  .line-sns-topimg .line-sns-topimg-container .line-sns-topimg-sm {
    display: none;
  }
  .line-sns-topimg .line-sns-topimg-container .line-sns-topimg-md {
    display: block;
  }
  .line-sns-topimg .line-sns-topimg-container .line-sns-topimg-lg {
    display: none;
  }
}
@media (min-width: 1024px) {
  .line-sns-topimg .line-sns-topimg-container .line-sns-topimg-sm {
    display: none;
  }
  .line-sns-topimg .line-sns-topimg-container .line-sns-topimg-md {
    display: none;
  }
  .line-sns-topimg .line-sns-topimg-container .line-sns-topimg-lg {
    display: block;
  }
}

.line-sns-intro-3step {
  padding-top: 60px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background: linear-gradient(90deg, rgba(169, 236, 252, 0.5), rgba(236, 218, 248, 0.5) 45.81%, rgba(234, 245, 240, 0.5) 82.76%, rgba(255, 255, 207, 0.5));
}
.line-sns-intro-3step::before {
  position: absolute;
  content: "";
  bottom: 10%;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 100%;
  background: #fff;
  width: 100%;
  height: 150%;
  filter: blur(40px);
}

.line-sns-announce {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  justify-content: center;
}
.line-sns-announce:before, .line-sns-announce:after {
  content: " ";
  display: table;
}
.line-sns-announce:after {
  clear: both;
}
@media (min-width: 320px) {
  .line-sns-announce {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 360px) {
  .line-sns-announce {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 640px) {
  .line-sns-announce {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .line-sns-announce {
    width: 960px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1280px) {
  .line-sns-announce {
    width: 1160px;
  }
}
@media (min-width: 1681px) {
  .line-sns-announce {
    width: 1160px;
  }
}
@media (min-width: 768px) {
  .line-sns-announce {
    flex-direction: row;
  }
}
.line-sns-announce .line-sns-announce-bubble {
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  transform: scale(0.8);
}
@media (min-width: 768px) {
  .line-sns-announce .line-sns-announce-bubble {
    width: initial;
    transform: initial;
    flex-grow: 1;
  }
}
.line-sns-announce .line-sns-announce-bubble .line-sns-announce-bubble-txt-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 150px;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .line-sns-announce .line-sns-announce-bubble .line-sns-announce-bubble-txt-bg {
    width: 200px;
    height: 200px;
  }
}
@media (min-width: 1024px) {
  .line-sns-announce .line-sns-announce-bubble .line-sns-announce-bubble-txt-bg {
    width: 300px;
    height: 200px;
  }
}
.line-sns-announce .line-sns-announce-bubble .line-sns-announce-bubble-txt-bg::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: -20px;
  right: auto;
  width: 3px;
  height: 100%;
  margin: auto;
  background: #00b900;
}
@media (min-width: 768px) {
  .line-sns-announce .line-sns-announce-bubble .line-sns-announce-bubble-txt-bg::before {
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    width: 100%;
    height: 3px;
  }
}
.line-sns-announce .line-sns-announce-bubble .line-sns-announce-bubble-txt-bg::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: auto;
  right: -20px;
  width: 3px;
  height: 100%;
  margin: auto;
  background: #00b900;
}
@media (min-width: 768px) {
  .line-sns-announce .line-sns-announce-bubble .line-sns-announce-bubble-txt-bg::after {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 3px;
  }
}
.line-sns-announce .line-sns-announce-bubble .line-sns-announce-bubble-txt-bg .line-sns-announce-bubble-txt {
  padding: 0 10px;
  line-height: 1.6;
  color: #333;
  font-weight: 900;
}
@media (min-width: 768px) {
  .line-sns-announce .line-sns-announce-bubble .line-sns-announce-bubble-txt-bg .line-sns-announce-bubble-txt {
    padding: 0;
  }
}
.line-sns-announce .line-sns-announce-bubble .line-sns-announce-bubble-txt-bg .line-sns-announce-bubble-txt .line-sns-announce-bubble-txt-accent {
  line-height: 1.4;
  color: #00b900;
  font-size: 24px;
}
@media (min-width: 768px) {
  .line-sns-announce .line-sns-announce-bubble .line-sns-announce-bubble-txt-bg .line-sns-announce-bubble-txt .line-sns-announce-bubble-txt-accent {
    font-size: 20px;
  }
}
.line-sns-announce .line-sns-announce-person {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .line-sns-announce .line-sns-announce-person {
    width: initial;
    flex-basis: 280px;
  }
}
.line-sns-announce .line-sns-announce-person img {
  display: block;
  width: 70%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .line-sns-announce .line-sns-announce-person img {
    width: 100%;
  }
}
.line-sns-announce .line-sns-announce-order1 {
  order: 1;
}
@media (min-width: 1180px) {
  .line-sns-announce .line-sns-announce-order1 {
    justify-content: flex-end;
  }
}
.line-sns-announce .line-sns-announce-order1 .line-sns-announce-bubble-txt-bg::before {
  transform: rotate(-15deg);
}
@media (min-width: 768px) {
  .line-sns-announce .line-sns-announce-order1 .line-sns-announce-bubble-txt-bg::before {
    transform: rotate(15deg);
  }
}
.line-sns-announce .line-sns-announce-order1 .line-sns-announce-bubble-txt-bg::after {
  transform: rotate(15deg);
}
@media (min-width: 768px) {
  .line-sns-announce .line-sns-announce-order1 .line-sns-announce-bubble-txt-bg::after {
    transform: rotate(-15deg);
  }
}
.line-sns-announce .line-sns-announce-order2 {
  order: 3;
}
@media (min-width: 768px) {
  .line-sns-announce .line-sns-announce-order2 {
    order: 2;
  }
}
.line-sns-announce .line-sns-announce-order3 {
  order: 2;
}
@media (min-width: 768px) {
  .line-sns-announce .line-sns-announce-order3 {
    order: 3;
  }
}
@media (min-width: 1180px) {
  .line-sns-announce .line-sns-announce-order3 {
    justify-content: flex-start;
  }
}
.line-sns-announce .line-sns-announce-order3 .line-sns-announce-bubble-txt-bg::before {
  transform: rotate(-15deg);
}
.line-sns-announce .line-sns-announce-order3 .line-sns-announce-bubble-txt-bg::after {
  transform: rotate(15deg);
}

.swiper {
  z-index: initial;
}

.line-step-container {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 0 20px;
}
@media (min-width: 1180px) {
  .line-step-container {
    width: 100%;
    padding: 0 20px;
  }
}
@media (min-width: 1400px) {
  .line-step-container {
    width: 1400px;
    padding: initial;
  }
}
@media (min-width: 1920px) {
  .line-step-container {
    width: 1600px;
  }
}

.line-step {
  position: relative;
  width: 100%;
  height: 100%;
  /*.swiper-slide {
    opacity: .5;
    transform: scale(.85);
    transition: .5s;
  }
  // アクティブなスライドに対して
  .swiper-slide-active {
    opacity: 1;
    transform: scale(1);
    z-index: 1;
  }*/
}
@media (min-width: 768px) {
  .line-step {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.line-step .swiper-slide {
  text-align: center;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 10px;
  border-radius: 5px;
}
.line-step .swiper-slide img {
  width: 100%;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.line-step .swiper-button-next,
.line-step .swiper-button-prev {
  position: absolute;
  margin: auto;
  content: "";
  top: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  z-index: 9998;
  border-radius: 100%;
  background: #00b900;
  border: 3px solid #fff;
  transition: all 0.2s ease;
  /*&:hover {
    transition: all 0.2s ease;
    transform: scale(1.1);
  }*/
}
@media (min-width: 768px) {
  .line-step .swiper-button-next,
  .line-step .swiper-button-prev {
    width: 60px;
    height: 60px;
  }
}
.line-step .swiper-button-next::after,
.line-step .swiper-button-prev::after {
  position: absolute;
  margin: auto;
  content: "";
  z-index: 9999;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 30%;
  height: 30%;
}
@media (min-width: 768px) {
  .line-step .swiper-button-next::after,
  .line-step .swiper-button-prev::after {
    width: 40%;
    height: 40%;
  }
}
.line-step .swiper-button-next {
  right: 0;
}
@media (min-width: 768px) {
  .line-step .swiper-button-next {
    right: 20px;
  }
}
.line-step .swiper-button-next::after {
  background: url("/res/images/arrow_dir_next_wh.svg") center center/contain no-repeat;
}
.line-step .swiper-button-prev {
  left: 0;
}
@media (min-width: 768px) {
  .line-step .swiper-button-prev {
    left: 20px;
  }
}
.line-step .swiper-button-prev::after {
  background: url("/res/images/arrow_dir_prev_wh.svg") center center/contain no-repeat;
}
div.grecaptcha-badge {
  z-index: 999;
  bottom: 70px !important;
}
article.page-truck-purchase {
  padding: initial;
  font-family: "LINESeedJP" !important;
  margin-top: -100px;
}

.purchase-firstview {
  background: #f5f5f5;
  position: relative;
  overflow: hidden;
  z-index: 0;
  display: flex;
  justify-content: center;
  height: 450px;
}
@media (min-width: 768px) {
  .purchase-firstview {
    height: 440px;
  }
}
.purchase-firstview::before {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  mix-blend-mode: multiply;
  background: radial-gradient(circle at 100% 100%, rgb(247, 42, 72) 0%, rgb(247, 42, 72) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 80%, rgb(247, 42, 72) 80%, rgb(247, 42, 72) 100%);
}
.purchase-firstview::after {
  position: absolute;
  content: "";
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  background: url("/res/images/truckpurchase/truck-purchase-topimg.png") right center/cover no-repeat;
}
@media (min-width: 768px) {
  .purchase-firstview::after {
    background: url("/res/images/truckpurchase/truck-purchase-topimg.png") center bottom/cover no-repeat;
  }
}
@media (min-width: 1024px) {
  .purchase-firstview::after {
    background: url("/res/images/truckpurchase/truck-purchase-topimg.png") center bottom/cover no-repeat;
  }
}

.topview {
  height: 1050px;
}
@media (min-width: 768px) {
  .topview {
    height: 850px;
  }
}
@media (min-width: 1024px) {
  .topview {
    height: 650px;
  }
}
@media (min-width: 1180px) {
  .topview {
    height: 620px;
  }
}
@media (min-width: 1536px) {
  .topview {
    height: 620px;
  }
}
.topview::before {
  background: radial-gradient(circle at 100% 100%, rgb(247, 42, 72) 0%, rgb(247, 42, 72) 65%, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0) 100%);
}
@media (min-width: 768px) {
  .topview::before {
    background: radial-gradient(circle at 100% 100%, rgb(247, 42, 72) 0%, rgb(247, 42, 72) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
  }
}
@media (min-width: 1024px) {
  .topview::before {
    background: radial-gradient(circle at 100% 100%, rgb(247, 42, 72) 0%, rgb(247, 42, 72) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 65%, rgb(247, 42, 72) 65%, rgb(247, 42, 72) 100%);
  }
}
.topview::after {
  background: url("/res/images/truckpurchase/truck-purchase-topimg.png") right bottom/auto 100% no-repeat;
}
@media (min-width: 768px) {
  .topview::after {
    background: url("/res/images/truckpurchase/truck-purchase-topimg.png") center bottom/cover no-repeat;
  }
}
@media (min-width: 1024px) {
  .topview::after {
    background: url("/res/images/truckpurchase/truck-purchase-topimg.png") center bottom/cover no-repeat;
  }
}

.purchase-firstview-cont {
  position: relative;
  width: 100%;
  margin-top: 100px;
  padding: 0 15px;
}
@media (min-width: 768px) {
  .purchase-firstview-cont {
    width: 700px;
    margin-top: 110px;
    padding: 0 30px;
  }
}
@media (min-width: 1024px) {
  .purchase-firstview-cont {
    width: 1010px;
    padding: 0 25px;
  }
}
@media (min-width: 1180px) {
  .purchase-firstview-cont {
    width: 1160px;
    padding: 0 40px;
  }
}
@media (min-width: 1400px) {
  .purchase-firstview-cont {
    margin-top: 100px;
  }
}
@media (min-width: 1536px) {
  .purchase-firstview-cont {
    margin-top: 110px;
  }
}

.truck-purchase-list {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1024px) {
  .truck-purchase-list {
    gap: 40px;
    flex-direction: row-reverse;
  }
}

.purchase-sldin-ttl {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 5px;
  margin: 10px 0;
  font-size: 2.3em;
  font-weight: 900;
}
@media (min-width: 768px) {
  .purchase-sldin-ttl {
    font-size: 5em;
    margin: 15px 0;
  }
}
@media (min-width: 1024px) {
  .purchase-sldin-ttl {
    font-size: 4em;
  }
}
@media (min-width: 1180px) {
  .purchase-sldin-ttl {
    font-size: 4.8em;
  }
}
.purchase-sldin-ttl > div, .purchase-sldin-ttl span {
  border-radius: 3px;
  line-height: 1;
  padding: 6px;
  color: #fff;
  background: rgb(247, 42, 72);
  transform: translateY(110%);
}
@media (min-width: 1180px) {
  .purchase-sldin-ttl > div, .purchase-sldin-ttl span {
    padding: 6px 4px 0 4px;
  }
}

.fx.purchase-sldin-ttl.scrollin div, .fx.purchase-sldin-ttl.scrollin span {
  animation: moveUp 0.4s ease forwards;
}
.fx.purchase-sldin-ttl.scrollin div:nth-child(1), .fx.purchase-sldin-ttl.scrollin span:nth-child(1) {
  animation: moveUp 0.4s ease forwards;
  animation-delay: 1.6s;
}
.fx.purchase-sldin-ttl.scrollin div:nth-child(2), .fx.purchase-sldin-ttl.scrollin span:nth-child(2) {
  animation: moveUp 0.4s ease forwards;
  animation-delay: 1.7s;
}
.fx.purchase-sldin-ttl.scrollin div:nth-child(3), .fx.purchase-sldin-ttl.scrollin span:nth-child(3) {
  animation: moveUp 0.4s ease forwards;
  animation-delay: 1.8s;
}
.fx.purchase-sldin-ttl.scrollin div:nth-child(4), .fx.purchase-sldin-ttl.scrollin span:nth-child(4) {
  animation: moveUp 0.4s ease forwards;
  animation-delay: 1.9s;
}
.fx.purchase-sldin-ttl.scrollin div:nth-child(5), .fx.purchase-sldin-ttl.scrollin span:nth-child(5) {
  animation: moveUp 0.4s ease forwards;
  animation-delay: 2s;
}
.fx.purchase-sldin-ttl.scrollin div:nth-child(6), .fx.purchase-sldin-ttl.scrollin span:nth-child(6) {
  animation: moveUp 0.4s ease forwards;
  animation-delay: 2.1s;
}
.fx.purchase-sldin-ttl.scrollin div:nth-child(7), .fx.purchase-sldin-ttl.scrollin span:nth-child(7) {
  animation: moveUp 0.4s ease forwards;
  animation-delay: 2.2s;
}
.fx.purchase-sldin-ttl.scrollin div:nth-child(8), .fx.purchase-sldin-ttl.scrollin span:nth-child(8) {
  animation: moveUp 0.4s ease forwards;
  animation-delay: 2.3s;
}

@media (min-width: 360px) and (max-width: 413px) {
  .purchase-sldin-ttl-required {
    font-size: 1.7em;
  }
}
@media (min-width: 414px) and (max-width: 767px) {
  .purchase-sldin-ttl-required {
    font-size: 1.8em;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .purchase-sldin-ttl-required {
    font-size: 3.5em;
  }
}

@media (min-width: 360px) and (max-width: 413px) {
  .purchase-sldin-ttl-area {
    font-size: 2em;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .purchase-sldin-ttl-area {
    font-size: 4.5em;
  }
}

.purchase-sldin-liner::after {
  content: "";
  display: block;
  width: 100%;
  background-image: linear-gradient(90deg, rgb(247, 42, 72) 0%, rgb(247, 42, 72) 100%);
  background-size: 0% 100%;
  background-repeat: no-repeat;
  background-position: left bottom;
  position: absolute;
}
.purchase-sldin-liner::after {
  height: 3px;
  bottom: 0px;
}

.fx.purchase-sldin-liner.scrollin::after {
  animation: leftToRightLineIn 0.5s ease 1s forwards, leftToRightLineOut 0.5s ease 2s forwards;
}

.purchase-liner::after {
  content: "";
  display: block;
  width: 100%;
  background-image: linear-gradient(90deg, rgb(247, 42, 72) 0%, rgb(247, 42, 72) 100%);
  background-size: 0% 100%;
  background-repeat: no-repeat;
  background-position: left bottom;
  position: absolute;
}
.purchase-liner::after {
  height: 5px;
  top: 0px;
}

.fx.purchase-liner.scrollin::after {
  animation: leftToRightLineIn 0.5s ease 1s forwards;
}

.purchase-sldintop {
  transform: translateY(110%);
}

.fx.purchase-sldintop.scrollin {
  animation: move 0.4s ease 1.5s alternate forwards running;
}

@keyframes leftToRightLineIn {
  0% {
    background-size: 0% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@keyframes leftToRightLineOut {
  0% {
    background-size: 100% 100%;
    transform: translateX(0);
  }
  100% {
    background-size: 100% 100%;
    transform: translateX(100%);
  }
}
@keyframes move {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes moveUp {
  0% {
    transform: translateY(110%);
  }
  100% {
    transform: translateY(0);
  }
}
.purchase-firstview-tel {
  position: absolute;
  content: "";
  z-index: 3;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 360px;
}
@media (min-width: 768px) {
  .purchase-firstview-tel {
    width: 400px;
  }
}
.purchase-firstview-tel .purchase-firstview-freedial {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 20px 20px 0 0;
  padding: 1em 1em 0.5em 1em;
  background: rgb(247, 42, 72);
  color: #fff;
  font-weight: 700;
  border-top: 4px solid #fff;
  width: 100%;
}
@media (min-width: 768px) {
  .purchase-firstview-tel .purchase-firstview-freedial {
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
  }
}

.purchase-label {
  position: absolute;
  content: "";
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
}
.purchase-label::before {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 5px;
  width: 0;
  background: rgb(247, 42, 72);
}
.purchase-label .purchase-label-inner {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 250px;
  width: 250px;
}
.purchase-label .purchase-label-inner::before {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 180px;
  width: 180px;
  border-radius: 50%;
  background: #fff;
}
.purchase-label .purchase-label-inner .purchase-label-item {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 250px;
  width: 250px;
  border-radius: 50%;
}
.purchase-label .purchase-label-inner .purchase-label-item::before {
  position: absolute;
  content: "";
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 180px;
  width: 180px;
  border: 10px solid rgb(247, 42, 72);
  border-radius: 50%;
  background: url("/res/images/truckpurchase/truck_purchase_label_img.png") center center/cover no-repeat;
}
.purchase-label .purchase-label-inner .purchase-label-item::after {
  mix-blend-mode: difference;
  position: absolute;
  content: "";
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  transform-origin: center;
  animation: rotation1 25s linear infinite;
  background: url("/res/images/truckpurchase/truck_purchase_label_txt.png") center center/cover no-repeat;
}
@keyframes rotation1 {
  to {
    transform: rotate(1turn);
  }
}

@keyframes purchaseLabel {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.fx.purchase-label.scrollin::before {
  animation: purchaseLabel 0.5s ease-in 1s alternate forwards running;
}

article.page-proposal {
  padding: initial;
  font-family: "LINESeedJP" !important;
  margin-top: -100px;
}

.proposal-topimg {
  position: relative;
  overflow: hidden;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 650px;
}
@media (min-width: 768px) {
  .proposal-topimg {
    height: 850px;
    border-radius: 0 0 60px 60px;
  }
}
@media (min-width: 1024px) {
  .proposal-topimg {
    height: 650px;
  }
}
@media (min-width: 1180px) {
  .proposal-topimg {
    height: 550px;
  }
}
@media (min-width: 1400px) {
  .proposal-topimg {
    height: 600px;
  }
}
.proposal-topimg::before {
  position: absolute;
  content: "";
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  mix-blend-mode: multiply;
  background: linear-gradient(45deg, rgba(255, 0, 110, 0.5) 10%, rgb(0, 191, 255) 50%, rgb(147, 112, 219) 90%);
  border-radius: 0 0 60px 60px;
}
.proposal-topimg::after {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  background: url("/res/images/proposal/proposal_topimg_bg_sm.png") center bottom/cover no-repeat;
}
@media (min-width: 768px) {
  .proposal-topimg::after {
    border-radius: 0 0 60px 60px;
  }
}
@media (min-width: 768px) {
  .proposal-topimg::after {
    background: url("/res/images/proposal/proposal_topimg_bg_sm.png") center bottom/cover no-repeat;
  }
}
@media (min-width: 1024px) {
  .proposal-topimg::after {
    background: url("/res/images/proposal/proposal_topimg_bg_lg.png") center bottom/cover no-repeat;
  }
}

.proposal-topimg-container {
  width: 100%;
  padding: 0 25px;
  margin-top: -65%;
}
@media (min-width: 768px) {
  .proposal-topimg-container {
    margin-top: -40%;
  }
}
@media (min-width: 1024px) {
  .proposal-topimg-container {
    margin-top: initial;
  }
}
@media (min-width: 1180px) {
  .proposal-topimg-container {
    width: 90%;
    padding: 0 15px;
  }
}
@media (min-width: 1536px) {
  .proposal-topimg-container {
    width: 80%;
  }
}
@media (min-width: 1920px) {
  .proposal-topimg-container {
    width: 60%;
  }
}
.proposal-topimg-container img {
  position: relative;
  z-index: 3;
}

.proposal-ttl-jp {
  position: relative;
  z-index: 3;
  font-weight: 900;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .proposal-ttl-jp {
    line-height: 1;
    letter-spacing: -0.1em;
  }
}
.proposal-ttl-jp ._txt {
  font-size: 1.1em;
}
@media (min-width: 768px) {
  .proposal-ttl-jp ._txt {
    font-size: 2.5em;
  }
}
.proposal-ttl-jp ._txt2 {
  font-size: 0.8em;
}
@media (min-width: 768px) {
  .proposal-ttl-jp ._txt2 {
    font-size: 1.5em;
  }
}
.proposal-ttl-jp ._txt-accent {
  font-size: 2.5em;
  font-weight: 900;
}
@media (min-width: 768px) {
  .proposal-ttl-jp ._txt-accent {
    font-size: 6em;
    letter-spacing: -0.1em;
    margin-left: -0.1em;
    margin-right: 0.1em;
  }
}
.proposal-ttl-jp ._txt-accent2 {
  font-size: 0.8em;
  font-weight: 900;
}
@media (min-width: 768px) {
  .proposal-ttl-jp ._txt-accent2 {
    font-size: 2em;
  }
}
.proposal-ttl-jp ._item1 {
  font-size: 1.1em;
}
@media (min-width: 768px) {
  .proposal-ttl-jp ._item1 {
    font-size: initial;
    font-size: 3em;
  }
}
.proposal-ttl-jp ._item2 {
  font-size: 1.1em;
}
@media (min-width: 768px) {
  .proposal-ttl-jp ._item2 {
    font-size: initial;
    font-size: 2.2em;
  }
}
.proposal-ttl-jp ._scale {
  transform: scale(0.7);
}

.proposal-sldin {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.proposal-sldin-inner {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}

.proposal-sldin-liner::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-image: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);
  background-size: 0% 100%;
  background-repeat: no-repeat;
  background-position: left bottom;
  position: absolute;
  bottom: 0px;
  mix-blend-mode: color-burn;
}

.proposal-sldin-item {
  transform: translateY(100%);
}

.proposal-sldin-item-ttl {
  transform: translateY(110%);
}

.fx.proposal-sldin-item.scrollin {
  animation: move 0.4s ease 1.5s alternate forwards running;
}

.fx.proposal-sldin-item-ttl.scrollin {
  animation: move2 0.4s ease 1.5s alternate forwards running;
}

.fx.proposal-sldin-liner.scrollin::after {
  animation: underline 0.5s ease 1s alternate forwards running;
}

@keyframes underline {
  0% {
    background-size: 0% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@keyframes move {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes move2 {
  0% {
    transform: translateY(110%);
  }
  100% {
    transform: translateY(0);
  }
}
.proposal-top-btn {
  display: block;
  padding: 1.5em;
  padding-left: 2em;
  padding-right: 4em;
  border-radius: 100px;
  box-shadow: 0 60px 40px 0 rgba(0, 0, 0, 0.4);
  position: relative;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 60%, rgb(236, 236, 236) 85%, rgb(204, 204, 204) 100%);
  transition: all 0.2s ease;
  transform: scale(1);
}
.proposal-top-btn:before {
  position: absolute;
  z-index: 2;
  content: "";
  width: 2em;
  height: 2em;
  left: auto;
  right: 0.8em;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.2s ease;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.3);
  background: linear-gradient(45deg, rgba(255, 0, 110, 0.5) 0%, rgb(0, 191, 255) 100%);
}
.proposal-top-btn:after {
  position: absolute;
  z-index: 3;
  content: "";
  width: 0.7em;
  height: 0.7em;
  left: auto;
  right: 1.4em;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.2s ease;
  transform: rotate(135deg);
  background: url("/res/images/icon_new_win.svg") center center/100% auto no-repeat;
}
.proposal-top-btn:hover {
  transition: all 0.2s ease;
  transform: scale(0.95);
}

.proposal-men1 {
  position: absolute;
  content: "";
  z-index: 3;
  top: auto;
  left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  bottom: 0;
  right: -45%;
  width: 400px;
}
@media (min-width: 768px) {
  .proposal-men1 {
    right: -20%;
    width: 550px;
  }
}
@media (min-width: 1024px) {
  .proposal-men1 {
    right: -20%;
  }
}
@media (min-width: 1180px) {
  .proposal-men1 {
    right: 0;
    width: 500px;
  }
}
@media (min-width: 1400px) {
  .proposal-men1 {
    right: 3%;
  }
}
@media (min-width: 1536px) {
  .proposal-men1 {
    right: 7%;
  }
}
@media (min-width: 1920px) {
  .proposal-men1 {
    right: 13%;
  }
}

.proposal-label1 {
  height: 200px;
  width: 200px;
  font-size: 1em;
  color: #fff;
  font-weight: 900;
  text-align: center;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  position: absolute;
  content: "";
  z-index: 3;
  bottom: auto;
  left: auto;
  top: 50%;
  right: 42%;
}
@media (min-width: 768px) {
  .proposal-label1 {
    right: 40%;
    top: 55%;
  }
}
@media (min-width: 1024px) {
  .proposal-label1 {
    right: 26%;
    top: 50%;
  }
}
@media (min-width: 1180px) {
  .proposal-label1 {
    right: 35%;
    top: 42%;
  }
}
@media (min-width: 1400px) {
  .proposal-label1 {
    right: 38%;
  }
}
.proposal-label1::before {
  position: absolute;
  content: "";
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 140px;
  width: 140px;
  border: 2px solid rgb(255, 255, 255);
  border-radius: 100px;
}
.proposal-label1::after {
  position: absolute;
  content: "";
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  transform-origin: center;
  animation: rotation 25s linear infinite;
  opacity: 0.7;
  background: url("/res/images/proposal/proposal_label1.png") center center/cover no-repeat;
}
@keyframes rotation {
  to {
    transform: rotate(1turn);
  }
}

.proposal-tel {
  transform: scale(1.1);
  position: absolute;
  content: "";
  z-index: 3;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .proposal-tel {
    width: 400px;
  }
}
.proposal-tel .proposal-tel-wrap {
  position: relative;
  border-radius: 20px 20px 0 0;
  padding: 1em 1em 0.5em 1em;
  background: #fff;
  color: #333;
  font-weight: 700;
}
.proposal-tel .proposal-tel-wrap .proposal-freedial {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.proposal-tel .proposal-tel-wrap .proposal-freedial ._tel-rgt ._tel-num {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.1em;
}
.proposal-tel .proposal-tel-wrap .proposal-freedial ._tel-rgt ._tel-num img {
  width: 2em;
  margin-right: 0.5em;
}
.proposal-tel .proposal-tel-wrap .proposal-freedial ._tel-rgt ._tel-num span {
  font-family: "DIN Pro";
  font-size: 2rem;
  line-height: 1;
}
.proposal-tel .proposal-tel-wrap .proposal-freedial ._tel-rgt ._tel-comment {
  font-size: 0.7em;
  font-weight: 900;
  color: rgba(0, 0, 0, 0.5);
}
.proposal-tel .proposal-tel-wrap .proposal-freedial ._tel-lft {
  border: 2px solid;
  border-radius: 50%;
  height: 3em;
  width: 3em;
}
.proposal-tel .proposal-tel-wrap .proposal-freedial ._tel-lft ._tel-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.7em;
  font-weight: 900;
  height: 100%;
  letter-spacing: 0.04em;
  line-height: 1.3;
  width: 100%;
}

.proposal-contact {
  width: 100%;
  transition: all 0.3s ease;
  position: fixed;
  content: "";
  left: 0;
  right: 0;
  bottom: 10px;
  z-index: 999;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.proposal-contact .proposal-contact-cont {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
@media (min-width: 320px) {
  .proposal-contact .proposal-contact-cont {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 360px) {
  .proposal-contact .proposal-contact-cont {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 640px) {
  .proposal-contact .proposal-contact-cont {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .proposal-contact .proposal-contact-cont {
    width: 960px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1280px) {
  .proposal-contact .proposal-contact-cont {
    width: 1160px;
  }
}
@media (min-width: 1681px) {
  .proposal-contact .proposal-contact-cont {
    width: 1160px;
  }
}
.proposal-contact ._btn1 {
  font-weight: 900;
  color: #fff;
  padding: 1.25em;
  padding-left: 2em;
  padding-right: 4em;
  border: 2px solid #fff;
  background: linear-gradient(to top, #e72147 0, #ec693e 80%, #ec693e 100%);
  font-size: 1rem;
}
@media (min-width: 1180px) {
  .proposal-contact ._btn1 {
    font-size: 1.2rem;
  }
}
.proposal-contact ._btn1:before {
  position: absolute;
  z-index: 1;
  content: "";
  width: 2em;
  height: 2em;
  left: auto;
  right: 0.8em;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.2s ease;
  border-radius: 100%;
  background: rgb(255, 255, 255);
}
.proposal-contact ._btn1:after {
  position: absolute;
  z-index: 2;
  content: "";
  width: 0.7em;
  height: 0.7em;
  left: auto;
  right: 1.5em;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.2s ease;
  transform: rotate(135deg);
  background: url("/res/images/icon_new_win_bk.svg") center center/100% auto no-repeat;
}
.proposal-contact ._btn2 {
  font-weight: 400;
  color: #fff;
  padding: 0.8em 1.2em;
  border: 2px solid #fff;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 60%, rgb(236, 236, 236) 85%, rgb(204, 204, 204) 100%);
  background-image: linear-gradient(0deg, #33cc99 0%, #00cccc 100%);
  background: linear-gradient(180deg, #00c0fa 0%, #005eea 100%);
}
.proposal-contact ._btn3 {
  font-weight: 900;
  color: #fff;
  padding: 1.25em;
  padding-left: 2em;
  padding-right: 4em;
  border: 2px solid #fff;
  background-image: linear-gradient(0deg, #33cc99 0%, #00cccc 100%);
  font-size: 1rem;
}
@media (min-width: 1180px) {
  .proposal-contact ._btn3 {
    font-size: 1.2rem;
  }
}
.proposal-contact ._btn3:before {
  position: absolute;
  z-index: 1;
  content: "";
  width: 2em;
  height: 2em;
  left: auto;
  right: 0.8em;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.2s ease;
  border-radius: 100%;
  background: rgb(255, 255, 255);
}
.proposal-contact ._btn3:after {
  position: absolute;
  z-index: 2;
  content: "";
  width: 0.7em;
  height: 0.7em;
  left: auto;
  right: 1.5em;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.2s ease;
  transform: rotate(0deg);
  background: url("/res/images/icon_new_win_bk.svg") center center/100% auto no-repeat;
}
.proposal-contact .proposal-contact-btn {
  border-radius: 100px;
  box-shadow: 0 60px 40px 0 rgba(0, 0, 0, 0.4);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.2s ease;
  transform: scale(1);
}
.proposal-contact .proposal-contact-btn ._tel {
  font-family: "DIN Pro";
  font-size: 2rem;
}
.proposal-contact .proposal-contact-btn ._tel-rgt {
  display: flex;
  align-items: center;
  justify-content: center;
}
.proposal-contact .proposal-contact-btn ._tel-rgt img {
  width: 2em;
  margin-right: 0.5em;
}
.proposal-contact .proposal-contact-btn ._tel-lft {
  border: 2px solid #fff;
  border-radius: 50%;
  height: 3em;
  width: 3em;
}
.proposal-contact .proposal-contact-btn ._tel-lft ._tel-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.7em;
  font-weight: 900;
  height: 100%;
  letter-spacing: 0.04em;
  line-height: 1.3;
  width: 100%;
}
.proposal-contact .proposal-contact-btn:hover {
  transition: all 0.2s ease;
  transform: scale(0.95);
}
.proposal-contact .proposal-contact-btn img {
  width: 1.3em;
}
.proposal-contact .proposal-contact-btn a {
  position: absolute;
  z-index: 3;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.js-page-btm-info.up {
  animation: upAnime 0.3s forwards;
}

.js-page-btm-info.dw {
  animation: dwAnime 0.3s forwards;
}

@keyframes upAnime {
  from {
    opacity: 0;
    transform: translateY(90px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes dwAnime {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(90px);
  }
}

.proposal-truck {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  overflow: hidden;
}
.proposal-truck .proposal-trucklist {
  position: absolute;
}
.proposal-truck .proposal-trucklist:first-child {
  display: flex;
  align-items: center;
  top: auto;
  bottom: -6rem;
  left: -2rem;
  right: auto;
  z-index: 2;
  content: "";
  margin: auto;
}
@media (min-width: 768px) {
  .proposal-truck .proposal-trucklist:first-child {
    bottom: -9rem;
  }
}
@media (min-width: 1180px) {
  .proposal-truck .proposal-trucklist:first-child {
    top: 0;
    bottom: 0;
    left: 0;
  }
}
@media (min-width: 1400px) {
  .proposal-truck .proposal-trucklist:first-child {
    left: 1rem;
  }
}
.proposal-truck .proposal-trucklist:nth-child(2) {
  display: flex;
  align-items: center;
  top: auto;
  bottom: -9rem;
  right: -2rem;
  left: auto;
  z-index: 1;
  content: "";
  margin: auto;
}
@media (min-width: 1180px) {
  .proposal-truck .proposal-trucklist:nth-child(2) {
    top: 0;
    bottom: 0;
    right: 0;
  }
}
@media (min-width: 1400px) {
  .proposal-truck .proposal-trucklist:nth-child(2) {
    right: 1rem;
  }
}

.proposal-staff {
  position: absolute;
  content: "";
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
}
.proposal-staff::before {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 10px;
  width: 0;
  background: #fff;
}
.proposal-staff .proposal-staff-icon {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 250px;
  width: 250px;
}
.proposal-staff .proposal-staff-icon::before {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 180px;
  width: 180px;
  border-radius: 50%;
  background: #fff;
}
.proposal-staff .proposal-staff-icon .proposal-staff-label {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 250px;
  width: 250px;
  border-radius: 50%;
}
.proposal-staff .proposal-staff-icon .proposal-staff-label::before {
  position: absolute;
  content: "";
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 180px;
  width: 180px;
  border: 10px solid #fff;
  border-radius: 50%;
  background: url("/res/images/proposal/proposal_men2.png") center center/cover no-repeat;
}
.proposal-staff .proposal-staff-icon .proposal-staff-label::after {
  mix-blend-mode: difference;
  position: absolute;
  content: "";
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  transform-origin: center;
  animation: rotation1 25s linear infinite;
  opacity: 0.7;
  background: url("/res/images/proposal/proposal_label1_bk.png") center center/cover no-repeat;
}
@keyframes rotation1 {
  to {
    transform: rotate(1turn);
  }
}

@keyframes conciergeLabel {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.fx.proposal-staff.scrollin::before {
  animation: conciergeLabel 0.5s ease-in 1s alternate forwards running;
}

.proposal-worried-about {
  width: 100%;
  padding-top: 60px;
  padding-bottom: 150px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background: linear-gradient(90deg, rgba(169, 236, 252, 0.5), rgba(236, 218, 248, 0.5) 45.81%, rgba(234, 245, 240, 0.5) 82.76%, rgba(255, 255, 207, 0.5));
}
.proposal-worried-about::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 100%;
}

.page-proposal.swiper {
  z-index: initial;
}

.proposal-slider-container {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 0 20px;
}
@media (min-width: 1180px) {
  .proposal-slider-container {
    width: 100%;
    padding: 0 20px;
  }
}
@media (min-width: 1400px) {
  .proposal-slider-container {
    width: 1400px;
    padding: initial;
  }
}
@media (min-width: 1920px) {
  .proposal-slider-container {
    width: 95%;
  }
}

.proposal-slider {
  margin: 3rem 0;
  position: relative;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .proposal-slider {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.proposal-slider .swiper-slide {
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 40px;
  border-radius: 10px;
}
.proposal-slider .swiper-button-next,
.proposal-slider .swiper-button-prev {
  position: absolute;
  margin: auto;
  content: "";
  top: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  z-index: 9998;
  border-radius: 100%;
  background: #00b900;
  border: 3px solid #fff;
  transition: all 0.2s ease;
}
@media (min-width: 768px) {
  .proposal-slider .swiper-button-next,
  .proposal-slider .swiper-button-prev {
    width: 60px;
    height: 60px;
  }
}
.proposal-slider .swiper-button-next::after,
.proposal-slider .swiper-button-prev::after {
  position: absolute;
  margin: auto;
  content: "";
  z-index: 9999;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 30%;
  height: 30%;
}
@media (min-width: 768px) {
  .proposal-slider .swiper-button-next::after,
  .proposal-slider .swiper-button-prev::after {
    width: 40%;
    height: 40%;
  }
}
.proposal-slider .swiper-button-next {
  right: 0;
}
@media (min-width: 768px) {
  .proposal-slider .swiper-button-next {
    right: 20px;
  }
}
.proposal-slider .swiper-button-next::after {
  background: url("/res/images/arrow_dir_next_wh.svg") center center/contain no-repeat;
}
.proposal-slider .swiper-button-prev {
  left: 0;
}
@media (min-width: 768px) {
  .proposal-slider .swiper-button-prev {
    left: 20px;
  }
}
.proposal-slider .swiper-button-prev::after {
  background: url("/res/images/arrow_dir_prev_wh.svg") center center/contain no-repeat;
}

.contact_step {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 80%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .contact_step {
    flex-direction: row;
  }
}
.contact_step li {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .contact_step li {
    margin-bottom: initial;
    display: flex;
    align-items: center;
    width: 33.3333333333%;
  }
}
.contact_step li:not(:last-child)::after {
  position: absolute;
  z-index: 1;
  content: "";
  background: #e7242e;
  bottom: -10px;
  left: 0;
  right: 0;
  width: 2px;
  height: 35%;
  margin: auto;
}
@media (min-width: 768px) {
  .contact_step li:not(:last-child)::after {
    bottom: 0;
    top: 0;
    left: initial;
    right: 0px;
    border-bottom: #e7242e 2px solid;
    height: 2px;
    width: 30%;
  }
}
.contact_step li p {
  position: relative;
  z-index: 2;
  display: block;
  text-align: center;
  width: 100%;
  color: #e7242e;
  line-height: 2.5;
  font-weight: bold;
  background-color: #fff;
  border: #e7242e 2px solid;
  border-radius: 4px;
}
@media (min-width: 768px) {
  .contact_step li p {
    width: 90%;
  }
}
.contact_step li p.contact_step_current {
  color: #fff;
  background-color: #e7242e;
}

/*
//////////////////////////////////////////////////////////////////

// Search Menu
// サーチメニュー群

01:モジュール
02:メイン

//////////////////////////////////////////////////////////////////
*/
.multiple_menu_foot_btn {
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
  display: block;
  width: 100%;
  padding: 20px;
  margin: 0 auto;
  border-radius: 7px;
  border-top: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-left: 1px;
  border-style: solid;
  border-color: #ba4a00;
  font-size: 0.875rem;
  color: #fff;
  background: #fa8200;
  box-shadow: 0px 4px 0px 0px #ba4a00;
  /*background:linear-gradient(
  	to bottom,
  	#197cd1 0%,
  	#197cd1 90%,
  	#1568af,
  	#115590);*/
}
.multiple_menu_foot_btn:hover {
  background: #c76700;
  color: #fff;
}
.multiple_menu_foot_btn:visited, .multiple_menu_foot_btn:active {
  color: #fff;
}
.multiple_menu_foot_btn img {
  vertical-align: middle;
  margin-right: 5px;
}
.multiple_menu_foot_btn span {
  color: #fff;
  vertical-align: middle;
}
@media (min-width: 360px) {
  .multiple_menu_foot_btn {
    font-size: 1.125rem;
  }
}
@media (min-width: 960px) {
  .multiple_menu_foot_btn {
    width: 70%;
  }
}

.home-menu {
  position: relative;
  z-index: 1;
  background: url("/res/images/top/img_top_home_sm.jpg") center bottom/cover no-repeat;
  /*&::before {
  	position: absolute;
  	content: '';
  	z-index: 2;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	width: 100%;
  	height: 100%;
  	margin: auto;
  	background: rgba(0,0,0,0.25);
  }*/
}
@media (min-width: 768px) {
  .home-menu {
    background: url("/res/images/top/img_top_home_lg.jpg") center bottom/cover no-repeat;
  }
}

.home-menu-container {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  padding: 80px 20px 0;
}
.home-menu-container:before, .home-menu-container:after {
  content: " ";
  display: table;
}
.home-menu-container:after {
  clear: both;
}
@media (min-width: 768px) {
  .home-menu-container {
    padding-top: 100px;
  }
}
@media (min-width: 1024px) {
  .home-menu-container {
    padding-top: 80px;
  }
}
@media (min-width: 1366px) {
  .home-menu-container {
    padding-top: 80px;
    width: 1280px;
  }
}

.home-menu-base {
  width: 100%;
  position: relative;
  z-index: 2;
  text-align: center;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}

.home-menu-row {
  display: flex;
  align-items: stretch;
  width: 100%;
}

.home-menu-top {
  margin-top: 20px;
}

.home-menu-middle {
  margin-top: 10px;
  margin-bottom: 10px;
}

.home-menu-bottom {
  position: relative;
  z-index: 3;
  margin-bottom: 20px;
}

.home-menu-bodytype {
  width: 25%;
}
@media (min-width: 768px) {
  .home-menu-bodytype {
    width: 16.6666666667%;
  }
}
@media (min-width: 1024px) {
  .home-menu-bodytype {
    width: 11.1111111111%;
  }
}

.home-menu-search {
  display: flex;
  align-items: stretch;
  flex-grow: 1;
  padding: 0 5px 10px;
}
@media (min-width: 768px) {
  .home-menu-search {
    padding: 0 5px;
  }
}

.home-menu-search_num {
  display: flex;
  align-items: stretch;
  flex-basis: 100%;
  padding: 0 5px 10px;
}
@media (min-width: 768px) {
  .home-menu-search_num {
    padding: 0 5px;
    flex-basis: 50%;
  }
}
@media (min-width: 1024px) {
  .home-menu-search_num {
    flex-basis: 35%;
  }
}


.home-menu-search-btn,
.home-menu-bodytype-btn {
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  cursor: pointer;
  font-weight: 900;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5);
  text-decoration: none;
  font-size: 0.75rem;
}

.home-menu-search-btn:hover,
.home-menu-bodytype-btn:hover {
  color: #333;
}

.home-menu-search-btn:active,
.home-menu-bodytype-btn:active {
  color: #333;
}

.home-menu-search-btn:link,
.home-menu-bodytype-btn:link {
  color: #333;
}

.home-menu-search-btn:visited,
.home-menu-bodytype-btn:visited {
  color: #333;
}
@media (min-width: 768px) {
  
  .home-menu-search-btn,
  .home-menu-bodytype-btn {
    font-size: 0.875rem;
  }
}

.home-menu-search-btn:hover,
.home-menu-bodytype-btn:hover {
  transition: all 0.2s ease;
  transform: scale(0.95);
}

.home-menu-bodytype-btn {
  border-radius: 5px;
  margin: 1.5%;
  padding: 5px;
  width: 97%;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 90%, rgb(236, 236, 236) 95%, rgb(204, 204, 204) 100%);
}
.home-menu-bodytype-btn img {
  width: 100%;
}
@media (min-width: 360px) {
  .home-menu-bodytype-btn img {
    width: 100px;
    margin: 0 auto;
  }
}

.home-menu-search-btn {
  display: flex;
  justify-content: center;
  border-radius: 100px;
  width: 100%;
  padding: 10px 0;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 60%, rgb(236, 236, 236) 80%, rgb(204, 204, 204) 100%);
}
.home-menu-search-btn img {
  display: block;
  width: 15px;
  margin-right: 3px;
}
@media (min-width: 768px) {
  .home-menu-search-btn img {
    width: 20px;
  }
}

.home-menu-search-num-btn {
  width: 100%;
  display: flex;
  align-items: center;
  border-radius: 100px;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5);
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 80%, rgb(236, 236, 236) 90%, rgb(204, 204, 204) 100%);
}

.search-freeword-btn-block {
  padding: 5px;
  flex-basis: 100px;
}

.search-freeword-btn {
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  font-weight: 700;
  font-size: 0.875rem;
  border-radius: 100px;
  padding: 5px 15px;
  color: #fff;
  background: linear-gradient(180deg, #29c0ff 0%, #0081e3 100%);
}
.search-freeword-btn img {
  width: 25px;
  opacity: 0.8;
}
.search-freeword-btn span {
  flex-grow: 1;
}
.search-freeword-btn:hover {
  transition: all 0.3s ease;
  transform: scale(0.95);
  cursor: pointer;
}

.search-freeword-input-block {
  flex-grow: 1;
  padding-left: 10px;
}
.search-freeword-input-block input {
  border: none;
  background: none;
}
.search-freeword-input-block input[type=text]:focus {
  outline: none;
  border: none;
}

optgroup {
  color: #333;
}

.home-refine-menu {
  display: none;
  width: 100%;
  border-radius: 5px;
  color: #fff;
  border: 2px solid #fff;
  background: rgba(0, 0, 0, 0.9);
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5);
  padding: 10px;
}
@media (min-width: 1024px) {
  .home-refine-menu {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
  }
}
@media (min-width: 1180px) {
  .home-refine-menu {
    flex-direction: row;
  }
}
.home-refine-menu .home-refine-menu-select {
  position: relative;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 5px;
  /*&::after {
  	position: absolute;
  	content: '';
  	top: 0;
  	bottom: 0;
  	//left: 0;
  	right: 0;
  	width: 1px;
  	height: 50%;
  	margin: auto;
  	background: rgba(255,255,255,0.5);
  }*/
}
.home-refine-menu .home-refine-menu-select select {
  position: relative;
  transition: all 0.3s ease;
  background: transparent;
  border: none;
  font-size: 0.75rem;
}
.home-refine-menu .home-refine-menu-select select:last-child {
  border-right: none;
}
.home-refine-menu .home-refine-menu-select select:focus {
  outline: none;
  border: none;
}
.home-refine-menu .home-refine-menu-select option {
  height: auto;
  color: #333;
  line-height: 1;
  margin: 0;
  padding: 0;
}
.home-refine-menu .home-refine-menu-select:hover {
  transition: all 0.3s ease;
  background: rgba(255, 255, 255, 0.15);
}
.home-refine-menu .home-refine-menu-select:before {
  z-index: 1;
  position: absolute;
  pointer-events: none;
  position: absolute;
  content: "";
  border-color: #fff;
  transform: rotate(135deg);
  border-top: 1px solid;
  border-right: 1px solid;
  width: 6px;
  height: 6px;
  left: auto;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.home-refine-menu .home-refine-menu-left {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  width: 100%;
}
@media (min-width: 1180px) {
  .home-refine-menu .home-refine-menu-left {
    flex-direction: row;
    flex-grow: 1;
  }
}
.home-refine-menu .home-refine-menu-left .home-refine-menu-list {
  margin: 0;
  width: calc(20% - 5px);
}
.home-refine-menu .home-refine-menu-right {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
@media (min-width: 1024px) {
  .home-refine-menu .home-refine-menu-right {
    width: 30%;
  }
}
@media (min-width: 1180px) {
  .home-refine-menu .home-refine-menu-right {
    flex-direction: column;
    flex-basis: 170px;
  }
}
.home-refine-menu .home-refine-menu-right .home-refine-menu-count {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  font-size: 0.875rem;
}
@media (min-width: 1024px) {
  .home-refine-menu .home-refine-menu-right .home-refine-menu-count {
    width: 40%;
  }
}
@media (min-width: 1180px) {
  .home-refine-menu .home-refine-menu-right .home-refine-menu-count {
    width: initial;
  }
}
.home-refine-menu .home-refine-menu-right .home-refine-menu-count .home-refine-menu-count_number {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 0.15em;
  margin-bottom: -0.15em;
}
.home-refine-menu .home-refine-menu-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
@media (min-width: 1024px) {
  .home-refine-menu .home-refine-menu-btn {
    width: 60%;
  }
}
@media (min-width: 1180px) {
  .home-refine-menu .home-refine-menu-btn {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .home-refine-menu .home-refine-menu-btn-lft {
    width: 65%;
  }
}
@media (min-width: 1180px) {
  .home-refine-menu .home-refine-menu-btn-lft {
    width: 65%;
  }
}
.home-refine-menu .home-refine-menu-btn-lft .home-refine-menu-btn-search {
  width: 100%;
  text-decoration: none;
  display: block;
  border-radius: 100px;
  background: #f88000;
  font-weight: 700;
  transition: all 0.3s ease;
  text-align: center;
  background: linear-gradient(0deg, rgb(231, 33, 71) 0%, rgb(236, 105, 62) 100%);
}
.home-refine-menu .home-refine-menu-btn-lft .home-refine-menu-btn-search:hover {
  color: #fff;
}
.home-refine-menu .home-refine-menu-btn-lft .home-refine-menu-btn-search:active {
  color: #fff;
}
.home-refine-menu .home-refine-menu-btn-lft .home-refine-menu-btn-search:link {
  color: #fff;
}
.home-refine-menu .home-refine-menu-btn-lft .home-refine-menu-btn-search:visited {
  color: #fff;
}
@media (min-width: 1024px) {
  .home-refine-menu .home-refine-menu-btn-lft .home-refine-menu-btn-search {
    padding: 0.5em 2em;
  }
}
@media (min-width: 1180px) {
  .home-refine-menu .home-refine-menu-btn-lft .home-refine-menu-btn-search {
    padding: 0.5em;
  }
}
.home-refine-menu .home-refine-menu-btn-lft .home-refine-menu-btn-search:hover {
  transition: all 0.3s ease;
  transform: scale(0.95);
  cursor: pointer;
}
@media (min-width: 1024px) {
  .home-refine-menu .home-refine-menu-btn-rgt {
    width: 35%;
  }
}
@media (min-width: 1180px) {
  .home-refine-menu .home-refine-menu-btn-rgt {
    width: 35%;
  }
}
.home-refine-menu .home-refine-menu-btn-rgt .home-refine-menu-btn-clear {
  text-decoration: none;
  display: block;
  border-radius: 100px;
  background: #f88000;
  font-size: 0.7em;
  font-weight: 700;
  transition: all 0.3s ease;
  text-align: center;
  background: linear-gradient(0deg, rgb(231, 33, 71) 0%, rgb(236, 105, 62) 100%);
  /*img {
  	@include mq('lg') {
  		width: 80%;
  	}
  	@include mq('xl') {
  		width: 100%;
  	}
  }*/
}
.home-refine-menu .home-refine-menu-btn-rgt .home-refine-menu-btn-clear:hover {
  color: #fff;
}
.home-refine-menu .home-refine-menu-btn-rgt .home-refine-menu-btn-clear:active {
  color: #fff;
}
.home-refine-menu .home-refine-menu-btn-rgt .home-refine-menu-btn-clear:link {
  color: #fff;
}
.home-refine-menu .home-refine-menu-btn-rgt .home-refine-menu-btn-clear:visited {
  color: #fff;
}
@media (min-width: 1024px) {
  .home-refine-menu .home-refine-menu-btn-rgt .home-refine-menu-btn-clear {
    padding: 0.7em;
  }
}
@media (min-width: 1180px) {
  .home-refine-menu .home-refine-menu-btn-rgt .home-refine-menu-btn-clear {
    padding: 0.7em;
  }
}
.home-refine-menu .home-refine-menu-btn-rgt .home-refine-menu-btn-clear:hover {
  transition: all 0.3s ease;
  transform: scale(0.95);
  cursor: pointer;
}

/*
//////////////////////////////////////////////////////////////////

// Trucklist
// 中古トラック車輌一覧ページ

01:モジュール
02:レイアウト
03:メイン

//////////////////////////////////////////////////////////////////
*/

.newtrucklist_block {
  width: 100%;
  border-radius: 5px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.newtrucklist_block:hover {
  background: #fff2e6;
}
@media (min-width: 360px) {
  .newtrucklist_block {
    width: 50%;
  }
}
@media (min-width: 640px) {
  .newtrucklist_block {
    width: 33.333333%;
  }
}
@media (min-width: 960px) {
  .newtrucklist_block {
    width: 25%;
  }
}
@media (min-width: 1280px) {
  .newtrucklist_block {
    width: calc(20% - 10px);
  }
}
.newtrucklist_block > a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  display: block;
}

.newtrucklist_image {
  width: 100%;
  position: relative;
  height: 125px;
}
@media (min-width: 640px) {
  .newtrucklist_image {
    height: 170px;
  }
}
.newtrucklist_image img {
  border-radius: 5px 5px 0 0;
  width: 100%;
  height: 125px;
}
@media (min-width: 640px) {
  .newtrucklist_image img {
    height: 170px;
  }
}

.newtrucklist_image_sold {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  border-radius: 5px 5px 0 0;
  background: rgba(0, 0, 0, 0.5);
}
.newtrucklist_image_sold span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 1.5rem;
}

.newtrucklist_label_list_no {
  font-family: "DIN Pro";
  position: absolute;
  z-index: 1;
  top: -15px;
  left: 10px;
  font-size: 1.25rem;
  font-weight: 700;
  color: #000;
  text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff;
  margin: 0;
  text-align: center;
}

.newtrucklist_label_no_use {
  background: rgb(255, 255, 255);
  color: #0c6bac;
  display: inline-block;
  border-radius: 3px;
  padding: 0 3px;
}

.tlist_label_bs {
  position: absolute;
  z-index: 1;
  top: -13px;
  right: 10px;
  font-size: 0.75rem;
  color: #fff;
  margin: 0;
  padding: 3px 10px;
  border-radius: 100px;
  border: 2px solid #fff;
}

.newtrucklist_label_situation {
  background: rgb(255, 255, 255);
  color: #0c6bac;
  padding: 0 3px;
  border-radius: 3px;
  display: none;
}
@media (min-width: 640px) {
  .newtrucklist_label_situation {
    display: inline-block;
  }
}

.newtrucklist_label_comment_block {
  flex-grow: 1;
  position: relative;
  font-size: 0.75rem;
  font-weight: 700;
  color: #fff;
  background: #197cd1;
  background: linear-gradient(180deg, #29c0ff 0%, #0081e3 100%);
  background: linear-gradient(to bottom, #197cd1 0%, #197cd1 90%, #166eba 95%, #166eba 100%);
  background: linear-gradient(to bottom, #197cd1 0%, #197cd1 90%, #166eba 95%, #166eba 100%);
  background: #333;
  border-radius: 0 0 7.5px 7.5px;
  padding: 0 10px 10px;
  width: 100%;
  margin: 0 auto;
  line-height: 1.6;
  word-break: break-all;
}
.newtrucklist_label_comment_block::before {
  position: absolute;
  content: "";
  z-index: 9999;
  bottom: -8px;
  left: 0;
  right: 0;
  margin: auto;
  background: #262626;
  height: calc(tan(60deg) * 10px / 2);
  width: 10px;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}
.newtrucklist_label_comment_block .newtrucklist_label_comment {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}
.newtrucklist_label_comment_block .newtrucklist_label_comment .newtrucklist_label_comment_inner {
  width: 100%;
  text-align: left;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.newtrucklist_character_group {
  padding: 0 7.5px;
  border-radius: 0px 0px 5px 5px;
}
@media (min-width: 640px) {
  .newtrucklist_character_group {
    margin-top: 7px;
    font-size: 1.125rem;
  }
}
.newtrucklist_character_group .newtrucklist_title {
  width: 100%;
  height: 67px;
  font-weight: 900;
  display: table;
  word-break: break-all;
  font-size: 0.875rem;
  line-height: 1.4;
  border-bottom: 1px solid #ccc;
  color: #003a6b;
}
@media (min-width: 640px) {
  .newtrucklist_character_group .newtrucklist_title {
    padding: 2.5px 0 2.5px;
    font-size: 0.925rem;
    border-bottom: none;
    margin-bottom: 3px;
  }
}
@media (min-width: 1280px) {
  .newtrucklist_character_group .newtrucklist_title {
    font-size: 0.95rem;
  }
}
.newtrucklist_character_group .newtrucklist_title .newtrucklist_title_inner {
  display: table-cell;
  vertical-align: middle;
}
.newtrucklist_character_group .newtrucklist_title .newtrucklist_title_inner:hover {
  text-decoration: underline;
}
.newtrucklist_character_group .newtrucklist_title .newtrucklist_title_inner .newtrucklist_label_new {
  background: #c20000;
  font-size: 0.75rem;
  color: #fff;
  font-weight: bold;
  padding: 2px 6px;
  margin-right: 2px;
  border-radius: 3px;
}
.newtrucklist_character_group .newtrucklist_character {
  width: 100%;
  margin-bottom: 2%;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.725rem;
}
@media (min-width: 360px) {
  .newtrucklist_character_group .newtrucklist_character {
    font-size: 0.95rem;
  }
}
.newtrucklist_character_group .newtrucklist_character li {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-top: 1px solid #ccc;
}
.newtrucklist_character_group .newtrucklist_character .newtrucklist_character_top {
  text-align: right;
  position: relative;
  width: 40%;
  padding: 5px 7px 5px 5px;
  line-height: 1;
}
.newtrucklist_character_group .newtrucklist_character .newtrucklist_character_top::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: #b3b3b3;
  width: 2px;
  height: 60%;
  margin: auto;
}
.newtrucklist_character_group .newtrucklist_character .newtrucklist_character_bottom {
  text-align: left;
  font-weight: 900;
  width: 60%;
  padding: 5px;
}

.newtrucklist_contact_num_thumb_block {
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 90%, rgb(180, 180, 180) 100%);
  background: #fff;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2), inset 0px 3px 3px 0px rgb(255, 255, 255);
  width: 100%;
  padding: 5px 0;
  border-radius: 0 0 5px 5px;
  border-radius: 100px;
  margin-top: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #000;
  text-align: center;
  font-weight: 900;
  letter-spacing: -0.6px;
}
.newtrucklist_contact_num_thumb_block .contact_num_title {
  width: 100%;
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.65rem;
}
@media (min-width: 360px) {
  .newtrucklist_contact_num_thumb_block .contact_num_title {
    font-size: 0.725rem;
  }
}
@media (min-width: 640px) {
  .newtrucklist_contact_num_thumb_block .contact_num_title {
    width: auto;
    margin-right: 5px;
  }
}
.newtrucklist_contact_num_thumb_block .contact_num_number {
  color: #8c0000;
  font-size: 0.825rem;
}
@media (min-width: 360px) {
  .newtrucklist_contact_num_thumb_block .contact_num_number {
    font-size: 1.3rem;
    line-height: 1;
  }
}
@media (min-width: 640px) {
  .newtrucklist_contact_num_thumb_block .contact_num_number {
    font-size: 1.125rem;
    line-height: initial;
  }
}
@media (min-width: 960px) {
  .newtrucklist_contact_num_thumb_block .contact_num_number {
    font-size: 0.925rem;
  }
}

.newtrucklist_contact_num_block {
  display: none;
}

.newtrucklist_contact_group {
  width: 100%;
}
.newtrucklist_contact_group .newtrucklist_contact {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
}
.newtrucklist_contact_group .newtrucklist_contact .tlist_contact_left {
  width: 41%;
  height: 40px;
}
.newtrucklist_contact_group .newtrucklist_contact .tlist_contact_right {
  width: 59%;
  height: 40px;
}
.newtrucklist_contact_group .newtrucklist_contact .newtrucklist_contact_thumb_show {
  display: block;
}
.newtrucklist_contact_group .newtrucklist_contact .newtrucklist_contact_list_show {
  display: none;
}

.newtrucklist_character li[data-view=list],
.newtrucklist_block .newtrucklist_comment[data-view=list] {
  display: none;
}

.tlist_btn_bs {
  cursor: pointer;
  text-align: center;
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px 10px 13px;
  font-size: 0.875rem;
  /*&:hover {
    transition: all 0.2s ease;
    transform: scale(0.975);
  }*/
}
.tlist_btn_bs img {
  display: block;
  width: 1.1em;
  margin-right: 0.2em;
}
.tlist_btn_bs span {
  display: block;
}

.newtrucklist_favorite_btn {
  color: #fff;
  border-radius: 5px;
  border: 1px solid #dedcd7;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  background: linear-gradient(to bottom, #197cd1 85%, #166eba 100%);
  /*background: linear-gradient(
    to bottom,
    $fav-btn-color 85%, 
    darken($fav-btn-color, 5%) 100%
  );*/
}
.newtrucklist_favorite_btn:hover {
  background: #1461a3;
}

.newtrucklist_favorite_added_btn {
  border-radius: 5px;
  background: #e6e6e6;
  color: #808080;
}

.newtrucklist_contact_btn {
  color: #fff;
  border-radius: 5px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  background: linear-gradient(to bottom, #f88000 85%, #df7300 100%);
}
.newtrucklist_contact_btn:hover {
  background: #c56600;
}

.newtrucklist_loading_btn {
  width: 100%;
  padding: 10px;
}

.load_speeding_wheel {
  width: 14px;
  height: 14px;
  margin: 0 auto;
  border: 1px solid rgb(0, 0, 0);
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: cssload-spin 650ms infinite linear;
  -ms-animation: cssload-spin 650ms infinite linear;
  -webkit-animation: cssload-spin 650ms infinite linear;
  -moz-animation: cssload-spin 650ms infinite linear;
}

@keyframes cssload-spin {
  100% {
    transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes cssload-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes cssload-spin {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.show_btn {
  display: block;
}

.hide_btn {
  display: none;
}

.loading_btn {
  display: none;
}

.btn_show {
  display: block;
}

.btn_hide {
  display: none;
}

/*
//////////////////////////////////////////////////////////////////

// Page Detail
// 「中古トラック詳細」ページ

01:レイアウト
02:モジュール
03:メイン
04:サイドバー

//////////////////////////////////////////////////////////////////
*/
.truckdetail-main {
  width: 100%;
  display: flex;
  align-items: stretch;
  flex-direction: row-reverse;
  gap: 0 30px;
}

.truckdetail-left {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media (min-width: 960px) {
  .truckdetail-left {
    width: calc(75% - 30px);
  }
}

.truckdetail-left_wrap {
  width: 100%;
}

.truckdetail-right {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media (min-width: 960px) {
  .truckdetail-right {
    width: 25%;
    gap: 20px;
  }
}

.truckdetail-subtitle {
  width: 100%;
  padding: 10px;
  font-weight: 900;
  border-bottom: 1px solid #ebebeb;
}

.truckdetail-contact {
  background: linear-gradient(to right, #5095e4, #aa6dda);
  background: #f03d61;
  background: linear-gradient(135deg, #f03d61, #ea0437);
  border-radius: 10px;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 10px;
}

.truckdetail-contact_info {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 15px;
  gap: 10px;
}

.truckdetail-contact_branch {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.truckdetail-contact_branch_info {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 5px;
  font-weight: bold;
}
@media (min-width: 640px) {
  .truckdetail-contact_branch_info {
    width: 32%;
    padding: initial;
  }
}
@media (min-width: 960px) {
  .truckdetail-contact_branch_info {
    width: 27%;
    padding: initial;
  }
}
@media (min-width: 1280px) {
  .truckdetail-contact_branch_info {
    width: 100%;
  }
}
.truckdetail-contact_branch_info .truckdetail-branch_name {
  display: block;
}
.truckdetail-contact_branch_info .truckdetail-branch_biz_hours {
  display: block;
  font-size: 0.875rem;
}

.truckdetail-branch_tel {
  transition: all 0.2s ease;
  display: inline-block;
  vertical-align: middle;
  font-size: 3.125rem;
  font-family: "DIN Pro";
  font-weight: 400;
  width: 100%;
  line-height: 1;
}
@media (min-width: 640px) {
  .truckdetail-branch_tel {
    width: 36%;
  }
}
@media (min-width: 960px) {
  .truckdetail-branch_tel {
    width: 38%;
    font-size: 4.375rem;
  }
}
@media (min-width: 1280px) {
  .truckdetail-branch_tel {
    width: 100%;
    font-size: 2.25rem;
  }
}
.truckdetail-branch_tel a, .truckdetail-branch_tel span {
  color: #fff;
}
.truckdetail-branch_tel a:hover {
  transition: all 0.2s ease;
  opacity: 0.5;
}

.truckdetail-branch_link {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-top: 5px;
}
@media (min-width: 640px) {
  .truckdetail-branch_link {
    width: 30%;
    margin: initial;
  }
}
@media (min-width: 960px) {
  .truckdetail-branch_link {
    width: 33.3333333%;
  }
}
@media (min-width: 1280px) {
  .truckdetail-branch_link {
    width: 100%;
  }
}

.truckdetail-contact_num_block {
  width: 100%;
  font-weight: bold;
  text-align: center;
}
.truckdetail-contact_num_block .truckdetail-contact_num_title {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  font-size: 0.875rem;
  padding: 0 5px;
}
@media (min-width: 360px) {
  .truckdetail-contact_num_block .truckdetail-contact_num_title {
    width: 40%;
    text-align: right;
  }
}
@media (min-width: 640px) {
  .truckdetail-contact_num_block .truckdetail-contact_num_title {
    width: 17%;
    text-align: right;
  }
}
@media (min-width: 1280px) {
  .truckdetail-contact_num_block .truckdetail-contact_num_title {
    width: 100%;
    text-align: center;
  }
}
.truckdetail-contact_num_block .truckdetail-contact_num {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.975rem;
  padding: 0 5px;
}
@media (min-width: 360px) {
  .truckdetail-contact_num_block .truckdetail-contact_num {
    width: auto;
    text-align: left;
  }
}
@media (min-width: 1280px) {
  .truckdetail-contact_num_block .truckdetail-contact_num {
    width: 100%;
    text-align: center;
  }
}

.branch_multiple {
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: initial;
}
.branch_multiple .truckdetail-contact_branch_info {
  width: 25%;
  font-size: 0.75rem;
}
.branch_multiple .truckdetail-branch_tel {
  width: 75%;
  display: flex;
  justify-content: flex-end;
  font-size: 1.775rem;
}
.branch_multiple .truckdetail-branch_tel a:hover {
  transition: all 0.2s ease;
  opacity: 0.5;
}

.truckdetail-contact_btn_block {
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}
@media (min-width: 1280px) {
  .truckdetail-contact_btn_block {
    width: 100%;
    border-radius: 5px;
  }
}
.truckdetail-contact_btn_block .btn_show, .truckdetail-contact_btn_block .btn_hide {
  height: initial;
}

.truckdetail-contact_btn {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.truckdetail-contact_btn li {
  width: 100%;
}
@media (min-width: 360px) {
  .truckdetail-contact_btn li {
    width: 50%;
  }
}
@media (min-width: 640px) {
  .truckdetail-contact_btn li {
    width: 25%;
  }
}
@media (min-width: 1280px) {
  .truckdetail-contact_btn li {
    width: 100%;
  }
}

.truckdetail-contact_list {
  width: 100%;
  padding: 20px 0;
  background: linear-gradient(135deg, #f03d61, #ea0437);
}
.truckdetail-contact_list .truckdetail-contact_info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  border-top: none;
  width: 100%;
  gap: 10px 0;
  margin-bottom: 15px;
}
.truckdetail-contact_list .truckdetail-contact_info .truckdetail-subtitle {
  width: 100%;
  padding: 10px 0;
  color: #fff;
  background: none;
}
.truckdetail-contact_list .truckdetail-contact_info .truckdetail-contact_branch {
  width: 100%;
  color: #fff;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-bottom: none;
  gap: 0 20px;
}
.truckdetail-contact_list .truckdetail-contact_info .truckdetail-contact_branch .truckdetail-contact_branch_info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: flex-start;
  flex-direction: row;
  text-align: left;
  width: initial;
  gap: 0 20px;
}
.truckdetail-contact_list .truckdetail-contact_info .truckdetail-contact_branch .truckdetail-branch_tel {
  display: flex;
  align-items: center;
  width: initial;
  font-size: 3.125rem;
}
.truckdetail-contact_list .truckdetail-contact_info .truckdetail-contact_branch .truckdetail-branch_tel a {
  color: #fff;
}
.truckdetail-contact_list .truckdetail-contact_info .truckdetail-contact_branch .truckdetail-branch_link {
  display: flex;
  align-items: center;
  width: initial;
}
.truckdetail-contact_list .truckdetail-contact_info .truckdetail-contact_branch.branch_multiple {
  width: 33.3333333333%;
  justify-content: flex-start;
  gap: initial;
}
.truckdetail-contact_list .truckdetail-contact_info .truckdetail-contact_branch.branch_multiple .truckdetail-contact_branch_info {
  width: 20%;
}
.truckdetail-contact_list .truckdetail-contact_info .truckdetail-contact_branch.branch_multiple .truckdetail-branch_tel {
  font-size: 2.25rem;
  justify-content: flex-start;
  width: 80%;
}
.truckdetail-contact_list .truckdetail-contact_btn_block {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 100px;
  gap: 0 15px;
}
.truckdetail-contact_list .truckdetail-contact_btn_block .truckdetail-contact_num_block {
  display: flex;
  align-items: center;
  width: initial;
  margin-bottom: 0;
}
.truckdetail-contact_list .truckdetail-contact_btn_block .truckdetail-contact_num_block .truckdetail-contact_num_title {
  width: initial;
}
.truckdetail-contact_list .truckdetail-contact_btn_block .truckdetail-contact_num_block .truckdetail-contact_num {
  width: initial;
}
.truckdetail-contact_list .truckdetail-contact_btn_block .truckdetail-contact_btn {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: initial;
  padding: 0;
}
.truckdetail-contact_list .truckdetail-contact_btn_block .truckdetail-contact_btn li {
  width: initial;
}

/*.truckdetail-container {
  border-radius: 10px;
  box-shadow: 0 5px 30px 0 rgba(0,0,0,.05);
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 40px;
  padding-right: 40px;
}*/
.truckdetail-spec_comment {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  flex-grow: 1;
  padding: 20px;
  border-radius: 5px;
  margin-top: 40px;
  background: #fff3d8;
}
.truckdetail-spec_comment .truckdetail-spec_comment_title {
  padding: 0.5em 1.5em;
  border-radius: 100px;
  background: linear-gradient(45deg, rgb(231, 33, 71) 0%, rgb(236, 105, 62) 100%);
  color: #fff;
  position: absolute;
  left: 15px;
  top: -15px;
  content: "";
  margin: auto;
}

.truckdetail-result_title {
  font-weight: 900;
  padding: 1.5em 0 1em;
  /*background: linear-gradient(
    to bottom,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0) 92.5%,
    #d8d8d8 100%
  );*/
  border-bottom: 3px solid #d3d6d8;
  position: relative;
}
.truckdetail-result_title::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  height: 3px;
  width: 40px;
  background-color: #e10029;
}
@media (min-width: 640px) {
  .truckdetail-result_title {
    font-size: 1.25rem;
  }
}

.truckdetail-check {
  margin-bottom: 20px;
  width: 100%;
  background: linear-gradient(135deg, #f03d61, #ea0437);
  background: rgba(0, 0, 0, 0.1);
  padding: 10px 20px;
  display: flex;
  align-items: center;
  border-radius: 0 0 5px 5px;
}
.truckdetail-check li {
  padding: 0 10px 5px 0;
}
.truckdetail-check li span {
  font-size: 0.875rem;
  font-weight: 900;
}
@media (min-width: 640px) {
  .truckdetail-check li span {
    font-size: initial;
  }
}
.truckdetail-check li .checkbox + .checkbox-icon {
  opacity: 0.7;
}
.truckdetail-check li .checkbox-icon:before {
  border: none !important;
  box-shadow: none !important;
  background: rgba(0, 0, 0, 0.5) !important;
}
.truckdetail-check li .checkbox:checked + .checkbox-icon {
  opacity: 1;
}
.truckdetail-check li .checkbox:checked + .checkbox-icon:before {
  border: none !important;
  background: rgb(0, 0, 0) !important;
}

.tdetail_btn_bs {
  font-weight: 900;
  transition: all 0.2s ease;
  cursor: pointer;
  text-align: center;
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 1em;
  border-radius: 0.5em;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
.tdetail_btn_bs img {
  max-width: 100%;
  padding-right: 0.3em;
}
.tdetail_btn_bs:hover {
  transition: all 0.2s ease;
  transform: scale(0.975);
  opacity: 0.9;
}

.truckdetail-favorite_btn {
  font-size: 0.875rem;
  color: #fff;
  background: linear-gradient(to bottom, #197cd1 85%, #166eba 100%);
}

.truckdetail-favorite_added_btn {
  font-size: 0.875rem;
  color: #333;
  background: linear-gradient(to bottom, #bdbdbd 85%, #b0b0b0 100%);
}

.truckdetail-mail_btn {
  font-size: 0.875rem;
  color: #fff;
  background: linear-gradient(to bottom, #f88000 85%, #df7300 100%);
}

.truckdetail-doc_btn {
  font-size: 0.875rem;
  color: #fff;
  background: linear-gradient(to bottom, #29b3e7 85%, #19a8de 100%);
}

.truckdetail-print_btn {
  font-size: 0.875rem;
  color: #fff;
  background: linear-gradient(to bottom, #1ca913 85%, #189210 100%);
}

.truckdetail-disable_btn {
  font-size: 0.875rem;
  color: #bbb;
  background: linear-gradient(to bottom, #ededed 85%, #e0e0e0 100%);
}

.truckdetail-brunch_btn {
  font-size: 0.75rem;
  color: #333;
  background: linear-gradient(to bottom, #ededed 85%, #e0e0e0 100%);
}

.truckdetail-overview_info {
  border-top: 1px solid #e6e6e6;
  display: flex;
  flex-wrap: wrap;
}
.truckdetail-overview_info li {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #cdcdcd;
}
.truckdetail-overview_info li .truckdetail-overview_info_left {
  line-height: 1.3;
  padding: 10px;
  background: #fafafa;
}
.truckdetail-overview_info li .truckdetail-overview_info_right {
  line-height: 1.3;
  padding: 10px;
  font-weight: bold;
  background: #fff;
}

.truckdetail-overview_info_side {
  width: 100%;
}

/*.truckdetail-drawer_container {
  @extend .container;
  padding: 0;
}*/
/*.drawer_fixed .truckdetail-specmenu {
  @include media(tb) { margin-left: 8px; }
  @include media(mpc) { margin-left: 15px; }
}*/
.truckdetail-specmenu {
  display: flex;
  align-items: stretch;
  width: 100%;
  color: #fff;
  background: #333;
  box-shadow: 0 5px 2px -1px rgba(0, 0, 0, 0.14);
  border-radius: 0 0 5px 5px/0 0 5px 5px;
}
.truckdetail-specmenu li {
  position: relative;
  display: flex;
  padding: 15px 25px 15px 10px;
  text-align: center;
}
@media (min-width: 360px) {
  .truckdetail-specmenu li {
    padding: 15px 25px 15px 18.5px;
  }
}
@media (min-width: 640px) {
  .truckdetail-specmenu li {
    padding: 15px 40px;
  }
}
.truckdetail-specmenu li::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 50%;
  margin: auto;
  background: rgba(255, 255, 255, 0.5);
}
.truckdetail-specmenu li:hover {
  transition: all 0.2s ease;
  background: rgba(255, 255, 255, 0.1);
}
.truckdetail-specmenu li span {
  position: relative;
}
.truckdetail-specmenu li span:after {
  position: absolute;
  content: "";
  border-color: #f12617;
  transform: rotate(135deg);
  border-top: 1px solid;
  border-right: 1px solid;
  width: 6px;
  height: 6px;
  left: auto;
  right: -1em;
  top: 0;
  bottom: 0;
  margin: auto;
}
.truckdetail-specmenu li a {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: auto;
}

.truckdetail-spectable {
  width: 100%;
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
}
.truckdetail-spectable dl {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  line-height: 1.3;
  border-top: solid 1px;
  border-left: solid 1px;
  border-color: #e3e3e3;
  background: #fff;
  width: 33.3333333333%;
  font-size: 0.735rem;
  margin-top: -1px;
  margin-left: -1px;
  transition: all 0.2s ease;
}
@media (min-width: 640px) {
  .truckdetail-spectable dl {
    width: 33.3333333333%;
  }
}
@media (min-width: 960px) {
  .truckdetail-spectable dl {
    font-size: 0.775rem;
  }
}
.truckdetail-spectable dl:hover {
  transition: all 0.2s ease;
  background: rgba(0, 0, 0, 0.1);
}
.truckdetail-spectable dl dt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-weight: 700;
  width: 55%;
  min-height: 52px;
  border-right: solid 1px;
  border-bottom: solid 1px;
  border-color: #e3e3e3;
  padding: 10px;
  background: #f9f9f9;
  mix-blend-mode: multiply;
}
.truckdetail-spectable dl dd {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 45%;
  min-height: 52px;
  border-right: solid 1px;
  border-bottom: solid 1px;
  border-color: #e3e3e3;
  background: #fff;
  padding: 10px;
  mix-blend-mode: multiply;
}

.truckdetail-sheet_exp {
  margin: 30px 0;
  line-height: 1.6;
}
.truckdetail-sheet_exp dt {
  font-size: 1.125rem;
  font-weight: 900;
}
.truckdetail-sheet_exp dd {
  position: relative;
  padding-left: 1.3em;
  font-size: 0.875rem;
  margin-top: 5px;
}
.truckdetail-sheet_exp dd:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  content: "※";
  margin: auto;
}

.truckdetail-checksheet {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-top: 30px;
  gap: 20px 10px;
}

.truckdetail-checksheet_block {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  font-size: 0.75rem;
}
@media (min-width: 640px) {
  .truckdetail-checksheet_block {
    font-size: 0.61rem;
    width: calc(50% - 10px);
  }
}
@media (min-width: 960px) {
  .truckdetail-checksheet_block {
    font-size: 0.75rem;
  }
}
.truckdetail-checksheet_block dl {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  flex-grow: 1;
  line-height: 1.3;
  border-top: solid 1px;
  border-left: solid 1px;
  border-color: #e3e3e3;
  background: #fff;
}
.truckdetail-checksheet_block dl dt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-weight: 700;
  width: 33.3333333333%;
  min-height: 52px;
  border-right: solid 1px;
  border-bottom: solid 1px;
  border-color: #e3e3e3;
  padding: 10px;
  background: #f9f9f9;
  mix-blend-mode: multiply;
}
.truckdetail-checksheet_block dl dt:hover {
  transition: all 0.2s ease;
  background: rgba(0, 0, 0, 0.1);
}
.truckdetail-checksheet_block dl dd {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 33.3333333333%;
  min-height: 52px;
  border-right: solid 1px;
  border-bottom: solid 1px;
  border-color: #e3e3e3;
  background: #fff;
  mix-blend-mode: multiply;
  padding: 10px;
}
.truckdetail-checksheet_block dl dd:hover {
  transition: all 0.2s ease;
  background: rgba(0, 0, 0, 0.1);
}

.truckdetail-checksheet_tire_block {
  width: 100%;
  /*display: flex;
  flex-wrap: wrap;
  flex-direction: column;*/
  font-size: 0.75rem;
  position: relative;
  height: 350px;
}
@media (min-width: 640px) {
  .truckdetail-checksheet_tire_block {
    width: calc(50% - 10px);
    height: 427px;
  }
}

.truckdetail-checksheet_tire {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  position: relative;
  vertical-align: middle;
  /*@include media(tb) { margin-top: 50px; }
  @include media(mpc) { margin-top: 20px; }
  @include media(pc) { margin-top: 50px; }*/
}
.truckdetail-checksheet_tire img {
  width: 50%;
}
@media (min-width: 360px) {
  .truckdetail-checksheet_tire img {
    width: 48%;
  }
}
@media (min-width: 640px) {
  .truckdetail-checksheet_tire img {
    width: 50%;
  }
}

.tire_FL,
.tire_FR,
.tire_F2L,
.tire_F2R,
.tire_BL,
.tire_BR,
.tire_B2L,
.tire_B2R {
  position: absolute;
  width: 36.5%;
  cursor: pointer;
}
@media (min-width: 360px) {
  .tire_FL,
  .tire_FR,
  .tire_F2L,
  .tire_F2R,
  .tire_BL,
  .tire_BR,
  .tire_B2L,
  .tire_B2R {
    width: 37.5%;
  }
}
@media (min-width: 640px) {
  .tire_FL,
  .tire_FR,
  .tire_F2L,
  .tire_F2R,
  .tire_BL,
  .tire_BR,
  .tire_B2L,
  .tire_B2R {
    width: 37%;
  }
}
@media (min-width: 960px) {
  .tire_FL,
  .tire_FR,
  .tire_F2L,
  .tire_F2R,
  .tire_BL,
  .tire_BR,
  .tire_B2L,
  .tire_B2R {
    width: 37%;
  }
}
.tire_FL li,
.tire_FR li,
.tire_F2L li,
.tire_F2R li,
.tire_BL li,
.tire_BR li,
.tire_B2L li,
.tire_B2R li {
  position: relative;
  background: #333;
  color: #fff;
  border-radius: 100px;
  height: 23px;
  width: 23px;
  padding-top: 2px;
}
@media (min-width: 960px) {
  .tire_FL li,
  .tire_FR li,
  .tire_F2L li,
  .tire_F2R li,
  .tire_BL li,
  .tire_BR li,
  .tire_B2L li,
  .tire_B2R li {
    height: 30px;
    width: 30px;
    padding-top: 5px;
  }
}
.tire_FL li span,
.tire_FR li span,
.tire_F2L li span,
.tire_F2R li span,
.tire_BL li span,
.tire_BR li span,
.tire_B2L li span,
.tire_B2R li span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tire_FL,
.tire_F2L,
.tire_BL,
.tire_B2L {
  left: 0;
}
.tire_FL li,
.tire_F2L li,
.tire_BL li,
.tire_B2L li {
  float: right;
}

.tire_FR,
.tire_F2R,
.tire_BR,
.tire_B2R {
  left: 63.5%;
}
@media (min-width: 360px) {
  .tire_FR,
  .tire_F2R,
  .tire_BR,
  .tire_B2R {
    left: 62.5%;
  }
}
@media (min-width: 640px) {
  .tire_FR,
  .tire_F2R,
  .tire_BR,
  .tire_B2R {
    left: 63%;
  }
}
@media (min-width: 960px) {
  .tire_FR,
  .tire_F2R,
  .tire_BR,
  .tire_B2R {
    left: 62.7%;
  }
}
@media (min-width: 1280px) {
  .tire_FR,
  .tire_F2R,
  .tire_BR,
  .tire_B2R {
    left: 62.7%;
  }
}
.tire_FR li,
.tire_F2R li,
.tire_BR li,
.tire_B2R li {
  float: left;
}

.tire_FL,
.tire_FR {
  top: 19%;
}
@media (min-width: 360px) {
  .tire_FL,
  .tire_FR {
    top: 20%;
  }
}
@media (min-width: 960px) {
  .tire_FL,
  .tire_FR {
    top: 20%;
  }
}
@media (min-width: 1280px) {
  .tire_FL,
  .tire_FR {
    top: 20.5%;
  }
}

.tire_F2L,
.tire_F2R {
  top: 31.5%;
}
@media (min-width: 360px) {
  .tire_F2L,
  .tire_F2R {
    top: 32.4%;
  }
}
@media (min-width: 640px) {
  .tire_F2L,
  .tire_F2R {
    top: 32.7%;
  }
}
@media (min-width: 960px) {
  .tire_F2L,
  .tire_F2R {
    top: 32.5%;
  }
}
@media (min-width: 1280px) {
  .tire_F2L,
  .tire_F2R {
    top: 33%;
  }
}

.tire_BL,
.tire_BR {
  top: 48.5%;
}
@media (min-width: 640px) {
  .tire_BL,
  .tire_BR {
    top: 49.5%;
  }
}
@media (min-width: 960px) {
  .tire_BL,
  .tire_BR {
    top: 49.3%;
  }
}
@media (min-width: 1280px) {
  .tire_BL,
  .tire_BR {
    top: 50%;
  }
}

.tire_B2L,
.tire_B2R {
  top: 60.5%;
}
@media (min-width: 640px) {
  .tire_B2L,
  .tire_B2R {
    top: 62%;
  }
}
@media (min-width: 960px) {
  .tire_B2L,
  .tire_B2R {
    top: 61.5%;
  }
}
@media (min-width: 1280px) {
  .tire_B2L,
  .tire_B2R {
    top: 62.5%;
  }
}

.tire_spare {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: absolute;
  bottom: 20px;
}
.tire_spare li.tire_spare_title {
  width: 60px;
  text-align: right;
}
.tire_spare li.tire_spare_title span {
  margin-right: 5px;
}
.tire_spare li.tire_spare_num {
  position: relative;
  text-align: center;
  width: 30px;
  height: 30px;
  background: #333;
  color: #fff;
  border-radius: 100px;
}
.tire_spare li.tire_spare_num span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.truckdetail-ballon {
  display: none;
  font-size: 0.875rem;
  width: 100px;
  position: absolute;
  padding: 20px;
  border-radius: 5px;
  background: #197cd1;
  color: #fff;
  z-index: 9999;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 30px;
}
.truckdetail-ballon::after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border: solid transparent;
  border-color: rgba(51, 51, 51, 0);
  border-bottom-color: #197cd1;
  border-width: 10px;
  pointer-events: none;
  content: " ";
}

.truckdetail-checksheet_tire_num:hover + .truckdetail-ballon, .truckdetail-checksheet_tire_num:active + .truckdetail-ballon {
  display: block;
}

.truckdetail-tire_table {
  border-collapse: collapse;
  width: 100%;
  font-size: 0.75rem;
  border-top: 3px;
  border-right: 0;
  border-bottom: 0;
  border-left: 3px;
  border-style: solid;
  border-color: #fff;
  /*position: absolute;
  top: 50%;
  left: 50%;
  transform : translate(-50%,-50%);*/
  font-weight: 700;
  width: 100%;
  text-align: center;
}
.truckdetail-tire_table th {
  font-weight: 900;
  text-align: center;
  width: auto;
  padding: 2px;
  border-top: 0;
  border-right: 3px;
  border-bottom: 3px;
  border-left: 0;
  border-style: solid;
  border-color: #fff;
  background: #f0f0f0;
}
.truckdetail-tire_table td {
  text-align: center;
  width: auto;
  padding: 2px;
  border-top: 0;
  border-right: 3px;
  border-bottom: 3px;
  border-left: 0;
  border-style: solid;
  border-color: #fff;
  background: #f0f0f0;
}
.truckdetail-tire_table th, .truckdetail-tire_table td {
  display: table-cell;
  width: auto;
}

.quality_checksheet_block {
  border-right: 5px solid #ebe9e4;
  border-bottom: 5px solid #ebe9e4;
  border-collapse: collapse;
  font-size: 0.75rem;
}
@media (min-width: 640px) {
  .quality_checksheet_block {
    font-size: 0.61rem;
  }
}
@media (min-width: 960px) {
  .quality_checksheet_block {
    font-size: 0.75rem;
  }
}
.quality_checksheet_block dl {
  width: 100%;
  border-collapse: collapse;
  display: table;
  line-height: 1.3;
  border-top: solid 1px;
  border-left: solid 1px;
  border-color: #e3e3e3;
}
.quality_checksheet_block dl dt {
  display: table-cell;
  vertical-align: middle;
  font-weight: 900;
  text-align: center;
  width: 33.33333%;
  height: 52px;
  border-right: solid 1px;
  border-bottom: solid 1px;
  border-color: #e3e3e3;
  padding: 10px;
  background: #f9f9f9;
}
.quality_checksheet_block dl dd {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 33.33333%;
  height: 52px;
  border-right: solid 1px;
  border-bottom: solid 1px;
  border-color: #e3e3e3;
  padding: 10px;
  background: none;
}

.quality_checksheet_tire_block {
  border-right: 5px solid #ebe9e4;
  border-bottom: 5px solid #ebe9e4;
  border-collapse: collapse;
  font-size: 0.75rem;
}
@media (min-width: 640px) {
  .quality_checksheet_tire_block {
    height: 427px;
  }
}

/**
 * Swiper 11.0.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 22, 2023
 */
/* FONT_START */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}


.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

/* Auto Height */

/* 3D Effects */

/* CSS Mode */

/* Slide styles start */
/* 3D Shadows */

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after {
  content: "prev";
}

.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after {
  content: "next";
}

/* Navigation font end */
/*
--swiper-pagination-color: var(--swiper-theme-color);
--swiper-pagination-left: auto;
--swiper-pagination-right: 8px;
--swiper-pagination-bottom: 8px;
--swiper-pagination-top: auto;
--swiper-pagination-fraction-color: inherit;
--swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
--swiper-pagination-progressbar-size: 4px;
--swiper-pagination-bullet-size: 8px;
--swiper-pagination-bullet-width: 8px;
--swiper-pagination-bullet-height: 8px;
--swiper-pagination-bullet-border-radius: 50%;
--swiper-pagination-bullet-inactive-color: #000;
--swiper-pagination-bullet-inactive-opacity: 0.2;
--swiper-pagination-bullet-opacity: 1;
--swiper-pagination-bullet-horizontal-gap: 4px;
--swiper-pagination-bullet-vertical-gap: 6px;
*/
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

/* Common Styles */

/* Bullets */

/* Fraction */

/* Progress */

/*
--swiper-scrollbar-border-radius: 10px;
--swiper-scrollbar-top: auto;
--swiper-scrollbar-bottom: 4px;
--swiper-scrollbar-left: auto;
--swiper-scrollbar-right: 4px;
--swiper-scrollbar-sides-offset: 1%;
--swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
--swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
--swiper-scrollbar-size: 4px;
*/
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}


.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}


.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-lock {
  display: none;
}

/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

/* Cube slide shadows start */

/* Cube slide shadows end */

/* Flip slide shadows start */

/* Flip slide shadows end */

.swiper {
  z-index: initial;
}

.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  -ms-touch-action: auto;
  touch-action: auto;
  text-align: left;
}

.slide_top_banner,
.slide_top_banner2 {
  position: relative;
  width: 100%;
  height: 100%;
  padding-left: 50px;
  padding-right: 50px;
}
.slide_top_banner .swiper-wrapper,
.slide_top_banner2 .swiper-wrapper {
  display: flex;
}
.slide_top_banner .swiper-slide,
.slide_top_banner2 .swiper-slide {
  text-align: center;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px 2.5px;
  border-radius: 5px;
}
.slide_top_banner .swiper-slide img,
.slide_top_banner2 .swiper-slide img {
  transition: all 0.2s ease;
  width: 100%;
  border-radius: 5px;
}
.slide_top_banner .swiper-slide img:hover,
.slide_top_banner2 .swiper-slide img:hover {
  transition: all 0.2s ease;
  transform: scale(0.95);
}
.slide_top_banner .swiper-button-next,
.slide_top_banner .swiper-button-prev,
.slide_top_banner2 .swiper-button-next,
.slide_top_banner2 .swiper-button-prev {
  position: absolute;
  margin: auto;
  content: "";
  top: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  z-index: 9998;
  border-radius: 100%;
  background: rgb(255, 255, 255);
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5);
  transition: all 0.2s ease;
}
.slide_top_banner .swiper-button-next::after,
.slide_top_banner .swiper-button-prev::after,
.slide_top_banner2 .swiper-button-next::after,
.slide_top_banner2 .swiper-button-prev::after {
  position: absolute;
  margin: auto;
  content: "";
  z-index: 9999;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 30%;
  height: 30%;
}
.slide_top_banner .swiper-button-next:hover,
.slide_top_banner .swiper-button-prev:hover,
.slide_top_banner2 .swiper-button-next:hover,
.slide_top_banner2 .swiper-button-prev:hover {
  transition: all 0.2s ease;
  transform: scale(1.1);
}
.slide_top_banner .swiper-button-next,
.slide_top_banner2 .swiper-button-next {
  right: 5px;
}
@media (min-width: 768px) {
  .slide_top_banner .swiper-button-next,
  .slide_top_banner2 .swiper-button-next {
    right: 20px;
  }
}
.slide_top_banner .swiper-button-next::after,
.slide_top_banner2 .swiper-button-next::after {
  background: url("/res/images/arrow_dir_next_bk.svg") center center/contain no-repeat;
}
.slide_top_banner .swiper-button-prev,
.slide_top_banner2 .swiper-button-prev {
  left: 5px;
}
@media (min-width: 768px) {
  .slide_top_banner .swiper-button-prev,
  .slide_top_banner2 .swiper-button-prev {
    left: 20px;
  }
}
.slide_top_banner .swiper-button-prev::after,
.slide_top_banner2 .swiper-button-prev::after {
  background: url("/res/images/arrow_dir_prev_bk.svg") center center/contain no-repeat;
}

.slide_top_banner2 {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-left: initial;
  padding-right: initial;
}
.slide_top_banner2:before, .slide_top_banner2:after {
  content: " ";
  display: table;
}
.slide_top_banner2:after {
  clear: both;
}
@media (min-width: 320px) {
  .slide_top_banner2 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 360px) {
  .slide_top_banner2 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 640px) {
  .slide_top_banner2 {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .slide_top_banner2 {
    width: 960px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1280px) {
  .slide_top_banner2 {
    width: 1160px;
  }
}
@media (min-width: 1681px) {
  .slide_top_banner2 {
    width: 1160px;
  }
}
@media (min-width: 360px) {
  .slide_top_banner2 {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 768px) {
  .slide_top_banner2 {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1024px) {
  .slide_top_banner2 {
    padding-left: 0;
    padding-right: 0;
  }
}
.slide_top_banner2 .swiper-button-next,
.slide_top_banner2 .swiper-button-prev {
  width: 30px;
  height: 30px;
}
.slide_top_banner2 .swiper-button-next {
  right: 5px;
}
.slide_top_banner2 .swiper-button-prev {
  left: 5px;
}

.truckdetail-left_wrap .swiper-wrapper {
  position: relative;
  align-items: center;
}
.truckdetail-left_wrap .swiper-main {
  position: relative;
  border-radius: 10px;
}
.truckdetail-left_wrap .swiper-main figure {
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: auto;
  border-radius: 10px;
}
.truckdetail-left_wrap .swiper-main figure figcaption {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.7);
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  margin: auto;
  display: block;
}
.truckdetail-left_wrap .swiper-main .swiper-pagination {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: initial;
  text-align: center;
  padding: 0.5em 1em;
  margin: auto;
  border-radius: 0 0 10px 0;
  background: rgba(0, 0, 0, 0.7);
  border-right: 1px solid rgba(255, 255, 255, 0.7);
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  color: #fff;
}
.truckdetail-left_wrap .swiper-main .swiper-button-prev {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 5px;
  margin: auto;
  padding: 2em 1em;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.7);
}
.truckdetail-left_wrap .swiper-main .swiper-button-prev::after {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0.1em;
  right: 0;
  margin: auto;
  width: 0.7rem;
  height: 0.7rem;
  border: solid #fff;
  border-width: 2px 2px 0 0;
  transform: rotate(-135deg);
}
.truckdetail-left_wrap .swiper-main .swiper-button-next {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 5px;
  margin: auto;
  padding: 2em 1em;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.7);
}
.truckdetail-left_wrap .swiper-main .swiper-button-next::after {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0.1em;
  margin: auto;
  width: 0.7rem;
  height: 0.7rem;
  border: solid #fff;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
}
.truckdetail-left_wrap .swiper-thumb {
  padding-top: 15px;
}
.truckdetail-left_wrap .swiper-thumb .swiper-slide {
  background: #fff;
  width: 100%;
  border-radius: 5px;
  transition: all 0.2s ease;
}
.truckdetail-left_wrap .swiper-thumb .swiper-slide:hover {
  transition: all 0.2s ease;
  transform: scale(0.95);
}
.truckdetail-left_wrap .swiper-thumb .swiper-slide img {
  border-radius: 5px;
  width: 100%;
}
.truckdetail-left_wrap .swiper-thumb .swiper-slide-thumb-active {
  transition: all 0.2s ease;
  opacity: 0.3;
}
.truckdetail-left_wrap .swiper-scrollbar {
  position: relative;
  margin-top: 15px;
  height: 20px;
  background: none;
  border-radius: 3px;
}
.truckdetail-left_wrap .swiper-scrollbar::after {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  margin: auto;
  content: "";
  background-color: #eee;
}
.truckdetail-left_wrap .swiper-scrollbar .swiper-scrollbar-drag {
  height: 20px;
  padding: 8px 0;
  cursor: pointer;
  transition: all 0.2s ease;
  background-color: #f5695f;
  background-clip: content-box;
  border-radius: 3px;
}
.truckdetail-left_wrap .swiper-scrollbar .swiper-scrollbar-drag:hover {
  transition: all 0.2s ease;
  background-color: #f12617;
}

@media (min-width: 1400px) {
  .flow-slider {
    width: 95%;
  }
}
@media (min-width: 1920px) {
  .flow-slider {
    width: 100%;
  }
}
.flow-slider .swiper-button-next,
.flow-slider .swiper-button-prev {
  position: absolute;
  margin: auto;
  content: "";
  top: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  z-index: 9994;
  border-radius: 100%;
  background: rgb(255, 255, 255);
  border: 4px solid rgb(247, 42, 72);
  transition: all 0.2s ease;
}
.flow-slider .swiper-button-next::after,
.flow-slider .swiper-button-prev::after {
  position: absolute;
  margin: auto;
  content: "";
  z-index: 9999;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 30%;
  height: 30%;
}
.flow-slider .swiper-button-next:hover,
.flow-slider .swiper-button-prev:hover {
  transition: all 0.2s ease;
  transform: scale(0.9);
}
.flow-slider .swiper-button-next {
  right: 5px;
}
@media (min-width: 768px) {
  .flow-slider .swiper-button-next {
    right: 20px;
  }
}
.flow-slider .swiper-button-next::after {
  background: url("/res/images/arrow_dir_next_bk.svg") center center/contain no-repeat;
}
.flow-slider .swiper-button-prev {
  left: 5px;
}
@media (min-width: 768px) {
  .flow-slider .swiper-button-prev {
    left: 20px;
  }
}
.flow-slider .swiper-button-prev::after {
  background: url("/res/images/arrow_dir_prev_bk.svg") center center/contain no-repeat;
}
/* Z-INDEX */
.formError {
  z-index: 990;
}

.formError .formErrorContent {
  z-index: 991;
}

.formError .formErrorArrow {
  z-index: 996;
}

.ui-dialog .formError {
  z-index: 5000;
}

.ui-dialog .formError .formErrorContent {
  z-index: 5001;
}

.ui-dialog .formError .formErrorArrow {
  z-index: 5006;
}

.inputContainer {
  position: relative;
  float: left;
}

.formError {
  display: block;
  cursor: pointer;
  text-align: left;
}

.formError.inline {
  display: block;
}

.ajaxSubmit {
  padding: 20px;
  background: #55ea55;
  border: 1px solid #999;
  display: none;
}

.formError .formErrorContent {
  float: left;
  width: 100%;
  padding: 5px 10px;
  color: #ee0101;
  font-weight: 700;
}
.formError .inline .formErrorContent {
  float: left;
  width: 100%;
  padding: 5px 10px;
  color: #ee0101;
  font-weight: 700;
}

.formDummy {
  display: none;
  float: left;
}

.greenPopup .formErrorContent {
  background: #33be40;
}

.blackPopup .formErrorContent {
  background: #393939;
  color: #FFF;
}

.formError .formErrorArrow {
  width: 15px;
  margin: -2px 0 0 13px;
  position: relative;
}

body[dir=rtl] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
  margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  margin: 0px 0 0 12px;
  top: 2px;
}

.formError .formErrorArrow div {
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd;
  box-shadow: 0 2px 3px #444;
  -moz-box-shadow: 0 2px 3px #444;
  -webkit-box-shadow: 0 2px 3px #444;
  -o-box-shadow: 0 2px 3px #444;
  font-size: 0px;
  height: 1px;
  background: #ee0101;
  margin: 0 auto;
  line-height: 0;
  font-size: 0;
  display: block;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
  background: #33be40;
}

.blackPopup .formErrorArrow div {
  background: #393939;
  color: #FFF;
}

.formError .formErrorArrow .line10 {
  width: 13px;
  border: none;
}

.formError .formErrorArrow .line9 {
  width: 11px;
  border: none;
}

.formError .formErrorArrow .line8 {
  width: 11px;
}

.formError .formErrorArrow .line7 {
  width: 9px;
}

.formError .formErrorArrow .line6 {
  width: 7px;
}

.formError .formErrorArrow .line5 {
  width: 5px;
}

.formError .formErrorArrow .line4 {
  width: 3px;
}

.formError .formErrorArrow .line3 {
  width: 1px;
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd;
  border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
  width: 3px;
  border: none;
  background: #ddd;
}

.formError .formErrorArrow .line1 {
  width: 1px;
  border: none;
  background: #ddd;
}

/*# sourceMappingURL=style.css.map */