@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
*,
*:before,
*:after {
  box-sizing: border-box;
}
.home a,
.page a,
.single-post a,
.archive a {
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  text-decoration: none;
}
body { line-height: 1.5; }

.content_inner,
#navi .navi-in,
#footer .footer_bottom_area .navi-footer .navi-footer-in,
.footer_bottom_area .f-logo_col,
body.single-post .content-in,
body.category .content-in {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
}
.small_p {font-size: .95em; margin: 0; }
.section { padding: 30px 0 60px; }
h3.blue_tit {
  color: #2077CE;
  font-size: 1.425em;
}
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}


/***** 画像切替 *****/
.d_pc { display: block; }
.d_sp { display: none; }

/***** header*****/
#header-container #header { background: #000; }
#header .wrap { width: 100%; }
#header .tagline {
  background: #fff;
  margin: 0;
}
#header .tagline .content_inner {
  text-align: left;
  font-size: 12px;
}
.h-logo_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
}
.h-logo_col .logo-header {
  padding: 5px 0;
  max-width: 332px;
}
.h-logo_col .logo-header a img { vertical-align: middle; }
.h-logo_col .logo_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}
.logo_area .h-tel_area {
  font-size: 1.5em;
  font-weight: bold;
  padding: 0 .8em;
}
.logo_area .h-tel_area span {
  display: inline-block;
  font-size: .9em;
  padding-right: .2em;
}
.logo_area .h-mail_area a { 
  color: #fff;
  background: #B00;
  padding: 0 .8em;  
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.logo_area .h-mail_area a:hover { background: #8B0202;  }
.logo_area .h-mail_area span {
  font-size: 1.125em;
  font-weight: bold;
}

/* メニュー */
#navi {
  border-bottom: 1px solid #ccc;
}
#navi .navi-in .menu-header {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#navi .navi-in .menu-header li {
  height: 75px;
  line-height: 75px;
}
#navi .navi-in .menu-header li a {
  padding: 0 .6em;
  font-size: .95em;
  font-weight: bold;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#navi .navi-in .menu-header li a:hover {
  background: #3277CE;
  color: #ffff;
}

/***** スライダー *****/
.swiper-wrapper .swiper-slide {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 44.62%;

}
.swiper-wrapper .swiper-slide.slide_01 {
  background-image: url(https://hokuyo-jidousha.main.jp/wp-content/uploads/2020/12/main_img1_pc.jpg);
}
.swiper-wrapper .swiper-slide.slide_02 {
  background-image: url(https://hokuyo-jidousha.main.jp/wp-content/uploads/2023/11/main_img2_pc.jpg);
}
.swiper-wrapper .swiper-slide.slide_03 {
  background-image: url(https://hokuyo-jidousha.main.jp/wp-content/uploads/2020/12/main_img3_pc.jpg);
}

  /***** LINEバナー *****/
.line_fixed_banner {
    position: fixed;
    right: 85px;
    bottom: 35px;
    width: 500px;
    z-index: 1000;
  animation: pulse 2s infinite;
}
.line_fixed_banner:hover{
  opacity: 0.9;
}
/* アニメーションの定義 */
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.line_fixed_banner image{
  width: 100%;
  height: auto;
}

/***** TOP *****/
body.home #content,
body.page-template-default #content { margin: 0; padding: 0; }
body.home #content .wrap,
body.page-template-default #content .wrap { width: 100%; }
body.home #content .wrap main,
body.page-template-default #content .wrap main { 
  padding: 0; border: 0; border-radius: 0; }
main .main_img_area img,
.car-trouble_area .trouble_img img,
.top-repair_box .tr_imgcol .tr_imgbox img,
.case_list ul li img,
.f_panel_box .f_panel_box_inner img { 
  width: 100%; 
  vertical-align: bottom; 
} 

.main_pr_area {
  background-image: url(https://hokuyo-jidousha.main.jp/wp-content/uploads/2020/12/pr_main.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  min-height: 340px;
  width: 100%;
  height: auto;
}
.main_pr_area .content_inner { height: 100%; position: relative; z-index: 5;}
.main_pr_area .main_pr_box { height: 100%; color: #fff; }
.main_pr_box .pr_tit { 
  font-size: 1.85em;
  text-align: center;
  padding: 25px 0;
  line-height: 1.4;
}
.main_pr_box .pr_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 25px;
}
.pr_col .pr_box { width: calc((100% - 20px) / 2); }
.pr_col .pr_box.img_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pr_col .pr_box.img_col .pr_imgbox img { vertical-align: bottom; }
.car-trouble_area,
.fixed_pageArea .fp_top_arrow {
  position: relative;
  z-index: 10;
}
.top-repair_area:before,
.fixed_pageArea .fp_top_arrow:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
}
.car-trouble_area:before,
.fixed_pageArea .fp_top_arrow:before { border-top: 25px solid #fff; }
.car-trouble_area .trouble_img { margin: 20px 0; }
.car-trouble_area .trouble_list {
  border: 1px solid #707070;
  padding: 20px;
}
.trouble_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.trouble_list ul li { 
  width: 50%; 
  font-size: 1.25em;
  font-weight: bold; 
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.2;
  margin-top: 10px;
}
.trouble_list ul li { padding-right: .5em; }
.trouble_list ul li:nth-child(2n) { padding-left: .5em; padding-right: 0; }
.trouble_list ul li:first-child,
.trouble_list ul li:nth-child(2) { margin-top: 0; }
.trouble_list ul li:before {
  content: url(https://hokuyo-jidousha.main.jp/wp-content/uploads/2020/10/check_pc.png);
  padding-right: .3em;
}
.top-repair_area,
.fixed_pageArea .fp_bgc { 
  background: #F2EFE2; 
  z-index: 8;
  position: relative;
}
.top-repair_area:before { border-top: 25px solid #F2EFE2; }
.top-repair_area .top-repair_img {
  text-align: center;
  margin: 15px 0;
}
.top-repair_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.top-repair_list ul li {
  width: 160px;
  background: #2077CE;
  color: #fff;
  text-align: center;
  padding: .85em 0 .75em;
  font-size: .95em;
}
.top-repair_list ul li + li { margin-left: 10px; }
.top-repair_txt_are { margin: 25px 0; }
.top-repair_txt_are h3 { margin-bottom: 10px; }
.top-repair_txt_are h3,
.top-repair_txt_are p { text-align: center; }
.top-repair_boxlist { margin-bottom: 30px; }
.top-repair_boxlist .top-repair_box {
  padding: 20px 15px;
  border-top: 1px dashed #707070;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.top-repair_boxlist .top-repair_box:last-child { border-bottom: 1px dashed #707070; }
.top-repair_box .tr_txtarea,
.top-repair_box .tr_imgarea { width: 50%;  padding: 0 15px;}
.top-repair_box .tr_imgcol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.top-repair_box .tr_imgcol .tr_imgbox {
  width: calc((100% - 10px) / 2);
  background: #fff;
  padding: 5px;
}
.top-repair_box h4 {
  font-size: 1.25em;
  color: #2077CE;
  line-height: 1;
  padding: .1em 0 0 .3em;
  border-left: 5px solid #999;
  display: flex;
  align-items: center;
  margin-bottom: .8em;
}
.inquiry_btn_area .inquiry_btn {
  max-width: 610px;
  height: 58px;
  margin: 0 auto;
}
.case_area .top_h2 {
  font-size: 1.875em;
  text-align: center;
  margin: 25px 0 15px;
}
.case_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.case_list ul li {
  width: calc((100% - 30px) / 3);
  border: 1px solid #999;
}
.case_list ul li .case_txtarea {
  padding: 10px 15px;
  font-size: .9375em;
}
.case_txtarea .cc_info_tit { font-weight: bold; }
.case_txtarea .cc_detail {
  font-size: .925em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: .5em 0;
  margin-bottom: .6em;
}
.case_txtarea .cc_detail .cc_type {
  margin-left: .8em;
  padding-left: .8em;
  border-left: 1px solid #ccc;
}
.case_txtarea .evaluation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-size: .95em;
}
.evaluation .evaluation_tit { font-weight: bold; margin-right: 1.2em; }
.case_txtarea .evaluation .rating_base {
  position: relative;
  z-index: 0;
  display: inline-block;
  white-space: nowrap;
  color:#A0988B; 
  font-size: 1.5em; 
}
.case_txtarea .evaluation .rating_base:before, .evaluation .rating_base:after{
  content: '★★★★★';
}
.case_txtarea .evaluation .rating_base:after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  color: #F4A62A; 
}
.evaluation .rating_base[data-rate="5"]:after{ width: 100%; } /* 星5 */
.evaluation .rating_base[data-rate="4"]:after{ width: 80%; } /* 星4 */
.evaluation .rating_base[data-rate="3"]:after{ width: 60%; } /* 星3 */
.evaluation .rating_base[data-rate="2"]:after{ width: 40%; } /* 星2 */
.evaluation .rating_base[data-rate="1"]:after{ width: 20%; } /* 星1 */

.section.news_area { background: #333; color: #fff; }
.news_area .news_area_inner {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
} 
.news_area_inner .news_area_inner_cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.news_area_inner_cont .news_main { width: calc(100% - 200px); }
.news_area_inner_cont .news_bnr { padding-top: 60px;}
.news_bnr .s_bnr_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.news_area_inner .news_h2 {
  text-align: center;
  font-size: 1.875em;
  margin-bottom: .5em;
}
.news_area_inner .news_article a {
  color: #fff;
  font-size: .925em;
  border-top: 1px solid #666;
  padding: .5em .8em;
  margin: 0;
}
.news_area_inner .news_article a:hover { 
  background: #1D1D1D; 
}
.news_area_inner .news_article a .new-entry-card,
.news_area_inner .news_article a .new-entry-card .new-entry-card-content { 
  font-size: 1em; 
  margin: 0;
}
.news_area_inner .news_article a:last-child { border-bottom: 1px solid #666; }
.news_area_inner .news_article .new-entry-card-date { display: block;}
.news_area_inner .news_article .new-entry-card-date .new-entry-card-post-date {
  font-size: .9em;
  padding-bottom: .2em;
  display: block;
}
.news_area_inner .news_article a .new-entry-card .new-entry-card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.news_area_inner .news_article a .new-entry-card .new-entry-card-title {
  position: relative;
  padding-left: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.news_area_inner .news_article a .new-entry-card .new-entry-card-title::before {
  content: "";
  width: 10px;
  height: 12px;
  position: absolute;
  left: 0;
  margin: auto;
  box-sizing: border-box;
  border: 6px solid transparent;
  border-left: 8px solid #2077CE; 
}

/***** 追加バナー *****/
.l_bnr_area { margin-top: 30px; }
.l_bnr_area a { display: block; }
.l_bnr_area a img,
.s_bnr_area a img { vertical-align: bottom; }
.l_bnr_area a:hover,
.s_bnr_area a:hover { opacity: .7; }

/***** 動画エリア *****/
.video_area .video_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.video_flex .video_box { width: 49%; }
.video_box .video_box_int {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.video_box_int iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.video_box_int a {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}
.video_box_int a .video_mp_int {
  position: relative;
  width: 100%;
  height: 100%;
}
.video_mp_int .video_mp_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 1;
  width: 60px;
}
img.ofi-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center top;
}

/***** 固定ページ共通 *****/
body.page-template-default #content .article-header {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  min-height: 200px;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body.page-template-default #content .article-header .date-tags { display: none; }
body.page-template-default #content .article-header .entry-title {
  text-align: center;
  font-size: 1.875em;
  color: #fff;
  z-index: 3;
}
.fixed_pageArea .fp_top_arrow {
  padding: 20px 0 60px;
}
.fixed_pageArea .fp_scontent {
  max-width: 715px;
  margin: 0 auto;
}
.fixed_pageArea h2.fp_h2 {
  margin: 0 0 20px;
  padding: 0 0 .5em;
  font-size: 1.55em;
  text-align: center;
  border-bottom: 3px solid #2077CE;
  background: transparent;
}
.fixed_pageArea .fp_scontent p { margin: 20px 0; }
.red_txt { color: #D50000; }
.fixed_pageArea .img_col,
.fixed_pageArea .box_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.fixed_pageArea img { vertical-align: bottom; width: 100%; }
.fixed_pageArea .fp_bgc { padding: 60px 0; }
.fixed_pageArea h3.fp_h3 {
  background: -o-linear-gradient(left, rgba(1,132,214,1) 0%, rgba(59,66,255,1) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(1,132,214,1)), to(rgba(59,66,255,1)));
  background: linear-gradient(90deg, rgba(1,132,214,1) 0%, rgba(59,66,255,1) 100%);
  border: 0;
  color: #fff;
  padding: 0 20px;
  font-size: 1.45em;
  line-height: 1;
  height: 49px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  font-weight: bold;
  margin: 0 0 1.8em;
}
.fixed_pageArea h4.fp_h4 {
  color: #2077CE;
  font-size: 1.45em;
  border: 0;
  margin: 0;
  padding: 0;
}
.fixed_pageArea .fp_box + .fp_box { margin-top: 40px; }
.fixed_pageArea .box_col .box_imgarea { width: calc(40% - 20px); }
.fixed_pageArea .box_col .box_txtarea { width: calc(60% - 20px); }
.fixed_pageArea .fp_box p { line-height: 1.6; margin: 10px 0; }
.fixed_pageArea .box_col + .box_col { margin-top: 60px; }

/***** 板金・塗装・パーツ交換修理 *****/
body.page-id-10 #content .article-header {
  background-image: url(https://hokuyo-jidousha.main.jp/wp-content/uploads/2020/12/repair_paint_main.jpg);
}
.rep_area .img_col .fp_top_img { width: calc((100% - 15px) / 4); }

/***** メンテナンス・車検 *****/
body.page-id-12 #content .article-header {
  background-image: url(https://hokuyo-jidousha.main.jp/wp-content/uploads/2020/10/maintenance_main.jpg);
}
.maintenance_area .img_col .fp_top_img { width: calc((100% - 5px) / 2); }

/***** 修理の流れ *****/
body.page-id-14 #content .article-header {
  background-image: url(https://hokuyo-jidousha.main.jp/wp-content/uploads/2020/10/repair_main.jpg);
}
.repair_flow {
  background: #fff;
  border: 1px solid #999;
  border-radius: 6px;
  position: relative;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.repair_flow + .repair_flow { margin-top: 50px; }
.repair_flow + .repair_flow:before {
  content: "";
  border-style: solid;
  border-width: 35px 30px 0 30px;
  border-color: #2077CE transparent transparent transparent;
  position: absolute;
  top: -43px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.repair_flow .flow_txtarea {
  width: calc(65% - 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: first baseline;
      -ms-flex-align: first baseline;
          align-items: first baseline;
}
.flow_txtarea .flow_step { margin-right: 1em; }
.flow_txtarea .flow_step .flow_step_inner {
  background: #2077CE;
  color: #fff;
  font-size: 1.25em;
  font-weight: bold;
  padding: 0 .7em;
  border-radius: 50px;
}
.flow_txtarea .flow_step .flow_step_inner span { font-size: 1.3em; }
.repair_flow .flow_imgarea { width: calc(35% - 20px); }
.flow_payment ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flow_payment ul li {
  font-size: .935em;
  background: #2077CE;
  color: #fff;
  max-width: 135px;
  width: 100%;
  margin: 8px 8px 0 0;
  text-align: center;
  padding: .5em 0 .4em;
}

/***** 施工事例 *****/
body.page-id-16 #content .article-header {
  background-image: url(https://hokuyo-jidousha.main.jp/wp-content/uploads/2020/10/works_main.jpg);
}
.works_area .maker_box {
  background: #fff;
  padding: 20px;
  border-radius: 6px;
  border: 1px solid #ccc;
}
.works_area .maker_box .fp_h4 { text-align: center;  margin-bottom: 1em; }
.works_area .maker_box .box_col {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.works_area .maker_box + .maker_box { margin-top: 20px; }
.works_area .case_list ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.works_area .case_list ul li { margin: 0 0 15px; }

/***** よくあるご質問 *****/
body.page-id-18 #content .article-header {
  background-image: url(https://hokuyo-jidousha.main.jp/wp-content/uploads/2020/10/faq_main.jpg);
}
.question_area { margin-bottom: 70px; }
.question_area ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 1.1em .5em 1em;
  margin: 0;
  border-bottom: 1px solid #999;
}
.question_area ul li i {
  font-size: 1.125em;
  padding-right: .5em;
  color: #2F57F2;
}
.question_area ul li a {
  color: #333;
  text-decoration: underline;
}
.question_area ul li a:hover { color: #3277ce; }
.answer_area .answer_box {
  margin-bottom: 20px;
  border: 1px solid #ccc;
  padding: 1em;
  background: #fff;
  font-size: .95em;
}
.answer_box .q_txtArea,
.answer_box .a_txtArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: first baseline;
      -ms-flex-align: first baseline;
          align-items: first baseline;
}
.answer_box .q_txtArea {font-weight: bold; margin-bottom: .5em; }
.answer_box .q_txtArea .q_mark,
.answer_box .a_txtArea .a_mark {
  font-size: 1.3em;
  font-weight: bold;
  width: 17px;
  margin-right: 8px;
  font-family: 'Microsoft Sans Serif';
  text-align: center;
}
.answer_box .q_txtArea .q_txt,
.answer_box .a_txtArea .a_txt { width: calc(100% - 25px); }
.answer_box .q_txtArea .q_mark { color: #2077CE;}
.answer_box .a_txtArea .a_mark { color: #A50000;}

/***** 採用情報 *****/
body.page-id-20 #content .article-header {
  background-image: url(https://hokuyo-jidousha.main.jp/wp-content/uploads/2020/10/recruit_main.jpg);
}
.recruit_info { margin-bottom: 40px; }
.recruit_info .recruit_box:first-of-type {border-top: 1px solid #999;}
.recruit_info .recruit_box {
  padding: 1em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #999;
  line-height: 1.6;
}
.fixed_pageArea .fp_box .recruit_box p { margin: 0; }
.recruit_box .r_info_tit { width: 20%; font-weight: bold; }
.recruit_box .r_info_txt {
  width: 80%;
}
.fixed_pageArea .fp_box .recruit_box p.mt_20 { margin-top: 1.3em; } 
.recruit_box .r_info_txt ul li { margin: 0; }

/***** 採用情報 *****/
body.page-id-22 #content .article-header {
  background-image: url(https://hokuyo-jidousha.main.jp/wp-content/uploads/2020/12/company_main.jpg);
}
.recruit_info .r_info_txt.box_col p { width: 40%; }
.recruit_info .r_info_txt.box_col .map_area { 
  width: 60%; 
  position: relative;
  height: 0;
  padding-top: 38%;
  overflow: hidden;
  border: 1px solid #ccc;
}
.r_info_txt.box_col .map_area iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/***** 会社概要 *****/
.recruit_box .r_txt_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}
.recruit_box .r_txt_col .r_txt_col_tit { width: 6em;}

/***** お問合せ・お見積もり *****/
body.page-id-24 #content .article-header,
body.page-id-301 #content .article-header {
  background-image: url(https://hokuyo-jidousha.main.jp/wp-content/uploads/2020/10/inquiry_main.jpg);
}
.contant_area .content_inner { padding-top: 20px; }
.contant_area .contact_form { padding: 0 20px; }
.contact_form .contact_inner .form_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #999;
  padding: .5em 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.contact_inner .form_group:first-of-type { border-top: 1px solid #999; }
.form_group .form_tit {
  width: 22%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form_group p { margin: 0; width: 78%; } 
.form_group .form_tit .req {
  margin-left: .8em;
  font-size: .7em;
  background: #B00;
  border-radius: 3px;
  color: #fff;
  padding: .2em .5em;
  padding-bottom: 0.15em;
  display: inline-block;
}
.form_group .wpcf7-form-control-wrap input,
.form_group .wpcf7-form-control-wrap textarea {
  padding: .5em;
  font-size: 1em;
}
.contact_inner .contact_btn_area .send_btn { 
  max-width: 610px; 
  margin: 0 auto; 
}
.contact_btn_area .send_btn input {
  background: #2077CE;
  color: #fff;
  font-size: 1.25em;
  padding: .6em 0 .5em;
  border-radius: 6px;
  border: 0;
  position: relative;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.contact_btn_area .send_btn input.wpcf7-submit:disabled {  
  background: #b7b7b7;
  color: #ccc;
}
.contact_btn_area .send_btn .wpcf7-submit:hover { background: #1D5295; }
.contact_form .wpcf7-form-control-wrap.acceptance-868 .wpcf7-list-item label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: first baseline;
      -ms-flex-align: first baseline;
          align-items: first baseline;
}
.contact_form .wpcf7-form-control-wrap.acceptance-868 .wpcf7-list-item label input {
  margin-right: .5em;
}

/***** 新お問合せ・お見積もり *****/
.contact_tab-contents .tab_btnArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.contact_tab-contents .tab_btn {
	max-width: 300px;
  width: 100%;
	padding: .8em 0 .7em;
	color: #9f9f9f;
	background: #eaeaea;
	text-align: center;
	cursor: pointer;
  border-radius: 8px;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.contact_tab-contents .tab_btn.active,
.contact_tab-contents .tab_btn:hover {
  background:#195795;
  color:#fff;
}
.contact_tab-contents .tab_btn + .tab_btn {	margin-left: 1em; }
.contact_tab-contents .panel_contentArea { margin-top: 80px; }
.contact_tab-contents .panel_content { display:none; }
.contact_tab-contents .panel_content.active { display:block;}
.contact_tab-contents .panel_contentArea .contact_form_h4 {
  margin: 0 auto 50px;
  padding: 0 .3em .5em;
  font-size: 1.3em;
  border-bottom: 3px solid #2077CE;
  background: transparent;
  border-top: 0;
  line-height: 1;
}
.contact_form .contact_inner .vv_infoArea { padding: 1.5em 0; }
.contact_form .contact_inner .vv_infoArea p { margin: 0; }
.contact_form .contact_inner .vv_infoArea .vv_info_tit { margin-bottom: .5em; }
.contact_form .contact_inner .vv_infoArea .form_group.fr_date p { display: none; }
.contact_form .contact_inner .vv_infoArea .form_group.fr_date { border-top: 1px solid #999; }
.contact_form .contact_inner .vv_infoArea .fr_date_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 78%;
}
.contact_form .contact_inner .vv_infoArea .form_group.fr_date select {
  padding: .35em;
  font-size: 1em;
  height: 37px;
}
.contact_form .contact_inner .vv_infoArea .form_group {
  border-color: #d5d5d5;
}
.contact_form .contact_inner .vv_infoArea .form_group:last-of-type { border-color: #999; } 
.contact_form .contact_inner .vv_infoArea .fr_date_box .fr_date_unit { padding: .2em .8em 0 .2em;}
.contact_form .contact_inner .vv_infoArea .fr_date_box .estimate-year { width: 100px; margin-left: .6em; }

/***** btn *****/
.inquiry_btn {
  background: #B00;
  font-size: 20px;
  position: relative;
  border-radius: 8px;
}
.inquiry_btn a {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  border-radius: 8px;
}
.inquiry_btn a span {
  display: inline-block;
  padding: .2em 0 .1em;
  font-weight: bold;
}
.inquiry_btn a i {
  position: absolute;
  right: 15px;
  margin: auto;
}
.inquiry_btn a:hover { background: #8B0202; border-radius: 8px; }

/***** 投稿 *****/
.pagination-next { display: none; }
.pagination .current,
.pagination a:hover { background: #2077CE; color: #fff; }
.pagination a {
  background: #fff;

}
body.single-post .content,
body.category .content {
  background: #F2EFE2;
  margin: 0;
  padding: 50px 0 60px;
}
body.category .content .main { background:#F2EFE2; }
body.category h1.archive-title {
  margin: 0 0 40px;
  padding: 0 0 .8em;
  font-size: 1.55em;
  text-align: center;
  border-bottom: 3px solid #333;
}
body.category h1.archive-title span,
body.category .list .entry-card-wrap .entry-card-content .entry-card-categorys { display: none; }
body.category .list .entry-card-wrap {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #ccc;
}
body.category .list .entry-card-wrap .entry-card-content { padding: 0; }

.post_icon_insta a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.2em;
  width: 170px;
  line-height: 1.2;
  background: #682bef;
  color: #fff;
  padding: .2em;
}
.post_icon_insta a i { font-size: 1.5em; }
.post_icon_insta a span {
  font-weight: 700;
  padding-left: .5em;
}
.post_icon_insta a:hover { background: #ca12b7; }

/***** footer *****/
#footer {
  margin: 0;
  padding: 0;
}
#footer .wrap { width: 100%; }
#footer .footer-bottom { padding: 0; margin: 0; }
.footer_top_area { padding-top: 50px; }
.footer_top_area .footer_panel .f_panel_txt {
  color: #2077CE;
  text-align: center;
  font-size: 1.75em;
  font-weight: bold;  
}
.footer_panel .f_panel_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 10px;
}
.footer_panel .f_panel_inner .f_panel_box {
  width: calc((100% - 20px) / 3);
  margin-bottom: 10px;
  position: relative;
}
.footer_panel .f_panel_inner .f_panel_box a { display: block; }
.footer_panel .f_panel_inner .f_panel_box a:hover { opacity: .7; }
.footer_panel .f_panel_inner .f_panel_box .f_panel_box_inner {
  width: 100%;
}
.f_panel_box .f_panel_box_inner .f_panel_tit {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #2077CE;
  color: #fff;
  font-size: 1.08em;
  line-height: 1;
  text-align: center;
  padding: .5em .5em .4em;
}
.footer_inquiry_area { background: #F2EFE2; }
.footer_inquiry_area .content_inner { 
  padding: 20px 20px 25px; 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer_inquiry_area .finquiry_box {
  width: calc((100% - 15px) / 2);
  background: #fff;
  border-radius: 10px;
  border: 1px solid #ccc;
  padding: 10px;
  font-weight: bold;
  text-align: center;
}
.finquiry_box .finquiry_tit { font-size: 1.45em; }
.finquiry_main .finquiry_tel {
  font-size: 2.5em;
  color: #BB0000;
}
.finquiry_main .finquiry_mail {
  max-width: 425px;
  margin: 8px auto;
  height: 46px;
}
.finquiry_main .finquiry_tel i { padding-right: 5px; }
.finquiry_box .finquiry_txt { font-size: 1.07em; }
#footer .footer_bottom_area {
  background: #333;
  width: 100%;
  height: auto;
  color: #fff;
}
#footer .footer_bottom_area .navi-footer { border-bottom: 1px solid #666; }
.footer_bottom_area .navi-footer .navi-footer-in .menu-footer {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 10px 0;
}
.footer_bottom_area .navi-footer .navi-footer-in .menu-footer li { border: 0; }
.footer_bottom_area .navi-footer .navi-footer-in .menu-footer li a {
  color: #fff;
  font-size: .95em;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.footer_bottom_area .navi-footer .navi-footer-in .menu-footer li a:hover {
  background: transparent;
  color: #3277CE;
}
.footer_bottom_area .navi-footer .navi-footer-in .menu-footer li a:before {
  content: "\f0a9";
  font-family: "Font Awesome 5 Free";
  padding-right: 5px;
  font-weight: 900;
}
.footer_bottom_area .f-logo_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 20px 50px;
}
.footer_bottom_area .f-logo_col .footer-bottom-logo {
  float: inherit;
  position: inherit;
}
.footer_bottom_area .f-logo_col .footer-bottom-logo .flogo_txt { font-size: 1.07em; }
.footer_bottom_area .f-logo_col .footer-bottom-logo .logo-image {
  max-width: 332px;
  width: 100%;
}
.footer_bottom_area .f-logo_col .footer-bottom-logo .logo-image img {
  vertical-align: bottom;
}
.footer_bottom_area .f-logo_col .footer-bottom-logo .flogo_add { font-size: .95em; }
.footer_bottom_area .f-logo_col .footer-bottom-logo .flogo_add span { padding-right: 5px; }
.footer_bottom_area .footer-bottom-content {
  width: 100%;
  text-align: center;
  float: inherit;
  background: #000;
}
.footer_bottom_area .footer-bottom-content .copyright {
  font-size: .85em;
  padding: .8em 0 .7em;
  margin: 0;
}
.f-logo_col .f_info_area { margin-left: 30px; margin-right: 30px; }
.f-logo_col .f_info_area .f_info_tel {
  font-size: 1.95em;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #999;
  margin-bottom: 8px;
  line-height: 1.2;
  padding-bottom: 5px;
  width: auto;
  padding-right: 5px;
}
.f-logo_col .f_info_area .f_info_tel span { 
  font-size: .55em;
  font-weight: normal;
  padding-right: 15px; 
}
.f-logo_col .f_info_area .f_info_tel i {
  font-size: .8em;
  padding-right: 8px;
  padding-bottom: 2px;
}
.f-logo_col .f_info_area .f_info_time { font-size: 1.07em; }
.f-logo_col .f_info_area .f_snsiconArea { margin-top: 10px; }
.f_info_area .f_snsiconArea .f_snsicon_int {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.f_snsicon_int .f_snsicon_box { line-height: 1; margin: 0 5px;}
.f_snsicon_box + .f_snsicon_box { margin-left: 10px; }
.f_snsicon_box a { display: block; font-size: 1.7em; color: #fff; }
.f_snsicon_box a:hover { opacity: .5; }

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (max-width: 1023px){
.footer_bottom_area .f-logo_col{padding: 10px 20px 100px;}
.line_fixed_banner{
  width: 450px;
  bottom: 50px;
}
}
/*1023px以下*/
@media screen and (max-width: 1023px){
  /* ヘッダーメニュー切り替え */
  .mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button {
    display: none;
  }
  .mblt-header-mobile-buttons {
    margin-top: 0;
  }
  .content_inner,#navi .navi-in,
  #footer .footer_bottom_area .navi-footer .navi-footer-in { padding: 0 10px; }
  .footer_bottom_area .navi-footer .navi-footer-in .menu-footer li a {
    padding: 0 5px;
  }
}
@media screen and (max-width: 999px){
.footer_bottom_area .f-logo_col{padding: 10px 20px 140px;}
}

/*834px以下*/
@media screen and (max-width: 834px){
  .article ul, .article ol { padding: 0; }
  #navi .navi-in,
  #footer .footer_bottom_area .navi-footer .navi-footer-in { padding: 0 5px; }
  .mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #000;
    height: 60px;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .has-logo-button li.search-menu-button { display: none; }
  #header-container { display: none; }
  .navi-footer-in > .menu-footer li.menu-item {
    width: auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .footer_bottom_area .navi-footer .navi-footer-in .menu-footer li a {
    font-size: .85em;
    padding: 0 .2em;
  }
  .footer_bottom_area .f-logo_col {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .mblt-header-mobile-buttons { margin-top: 60px; }
  .navi-menu-content { 
    left: auto;
    right: 0;
    -webkit-transform: translateX(105%);
        -ms-transform: translateX(105%);
            transform: translateX(105%);
  }
  .has-logo-button .navi-menu-button .menu-open .navi-menu-icon {
    color: #fff;
    font-size: 22px;
  }
  .has-logo-button .navi-menu-button .menu-open .navi-menu-caption { display: none; }  
  .mobile-menu-buttons .menu-button { cursor: auto; }
  .has-logo-button .logo-menu-button a {
    display: inline-block;
    cursor: pointer;
    margin-left: 70px;
    height: 60px;
    max-width: 280px;
  }
  .has-logo-button .logo-menu-button a img {
    display: inline-block;
    vertical-align: bottom;
  }
  .navi-menu-button .menu-content {
    max-width: 280px;
    background: #2B6AB3;
    color: #fff;
  }
  .menu-content .menu-close-button {
    font-size: 1.4em;
    text-align: left;
    padding: .3em .7em;
  }
  .menu-content .menu-drawer { padding: 0; }
  .menu-content .menu-drawer li a {
    font-size: 15px;
    color: #fff;
    border-bottom: 1px solid #5E8DC4;
    padding: .8em 1em;
  }
  .menu-content .menu-drawer li:first-child a { border-top: 1px solid #5E8DC4; }
  .menu-content .menu-drawer li a:hover { background: #235793; }
  .case_list ul li .case_txtarea { padding: 10px; font-size: .9em; }
  .footer_inquiry_area .finquiry_box { padding: 10px 5px; }
  .finquiry_box .finquiry_tit { font-size: 1.25em; }
  .finquiry_box .finquiry_txt { font-size: 1em; }
  .case_txtarea .cc_detail .cc_type {
    margin-left: .5em;
    padding-left: .5em;
  }
  .form_group .form_tit { width: 25%; }
  .form_group p { width: 75%; }
  
}
/*767px以下*/
@media screen and (max-width: 767px){
  /***** 画像切替 *****/
  #footer .footer_bottom_area .navi-footer,
  .f-logo_col .f_info_area .f_info_topbox { display: none; }
  .footer_bottom_area .f-logo_col { 
    padding: 20px 10px 40px; 
    -webkit-box-align: center; 
        -ms-flex-align: center; 
            align-items: center;
  }
  .footer_inquiry_area .content_inner,
  .repair_flow .flow_txtarea,
  .footer_bottom_area .f-logo_col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer_inquiry_area .finquiry_box {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
  }
  .footer_inquiry_area .finquiry_box + .finquiry_box { margin-top: 20px; }
  .fixed_pageArea h3.fp_h3 { padding: 10px; height: auto; line-height: 1.4; }
  .flow_txtarea .flow_step { margin: 0 0 10px 0; }
  .flow_txtarea .flow_step .flow_step_inner {
    font-size: 1.1em;
    padding: .3em .7em .2em;
    line-height: 1;
  }
  .flow_txtarea .flow_step .flow_step_inner span { font-size: 1.2em; }
  .f-logo_col .f_info_area .f_snsiconArea { margin-top: 20px; }
  .line_fixed_banner {
    position: fixed;
    right: auto;
    left: 10%;
    bottom: 7px;
    width: 70%;
    min-width: 275px;
}
.footer_bottom_area .footer-bottom-content .copyright {
  padding: 1em 0 11.7em;
}

}

@media screen and (min-width: 601px) and (max-width: 767px) {
  .case_list ul li .case_txtarea .cc_info .cc_detail,
  .case_txtarea .evaluation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .case_list ul li .case_txtarea .cc_info .cc_detail .cc_type {
    margin: 0;
    padding: 0;
    border-left: 0;
  }
  .footer_panel .f_panel_inner .f_panel_box { width: calc((100% - 20px) / 2); }
}

/*600px以下*/
@media screen and (max-width: 600px){
  /***** 画像切替 *****/
  .section { padding: 30px 0 45px; }
  .d_pc { display: none; }
  .d_sp { display: block; }
  body { font-size: 15px; }
  .content_inner { max-width: 500px; }
  .main_pr_box .pr_tit {  
    font-size: 1.25em;
    font-weight: bold;
  }
  .main_pr_box .pr_tit span { display: block; }
  .main_pr_box .pr_col,.case_list ul, .repair_flow,
  .recruit_info .recruit_box,.page-id-22 .r_info_txt.box_col,
  .contact_form .contact_inner .form_group,
  .news_area_inner .news_area_inner_cont {  
    -webkit-box-orient: vertical;  
    -webkit-box-direction: normal;  
        -ms-flex-direction: column;  
            flex-direction: column;
  }
  .pr_col .pr_box,.pr_col .pr_box.img_col,.trouble_list ul li,
  .top-repair_box .tr_txtarea, .top-repair_box .tr_imgarea,
  .case_list ul li,
  .footer_panel .f_panel_inner .f_panel_box,
  .fixed_pageArea .box_col .box_imgarea,
  .fixed_pageArea .box_col .box_txtarea,
  .page-id-12 .maintenance_area .img_col .fp_top_img,
  .repair_flow .flow_txtarea,.repair_flow .flow_imgarea,
  .recruit_info .recruit_box .r_info_tit,
  .recruit_info .recruit_box .r_info_txt,
  .page-id-22 .r_info_txt.box_col p,
  .page-id-22 .r_info_txt.box_col .map_area,
  .form_group .form_tit,
  .form_group p,
  .contact_form .contact_inner .vv_infoArea .fr_date_box,
  .news_area_inner_cont .news_main { width: 100%; }
  .pr_col .pr_box.img_col,
  .top-repair_box .tr_imgarea,
  .fixed_pageArea .fp_box + .fp_box { margin-top: 20px; }
  .car-trouble_area .trouble_list {
    border: 0;
    padding: 0;
  }
  .home .trouble_list ul li { 
    font-size: 1em; 
    padding: 0;
    margin: 0 0 10px;
  }
  .top-repair_list ul,
  .fixed_pageArea .img_col,
  .fixed_pageArea .box_col {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .home .top-repair_list ul li {  
    max-width: 160px;
    width: calc(100% / 2);
    margin: 0 .25em .5em .25em;
  }
  h3.blue_tit, .case_area .top_h2,
  .news_area_inner .news_h2,
  .footer_top_area .footer_panel .f_panel_txt,
  .fixed_pageArea h2.fp_h2,
  .fixed_pageArea h3.fp_h3, .fixed_pageArea h4.fp_h4 { font-size: 20px; }
  .top-repair_txt_are p { text-align: left; }
  .top-repair_boxlist .top-repair_box {
    padding: 15px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .top-repair_box h4 { font-size: 1.15em; }
  .top-repair_box .tr_txtarea, .top-repair_box .tr_imgarea { padding: 0; }
  .inquiry_btn,
  .finquiry_box .finquiry_tit { font-size: 16px; }
  .case_list ul li,.footer_top_area .footer_panel .f_panel_txt,
  .fixed_pageArea h3.fp_h3 { margin-bottom: 20px; }
  .footer_top_area .footer_panel .f_panel_txt span,
  .fixed_pageArea h2.fp_h2 span,
  .fixed_pageArea h3.fp_h3 span { display: block; }
  .finquiry_main .finquiry_tel { font-size: 2.1em; }
  .has-logo-button .logo-menu-button { text-align: left; }
  .has-logo-button .logo-menu-button a { margin-left: 15px;}
  body.page-template-default #content .article-header .entry-title { font-size: 22px; }
  .rep_area .img_col .fp_top_img { 
    width: calc((100% - 10px) / 2); 
    margin-bottom: 10px; 
  }
  .fixed_pageArea h4.fp_h4 { margin: 15px 0 10px; }
  .fixed_pageArea .content_inner .fp_box:nth-of-type(2) .box_col,
  .fixed_pageArea .box_col + .box_col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse
  }
  .page-id-12 .maintenance_area .img_col .fp_top_img:first-of-type {
    margin-bottom: 15px;
  }
  .fixed_pageArea .box_col + .box_col { margin-top: 30px; }
  .fixed_pageArea .fp_top_arrow { padding: 20px 0 40px; }
  .fixed_pageArea .fp_bgc { padding: 50px 0 30px; }
  .footer_top_area { padding-top: 30px; }
  .repair_flow { padding: 15px; }
  .fixed_pageArea .flow_txt h4.fp_h4,
  .fixed_pageArea.works_area .flow_txt h4.fp_h4 { margin: 0 0 5px; }
  .flow_txtarea .flow_step .flow_step_inner { font-size: 1em; }
  .recruit_info .recruit_box .r_info_txt,.form_group p,
  .page-id-22 .r_info_txt.box_col .map_area { margin-top: 10px; }
  .contact_form .contact_inner .form_group { padding: .8em 0; }

  .swiper-wrapper .swiper-slide { padding-top: 160%; }
  .swiper-wrapper .swiper-slide.slide_01 {
    background-image: url(https://hokuyo-jidousha.main.jp/wp-content/uploads/2020/12/main_img1_sp.jpg);
  }
  .swiper-wrapper .swiper-slide.slide_02 {
    background-image: url(https://hokuyo-jidousha.main.jp/wp-content/uploads/2023/11/main_img2_sp.jpg);
  }
  .swiper-wrapper .swiper-slide.slide_03 {
    background-image: url(https://hokuyo-jidousha.main.jp/wp-content/uploads/2020/12/main_img3_sp.jpg);
  }
  .news_area_inner_cont .news_bnr { margin: 0 auto; }
  .video_area .video_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .video_flex .video_box { width: 100%; }
  .video_flex .video_box + .video_box { margin-top: 20px; }
  .footer_bottom_area .footer-bottom-content .copyright {
  padding: 1em 0 9.7em;
}

}

/*480px以下*/
@media screen and (max-width: 480px){
  .top-repair_txt_are h3.blue_tit br,
  .top-repair_txt_are p br { display: none; }
  .top-repair_txt_are h3.blue_tit span,
  .finquiry_box .finquiry_txt span { display: block; }
  body.page-template-default #content .article-header { min-height: 160px; }
  .flow_payment ul {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .flow_payment ul li {
    margin: 0 0 8px 0;
    width: calc((100% - 8px) / 2);
    max-width: none;
  }
}
@media screen and (max-width: 400px){

  .line_fixed_banner {
    left: 5%;
  }
.footer_bottom_area .footer-bottom-content .copyright {
  padding: 1em 0 6.7em;
}
}