/* カスタマイズ用CSS */

/* ===========================================
 * 共通
 * ======================================== */
 
/* メインコンテンツ外枠の横幅固定を外す */
.ec-layoutRole .ec-layoutRole__contents {
max-width: none;
}

/* 文字の色 */
body {
    color: #333333;
    font-weight:500;
}

/* スマホでタップした時だけ電話発信を有効にする */
@media (min-width: 768px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}
/* ボタン */
.btn-primary {
    background-color: #00712D;
    border-color:#00712D ;
    font-size: 1rem;
    font-weight: bold;
}

.btn-primary:hover {
    background-color: #00712D;
    border-color:#00712D ;
}

.ec-role {
    color: #333333;
}

p {
    line-height: 1.7;
}

.ec-topicRole {
    background: #fff;
}


/* 768px以上のとき */
@media screen and (min-width: 768px) {
  .sp {
    display: none;
  }
}

/* ===========================================
 * ヘッダー
 * ======================================== */
 
  /* ログイン・カートナビ */
/* ======================================== */
.ec-headerNaviRole .ec-headerNaviRole__right {
    display: none;
}

  /* 検索ボックス */
/* ======================================== */
.ec-headerNaviRole .ec-headerNaviRole__search{
    display: none;
}

  /* ナビメニュー*/
/* ======================================== */

.ec-categoryNaviRole {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 1.5rem;
}

.ec-headerNaviRole {
    padding-top: 0;
}

@media only screen and (min-width: 768px) {
    .ec-headerNaviRole {
        padding-bottom: 0;
    }
}

.ec-itemNav__nav li a {
    font-size: 0.875rem;
    color: #333333;
    padding: 0.5rem 1rem 0;
}

.ec-itemNav__nav li {
    border-right: 1px dotted #00712D;
}

.ec-itemNav__nav li:last-child {
    border-right: none;
}
 /* アイコン*/
 img.nav_icon {
     width: 28px;
     display: block;
    margin: 0 auto 0.5rem;
}    
      
  /* ロゴ */
/* ======================================== */

.ec-headerRole {
    max-width:none;
    padding-left: 0;
    padding-right:0;
}

.ec-headerTitle .ec-headerTitle__title {
    padding: 0 1rem;
}

  /* TEL*/
/* ======================================== */
.header_tel a {
    font-size: 2rem;
    font-weight:bold;
    color: #fff;
    background:url('/html/user_data/assets/img/top/nav_icon_tel.png'); 
    background-size: 1.25rem 1.25rem;
    padding: 0 0 0 1.5rem;
    background-position: left center;
    background-repeat: no-repeat;
}

.header_tel {
    background: #00712D;
    color: #fff;
    padding: 0 0.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header_tel p {
    margin-top: 0.25rem;
   
}

@media only screen and (max-width: 767px) {
   .header_tel {
       display: block;
       text-align: right;
   } 
 } 
 
 
  /* 車検ステッカー*/
/* ======================================== */

.blk_fix_bnr {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 99999;
    background:#E8DFCA;
    display: none;
}
.fix_syaken {
    width: 240px;
    text-align: center;
    padding: 0.5rem 0;
}
.fix_syaken h2 {
    font-size: 1.5rem;
    font-weight: bold;
    color:#00712D ;
    margin-top: 0;
}

.fix_syaken p {
    font-weight: bold;
    line-height: 1.5;
}

@media only screen and (max-width: 767px) {
.blk_fix_bnr {
    display:none!important;
}
}

  /* ハンバーガーメニュー*/
/* ======================================== */

.ec-headerNavSP {
    background: #E8DFCA;
    border-radius: 0;
    width: 74px;
    height: 74px;
    top:0;
    left: 0;
    font-size: 24px;
}

.ec-drawerRole {
    background: #F5EFE6;
}

.ec-headerCategoryArea .ec-itemNav__nav li {
    border-right: none;
}
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li a {
    padding: 0.5rem 1rem;
    background: #fff;
    color: #333333;
    border-bottom: 1px solid #E8DFCA;
    display: flex;
    align-items: center;
    width: 100%;
    overflow-wrap: break-word;
    font-weight: bold;
    font-size: 0.875rem;
    }

.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li ul li a {
    font-weight:bold;
}

.ec-drawerRole .ec-headerCategoryArea .ec-headerCategoryArea__heading {
    border-bottom-color: #E8DFCA;
    border-top-color: #E8DFCA;
    background: #fff;
    color: #00712D;
}

.ec-headerCategoryArea .ec-itemNav__nav .li_arrow {
    position: relative;
}

.ec-headerCategoryArea .ec-itemNav__nav .li_arrow:after {
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    margin-left: 10px;
    border-top: 2px solid #00712D;
    border-right: 2px solid #00712D;
    content: '';
    position: absolute;
    right: 1rem;
}


.button-03-icon {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    position: relative;
    background-size: contain;
}

.button-03-icon:before {
    content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
}

.sp_home:before {
    background:url('/html/user_data/assets/img/top/nav_icon_home.png'); 
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.sp_repair:before {
    background:url('/html/user_data/assets/img/top/nav_icon_repair.png'); 
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.sp_syaken:before {
    background:url('/html/user_data/assets/img/top/nav_icon_syaken.png'); 
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.sp_paint:before {
    background:url('/html/user_data/assets/img/top/nav_icon_paint.png'); 
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.sp_insurance:before {
    background:url('/html/user_data/assets/img/top/nav_icon_insurance.png'); 
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.sp_company:before {
    background:url('/html/user_data/assets/img/top/nav_icon_company.png'); 
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.sp_access:before {
    background:url('/html/user_data/assets/img/top/nav_icon_access.png'); 
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.sp_blog:before {
    background:url('/html/user_data/assets/img/top/nav_icon_blog.png'); 
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.sp_link:before {
    background:url('/html/user_data/assets/img/top/nav_icon_link.png'); 
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.sp_contact:before {
    background:url('/html/user_data/assets/img/top/nav_icon_contact.png'); 
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.sp_privacy:before {
    background:url('/html/user_data/assets/img/top/nav_icon_privacy.png'); 
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* ===========================================
 * フッター
 * ======================================== */
 /* 背景*/
 .ec-footerRole {
     background: #00712D;
}
@media only screen and (min-width: 768px) {
    .ec-footerRole {
        padding-top: 5rem;
    }
}   
 .ec-footerTitle__logo a {
     color: #fff;
     font-weight:bold;
     font-size: 2rem;
 }
 
 .ec-footerTitle__logo {
     margin-bottom: 0.5rem;
 }
 
 /* リンク*/
 .ec-footerRole__inner a {
     color: #fff;
 }
 
  /* メニュー*/
 .ec-footerNavi {
     display: flex;
     flex-wrap: wrap;
     text-align: left;
 }
 
 .ec-footerRole__inner h5 {
     font-weight:bold;
 }
 
 .ec-footerNavi .ec-footerNavi__link a {
     font-size: 1rem;
     text-decoration: none;
 }
 
 .ec-footerNavi .ec-footerNavi__link {
     width: 100%;
     padding: 0.25rem 0 0.25rem 1.25rem;
     position: relative;
}

.ec-footerNavi .ec-footerNavi__link a:before {
    content: '';
    width: 12px;
    height: 1px;
    display: inline-block;
    background-color: #fff;
    position: absolute;
    top: calc(50% - 2px);
    left: 0.75rem;
}

.footernavi_2 .ec-footerNavi__link:hover {
    color:#fff; /* 通常時の文字色に戻す */
    text-decoration: none; /* 下線を無効にする */
    opacity: 1; /* 透明度の変更を無効にする */
}

 /* サブメニュー*/
.ec-footerNavi .ec-footerNavi__link .sub_link:before {
    content: '';
    width: 12px;
    height: 1px;
    display: inline-block;
    background-color: #fff;
    position: absolute;
    top: calc(50% - 15px);
    left: 0.75rem;
}

.ec-footerNavi .ec-footerNavi__link .ec-footerNavi__link_sub a:before {
    display: none;
}

.ec-footerNavi .ec-footerNavi__link ul {
    list-style: none;
    padding-left: 0;
}

.ec-footerNavi .ec-footerNavi__link li {
    padding: 0.25rem 0;
}


.footernavi_title_service {
  background:url('/html/user_data/assets/img/top/nav_icon_repair_w.png'); 
  background-repeat: no-repeat;
  background-size: 25px;
  padding: 0.25rem 0 0.25rem 2rem;
}

.footernavi_title_about {
  background:url('/html/user_data/assets/img/top/nav_icon_company_w.png'); 
  background-repeat: no-repeat;
  background-size: 25px;
  padding: 0.25rem 0 0.25rem 2rem;
}

 @media only screen and (min-width: 768px) {
 .ec-footerRole .ec-footerRole__inner {
     color: #fff;
 }
  }
  
 .ec-footerRole .ec-footerRole__inner p {
     margin-bottom: 0.25rem;
 }
 
 
 @media only screen and (max-width: 767px) {
.footernavi_2,.footernavi_3 {
    display:none;
}
.ec-footerRole .ec-footerRole__inner p {
     font-size: 1rem;
     color: #fff;
 }
 .footernavi_1 {
     text-align: center;
     margin-top: 2rem;
 }
}

  /* SSLシール*/
 .footernavi_1 .img_ssl img {
      width: initial;
      padding: 0.5rem 0.25rem;
  }
/* ===========================================
 * トップページ
 * ======================================== */

  /* トップへもどるボタン */
/* ======================================== */

.ec-blockTopBtn {
     background-image:url('/html/user_data/assets/img/top/topbtn_arrow.png'); 
     background-repeat: no-repeat;
     width: 60px;
     height: 60px;
     border-radius: 50%;
     opacity: 1;
     background-color: #fff;
     border: 2px solid #00712D;
     text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background-position: center;
    background-size: 35px;
    box-shadow: 0 2px 10px -6px rgba(0,0,0,.5), 0 3px 10px -4px rgba(0,0,0,.2);
}

@media only screen and (min-width: 768px) {
    .ec-blockTopBtn{
    bottom:230px;
}
}

@media only screen and (max-width: 767px) {
    .ec-blockTopBtn {
        width: 45px;
        height: 45px;
        background-size: 25px;
        right: 16px;
    }
 }
 
 
 /* スライドショー */
/* ======================================== */

/* メインコンテンツ外枠の横幅固定を外す */

.ec-sliderRole {
    max-width: none;
   padding-left: 0; 
   padding-right: 0;
}

 /* お知らせ*/
/* ======================================== */

/* 背景*/
.blk_info .ec-topicRole {
    background: #fff;
    padding: 0;
}
/* 見出し*/
.blk_info .alert-heading {
    text-align: center;
    margin-bottom: 1rem;
    color:#00712D ;
    font-weight:bold;
}
.blk_info .alert-secondary {
    background: #fff;
    border: 3px solid  #E8DFCA;
    color: #333333;
}

/* 車検ステッカー（sp）*/
.syaken_sp {
    background: #E8DFCA;
    padding: 1rem;
    margin-bottom: 2rem;
}

.syaken_sp h2 {
    font-size: 1.5rem;
    font-weight: bold;
    color:#00712D ;
    margin-top: 0;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    .syaken_sp {
    display: none;
}
}

 /* 新着情報 */
/* ======================================== */
/* 見出し */
.ec-secHeading {
    text-align: center;
    margin-bottom:3rem;
}

.ec-secHeading .ec-secHeading__en {
    font-size: 3rem;
    color: #00712D;
    letter-spacing: 0.25rem;
    line-height: 1.2;
}

.ec-secHeading .ec-secHeading__ja {
    font-weight: 500;
    font-size: 1rem;
    color: #333333;
}

.ec-newsRole {
    margin-bottom: 4rem;
}


@media only screen and (min-width: 768px) {
    .ec-newsRole .ec-newsRole__news {
        border:none;
    }
}

.ec-newsRole .ec-newsRole__newsItem {
    border-bottom: 1px solid #E8DFCA;
}
/* 開くボタン*/
.ec-newsRole .ec-newsRole__newsCloseBtn {
    background: #00712D;
}

/* 日付*/
.ec-newsRole .ec-newsRole__newsDate {
    line-height: 1.8;
    font-size: 1rem;
    color: #333333;
}

/* タイトル*/
.ec-newsRole .ec-newsRole__newsTitle {
    font-size: 1rem;
}

 /* コンセプト*/
/* ======================================== */
.blk_profile {
    margin-bottom: 3rem;
}

.blk_profile img {
    width: 100%;
}
.blk_profile .blk_profile_img_main {
    box-shadow: 50px 50px 0 #D5ED9F;
}

.blk_profile .ec-topicRole {
    background: #fff;
}

.blk_profile_text p {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.blk_profile_text {
    padding: 0 3.5rem;
}

.blk_profile_box {
    display: flex;
    align-items: flex-end;
}

@media only screen and (max-width: 992px) {
.blk_profile .blk_profile_img_main {
    box-shadow:none;
}
.blk_profile_text {
    padding-top: 3.5rem;
}

.blk_profile_text p {
    font-size: 1rem;
}
.blk_profile {
    margin-bottom:0;
}
}


 /* サービス*/
/* ======================================== */

/* 背景*/
.blk_service .ec-topicRole {
    background: #fff;
}

/* カード*/

.blk_service .row {
    margin-bottom: 3rem;
}

.blk_service .card {
    border: none;
    border-radius: 0.5rem;
    box-shadow: 0 4px 15px rgba(0 0 0 / 0.2);
}

.blk_service .card-footer {
    background: #fff;
    border-top: none;
    padding:0.5rem 1rem 1.5rem;
}

.blk_service .card-img-top {
    border-top-left-radius:0.5rem;
    border-top-right-radius: 0.5rem;
}

.card-title {
    font-weight: bold;
    color: #00712D;
    text-align: center;
    margin-bottom: 1rem;
}

.card-text {
    font-weight: 500;
}

.blk_service .card-footer .btn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    padding: 0.75rem 2rem;
    background: #fff;
    border: 2px solid #00712D;
    color:#00712D ;
    
}

.blk_service .card-footer .btn::after {
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    margin-left: 10px;
    border-top: 2px solid #00712D;
    border-right: 2px solid #00712D;
    content: '';
}


.ec-role .service_icon {
    width:45px;
    display: block;
    margin: 0 auto 0.75rem;
}

@media only screen and (max-width: 767px) {
    .blk_service .col-sm-6 {
        margin-bottom: 2rem;
    }
  }
  

/* 業務内容*/
.service_content .row .col-md-3 {
    margin-bottom: 2rem;
}

.blk_service .service_content .row {
    margin-bottom: 0;
}

.service_content h3,.service_ticket h3 {
    margin-bottom: 2rem;
    position: relative;
    font-weight: bold;
}

.service_content h3:before,.service_ticket h3:before{
    content: '';
	display: block;
	width: 50px;
	height: 5px;
	background: #00712D;
	margin-bottom: 1.5rem;
}

.blk_service .service_content .card-text {
    font-weight: 500;
}

.blk_service .service_content .card {
    box-shadow: 0 4px 10px #E8DFCA;
    border: 1px solid #E8DFCA;
    border-radius: 0.5rem;
}

/* サービスチケット*/

 .service_ticket_box {
    position: relative;
    background: #F5EFE6;
    box-shadow: 0px 0px 0px 10px #F5EFE6;
    border: dashed 2px white;
    padding: 1rem;
    margin: 10px;
}

.service_ticket_box:after{
    position: absolute;
    content: '';
    right: -14px;
    top: -14px;
    border-width: 0 30px 30px 0;
    border-style: solid;
    border-color: #E8DFCA #fff #E8DFCA;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}

.service_ticket_box p {
    text-align: center;
    font-size: 2.5rem;
    font-weight: bold;
}

.blk_service .service_ticket_box .btn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    padding: 0.75rem 2rem;
    background: #00712D;
    border: 2px solid #00712D;
    color:#fff ;
    margin: 1rem 0;
    
}

.blk_service .service_ticket_box .btn::after {
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    margin-left: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
}

 /* 会社案内*/
/* ======================================== */

/* 地図*/
.gmap {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;    
}

.gmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blk_company .ec-role {
    max-width:none;
    padding-left: 0;
    padding-right: 0;
}

.blk_company .ec-topicRole {
    background: #fff;
}

.blk_company_inner {
    display: flex;
    align-items: center;
    background: #F5EFE6;
}

.blk_company .row > * {
    padding-left: 0;
    padding-right: 0;
}

.blk_company_inner_text {
    padding: 2rem;
}

.blk_company_inner_text h4 {
    font-weight: bold;
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.blk_company_inner_text p {
    margin-bottom: 0.5rem;
}

.page_about a {
    color: #333333;
}

 /* お問い合せ*/
/* ======================================== */
.blk_contact .ec-topicRole {
    background: #fff;
}

.blk_contact .btn {
    width: 100%;
    font-size: 1.5rem;
}

.blk_contact .card {
    border: none;
}

.blk_contact .card-footer {
    border: none;
    background: #fff;
}
.blk_contact .card-text {
    font-weight:500;
    text-align: center;
}

.blk_contact .circle_icon {
    display: block;
    margin: 0 auto 1rem;
    max-width: 60px;
}

/* ===========================================
 * 下層ページ
 * ======================================== */
 
 /* 見出し*/
 
 .ec-pageHeader h1 {
    color: #353535;
    /* border-left: 15px double #00712D;*/
    border-bottom: none;
    padding: 0.25rem 0.5rem;
    margin: 3rem 0;
    border-top: none;
    font-size: 2rem;
 }
 
 @media only screen and (max-width: 767px) {
     .ec-pageHeader h1 {
         padding: 0;
  }
}
 
 
  /* 見出し(h3)*/
  
  .ec-ph3 {
    background: #00712D;
    color: #fff;
    font-weight: bold;
    padding: 0.5rem;
    margin-bottom: 2rem;
    margin-top: 3rem;
    border-radius: 0.25rem;
  }
  /* 見出し(h4)*/
   .ec-ph4 {
    border-bottom: 1px solid #00712D;
    margin-bottom: 2rem;
    padding: 0.25rem 0.5rem;
    font-weight: bold;
}

   /* 見出し(h5)*/
 .ec-ph5 {
     font-weight:bold;
     padding: 0.25rem 0.5rem;
 }
  
 /* ===========================================
 * 板金塗装
 * ======================================== */
  /* 見出し*/
.page_repair .ec-pageHeader h1 {
    margin: 0 0 0 5rem;
    border-bottom: 1px solid;
}

 @media only screen and (max-width: 767px) {
     .page_repair .ec-pageHeader h1  {
        margin: 0 0 0 1rem;
  }
}
  
 .page_repair .ec-pageHeader {
     background:url('/html/user_data/assets/img/page/repair/page_repair_bg.jpg'); 
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
    aspect-ratio: 4 / 1;
     display: flex;
     align-items: center;
     margin-bottom: 3rem;
 }
 
  .page_repair .ec-pageHeader h1:before {
     content: attr(data-en);
	display: block;
	font-size: 1rem;
    margin-bottom: 0.25rem;
  }
 
   .page_repair .ec-topicRole {
        padding: 0;
}

 /* 施工の流れ*/
/* ======================================== */

 .repair_flow img {
     margin-bottom: 1rem;
     border-radius: 0.5rem;
 }
 
 .repair_flow div {
     margin-bottom: 2rem;
 }
 
 .repair_flow {
     border-bottom: 2px dotted #E8DFCA;
 }
 
 .repair_flow:last-child {
     border-bottom: none;
 }
 
 /* 見出し*/
 
 .page_repair h5 {
     margin-top: 2rem;
 }
 

 /* お得なサービスチケット*/
/* ======================================== */
#serviceticket img {
    margin: 2rem 0;
}

 /* ===========================================
 * 車検・整備
 * ======================================== */
 .syaken_leadtext {
     margin-bottom: 2rem;
 }
 
   /* 見出し*/
   
 .page_syaken .ec-pageHeader h1 {
    margin: 0 0 0 5rem;
    border-bottom: 1px solid;
}
  
 .page_syaken .ec-pageHeader {
     background:url('/html/user_data/assets/img/page/syaken/page_syaken_bg.jpg'); 
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
    aspect-ratio: 4 / 1;
     display: flex;
     align-items: center;
     margin-bottom: 3rem;
 }
 
  .page_syaken .ec-pageHeader h1:before {
     content: attr(data-en);
	display: block;
	font-size: 1rem;
    margin-bottom: 0.25rem;
  }
 
@media only screen and (max-width: 767px) {
     .page_syaken .ec-pageHeader h1  {
        margin: 0 0 0 1rem;
  }
}

   .page_syaken .ec-topicRole {
        padding: 0;
}
 
  /* 料金表*/
 .page_syaken table {
  border-collapse: collapse;
  margin: 3rem 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
 }

.page_syaken table tr {
  background-color: #fff;
  padding: .35em;
  border-bottom: 1px dotted #E8DFCA;
}
.page_syakentable tr:last-child{
   border-bottom: 2px solid #E8DFCA;
}
.page_syaken table th,
.page_syaken table td {
  padding: 1em 10px 1em 1em;
}

.page_syaken table th {
    color:#00712D ;
}
.page_syaken .price,.page_syaken thead th {
   text-align: center;
   color: #333333;
}

@media screen and (max-width: 600px) {
  .page_syaken table {
    border: 0;
    width:100%
  }
  .page_syaken table th{
    display: block;
    border-right: none;
    border-bottom: 2px solid #E8DFCA;
    padding-bottom: .6em;
    margin-bottom: .6em;

  }
  .page_syaken table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .page_syaken table tr {
    display: block;
    margin-bottom: 2em;
    border-bottom: 2px solid #E8DFCA;
  }
  
  .page_syaken table td {
    border-bottom: 1px solid #E8DFCA;
    display: block;
    font-size: .8em;
    text-align: right;
    position: relative;
    padding: .625em .625em .625em 4em;
    border-right: none;
  }
  
 .page_syaken table td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
  }
  
  .page_syaken table td:last-child {
    border-bottom: 0;
  }
}

.syaken_textbox li {
    margin-bottom: 0.25rem;
}

.syaken_textbox ul {
    margin-bottom: 0;
}

.page_syaken .alert-success {
    color: #333333;
    background-color: #FFFBE6;
    border-color:#FFFBE6 ;
    margin-bottom: 3rem;
}

 /* 車検のご案内*/
 
 .syaken_item_box h5 {
     text-align: center;
     font-weight: bold;
     margin-bottom: 1rem;
 }
 
 .syaken_item_box {
     padding: 1.25rem 1rem;
     border: 1px solid ;
     border-radius: 0.5rem;
 }
 
 .badge_r_lg {
     text-align: center;
     padding: 0.25rem;
     background: #D5ED9F;
     border-radius: 1rem;
     border: 1px solid #D5ED9F;
     margin-bottom: 1rem;
     font-weight: bold;
 }
 
 @media only screen and (max-width: 767px) {
     .syaken_item .col-md-4  {
        margin-bottom: 2rem;
  }
  .syaken_item .col-md-4:last-child {
      margin-bottom: 0;
  }
}

 .fc_o {
     color: #FF9100;
     font-weight:bold;
 }
 
 .marker_o {
     background-color: rgba(255, 213, 0, 0.5);
 }
 
  /* ボタン*/
 .page_syaken .btn-primary {
     width: 100%;margin-bottom: 2rem;
 }
 
  /* 車検のお問い合せ*/
  
  .syaken_contact .btn {
      width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    padding: 0.75rem 2rem;
    background: #00712D;
    border: 2px solid #00712D;
    color: #fff;
    margin: 1.5rem 0;
  }
  
  .syaken_contact .btn:after {
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    margin-left: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
}
  
  
  /* ===========================================
 * 水性塗料
 * ======================================== */
 .paint_inner img,.paint_eco img {
    border-radius: 0.5rem;
}

.paint_eco p,.paint_inner p {
    padding: 1rem;
}

/* 見出し*/

.page_paint .ec-pageHeader h1 {
    margin: 0 0 0 5rem;
    border-bottom: 1px solid;
}
  
 .page_paint .ec-pageHeader {
     background:url('/html/user_data/assets/img/page/paint/page_paint_bg.jpg'); 
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
    aspect-ratio: 4 / 1;
     display: flex;
     align-items: center;
     margin-bottom: 3rem;
 }
 
  .page_paint .ec-pageHeader h1:before {
     content: attr(data-en);
	display: block;
	font-size: 1rem;
    margin-bottom: 0.25rem;
  }
 
@media only screen and (max-width: 767px) {
     .page_paint .ec-pageHeader h1  {
        margin: 0 0 0 1rem;
  }
}

   .page_paint .ec-topicRole {
        padding: 0;
}
 
 /* 水性塗料のメリット*/
/* ======================================== */

.paint_merit {
    padding: 0.5rem;
    margin-bottom: 3rem;
}

.merit_text,.merit_img {
    padding: 1rem;
}

.merit_text,.merit_img img {
    border-radius: 0.5rem;
}

.paint_merit .col-md-8,.paint_merit .col-md-4 {
    margin-bottom: 2rem;
}


.paint_merit_h4 {
	position: relative;
	font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
}

.paint_merit_h4::before {
	content: attr(data-number);
	display: block;
	color: #D5ED9F;
	font-size: 30px;
}

.paint_merit_h4::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 1px;
	background-color: #D5ED9F;
}

@media only screen and (max-width: 767px) {
     .reverse_box {
        flex-direction:column-reverse;
  }
}

    /* ===========================================
 * 自動保険
 * ======================================== */
 /* 見出し*/

.page_insurance .ec-pageHeader h1 {
    margin: 0 0 0 5rem;
    border-bottom: 1px solid;
}
  
 .page_insurance .ec-pageHeader {
     background:url('/html/user_data/assets/img/page/insurance/page_insurance_bg.jpg'); 
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
    aspect-ratio: 4 / 1;
     display: flex;
     align-items: center;
     margin-bottom: 3rem;
 }
 
.page_insurance .ec-pageHeader h1:before {
     content: attr(data-en);
	display: block;
	font-size: 1rem;
    margin-bottom: 0.25rem;
  }
 
.page_insurance .ec-topicRole {
        padding: 0;
}

@media only screen and (max-width: 767px) {
     .page_insurance .ec-pageHeader h1  {
        margin: 0 0 0 1rem;
  }
}

 .insurance_inner img {
    border-radius: 0.5rem;
 }
 
 .insurance_inner {
     margin: 2rem 0;
 }
 
  .insurance_inner .d-flex div {
      width: 100%;
  }
  
  .insurance_inner ul {
      margin: 2rem 1rem;
  }
  
  .insurance_inner li {
      margin-bottom: 0.75rem;
  }
  
 /* 保険会社*/
/* ======================================== */
.btn_ic img {
    max-width: 300px;
    border: 2px solid #00712D;
    border-radius: 0.5rem;
}

.btn_ic div {
    text-align: center;
    margin-bottom: 1.25rem;
}

.btn_ic {
    margin-top: 2rem;
}
  
  
  
 /* ===========================================
 * アクセス
 * ======================================== */
  /* 見出し*/
 .page_access .ec-pageHeader h1 {
     text-align: center;
 }
.page_access .ec-pageHeader span {
    display: block;
    font-size: 0.75rem;
    padding-bottom: 0.5rem;
}

.access_explanation {
    padding: 1rem;
}

.page_access_inner {
    margin: 1rem 0 3rem;
}
 
.page_access .ec-ph4 {
    color: #00712D;
}

  /* ===========================================
 * リンク集
 * ======================================== */
 /* 見出し*/
 .page_link .ec-pageHeader h1 {
     text-align: center;
 }
.page_link .ec-pageHeader span {
    display: block;
    font-size: 0.75rem;
    padding-bottom: 0.5rem;
}

.page_link dl {
    display:flex;
}

.page_link dt {
    width: 30%;
    text-align: center;
    border-bottom:1px dotted #E8DFCA;
    padding: 0.5rem;
}

.page_link dd {
    width: 70%;
    margin-bottom: 0;
     border-bottom:1px dotted #E8DFCA;
     padding: 0.5rem;
}

.page_link img {
    width: initial;
}

 @media only screen and (max-width: 767px) {
     .page_link dl {
         display: block;
     }
     .page_link dd {
         width: 100%;
     }
     .page_link dt {
         width: 100%;
     }
     }
     
  /* ===========================================
 * 会社概要
 * ======================================== */
 
 /* 見出し*/
 .page_about .ec-pageHeader h1 {
     text-align: center;
 }
.page_about .ec-pageHeader span {
    display: block;
    font-size: 0.75rem;
    padding-bottom: 0.5rem;
}
 
 @media only screen and (min-width: 768px) {
    .ec-borderedDefs dd {
        width: 70%;
        line-height: 2.5; 
    }
}

.ec-borderedDefs dl {
    border-color: #E8DFCA;
}

  /* ===========================================
 * お問い合わせ
 * ======================================== */
 
  /* 見出し*/
 .ec-contactRole .ec-pageHeader h1 {
     text-align: center;
 }
.ec-contactRole .ec-pageHeader span {
    display: block;
    font-size: 0.75rem;
    padding-bottom: 0.5rem;
}

  /* 必須　*/
.ec-required {
    font-size: 0.75rem;
    color: #fff;
    font-weight: 700;
    line-height:1;
    padding: 0.35em 0.65em;
    border-radius: 50rem;
    background: #b3003e;
}

.ec-zipInputHelp .ec-zipInputHelp__icon {
    background: #b3003e;
}

 /*　ボタン　*/
 
 .ec-contactRole .ec-blockBtn--action,.ec-contactConfirmRole .ec-blockBtn--action {
     background-color: #b3003e;
     border-color:#b3003e ;
 }
 
     /* ===========================================
 * お問い合わせ(確認)
 * ======================================== */
 
  /* 見出し*/
 
  .ec-contactConfirmRole .ec-pageHeader h1 {
     text-align: center;
 }
.ec-contactConfirmRole .ec-pageHeader span {
    display: block;
    font-size: 0.75rem;
    padding-bottom: 0.5rem;
}

 /*　ボタン　*/
.ec-contactConfirmRole .ec-blockBtn--cancel {
     background-color: #E8DFCA;
     border-color: #E8DFCA;
     color: #333333;
 }

   /* ===========================================
 * お問い合わせ(完了)
 * ======================================== */
 
  /* 見出し*/
   .ec-contact_confirm .ec-pageHeader h1 {
     text-align: center;
 }
.ec-contact_confirm .ec-pageHeader span {
    display: block;
    font-size: 0.75rem;
    padding-bottom: 0.5rem;
}
  
  /*　ボタン　*/
  
 .ec-contactCompleteRole .ec-blockBtn--cancel {
     background-color: #E8DFCA;
     border-color: #E8DFCA;
     color: #333333;
 }
 
    /* ===========================================
 * プライバシーポリシー
 * ======================================== */
 
   /* 見出し*/
.page_privacy .ec-pageHeader h1 {
     text-align: center;
 }
.page_privacy .ec-pageHeader span {
    display: block;
    font-size: 0.75rem;
    padding-bottom: 0.5rem;
}

.ec-heading-bold {
    background: #F5EFE6;
    padding: 0.5rem;
    border-radius: 0.5rem;
    font-size: 1.25rem;
}

.page_privacy ol {
    margin-top: 1rem;
}

.page_privacy  h4 {
    font-weight:bold;
    font-size: 1.125rem;
    margin: 1rem 0;
}

.page_privacy  h5 {
    font-weight:bold;
    font-size: 1rem;
    margin: 1rem 0;
}

.page_privacy section {
    padding: 1rem;
}

.page_privacy li {
    margin-bottom: 0.5rem;
}

.page_privacy dl {
    display: flex;
    flex-wrap: wrap;
    margin: 1rem 0;
}

.page_privacy dt {
    width: 25%;
    margin-bottom: 0.5rem;
    line-height:1.7;
}

.page_privacy dd {
    width: 75%;
    line-height:1.7;
    margin-bottom: 0.5rem;
    border-left: 2px solid #F5EFE6;
    padding-left: 1rem;
}

.page_privacy .insurance_company dt {
    width: 40%;
}

.page_privacy .insurance_company dd {
    width: 60%;
}

 @media only screen and (max-width: 767px) {
    .page_privacy dl {
        display: block;
    }
    .page_privacy dt {
        width: 100%;
    }

    .page_privacy dd {
        padding-left: 0;
        border-left: none;
        width: 100%;
    }
    
    .page_privacy .insurance_company dt {
        width: 100%;
    }
    .page_privacy .insurance_company dd {
        width: 100%;
    }
}

/* ===========================================
 * 修理事例
 * ======================================== */
 /* 見出し*/
 .page_works .ec-pageHeader h1 {
     text-align: center;
 }
.page_works .ec-pageHeader span {
    display: block;
    font-size: 0.75rem;
    padding-bottom: 0.5rem;
}
 /* 修理事例*/
.page_works .works_inner h5 {
    font-size: 1.25rem;
    font-weight: bold;
    color: #00712D;
}

.works_inner {
    padding: 2rem;
    background:#F5EFE6;
    border-radius: 0.5rem;
}

.works_inner img {
    border-radius: 0.5rem;
}

.works_inner .col-md-6 {
    margin-bottom: 2rem;
}

.works_inner p {
    border-top: 5px dotted #00712D;
    padding-top: 1rem;
}