@charset "UTF-8";
/*desktop headline.css*/
/*style.css*/
/*button.css*/
/*ナビ*/
.tit-blue-line {
  background-image: url(../../asset/img/k_bg_blue_02.png);
  background-size: cover;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  padding-bottom: 2rem !important;
}

@supports (background-image: url(../../asset/img/k_bg_blue_02.webp)) {
  .tit-blue-line {
    background-image: url(../../asset/img/k_bg_blue_02.webp);
  }
}
.btn-blue {
  color: #000;
  background-color: #2868E2;
  border-bottom: 5px solid #005489;
}

.btn-red {
  color: #000;
  background-color: #E70011;
  border-bottom: 5px solid #c9000d;
  line-height: 1.5;
}

@media screen and (min-width: 992px) {
  .mt45-130 {
    margin-top: 72px;
  }
}/*# sourceMappingURL=add.css.map */




/* ここから下へ追加 */

body {
    /* 両端揃え */
    text-align: justify;

    /* 句読点の処理を適切に行う */
    line-break: strict; 
    
    /* ぶら下げ処理で、視覚的に行末を揃える */
    hanging-punctuation: allow-end;

    /* テキストサイズを固定し、ズームによる変更を防ぐ */
    -webkit-text-size-adjust: 100%;

    /* プロポーショナルメトリクスを有効にする */
    /* font-feature-settings: "palt";  */
}

a:hover {
  opacity: 0.7;
}

#btm-bottom-form:hover {
  opacity: 0.7;
}


/* ヘッダーのボタン */
/* --- 共通設定：ulを右端へ --- */
.navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important; /* 全体を右に寄せる */
    flex-grow: 1;
    list-style: none;
    padding: 0;
    margin: 0;
}

.company {
width: 40%;
}

/* --- リスト項目：余計なマージンを消して安定させる --- */
.nav-item {
    display: flex;
    justify-content: flex-end; /* 中のボタンを右に寄せる */
    width: auto; /* 基本は文字幅 */
}

/* --- タブレット・スマホ（1199px以下） --- */
@media (max-width: 1199px) {
    .navbar-nav {
        width: 100% !important; /* 親をフル幅にして右端を確保 */
    }
    
    .nav-item {
        width: 100% !important; /* 1行を占有させる */
    }

    .nav-link, .btn {
        width: 50% !important;   /* ボタンを親（nav-item）の半分に */
        text-align: center;
        /* もしボタン自体を中央に置きたいならここを margin: 0 auto; に */
    }
}

/* --- スマホ特化（767px以下）：さらに微調整が必要な場合 --- */
@media (max-width: 767px) {
    .nav-link, .btn {
        width: 95% !important; 
    }
    .company {
    width: 100%;
    }
}






/* ヘッダー */
.navbar-expand .navbar-collapse {
    display: flex !important;
    margin: 0 auto;
    flex-basis: auto;
    padding: 0 !important;
}


/* .navbar-collapse br {
    display: none !important;
} */
picture.d-block.d-xl-none {
    width: 80%;
}


figure {
    text-align: center;
}

h3 {
  /* プロポーショナルメトリクスを有効にする */
  /* font-feature-settings: "palt";  */
}


/* ----------------------------------------------------
   コンテンツ追加 lead-section リード部分
---------------------------------------------------- */

.lead-section {
  /* background-color: #DCF4FE; */
  /* background-color: #fef8e1; */
  background-color: #ffdb3921;
  margin: 0 auto;
  /* padding: 1rem; */
  position: relative;
  /* margin-bottom: 4rem !important; */
  margin-bottom: 1rem !important;
}

.lead-section::after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    /* border-top: 3.0rem solid #DCF4FE; */
    /* border-top: 3.0rem solid #fef8e1; */
    /* border-top: 3.0rem solid #ffdb3921; */
    border-top: 2.0rem solid #ffdb3921;
    border-right: 5.0rem solid transparent;
    border-left: 5.0rem solid transparent;
}

.lead-section .lead-section_wrap {
  /* padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
  padding-top: 1.5rem !important;
  padding-bottom: 2.5rem !important; */
  padding: .8rem .8rem .8rem .8rem;
  margin: 0 auto;
  text-align: center;
}

.lead-section h2 {
  font-size: calc(1.325rem + .9vw);
  /* font-size: calc(1.25rem + 0.8vw); */
  font-weight: 600;
  margin-bottom: 2rem;

/* レスポンシブなサイズ */
  font-size: calc(1.2rem + .8vw);
  line-height: 1.6; /* 行間を広めに取ると、マーカーが重ならず綺麗です */
  display: inline; /* マーカーを文字幅に合わせ、行またぎに対応させる */
  font-feature-settings: "palt";
  /* background-image: linear-gradient(transparent 70%, #fcec53 70%); */
  /* background-image: linear-gradient(transparent 70%, #fbca26 70%); */
  background-image: linear-gradient(transparent 70%, #ffdb39 70%);
  background-repeat: no-repeat;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 0 0.2em;
}

.lead-section p {
  /* font-size: 1.25rem !important; */
  font-size: 1rem !important;
  text-align: left;
}

.lead-section .lead-body {
    margin-top: 1rem;
}

.lead-section .lead-body span {
    text-decoration: underline dashed #464444 1px;
    text-underline-offset: 0.2em;
    text-decoration-color: #F68523;
    color: #F68523;
    font-weight: 600;
}

/* 被害現場でものところ */
#arumi .px-md-5 {
    margin-top: 2rem;
}
#arumi .text-md-center {
    font-size: 1.1rem !important;
    margin-top: .2rem !important;
}
#arumi .text p {
    font-size: 1rem !important;
}

/* アルミケーブルの説明コンテンツ  */
#section01 h2 {
    /* font-size: 32px !important; */
    font-size: 17px !important;
    line-height: 1.5;
}

/* 選ばれる理由 お客様の声 5か所 */
.py-4 {
    margin-bottom: 2rem !important;
}

/* いろんな箇所で使用 14か所 */
.fs-4 {
    line-height: 1.5;
}


/* マイクロコピー */
.cta-container {
  text-align: center;
  margin: 20px 0;
}
.cta-container .micro-copy {
  display: block;
  font-size: 1rem;
  font-weight: bold;
  color: #F68523 ;
  margin-bottom: -5px;
}


/* footer */
/* マイクロコピー */
.menu {
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1rem;
  width: 100%;
}
.menu .micro-copy {
  display: block;
  font-size: 0.95rem;
  font-weight: bold;
  color: #fff ;
  margin-bottom: -5px;
}









/* ----------------------------------------------------
   追加コンテンツ section-case-study 導入事例と費用の目安
---------------------------------------------------- */

.border-dotted {
    border-bottom-style: dotted !important;
    border-bottom-color: #ccc !important;
}
.case-card {
    border-radius: 8px;
    box-shadow: 0px 3px 6px #0000004d;
}
.case-spec {
    width: 90%;
}
@media (max-width: 576px) {
    .case-spec dt { font-size: 0.8rem !important; }
    .case-spec dd { font-size: 0.85rem !important; }
    .display-5 { font-size: 2rem; }
}



/* 導入事例と費用の目安 */
section.section-case-study {
    background-color: #f8f6f6;
    padding-bottom: 3rem !important;
}

img.img-fluid.case-card {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

p.fs-4.text-center.mb-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
    font-weight: 500 !important;
    font-size: 1.1rem !important;
    text-align: left !important;
    text-align: justify;
}
/* .case-card.mx-auto.p-4 {
    max-width: 1000px !important;
    background-color: #fff;
    border: none !important;
    padding: 4rem 3.5rem 5rem !important;
} */
span.badge.position-absolute.top-0.start-0.m-2.px-3.py-2 {
    font-size: 1.1rem;
    margin-left: 1px !important;
    border-radius: 0 10rem 10rem 0 !important;
    margin-top: 6% !important;
}

.case-card .col-6 img {
    border-radius: 10px;
}

.case-card.mx-auto {
    max-width: 1000px;
    background-color: #fff;
}

.col-6 {
    padding-right: calc(var(--bs-gutter-x) * .3);
    padding-left: calc(var(--bs-gutter-x) * .3);
}

.case-card-title {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

.case-card-title p {
    display: inline;
    font-feature-settings: "palt";
    /* background-image: linear-gradient(transparent 70%, #fcec53 70%); */
    /* background-image: linear-gradient(transparent 70%, #fbca26 70%); */
    background-image: linear-gradient(transparent 70%, #ffdb39  70%);
    background-repeat: no-repeat;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: 0 0.2em;
    font-weight: 500;
    font-size: 1.4rem !important;
}

dt.col-5 {
    /* background: #39B2E6 !important; */
    background: #29ABE2 !important;
    font-size: 1rem !important;
    border-radius: .2rem;
    padding: .3rem 0 !important;
}
dd.col-7 {
    font-size: 1.1rem !important;
}
dt.col-5.py-1.text-center.text-white.fw-bold {
    flex: 0 0 auto;
    width: 35%;
}
dd.col-7.mb-0.ps-4.fw-bold {
    flex: 0 0 auto;
    width: 65%;
}

.case-text2 {
    text-decoration: underline dashed #464444 1.5px;
    text-underline-offset: 0.3em;
    text-decoration-color: #F68523;
    /* text-decoration-color: #39B2E6; */
    /* color: #F68523; */
    /* background-color: #fef8e1; */
    background-color: #FFF8D7;
    padding: 1rem 2rem .5rem !important;
    /* text-align: center; */
    text-align: left;
    font-size: 1rem !important;
    margin: 2rem auto !important;
    line-height: 1.8;
    text-align: justify;
}

/* .case-text2 p {
    margin-left: .5rem !important;
} */

.sub-text {
    margin: 2rem auto !important;
    width: 82%;
}

.sub-text p {
    margin-bottom: .3rem !important;
    font-size: .8rem !important;
    text-align: left;
}






/* ----------------------------------------------------
   既存コンテンツへの追加 contact-section 無料相談受付中
---------------------------------------------------- */

.contact-section .inner {
    /* background-color: #dbf1df; */
    padding-top: 0;
    padding-bottom: 6rem;
    text-align: center;
}

.contact-section h3 {
    font-size: 2rem;
    background-image: linear-gradient(#fcec53, #fcec53); 
    background-image: linear-gradient(#ffdb39, #ffdb39); 

    background-size: 100% 1.5rem;     
    background-repeat: no-repeat;   
    /* bottom の位置 (100%) から px 上にずらして配置する */
    background-position: 0 calc(100% - -0.2rem);
    text-decoration: none;
    padding: 0 1.0rem;
    display: inline-block;
    margin-bottom: 2rem;
}

.contact__sub-heading {
    font-size: .8rem;
    font-weight: bold;
    margin-bottom: 1.0rem;
    margin: 0 auto;
}

/* コンタクト */
.contact-section .contact__cta-body {
    background: #fff;
    max-width: 900px;
    margin: 0 auto;
    margin-top: 2rem;
    padding: 1rem;
}

/* --- コンタクトラップ --- */
.contact-section .contact__cta-wrap {
    display: inline-flex;
    gap: 0;
    width: 100%;
    /* margin-top: 7.0rem; */
}

/* --- 電話番号グループ --- */
.contact-section .contact__phone-group {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    width: 62%;
}

.contact-section .contact__phone-icon img {
    width: 3.0rem; 
    height: 4.0rem; 
    display: block;
}

.contact-section .contact__phone-text-group {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.contact-section .contact__phone-number {
    font-size: 2.5rem; 
    /* color: #030303; */
    color: #4b4b4b !important;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    transition: color 0.2s;
}

.contact-section .contact__phone-number:hover {
    color: #65bfa4;
}

.contact-section .contact__phone-hours {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 2px;
}

/* --- lineグループ --- */
.contact-section .contact__line-group {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 38%;
    padding-left: 2.0rem;
    border-left: 1px solid #4b4b4b;
}

.contact-section .contact__line-note {
    font-size: 1rem;
    line-height: 1.2;
    text-align: left;
    width: 63%;
}

.contact__cta-header {
    margin-bottom: 4rem;
}

/* 送信ボタン */
#btm-bottom-form {
    display: block !important;
    width: 300px;
    
    /* 上下中央のための設定 */
    height: 4rem !important;      /* ボタン自体の高さを固定 */
    line-height: 4rem !important; /* heightと同じ数値にすることで上下中央 */
    padding: 0 !important;          /* paddingは0にして干渉を防ぐ */
    
    text-align: center !important;
    background: #66bfa3 !important;
    color: #fff !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    border-radius: 2px !important;
    margin: 25px auto 0 !important;
    border: none !important;
    cursor: pointer !important;
}




/* ----------------------------------------------------
   レスポンシブ
---------------------------------------------------- */

@media (min-width: 576px) {
    .lead-section .lead-section_wrap {
    max-width: 540px;
    }
    .mt-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 1.5rem !important;
    }

}


@media (min-width: 768px) {
    .lead-section .lead-section_wrap {
    max-width: 720px;
    }
    .lead-section h2 {
    font-size: 34px !important;
    }
    .lead-section .lead-body {
    margin-top: 2rem;
    }
    .lead-section p {
    font-size: 1.25rem !important;
    text-align: left;
    }

    #arumi h3 {
    font-size: 1.5rem !important;
    }
    #arumi .px-md-5 {
    margin-top: 4rem;
    }
    #arumi .text-md-center {
    font-size: 1.3rem !important;
    margin-top: .2rem !important;
    }
    #arumi .text p {
    font-size: 1.2rem !important;
    }
}


@media (min-width: 992px) {

    /* リード部分 */
    .lead-section {
    margin-bottom: 4rem !important;
    }
    .lead-section::after {
    border-top: 3.0rem solid #ffdb3921;
    }
    .lead-section .lead-section_wrap {
    max-width: 920px;
    padding-right: 3rem !important;
    padding-left: 3rem !important;
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
    }
    .lead-section h2 {
    font-size: 44px !important;
    }
    .lead-section .lead-body {
    margin-top: 2rem;
    }
    .lead-section p {
    font-size: 1.25rem !important;
    text-align: left;
    }

    /* 銅ケーブル盗難被害 */
    #arumi .text-md-center {
    font-size: calc(1.275rem + .3vw) !important;
    }

    #arumi .px-md-5 {
        margin-top: 0;
    }

    /* メインコンテンツ */
    .container.mt45-130 {
    margin-top: 170px;
    }
    .container.mt45-130 .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(5 * var(--bs-gutter-x));
    }
    .col-lg-8 h1 img.img-fluid {
    max-width: 110%; /* 100%から115%に拡大 */
    width: 110%;
    height: auto;
    /* 左側に少しはみ出させて大きく見せる場合は以下を追加 */
    /* margin-left: -5%; */
    }
    /* .img-fv {
    width: 100%;
    left: 65%;
    } */
    .img-fv {
    width: 380px;
    left: 60%;
    -webkit-transform: translateX(-60%);
    transform: translateX(-60%);
    }
    .bg-fv {
    height: 600px;
    }
    .pe-lg-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
    }

    /* .tit-base {
    font-size: 38px !important;
    } */

    .mb-lg-2 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
    }

    .px-lg-5 {
    margin-bottom: 2rem !important;
    }

    #faq .tit-sm {
    font-size: 30px !important;
    }

    span.bg-black.py-2.px-3.rounded-1.tit-base {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
    font-size: 32px !important;
    }

    /* 選ばれる理由 */
    section.bg_light-blue.py-5 {
    padding-bottom: 5rem !important;
    }

    /* アルミケーブル */
    #section01 h2 {
    font-size: 32px !important;
    }

    /* アルミ */
    .py-5.position-relative.px-lg-5 {
    padding-bottom: 5rem !important;
    }

    /* ５か所くらい */
    .pb-5 {
    padding-bottom: 5rem !important;
    }

    /* 発電所の規模やケーブルの長さ */
    p.fs-4.text-center.mb-5 {
    margin-top: 5rem !important;
    font-weight: 500 !important;
    font-size: 1.5rem !important;
    text-align: center !important;
    }


    /* 導入事例と費用の目安 */
    section.section-case-study {
    padding-bottom: 5rem !important;
    }

    .case-card.mx-auto.p-4 {
    max-width: 1000px !important;
    padding: 4rem 3.5rem 5rem !important;
    }

    span.badge.position-absolute.top-0.start-0.m-2.px-3.py-2 {
    font-size: 2rem;
    margin-left: 1px !important;
    border-radius: 0 10rem 10rem 0 !important;
    margin-top: 6% !important;
    }

    .case-card.mx-auto {
    max-width: 1000px;
    padding: 3rem !important;
    }

    .col-6 {
    padding-right: calc(var(--bs-gutter-x) * 1);
    padding-left: calc(var(--bs-gutter-x) * 1);
    }

    .case-card-title {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    }

    .case-card.mx-auto {
    max-width: 1000px;
    background-color: #fff;
    padding: 3rem !important;
    }

    span.badge.position-absolute.top-0.start-0.m-2.px-3.py-2 {
    font-size: 2rem;
    margin-left: 1px !important;
    border-radius: 0 10rem 10rem 0 !important;
    margin-top: 6% !important;
    }

    .case-card .col-6 img {
    border-radius: 20px;
    }

    .col-6 {
    padding-right: calc(var(--bs-gutter-x) * .9);
    padding-left: calc(var(--bs-gutter-x) * .9);
    }

    .case-card-title {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    }

    .case-card-title p {
    display: inline;
    font-feature-settings: "palt";
    /* background-image: linear-gradient(transparent 70%, #fcec53 70%); */
    /* background-image: linear-gradient(transparent 70%, #fbca26 70%); */
    background-image: linear-gradient(transparent 70%, #ffdb39  70%);
    background-repeat: no-repeat;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: 0 0.2em;
    font-weight: 500;
    font-size: 1.7rem !important;
    }

    dt.col-5 {
    /* background: #39B2E6 !important; */
    background: #29ABE2 !important;
    font-size: 1.4rem !important;
    border-radius: .3rem;
    }
    dd.col-7 {
    font-size: 1.5rem !important;
    }

    .case-text2 {
    text-decoration: underline dashed #464444 1.5px;
    text-underline-offset: 0.3em;
    text-decoration-color: #F68523;
    /* text-decoration-color: #39B2E6; */
    /* color: #F68523; */
    /* font-weight: 600; */
    /* background-color: #fef8e1; */
    background-color: #FFF8D7;
    /* background-color: #DCF4FE !important; */
    /* padding: 2rem; */
    padding: 3rem 5rem 1.5rem !important;
    margin-right: 2rem !important;
    margin-left: 2rem !important;
    font-size: 1.5rem !important;
    }

    .sub-text {
    margin: 2rem auto !important;
    width: 60%;
    }

    .sub-text p {
    margin-bottom: .3rem !important;
    font-size: 1rem !important;
    }

    /* 募集 */
    section.bg-recruit.pb-5 {
    padding-bottom: 5rem !important;
    }

    /* よくある質問 */
    section#faq {
    padding-bottom: 5rem !important;
    }


    /* マイクロコピー */
    .cta-container {
    text-align: center;
    margin: 20px 0;
    }
    .cta-container .micro-copy {
    display: block;
    font-size: 1.4rem;
    font-weight: bold;
    color: #F68523 ;
    margin-bottom: -10px;
    }


    /* footer */
    /* マイクロコピー */
    .menu {
    text-align: center;
    padding-top: 1em;
    }
    .menu .micro-copy {
    display: block;
    font-size: 0.95rem;
    font-weight: bold;
    color: #fff ;
    margin-bottom: -5px;
    }


    /* ----------------------------------------------------
    既存コンテンツへの追加 contact-section 無料相談受付中
    ---------------------------------------------------- */

    .contact-section .inner {
    /* background-color: #dbf1df; */
    padding-top: 2rem;
    padding-bottom: 6rem;
    text-align: center;
    }

    .contact-section h3 {
    font-size: 2.5rem;
    background-image: linear-gradient(#fcec53, #fcec53); 
    background-image: linear-gradient(#ffdb39, #ffdb39); 

    background-size: 100% 1.5rem;     
    background-repeat: no-repeat;   
    /* bottom の位置 (100%) から px 上にずらして配置する */
    background-position: 0 calc(100% - -0.2rem);
    text-decoration: none;
    padding: 0 1.0rem;
    display: inline-block;
    margin-bottom: 2rem;
    }

    .contact__sub-heading {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1.0rem;
    margin: 0 auto;
    }

    /* コンタクト */
    .contact-section .contact__cta-body {
    background: #fff;
    max-width: 900px;
    margin: 0 auto;
    margin-top: 2rem;
    padding: 1rem;
    }

    /* --- コンタクトラップ --- */
    .contact-section .contact__cta-wrap {
    display: inline-flex;
    gap: 0;
    width: 92%;
    /* margin-top: 7.0rem; */
    }

    /* --- 電話番号グループ --- */
    .contact-section .contact__phone-group {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    width: 62%;
    }

    .contact-section .contact__phone-icon img {
    width: 3.0rem; 
    height: 4.0rem; 
    display: block;
    }

    .contact-section .contact__phone-text-group {
    display: flex;
    flex-direction: column;
    text-align: left;
    }

    .contact-section .contact__phone-number {
    font-size: 3rem; 
    /* color: #030303; */
    color: #4b4b4b !important;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    transition: color 0.2s;
    }

    .contact-section .contact__phone-number:hover {
    color: #65bfa4;
    }

    .contact-section .contact__phone-hours {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 2px;
    }

    /* --- lineグループ --- */
    .contact-section .contact__line-group {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 38%;
    padding-left: 2.0rem;
    border-left: 1px solid #4b4b4b;
    }

    .contact-section .contact__line-note {
    font-size: 1rem;
    line-height: 1.2;
    text-align: left;
    width: 63%;
    }

    .contact__cta-header {
    margin-bottom: 4rem;
    }

    /* 送信ボタン */
    #btm-bottom-form {
    display: block !important;
    width: 350px !important;

    /* 上下中央のための設定 */
    height: 4.5rem !important;      /* ボタン自体の高さを固定 */
    line-height: 4.5rem !important; /* heightと同じ数値にすることで上下中央 */
    padding: 0 !important;          /* paddingは0にして干渉を防ぐ */

    text-align: center !important;
    background: #66bfa3 !important;
    color: #fff !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    border-radius: 2px !important;
    margin: 25px auto 0 !important;
    border: none !important;
    cursor: pointer !important;
    }

}


@media (min-width: 1200px) {
    .lead-section .lead-section_wrap {
        /* max-width: 1140px; */
    }

    .pe-lg-2 {
        max-width: 1100px;
    }

    span.bg-black.py-2.px-3.rounded-1.tit-base {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
        font-size: 38px !important;
    }
}



/* ----------------------------------------------------
    /* 問い合わせセクション ヘッダーその他
    max-width: 767px (スマートフォン)
---------------------------------------------------- */
@media (max-width: 767px) {

    .contact-section .contact__cta-wrap {
        flex-direction: column;
        /* 4.0rem (28px) -> 1.75rem */
        margin: 0 auto;
        text-align: left;
        /* 2.0rem (14px) -> 0.875rem */
        /* gap: 0.875rem; */
    }

    .contact-section .contact__phone-group {
        width: 80%;
        margin: 0 auto;
        transform: scale(1);
        gap: 1.094rem;
    }

    .contact-section .contact__phone-group img {
        width: 15%;
    }

    .contact-section .contact__line-group {
        width: 80%;
        margin: 0 auto;
        /* 2.0rem (14px) -> 0.875rem */
        margin-bottom: 0.875rem;
        /* 2.5rem (17.5px) -> 1.094rem */
        gap: 1.094rem;
        border-left: none;
        padding-left: 0rem;
        transform: scale(1);
    }
    
    .contact-section .contact__line-note {
        /* 2rem (14px) -> 0.875rem */
        font-size: 0.875rem;
        width: 74%;
    }

    .contact-section .contact__line-group a {
        width: 15%;
    }

    .contact-section .contact__line-group img {
        width: 100%;
    }

    .contact-section .contact__phone-number {
        /* 6rem (42px) -> 2.625rem */
        font-size: 1.8rem;
    }

    .contact-section .contact__phone-hours {
    font-size: 1rem;
    }

    .contact-section .contact__phone-hours p {
    margin-bottom: 1.5rem;
    }

    .contact-section .contact__cta-body {
        /* 6.0rem 1.6rem 3.0rem (42px 11.2px 21px) */
        padding: 1rem .5rem 0;
        margin: 0 auto;
    }

    .contact-section .contact__phone-group img {
        transform: scale(0.6);
    }

    .contact-section .contact__line-group img {
        transform: scale(0.8);
    }

    .contact__sub-heading {
        /* 2.4rem (16.8px) -> 1.05rem */
        font-size: 1rem;
    }
    .contact__cta-header p {
        font-size: .85rem !important;
    }
    .contact__box {
        /* 3.0rem 2.0rem (21px 14px) */
        padding: 1.313rem 0.875rem;
    }
    .contact__text-sub {
        /* 1.8rem (12.6px) -> 0.788rem */
        font-size: 0.788rem;
    }
    .contact__tel-number {
        /* 3.6rem (25.2px) -> 1.575rem */
        font-size: 1.575rem;
    }
    .contact__text-hours {
        /* 1.6rem (11.2px) -> 0.7rem */
        font-size: 0.7rem;
    }



    /* 緑色の送信するボタン */
    #btm-bottom-form {
    display: block !important;
    width: 60% !important;
    }

    p.d-grid.gap-2.col-lg-4.mx-auto.mb-5 {
    margin-bottom: 0 !important;
    }

    /* ヘッダーのボタン */
    .btn-red {
    color: #000;
    background-color: #E70011;
    border-bottom: 5px solid #c9000d;
    font-size: .9rem !important;
    padding: .2rem !important;
    line-height: 1.4;
    }


    .container.mt45-130 {
    margin-top: 100px;
}

.img-fv {
    width: 270px;
    }
.bg-fv {
    height: 380px;
    }

    .lead-section h2 {
    font-size: 1.3rem;
    }

    #arumi .container {
    padding: .5rem !important;
    }

    #arumi .px-md-5 {
    margin-top: .5rem;
    }

    #arumi h3 {
    font-size: 1.2rem !important;
    }

    /* 被害を繰り返さない */
    p.fs-5.tit-sm.fw-bold.text-black.mb-2.mb-sm-5.ls2 {
    margin-bottom: 2rem !important;
    }

    .case-card.mx-auto.p-4 {
    padding: 1rem !important;
    }

  
}



/* 横幅が768px以上で、電話番号リンクは無効 */
@media (min-width: 768px) {
a[href^="tel:"] {
    pointer-events: none;
    cursor: default;
}
}