@charset "utf-8";
*{
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;  
    margin: 0;
    padding: 0;
}
img {
    max-width: 100%;	
    vertical-align: bottom;
}
html{
    overflow: auto; 
}
.Wrapper{
    margin:  0 auto;
    width:100%;
}
/*---------- 共通 ----------*/
.bo {
    font-weight: bold;
}

/*---------- ヘッダー ----------*/
header a{
    width: 100%;
  }
.he_bg {
    background-color:#fff;
}
.he_inner {
    display: flex;
    justify-content: space-between;
    margin: 20px 100px 10px;
}
.inner_left {
    font-size: 14.5px;
    font-weight: bold;
    max-width: 245px;
    margin-top: 6px;
}
.inner_right {
    display: flex;
    max-width: 600px;
}
.inner_right img {
    max-width: 100%;
    padding: 10px;
}
@media (max-width: 1500px) { 
    .inner_right {
        max-width: 500px;
    }
    .inner_right img {
        max-width: 95%;
        padding: 20px;
    }
    .he_inner {
        margin: 10px 100px 5px;
    }
    .inner_left {
        margin-top: 10px;
    }
}
@media (max-width: 767px) { 
    .he_inner {
        display: flex;
        justify-content: space-between;
        margin: 10px 10px 5px;
    }
    .inner_left {
        font-size: 12px;
        font-weight: bold;
        max-width: 35%;
        margin-top: 5px;
    }
    .inner_right {
        display: flex;
        max-width: 63%;
        justify-content: space-between;
    }
    .inner_right img {
        padding: 5px;
        max-width: 100%;
    }
    .he_mail_btn {
        max-width: 29%;
        margin-left: 5px;
    }
    .he_tel_btn{
        max-width: 85%;
    }
}
/*---------- ご存じですか？ ----------*/
.gozonji_bg {
    background-image : url(../img/gozonji_bg_pc.jpg );
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    padding: 110px 0 487px;
}
.gozonji_ttl {
    max-width: 995px;
    margin: 0 auto 80px;
    padding: 0 100px;
}
.gozonji_inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 50px;
}
@media (max-width: 767px) {
    .gozonji_bg {
        background-image : url(../img/gozonji_bg_sp.jpg );
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
        padding: 40px 0 290px;
    }
    .gozonji_ttl {
        max-width: 80%;
        margin: 0 auto 30px;
        padding: 0;
    }
    .gozonji_inner {
        max-width: 90%;
        margin: 0 auto;
        padding: 0;
    }
} 
/*---------- アンテナトラブルはプロに ----------*/
.ttl_bg_ye {
    background-color: #f4e144;
}
.trouble_ttl {
    max-width: 1053px;
    margin: 0 auto;
    padding: 40px 100px;
}
.trouble_flx {
    display: flex;
    justify-content: space-around;
    max-width: 1400px;
    margin: 100px auto 0;
    padding: 0 50px;
}
.trouble_flx_inner {
    max-width: 23%;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.trouble_flx_inner p {
    margin-top: 12px;
    text-align: left;
}
@media (max-width: 767px) {
    .trouble_ttl {
        max-width: 90%;
        margin: 0 auto;
        padding: 20px 0;
    }
    .trouble_flx {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        max-width: 92%;
        margin: 40px auto 0;
        padding: 0;
    }
    .trouble_flx_inner {
        max-width: 46%;
        font-size: 13px;
        margin-bottom: 20px;
    }
    .trouble_flx_inner p {
        margin-top: 8px;
    }
}

/*---------- あらゆる種類のアンテナトラブル ----------*/
.trouble02_ttl_bg {
    background-color: #f4e144;
    height: 200px;
    margin-top: 235px;
    width: 100%;
}
.trouble02_inner_area {
    max-width: 1090px;
    margin: -394px auto 0;
    position: relative;
}
.trouble02_ttl {
    padding: 0 50px;
}
.trouble02_bg {
    background-image : url(../img/trouble02_bg.png );
    background-repeat: no-repeat;
}
.trouble02_flx {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 50px;
}
.trouble02_flx img{
    max-width: 29.5%;
    padding: 20px;
}
@media (max-width: 1160px) {
    .trouble02_flx img{
        max-width: 28.5%;
        padding: 20px;
    }
    .trouble02_flx {
        padding: 50px 30px;
        max-width: 1200px;
    }
}
@media (max-width: 960px) {
    .trouble02_inner_area {
        margin: -295px auto 0;
    }
    .trouble02_ttl_bg {
        margin-top: 150px;
        width: 100%;
    }
    .trouble02_ttl_bg {
        height: 150px;
    }
}
@media (max-width: 904px) {
    .trouble02_flx img{
        max-width: 43%;
        padding: 20px;
    }
    .trouble02_flx {
        justify-content: space-between;
        max-width: 700px;
        margin: 0 auto;
        padding: 50px 30px;
    }
}
@media (max-width: 860px) {
    .trouble02_ttl_bg {
        height: 120px;
        margin-top: 160px;
        width: 100%;
    }
    .trouble02_inner_area {
        margin: -260px auto 0;
    }
}
@media (max-width: 767px) {
    .trouble02_ttl_bg {
        background-color: #f4e144;
        height: 200px;
        margin-top: 30px;
        width: 100%;
    }
    .trouble02_inner_area {
        max-width: 98%;
        margin: -250px auto 0;
        position: relative;
        margin-left: 6%;
    }
    .trouble02_ttl {
        padding: 0;
    }
    .trouble02_flx {
        justify-content: space-between;
        max-width: 93%;
        margin: 0 auto;
        padding: 40px 0;
    }
    .trouble02_flx img {
        max-width: 46%;
        padding: 5px;
        padding-bottom: 20px;
        max-height: 46%;
    }
}
/*---------- 選ばれる理由 ----------*/
.reason_ttl {
    max-width: 871px;
    margin: 0 auto;
    padding: 40px 100px;
}
.reason_area{
    display: block;
    max-width: 1200px;
    margin: 100px auto;
}
.reason{
    display: flex;
    margin: 3%;
    position: relative;
}
.reason p{
    margin-top: 20px;
}
.ttl {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.point_image {
    max-width: 500px;
    margin-left: 30px;
}
.reason .ttl img {
    display: block;
    width: 18%;
}
.reason_ttl_min {
    margin-left: 10px;
}
.reason_red {
    color: red;
    font-weight: bold;
    font-size: 30px;
    background:linear-gradient(transparent 80%, #f4e144 60%);
}
.reason_bo {
    font-weight: bold;
    font-size: 22px;
}
@media (max-width: 990px) {
    .point_image {
        max-width: 400px;
        margin-left: 30px;
    }
}
@media (max-width: 767px) {
    .reason_ttl {
        max-width: 71%;
        margin: 0 auto;
        padding: 20px 0;
    }
    .reason {
        display: block;
        margin: 4.7%;
    }
    .point_image {
        max-width: 100%;
        margin-left: 0;
        margin: 20px auto 0;
    }
    .reason_red {
        font-size: 28px;
    }
    .reason .ttl img {
        width: 19%;
        margin-top: 8px;
    }
    .reason p{
        margin-top: 15px;
    }
    .reason_area{
        margin: 25px auto;
    }
}
/*---------- CTA ----------*/
.cta_bg {
    background-color: #d0e6ff;
    padding: 100px 0;
}
.cta_area{
    text-align: center;
    position: relative;
    max-width: 900px;
    margin: 0 auto;
}
.cta_bg p {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
}
.cta_red {
    color: red;
}
.cta_inner {
    max-width: 850px;
    position: absolute;
    top: 28.5%;
    margin: 0 auto;
    border-radius: 15px;
    padding: 50px 0;
    left: 0;
    right: 0;
}
.cta_flx {
    display: flex;
    justify-content: space-between;
    max-width: 85%;
    margin: 0 auto;
}
.cta_flx img {
    max-width: 98%;
}
.cta_tel02 img{
    position: relative;
    animation: pekopeko01 2s infinite;
    filter: drop-shadow(0 5px 0px #841f00);
}
.cta_mail02 img{
    position: relative;
    animation: pekopeko02 2s infinite;
    filter: drop-shadow(0 5px 0px #003f8b);
}
.cta_tel02 img:hover{
    top: 3px;
    opacity: 0.8;
    filter:none;
}
.cta_flx a {
    max-width: 48%;
}

@keyframes pekopeko01 {
    0% {
        filter: drop-shadow(0 5px 0 #841f00);
        top: 0px;
    }
    10% {
        filter: drop-shadow(0 0 0 #841f00);
        top: 5px;
    }
    20% {
        filter: drop-shadow(0 5px 0  #841f00);
        top: 0px;
    }
    30% {
        filter: drop-shadow(0 0 0#841f00);
        top: 5px;
    }
    40% {
        filter: drop-shadow(0 5px 0 #841f00);
        top: 0px;
    }
}
@keyframes pekopeko02 {
    0% {
        filter: drop-shadow(0 5px 0 #003f8b);
        top: 0px;
    }
    10% {
        filter: drop-shadow(0 0 0 #003f8b);
        top: 5px;
    }
    20% {
        filter: drop-shadow(0 5px 0  #003f8b);
        top: 0px;
    }
    30% {
        filter: drop-shadow(0 0 0#003f8b);
        top: 5px;
    }
    40% {
        filter: drop-shadow(0 5px 0 #003f8b);
        top: 0px;
    }
}
.inner_pa {
    padding: 0 50px;
}

@media screen and (max-width:767px){  
    .cta_bg p {
        font-size: 20px;
    }
    .cta_flx {
        display: block;
        justify-content: space-between;
        max-width: 88%;
        margin: 0 auto;
    }
    .inner_pa {
        padding: 0 15px;
    }
    .cta_bg {
        background-color: #d0e6ff;
        padding: 40px 0;
    }
    .cta_inner {
        margin: 15px auto 0;
        border-radius: 7px;
        padding: 33px 0 18px;
    }
    .cta_flx img {
        max-width: 100%;
        margin-bottom: 15px;
    }
    .cta_inner {
        top: 19.5%;
    }
}
/*---------- お客様の声 ----------*/
.voice_ttl {
    max-width: 309px;
    margin: 0 auto;
    padding: 40px 280px;
}
.kutikomi_name01 {
    background-color: #4177d6;
    padding: 5px;
    width: 70px;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    border-radius: 5px;
    text-align: center;
    margin: 20px 0 10px;
}
.voice_fsS {
    font-size: 12.5px;
}
.voice-contents{
    padding: 8px 0 4% 0;
    margin-top: -45px;
}
.slide_contents p{
    font-size: 16px;
    line-height: 1.9;
}
.kutikomi_mein {
    font-size: 19px;
    font-weight: bold;
    margin-top: 20px;
}
li.slide_contents{
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .2);
    background-color: #fff;
    border-radius: 10px;
    width: 500px!important;
    padding: 38px;
    margin: 0;
    text-align: left;
    border: #003187 solid 3px;
}
li.slide_contents .slide_tit{
    font-weight: bold;
    font-size: 20px;
    padding: 1% 0 0;
}
li.slide_contents .slide_txt{
    text-align: left;
    font-weight: bold;
    padding: 1% 0 0;
}
li.slide_contents .slide_txt2{
    text-align: right;
    font-weight: bold;
    padding: 1% 0 0;
}
.slick-prev:before, .slick-next:before{
    opacity: 1;
}
.slick-dots li.slick-active button:before {
    opacity: 1 !important;
    color: #003187 !important;
}
@media screen and (max-width:767px){ 
    .voice_ttl {
        max-width: 50%;
        margin: 0 auto;
        padding: 20px 0;
    }
    .kutikomi_ttl {
        max-width: 90%;
        margin: 0 auto;
        padding: 0;
    }
    .kutikomi_name {
        background-color: #e68420;
        padding: 5px;
        width: 156px;
        color: #fff;
        font-weight: bold;
        font-size: 13px;
        border-radius: 5px;
        text-align: center;
        margin: 10px auto 0;
    }
    li.slide_contents{
        width: 73vw!important;
        padding: 20px;
    }
    .voice-contents{
        padding: 4% 0;
        margin-top: 0;
    }
    .kutikomi_bg {
        background-color: #fff9e2;
        padding: 40px 0 40px;
        border-top: solid 3px #003187;
    }
    .kutikomi_icon {
        max-width: 100px;
        margin: 0 auto;
    }
    .slide_contents p{
        font-size: 15px;
        line-height: 1.9;
    }
}
/*===========スライダー============*/
.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
    width: 100%;
    margin:168px auto 0;
}

.slick-slide img {
    display: inline-block;
    padding: 0;
    margin: 0 auto;
    width: 100%;
}

.slider .slick-slide {
    transform: scale(0.8);/*左右の画像のサイズを80%に*/
    transition: all .5s;/*拡大や透過のアニメーションを0.5秒で行う*/
    opacity: 0.2;/*透過50%*/
}

.slider .slick-slide.slick-center{
    transform: scale(1);/*中央の画像のサイズだけ等倍に*/
    opacity: 1;/*透過なし*/
}

.slick-list {
    overflow: inherit;
}

/*矢印の設定*/
.slick-prev {/*戻る矢印の位置と形状*/
    left: 23.6% !important;
    z-index: 10 !important;
}

.slick-next {/*次へ矢印の位置と形状*/
    right: 26.2% !important;
}

/*ドットナビゲーションの設定*/

.slick-dots {
    text-align:center;
    margin:20px 0 0 0;
}

.slick-dots li {
    display:inline-block;
    margin:0 5px;
}

.slick-next:before {
    content: '▶' !important;
}
.slick-prev:before {
    content: '◀' !important;
}
.slick-prev:before, .slick-next:before{
    color: #003187 !important;
    font-size: 60px !important;
}
ul {
    padding-inline-start: 0px;
}
.slick-dots {
    position: absolute;
    bottom: -50px !important;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
@media (max-width: 1388px) {
    .slick-prev {/*戻る矢印の位置と形状*/
        left: 11.2% !important;
        z-index: 999 !important;
    }
    .slick-next {/*次へ矢印の位置と形状*/
        right: 14.2% !important;
    }
}
@media (max-width: 1200px) {
    .slick-prev {/*戻る矢印の位置と形状*/
        left: 13% !important;
        z-index: 10 !important;
    }
    .slick-next {/*次へ矢印の位置と形状*/
        right: 16.2% !important;
    }
}
@media (max-width: 1000px) {
    .slick-prev {/*戻る矢印の位置と形状*/
        left: 2% !important;
        z-index: 10 !important;
    }
    .slick-next {/*次へ矢印の位置と形状*/
        right: 7.2% !important;
    }
}
@media (max-width: 767px) {
    .voice{
        padding: 0% 2%;
    }

    .voice-contents p.tex_sm{
        margin: 20px 0 10px;
    }

    .slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
        margin: 0 auto;
    }

    /*矢印の設定*/
    .slick-prev {/*戻る矢印の位置と形状*/
        left:20px !important;
        z-index: 10;
    }

    .slick-next {/*次へ矢印の位置と形状*/
        right: 7% !important;
        z-index: 10;
    }
    .slick-prev:before, .slick-next:before{
        font-size: 40px !important;
    }
    .slick-dots {
        bottom: -25px !important;
    }
}
/*---------- ご利用の流れ ----------*/
.nagare_ttl {
    max-width: 368px;
    margin: 0 auto;
    padding: 40px 260px;
}
.nagare_bg {
    background-image: url(../img/trouble02_bg.png);
    background-repeat: no-repeat;
    padding: 80px 0;
}
.nagare_inner {
    max-width: 1464px;
    margin: 0 auto;
    padding: 0 50px;
}
@media screen and (max-width:767px){ 
    .nagare_ttl {
        max-width: 50%;
        margin: 0 auto;
        padding: 20px 0;
    }
    .nagare_bg {
        padding: 40px 0;
    }
    .nagare_inner {
        max-width: 88%;
        margin: 0 auto;
        padding: 0;
    }
}
/*---------- サービス対象エリア ----------*/
.area_ttl {
    max-width: 532px;
    margin: 0 auto;
    padding: 40px 200px;
}
.area_inner {
    max-width: 986px;
    margin: 0 auto;
    padding: 0 50px;
}
@media screen and (max-width:767px){ 
    .area_ttl {
        max-width: 70%;
        margin: 0 auto;
        padding: 20px 0;
    }
    .area_inner {
        max-width: 100%;
        margin: 0 auto 25px;
        padding: 0;
    }
}

/*---------- Q%A ----------*/
.QA_ttl {
    max-width: 198px;
    margin: 0 auto;
    padding: 40px 310px;
}
@media screen and (max-width:767px){ 
    .QA_ttl {
        max-width: 27%;
        margin: 0 auto;
        padding: 20px 0;
    }
}

/*---------- Q%A アコーディオン----------*/
.toggle_contents {
   
}
.toggle_title {
    border-radius: 10px;
    margin-top: 30px;
    position: relative;
    padding: 3% 3% 3% 7%;
    cursor: pointer;
    font-size: 1.2rem;
    text-align: left;
    line-height: 1.4;
    font-weight: bold;
    color: #fff;
    background-color: #003187;

    max-height: 999999px;  /*Androidブラウザフォントバグ対策*/
}
.toggle_btn {
    position: absolute;
    top: 45%;
    right: 2%;
    transform: translateY(-50%);
    display: block;
    width: 32px;
    height: 32px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 50%;
}
.toggle_btn:before {
    display: block;
    content: '▼';
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(-50%, -50%);
}
.toggle_btn:before {
    width: 2px;
    height: 15px;
}
.toggle_title .toggle_btn:before {
    content: normal;
}
.toggle_contents dd {
    display: none;
    margin-inline-start:0;
}
.toggle_contents:first-of-type dd {
    display: block;
}
.toggle_contents dd p{
    margin: auto ;
    font-size: 1rem;
    line-height: 1.3rem;
    padding: 2%;
    box-sizing: border-box;
    color: #595959;
    position: relative;
    margin-left: 50px;
}
.qa{
    max-width: 842px;
    margin: 70px auto;
    padding: 3%;
    padding-top: 0;
}
.toggle_title::before{
    position: absolute;
    content: "Q";
    top: 0;
    left: 2%;
    content: "Q";
    font-size: 2rem;
    font-weight: bold;
    border-radius: 5px;
    margin-top: 1.5%;
    margin-left: 0.5%;
    color: #f4e144;
}
.toggle_txt::before{
    position: absolute;
    content: "A";
    top: 7%;
    left: -4%;
    content: "A";
    font-size: 2rem;
    font-weight: bold;
    border-radius: 5px;
    margin-top: 1.5%;
    margin-left: 0.5%;
    color: #003187;
}
.qa_txt_waku {
    border: #003187 solid 3px;
    border-radius: 10px;
    margin-top: 10px;
}
@media screen and (max-width:767px){ 
    .toggle_title {
        font-size: 16px;
        padding: 3% 3% 3% 16%;
        margin-top: 20px;
        border-radius: 5px;
    }
    .toggle_title::before {
        top: 2%;
        left: 4%;
    }
    .toggle_contents dd p {
        margin: auto;
        font-size: 1rem;
        line-height: 1.3rem;
        padding: 3%;
        box-sizing: border-box;
        color: #595959;
        position: relative;
        margin-left: 38px;
    }
    .toggle_txt::before {
        top: 7%;
        left: -9%;
    }
    .qa_txt_waku {
        border-radius: 7px;
    }
    
}

/*---------- フォームタイトルのみ ----------*/
.form_ttl {
    max-width: 346px;
    margin: 0 auto;
    padding: 40px 150px;
}
@media screen and (max-width:767px){ 
    .form_ttl {
        max-width: 50%;
        margin: 0 auto;
        padding: 20px 0;
    }
}
/*お問い合わせフォーム*/
.Q_section .arrow{
    max-width: 600px;
    width: 100%;
    margin: 10px auto 20px;
}

.anke{
    background: #e3e3e3;
  }
  .anke h2{
      width: 700px;
      margin: 0 auto;
      padding: 50px 0 30px;
  }
  .form_content{
      max-width: 1000px;
      margin: 0 auto;
      padding: 0 80px 100px;
      background: #f1f1f1;
  }
  .form_ttl{
      padding: 30px 22%;
      border-radius: 30px 30px 0 0;
  }
  .form_content .container{
      background-color: #fff;
      padding: 15px 65px;
  }

  
  .slide-next.question_btn_next:disabled {
    background: #ccc;
      box-shadow: 0px 9px 0px 0px rgba(185, 185, 185, 1);
  }
  button.slide-next.question_btn_next {
        display: block;
      text-align: center;
      margin: auto;
      background: linear-gradient(to bottom, #5d97ec, #1e68d6);
      box-shadow: 0px 9px 0px 0px #003078;
      font-weight: bold;
      width: 220px;
      height: 60px;
      color: #fff;
      font-size: 20px;
      border-radius: 10px;
      border: none;
      margin-top: 2%;
  }
   .q3_input {
      height: 35px;
      width: 95%;
      font-size: 18px;
      margin: 10px auto 20px;
  }
  label span.must {
      margin-left: 10px;
      color: #fff;
      background: #e80000;
      padding: 4px 4px 4px;
      font-size: 11px;
      margin-bottom: 3px;
      margin-right: 2px;
      border-radius: 3px;
  }
  label b{
      border-left: 10px solid #000;
      padding: 6px 0 6px 10px;
  }
  .q_text01>div {
      margin: 20px 0 35px;
  }
  .postcode1,.postcode2{
      height: 35px;
      max-width: 170px;
      width: 100%;
      font-size: 18px;
      margin: 10px auto 20px;
  }
  .prefecture{
      height: 35px;
      max-width: 400px;
      width: 95%;
      font-size: 18px;
      margin: 10px 10px 20px;
  }
  .city{
      height: 35px;
      max-width: 450px;
      width: 100%;
      font-size: 18px;
      margin: 10px 10px 20px;
  }
  
  .address{
      height: 35px;
      max-width: 500px;
      width: 100%;
      font-size: 18px;
      margin: 10px 10px 20px;
  }
  .q_text02>div {
      margin: 20px 0 35px;
  }
  
  .tel1{
      height: 35px;
      max-width: 150px;
      width: 100%;
      font-size: 18px;
      margin: 10px auto 20px;
  }
  .tel2{
      height: 35px;
      max-width: 200px;
      width: 100%;
      font-size: 18px;
      margin: 10px auto 20px;
  }
  .request{
      height: 45px;
      width: 95%;
      font-size: 16px;
      margin: 10px auto 20px;
  }
  .date input ,.date select{
      height: 45px;
      max-width: 230px;
      width: 100%;
      font-size: 18px;
      margin: 10px 5px 20px;
  }
  .naiyou{
      height: 75px;
      width: 95%;
      font-size: 18px;
      margin: 10px auto 20px;
  }
  .q_text03>div {
      margin: 20px 0 0;
  }
  input.submitBtn.question_btn_next {
      display: block;
      text-align: center;
      margin: auto;
      background: linear-gradient(to bottom, #5d97ec, #1e68d6);
      box-shadow: 0px 9px 0px 0px #003078;
      font-weight: bold;
      max-width: 500px;
      width: 100%;
      height: 70px;
      color: #fff;
      font-size: 20px;
      border-radius: 5px;
      border: none;
      margin-bottom: 25px;
      line-height: 1.3;
  }
  input[type="submit"] {
    appearance: none;
    -webkit-appearance: none;
    }
  input.submitBtn.question_btn_next:disabled {
      background: #ccc;
      box-shadow: 0px 9px 0px 0px rgba(185, 185, 185, 1);
  }
  .slick-disabled {
      opacity: 0;
  }
  
  @media screen and (max-width:740px) {
    .anke h2{
        width: 100%;
        padding: 50px 20px 30px;
    }
      .form_content {
      padding: 0px 20px 50px;
  }
      .form_content .container {
      padding: 20px;
  }
      .tel1 {
      max-width: 70px;
      font-size: 13px;
  }
      .tel2 {
      max-width: 75px;
      font-size: 13px;
  }
      .postcode1, .postcode2 {
      width: 80px;
  }
      .prefecture {
      max-width: 400px;
      width: 95%;
      font-size: 16px;
      margin: 10px 0px 20px;
  }
      .city {
      max-width: 450px;
      width: 95%;
      font-size: 16px;
      margin: 10px 0px 20px;
  }
      .q_text03>div {
      margin: 20px 0 0 0px;
  }
      button.slide-next.question_btn_next {
      margin-bottom: 10%;
  }
      span.form_s {
      font-size: 16px;
  }	
      .date input {
      width: 200px;
      margin: 10px 5px 0;
      font-size: 16px;
  }
      .date select{
      width: 200px;
      margin: 10px 5px 0;
      font-size: 16px;
  }
      .naiyou {
      font-size: 15px;
  }
      .form_ttl {
      padding: 25px 6%;
  }
      .q_text01>div {
      margin: 20px 0 35px;
  }
      .q_text02>div {
      margin: 20px 0 35px;
  }
  }
  .err{
      color: #e80000;
      background: rgb(255, 237, 237);
      font-weight: bold;
      margin: 0 0 10px;
      padding: 0 10px;
      font-size: 12px;
  }
  .min {
      font-size: 0.7rem;
      margin-bottom: 5px;
      font-weight: normal;
  }
/*---------- フッター ----------*/
footer {
    background-color: #676767;
    padding: 50px;
    margin-top: 0;
    position: relative;
}
footer p {
    text-align: center;
    color: #fff;
    font-size: 13px;
}
footer a {
    color: #fff;
}
@media (max-width: 768px) {
    footer {
        padding: 20px;
        margin-top: 24%;
    }
}



/*---------- 追従ボタン ----------*/
    .cta_flow{
        position: relative;
    }
    .b_cta{
        width: 60%;
        position: absolute;
        z-index: 100;
        top: 55%;
        left: 13px;
    }
    .b_cta a{
        display: block;
        width: 100%;
    }
    .b_cta a img{
        display: block;
        width: 91%;
        margin: 0 auto
    }
    .button{
        height: auto;
        position: fixed;
        right: 0;
        bottom: 0;
        cursor: pointer;
        transition: .3s;
        /*デフォルトで非表示にする*/
        opacity: 0;
        visibility: hidden;
        z-index: 20;
    }

    /*このクラスが付与されると表示する*/
    .active{
        opacity: 1;
        visibility: visible;
    }
    /*このクラスが付与されると表示する*/
    .absolute{
        position: absolute;
        top: -30vw;
        height: auto;
    }
@media (min-width: 768px) {
    .button{
        display: none;
    }
}
/*---------- 改行レスポンシブ ----------*/ 
@media (min-width: 768px) { 
    .br-sp {  
        display: none;  
    }  
}      
@media (max-width: 768px) { 
    .br-pc { display:none; }  
} 

/* 協力店募集 */
.boshu{
    background-color:#F4E144;
    padding:20px;
    position:relative;
}

.boshu::before{
    content:'';
    border-right:30px solid transparent;
    border-bottom:35px solid #F4E144;
    border-left:30px solid transparent;
    position:absolute;
    top:-17%;
    left:50%;
}

@media (max-width: 768px) {
    .boshu::before{
        content:'';
        border-right:15px solid transparent;
        border-bottom:20px solid #F4E144;
        border-left:15px solid transparent;
        position:absolute;
        top:-8%;
        left:46%;
    }
}

.boshu p{
    text-align:center;
    font-weight: bold;
    font-size:19px;
    margin:0;
}

@media (max-width: 768px) { 
    .boshu p{
    font-size:0.7rem;
    }
}

.boshu.second{
    background-color:#003187;
    color:#fff;
}

.boshu.second::before{
    border-bottom:35px solid #003187;
}